.dnn-guard,.dnn-guard *{box-sizing:border-box}.dnn-guard{--red:#d71920;--dark:#141414;--paper:#fffdf3;--yellow:#ffd43b;--blue:#1687d9;width:100%;max-width:920px;margin:24px auto;color:var(--dark);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.7}.dnn-guard [hidden]{display:none!important}.dnn-guard__breaking{display:flex;overflow:hidden;border-radius:10px 10px 0 0;color:#fff;background:var(--dark);font-size:13px;font-weight:900}.dnn-guard__breaking span{padding:11px 16px;background:var(--red);letter-spacing:.06em}.dnn-guard__breaking b{padding:11px 16px}.dnn-guard__panel{padding:clamp(22px,4vw,46px);border:1px solid #d8d2c2;border-top:0;border-radius:0 0 10px 10px;background:linear-gradient(rgba(20,20,20,.025) 1px,transparent 1px),var(--paper);background-size:100% 28px;box-shadow:0 16px 40px rgba(0,0,0,.12);text-align:center}.dnn-guard__eyebrow{margin:0 0 6px;color:var(--red);font-size:13px;font-weight:900;letter-spacing:.1em}.dnn-guard .dnn-guard__title{margin:0;padding:0;border:0;color:var(--dark);background:transparent;font-size:clamp(29px,6vw,50px);font-weight:900;line-height:1.22}.dnn-guard .dnn-guard__title:before,.dnn-guard .dnn-guard__title:after{display:none!important;width:0!important;height:0!important;border:0!important;background:none!important;content:none!important}.dnn-guard__lead{max-width:720px;margin:13px auto 20px;font-size:clamp(14px,2.8vw,18px)}.dnn-guard__hud{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:3px solid var(--dark);border-bottom:0;border-radius:10px 10px 0 0;color:#fff;background:var(--dark);font-family:Impact,"Arial Black",sans-serif;letter-spacing:.08em}.dnn-guard__hud span{padding:8px 5px;border-right:1px solid #555}.dnn-guard__hud span:last-child{border:0}.dnn-guard__hud strong{color:var(--yellow);font-size:1.15em}.dnn-guard__arena{position:relative;overflow:hidden;min-height:clamp(350px,54vw,500px);border:3px solid var(--dark);border-top:0;background:linear-gradient(180deg,#dcf1ff 0 53%,#b8c8d0 53% 56%,#42464b 56% 100%);isolation:isolate}.dnn-guard__arena:after{position:absolute;right:0;bottom:0;left:0;z-index:-1;height:44%;background:repeating-linear-gradient(90deg,transparent 0 62px,rgba(255,255,255,.08) 62px 65px),linear-gradient(165deg,transparent 0 38%,rgba(0,0,0,.18) 39% 41%,transparent 42%);content:""}.dnn-guard__skyline{position:absolute;top:22%;right:-3%;left:-3%;height:32%;opacity:.3;background:linear-gradient(90deg,#38444b 0 8%,transparent 8% 11%,#38444b 11% 21%,transparent 21% 24%,#38444b 24% 35%,transparent 35% 39%,#38444b 39% 52%,transparent 52% 56%,#38444b 56% 70%,transparent 70% 74%,#38444b 74% 83%,transparent 83% 87%,#38444b 87% 100%);clip-path:polygon(0 35%,6% 35%,6% 5%,11% 5%,11% 50%,22% 50%,22% 20%,30% 20%,30% 45%,42% 45%,42% 0,48% 0,48% 54%,61% 54%,61% 26%,70% 26%,70% 47%,80% 47%,80% 12%,87% 12%,87% 38%,100% 38%,100% 100%,0 100%)}.dnn-guard__message{position:absolute;top:10px;left:50%;z-index:8;min-width:min(82%,520px);padding:7px 18px;transform:translateX(-50%);border:2px solid #fff;border-radius:999px;color:#fff;background:rgba(0,0,0,.82);box-shadow:0 2px 0 #000;font-size:clamp(13px,2.6vw,18px);font-weight:900}.dnn-guard__fighter{position:absolute;bottom:30px;z-index:3;width:clamp(180px,38%,330px);height:82%;background-position:center bottom;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(8px 10px 0 rgba(0,0,0,.25));transform-origin:50% 100%;transition:transform .12s ease,filter .12s ease}.dnn-guard__fighter--player{left:3%;background-image:url("guard-player.webp")}.dnn-guard__fighter--opponent{right:3%;background-image:url("guard-opponent.webp")}.dnn-guard__fighter--opponent.is-ready{animation:dnn-guard-breathe .55s steps(2,end) infinite}.dnn-guard__fighter--opponent.is-attack-mid{animation:dnn-guard-mid 1.05s cubic-bezier(.2,.8,.25,1) both}.dnn-guard__fighter--opponent.is-attack-low{animation:dnn-guard-low 1.05s cubic-bezier(.2,.8,.25,1) both}.dnn-guard__fighter--player.is-stand-guard{transform:translateX(7%) rotate(2deg) scaleX(.96);filter:drop-shadow(8px 10px 0 rgba(0,0,0,.25)) drop-shadow(0 0 10px #46c9ff)}.dnn-guard__fighter--player.is-crouch-guard{transform:translateY(13%) scaleY(.82) scaleX(1.08);filter:drop-shadow(8px 10px 0 rgba(0,0,0,.25)) drop-shadow(0 0 10px #ffd43b)}.dnn-guard__fighter--player.is-hit{animation:dnn-guard-hit .45s steps(2,end) 2;filter:sepia(1) saturate(7) drop-shadow(0 0 12px #ff241e)}.dnn-guard__fighter--player.is-success{filter:drop-shadow(8px 10px 0 rgba(0,0,0,.25)) drop-shadow(0 0 16px #45e5ff)}.dnn-guard__fighter.is-finished{animation:dnn-guard-breathe .8s steps(2,end) infinite}.dnn-guard__attack-sign{position:absolute;top:19%;left:50%;z-index:9;padding:5px 16px;transform:translateX(-50%) rotate(-3deg);border:3px solid var(--dark);box-shadow:4px 4px 0 var(--dark);font-size:clamp(20px,4vw,34px);font-weight:900;line-height:1.25}.dnn-guard__attack-sign--mid{color:#fff;background:var(--red)}.dnn-guard__attack-sign--low{background:var(--yellow)}.dnn-guard__impact{position:absolute;top:45%;left:48%;z-index:10;width:20px;height:20px;pointer-events:none}.dnn-guard__impact.is-visible:before,.dnn-guard__impact.is-visible:after{position:absolute;inset:-65px;border:15px solid #fff;clip-path:polygon(50% 0,59% 38%,100% 18%,65% 48%,100% 66%,61% 60%,70% 100%,50% 67%,29% 100%,38% 60%,0 70%,35% 49%,0 26%,41% 39%);content:"";animation:dnn-guard-impact .35s ease-out both}.dnn-guard__impact.is-block:before{background:#37dbff}.dnn-guard__impact.is-hit:before{background:#ff2b1f}.dnn-guard__impact.is-visible:after{inset:-30px;background:#fff}.dnn-guard__names{position:absolute;right:13px;bottom:7px;left:13px;z-index:6;display:flex;justify-content:space-between;color:#fff;font-size:clamp(11px,2.4vw,16px);font-weight:900;text-shadow:2px 2px 0 #000}.dnn-guard__cover{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:#fff;background:rgba(9,13,17,.87);backdrop-filter:blur(3px)}.dnn-guard__cover strong{font-size:clamp(34px,8vw,66px);font-style:italic;line-height:1.1;text-shadow:4px 4px 0 var(--red)}.dnn-guard__cover span{margin:12px 0 23px;font-weight:800}.dnn-guard__cover button,.dnn-guard__retry,.dnn-guard__share a,.dnn-guard__share button{appearance:none;border:0;border-radius:999px;font:inherit;font-weight:900;cursor:pointer;text-decoration:none}.dnn-guard__cover button{padding:14px 42px;color:#fff;background:var(--red);box-shadow:0 7px 0 #870d12;font-size:clamp(20px,4vw,27px)}.dnn-guard__controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.dnn-guard__button{appearance:none;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:112px;padding:14px;border:3px solid var(--dark);border-radius:12px;color:var(--dark);background:#fff;box-shadow:0 7px 0 var(--dark);font:inherit;cursor:pointer;touch-action:none;user-select:none}.dnn-guard__button small{position:absolute;top:7px;left:9px;padding:1px 7px;border-radius:5px;color:#fff;background:var(--dark);font-size:11px}.dnn-guard__button strong{font-size:clamp(21px,4.6vw,31px);line-height:1.2}.dnn-guard__button span{font-size:12px}.dnn-guard__button--stand{background:#dff5ff}.dnn-guard__button--crouch{background:#fff1a9}.dnn-guard__button.is-active{transform:translateY(6px);box-shadow:0 1px 0 var(--dark)}.dnn-guard__button--stand.is-active{color:#fff;background:#087cc4}.dnn-guard__button--crouch.is-active{background:#f0a600}.dnn-guard__help{margin:17px 0 0;color:#555;font-size:13px}.dnn-guard__result{margin-top:30px;padding-top:30px;border-top:4px double var(--dark)}.dnn-guard__score-label{font-size:13px;font-weight:900;letter-spacing:.2em}.dnn-guard__final-score{font-size:clamp(70px,18vw,110px);font-weight:900;line-height:1.1}.dnn-guard__final-score small{font-size:.3em}.dnn-guard__reaction{margin:0 0 22px}.dnn-guard__article{padding:clamp(23px,5vw,40px);border:3px solid var(--dark);background:#fff;text-align:left}.dnn-guard__article>div{display:inline-block;padding:3px 14px;color:#fff;background:var(--red);font-weight:900;letter-spacing:.2em}.dnn-guard .dnn-guard__article h2{margin:10px 0 16px;padding:0 0 14px;border:0;border-bottom:2px solid var(--dark);color:var(--dark);background:transparent;font-size:clamp(23px,5vw,36px);font-weight:900;line-height:1.35}.dnn-guard .dnn-guard__article h2:before,.dnn-guard .dnn-guard__article h2:after{display:none!important;width:0!important;height:0!important;border:0!important;background:none!important;content:none!important}.dnn-guard__article span{display:inline-block;padding:7px 12px;background:var(--yellow)}.dnn-guard__best{font-weight:800}.dnn-guard__share{margin-top:25px;padding-top:22px;border-top:1px solid #ccc7b8}.dnn-guard__share>p{font-weight:800}.dnn-guard__share>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dnn-guard__share a,.dnn-guard__share button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px;color:#fff!important;background:#111;font-size:14px}.dnn-guard__share a:nth-child(2){background:#06c755}.dnn-guard__share button{background:#4b5563}.dnn-guard__share small{display:block;min-height:1.7em;margin-top:8px;color:#146c2e}.dnn-guard__retry{padding:12px 28px;border:2px solid var(--dark);background:transparent}.dnn-guard button:focus-visible,.dnn-guard a:focus-visible{outline:4px solid rgba(0,104,255,.3);outline-offset:3px}@keyframes dnn-guard-breathe{50%{transform:translateY(-4px)}}@keyframes dnn-guard-mid{0%{transform:translateX(0)}45%,62%{transform:translateX(-36%) translateY(-2%) rotate(-7deg) scale(1.05)}100%{transform:translateX(0)}}@keyframes dnn-guard-low{0%{transform:translateX(0)}45%,62%{transform:translateX(-40%) translateY(12%) rotate(10deg) scaleY(.87)}100%{transform:translateX(0)}}@keyframes dnn-guard-hit{0%,100%{transform:translateX(0)}50%{transform:translateX(-10%) rotate(-6deg)}}@keyframes dnn-guard-impact{0%{transform:scale(.2) rotate(0);opacity:0}35%{opacity:1}100%{transform:scale(1.25) rotate(35deg);opacity:0}}@media(max-width:600px){.dnn-guard{margin:12px auto}.dnn-guard__panel{padding:25px 10px 30px}.dnn-guard__breaking span,.dnn-guard__breaking b{padding:9px 8px;font-size:9px}.dnn-guard__arena{min-height:365px}.dnn-guard__fighter{bottom:28px;width:48%;height:74%}.dnn-guard__fighter--player{left:-3%}.dnn-guard__fighter--opponent{right:-3%}.dnn-guard__message{top:7px}.dnn-guard__attack-sign{top:18%}.dnn-guard__controls{gap:8px}.dnn-guard__button{min-height:101px;padding:12px 5px}.dnn-guard__button small{display:none}.dnn-guard__share>div{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dnn-guard *{scroll-behavior:auto!important}.dnn-guard__fighter,.dnn-guard__impact:before,.dnn-guard__impact:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}