:root{color:#e8e8e8;font-synthesis:none;background:#050608;font-family:SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 10%,#151821,#050608 55%);min-width:320px;margin:0}button{font:inherit;color:#e8e8e8;cursor:pointer;background:#11141a;border:1px solid #677080;padding:.7rem 1rem}button:hover{color:#dfff00;border-color:#dfff00}main{width:min(1180px,100% - 28px);margin:auto;padding:24px 0 60px}header{border-bottom:1px solid #30343d;justify-content:space-between;align-items:center;margin-bottom:14px;padding:0 0 14px;display:flex}.eyebrow{color:#8d95a3;letter-spacing:.16em;font-size:.68rem;display:block}.streak{color:#dfff00;text-shadow:0 0 24px #a9ff0066;margin-right:.5rem;font-size:clamp(3rem,8vw,6rem);line-height:.8}.sound{font-size:.72rem}.arena{background:#090b10;border:1px solid #343946;min-height:520px;position:relative;overflow:hidden;box-shadow:0 25px 100px #000}.arena:before{content:"";background-color:#0000;background-image:linear-gradient(90deg,#00ffd50a 1px,#0000 1px),linear-gradient(#00ffd50a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.scanlines{pointer-events:none;z-index:4;background:repeating-linear-gradient(0deg,#0000 0 3px,#0004 4px);position:absolute;inset:0}.center{text-align:center;z-index:3;place-content:center;gap:18px;display:grid;position:absolute;inset:0}.logo{letter-spacing:-.1em;color:#dfff00;text-shadow:6px 5px #ff2da0,-5px -4px #00e5ff;margin:0;font-size:clamp(3.6rem,10vw,8rem);font-weight:1000;line-height:.75}.primary{color:#080908;background:#dfff00;border:0;font-size:1rem;font-weight:900;box-shadow:6px 6px #ff2da0}.primary:hover{color:#080908;transform:translate(2px,2px);box-shadow:3px 3px #ff2da0}.pulse{color:#00e5ff;font-size:2rem;animation:1s steps(2,end) infinite pulse}.battle-head{z-index:3;color:#00e5ff;justify-content:space-between;padding:16px;font-size:.75rem;display:flex;position:relative}.warning{color:#ffb000}.fighters{z-index:2;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:320px;padding:36px;display:grid;position:relative}.fighter{min-width:0;transition:transform .12s}.fighter.right{text-align:right}.label{letter-spacing:.16em;color:#8e96a4;margin-bottom:8px;font-size:.75rem}.hp{background:#242833;border:2px solid #828b9c;height:16px}.hp i{background:#dfff00;height:100%;transition:width .35s;display:block;box-shadow:0 0 16px #dfff00}.right .hp i{background:#ff2da0;margin-left:auto;box-shadow:0 0 16px #ff2da0}.fighter b{margin:6px 0 24px;font-size:.75rem;display:block}.uuid{white-space:nowrap;color:#00e5ff;text-shadow:0 0 12px #00e5ff88;font-size:clamp(.62rem,1.35vw,1.06rem);display:block}.right .uuid{color:#ff2da0;text-shadow:0 0 12px #ff2da088}.deciding{color:#fff;background:#7a5cff;outline:2px solid #fff;padding:2px}.versus{color:#fff;font-size:2rem;font-weight:1000}.attack-left .fighter.left{animation:.45s attackLeft}.attack-right .fighter.right{animation:.45s attackRight}.defeated{filter:grayscale();opacity:.35;transform:translateY(35px)rotate(3deg)}.result{z-index:5;text-align:center;padding:12px 16px 30px;position:relative}.result h2{margin:0;font-size:3rem}.win{color:#dfff00}.lose{color:#ff2da0}.history{margin-top:28px}.history h2{letter-spacing:.12em;font-size:1rem}.history small,.empty{color:#7e8796;font-weight:400}.log-list{gap:8px;display:grid}.log-list article{background:#0b0d12;border:1px solid #292d36;grid-template-columns:70px 160px 1fr 1fr;align-items:center;gap:12px;padding:12px;display:grid}.log-list time{color:#8e96a4;font-size:.68rem}.log-list code{text-overflow:ellipsis;font-size:.68rem;overflow:hidden}@keyframes pulse{50%{opacity:.35}}@keyframes attackLeft{50%{transform:translate(40%)scale(1.1)}}@keyframes attackRight{50%{transform:translate(-40%)scale(1.1)}}@media (width<=720px){main{width:min(100% - 16px,1180px);padding-top:12px}.arena{min-height:650px}.fighters{grid-template-columns:1fr;gap:18px;padding:20px}.fighter.right{text-align:left}.right .hp i{margin-left:0}.versus{text-align:center}.uuid{font-size:clamp(.52rem,2.7vw,.88rem)}.log-list article{grid-template-columns:60px 1fr}.log-list code{grid-column:1/-1}.battle-head{flex-direction:column;gap:5px}.result h2{font-size:2.3rem}}.countdown{z-index:12;color:#dfff00;text-shadow:8px 8px #ff2da0,-7px -7px #00e5ff;pointer-events:none;background:#050608cc;place-items:center;font-size:clamp(8rem,35vw,20rem);font-weight:1000;line-height:1;animation:.22s ease-out countdownPop;display:grid;position:absolute;inset:0}.rare-cutin{z-index:10;color:#050608;pointer-events:none;background:linear-gradient(100deg,#00e5ff 0 48%,#dfff00 48% 52%,#ff2da0 52%);border-block:5px solid #fff;place-items:center;gap:5px;padding:22px 7%;animation:2s cubic-bezier(.16,.8,.25,1) forwards rareCutIn;display:grid;position:absolute;top:31%;left:-4%;right:-4%;transform:skewY(-3deg)translate(-120%);box-shadow:0 0 60px #fff8}.rare-cutin.right{background:linear-gradient(100deg,#ff2da0 0 48%,#dfff00 48% 52%,#00e5ff 52%)}.rare-cutin span{letter-spacing:.35em;font-size:.7rem;font-weight:1000}.rare-cutin strong{text-shadow:3px 3px #fff;font-size:clamp(2.2rem,7vw,5.2rem);font-style:italic;line-height:.9}.rare-cutin code{white-space:nowrap;font-size:clamp(.56rem,1.6vw,1rem);font-weight:900}@keyframes countdownPop{0%{opacity:0;transform:scale(1.45)}to{opacity:1;transform:scale(1)}}@keyframes rareCutIn{0%{opacity:0;transform:skewY(-3deg)translate(-120%)}10%,90%{opacity:1;transform:skewY(-3deg)translate(0)}to{opacity:0;transform:skewY(-3deg)translate(120%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.attack-left .fighter.left,.attack-right .fighter.right{transform:none}.rare-cutin{opacity:1;animation:none;transform:none}}