*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#050b12;color:#d9f5f3;font:14px "Segoe UI",sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #20434c;background:linear-gradient(110deg,#10252e,#090e1d)}small,.badge,footer{font:10px monospace;letter-spacing:2px;color:#75d6d3}h1{margin:5px 0 0;font-size:26px;letter-spacing:4px}.badge{border:1px solid #28585c;padding:9px}nav{display:flex;flex-wrap:wrap;gap:7px;padding:12px 24px}button,summary{cursor:pointer}button{border:1px solid #2a4653;background:#101c28;color:#bcdbdf;padding:10px 14px;font:12px monospace;border-radius:3px}button:hover,button:focus-visible{border-color:#8df9ed;outline:1px solid #8df9ed}button[aria-pressed=true]{background:#204745;color:#adfff1;border-color:#6cebd7}#arena{position:relative;margin:0 24px;border:1px solid #2b626a;background:radial-gradient(ellipse at center,#101c31,#040810);height:clamp(320px,55vh,680px);overflow:hidden}canvas{display:block;width:100%;height:100%}footer{display:flex;justify-content:space-between;gap:16px;padding:14px 24px;letter-spacing:1px;line-height:1.7}#mode{color:#a58bff}details{margin:0 24px 20px;border-top:1px solid #203b48}summary{padding:14px 0;color:#a1bdc9}.info{display:grid;grid-template-columns:1fr 2fr;gap:30px;line-height:1.6;color:#a6bbc5}h2{font-size:14px;color:#7ee3db}#notice{position:absolute;top:12px;left:12px;background:#08141fe6;color:#c1f7ee;padding:8px;pointer-events:none}#notice:empty{display:none}.message{display:none;position:absolute;top:40%;left:15%;width:70%;background:#08121fee;text-align:center;padding:20px;pointer-events:none}#touch{display:none;gap:8px;padding:10px 24px}#touch button{touch-action:none;min-width:46px;min-height:46px}body[data-playing=true] #touch{display:flex}@media(min-width:900px) and (pointer:fine){body[data-playing=true] #touch{display:none}}@media(max-width:600px){header{padding:14px}.badge{display:none}nav{padding:10px}nav button{flex:1;padding:9px;font-size:11px}#arena{margin:0 10px;height:48vh}h1{font-size:22px}footer{padding:12px;flex-direction:column;gap:4px}.info{grid-template-columns:1fr}details{margin:0 12px}#touch{padding:10px 12px}}