*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:#14151a;color:#eaeaf0;font-family:Segoe UI,system-ui,sans-serif;display:flex;flex-direction:column;align-items:center}header{width:100%;max-width:1240px;display:flex;align-items:baseline;justify-content:space-between;padding:14px 24px 0}h1{margin:0;font-size:22px;letter-spacing:1px;font-weight:600}h1 .accent{color:#ff5252;font-style:italic}.header-right{display:flex;align-items:center;gap:12px}#room-banner{font-size:13px;color:#9a9aa8}#leave-btn{background:#23242c;color:#9a9aa8;border:1px solid #3a3b45;border-radius:6px;padding:4px 12px;font-size:12px;cursor:pointer}#leave-btn:hover{color:#ff7b7b;border-color:#ff5252}main{width:100%;max-width:1240px;padding:18px 24px 40px;display:flex;flex-direction:column;align-items:center}.lobby-card{width:100%;max-width:540px;background:#1b1c22;border:1px solid #2c2d36;border-radius:14px;padding:22px 26px;display:flex;flex-direction:column;gap:18px;margin-top:24px}.lobby-field{display:flex;flex-direction:column;gap:6px;font-size:12px;letter-spacing:2px;color:#9a9aa8}.lobby-section h2{margin:0 0 8px;font-size:12px;letter-spacing:4px;color:#9a9aa8;font-weight:600}.lobby-row{display:flex;gap:8px}.lobby-row input{flex:1}.lobby-card input{background:#14151a;border:1px solid #3a3b45;color:#eaeaf0;border-radius:7px;padding:8px 10px;font-size:14px}.lobby-card button{background:#ff5252;color:#fff;border:none;border-radius:7px;padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer}.lobby-card button:disabled{opacity:.45;cursor:default}#room-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;max-height:220px;overflow-y:auto}.room-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#14151a;border:1px solid #2c2d36;border-radius:8px;padding:7px 12px;font-size:14px}.room-row button{background:#23242c;color:#eaeaf0;border:1px solid #3a3b45;font-weight:600;padding:5px 16px}.room-row button:not(:disabled):hover{border-color:#ff5252}#lobby-status{min-height:20px;font-size:13px;color:#9a9aa8}#lobby-status.error{color:#ff7b7b}.lobby-hint{font-size:12px}.toolbar{display:flex;align-items:center;gap:18px;margin-bottom:14px;min-height:34px}.swatches{display:flex;gap:8px}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid #3a3b45;cursor:pointer;padding:0}.swatch.active{border-color:#eaeaf0;box-shadow:0 0 0 2px #14151a,0 0 0 4px #6a6b78}.tool-hint{font-size:12px}#draw-timer{margin-left:auto;font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;color:#eaeaf0;min-width:70px;text-align:right}#draw-timer.urgent{color:#ff5252}.scrubby{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:14px;background:#2c2d36;border:1px solid #3a3b45;border-radius:999px;padding:5px 14px;min-width:130px;font-size:13px;cursor:ew-resize;-webkit-user-select:none;user-select:none}.scrubby:hover{background:#33343f}.scrubby-fill{position:absolute;left:0;top:0;bottom:0;background:#3b5378;pointer-events:none}.scrubby:hover .scrubby-fill{background:#42608f}.scrubby-label{color:#9a9aa8;position:relative}.scrubby-value{color:#eaeaf0;font-weight:600;font-variant-numeric:tabular-nums;position:relative}.scrubby-input{position:relative}.scrubby-input{width:52px;background:#14151a;border:1px solid #6a6b78;color:#eaeaf0;border-radius:5px;padding:1px 5px;font-size:13px;text-align:right}.pads{display:flex;align-items:center;gap:28px}.pad{display:flex;flex-direction:column;align-items:center;gap:10px}.pad h2{margin:0;font-size:13px;letter-spacing:4px;color:#9a9aa8;font-weight:600}.pad canvas{width:512px;max-width:42vw;border-radius:10px;box-shadow:0 10px 34px #00000080;cursor:crosshair;touch-action:none}.clear-btn{background:#23242c;color:#9a9aa8;border:1px solid #3a3b45;border-radius:6px;padding:5px 16px;font-size:13px;cursor:pointer}.clear-btn:hover{color:#eaeaf0}.fight-col{display:flex;align-items:center}#start-btn{background:#ff5252;color:#fff;border:none;border-radius:12px;padding:20px 26px;font-size:26px;font-weight:800;letter-spacing:2px;font-style:italic;cursor:pointer;box-shadow:0 8px 24px #ff525259;transition:transform .1s}#start-btn:hover:not(:disabled){transform:scale(1.06)}#start-btn:disabled{opacity:.45;cursor:default}#battle-view{width:100%;display:flex;flex-direction:column;align-items:center}.names{width:100%;max-width:1160px;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;margin-bottom:6px}.name-card{text-align:center}.name{font-size:34px;font-weight:800}.type{font-size:13px;letter-spacing:5px;font-weight:600;min-height:18px;margin-top:2px}.vs{font-size:30px;font-weight:900;font-style:italic;color:#ff5252;padding-top:4px}.stage-wrap{position:relative;width:100%;max-width:1160px}#stage{width:100%;display:block}#verb-banner{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);font-size:52px;font-weight:900;font-style:italic;letter-spacing:2px;color:#ffd93d;text-shadow:0 4px 0 #b3541e,0 10px 30px rgba(0,0,0,.6);white-space:nowrap;pointer-events:none;animation:slam .45s cubic-bezier(.2,2.2,.4,1) both}@keyframes slam{0%{transform:translate(-50%,-50%) scale(3.2);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.battle-controls{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:90px}#result-line{font-size:18px;color:#9a9aa8}#again-btn{background:#23242c;color:#eaeaf0;border:1px solid #3a3b45;border-radius:8px;padding:10px 26px;font-size:15px;cursor:pointer}#again-btn:hover{border-color:#ff5252}#status{margin-top:16px;font-size:15px;color:#9a9aa8;min-height:22px;text-align:center}#status.error{color:#ff7b7b}#debug-panel{position:fixed;top:0;right:0;width:420px;max-width:92vw;height:100vh;background:#0a0b0ef5;border-left:1px solid #3a3b45;padding:14px;font-family:Consolas,monospace;font-size:12px;display:flex;flex-direction:column;gap:10px;z-index:50}#debug-panel h3{margin:0;font-size:13px;color:#ffd93d}#debug-panel .hint{color:#6a6b78;font-weight:400;font-size:11px}.debug-row{display:flex;gap:8px;align-items:center}#debug-panel button{background:#23242c;color:#eaeaf0;border:1px solid #3a3b45;border-radius:5px;padding:5px 12px;font-size:12px;cursor:pointer}#debug-panel button:hover{border-color:#ffd93d}#debug-panel select{background:#1c1d24;border:1px solid #3a3b45;color:#eaeaf0;border-radius:5px;padding:4px 8px;font-size:12px}#debug-settings{display:flex;flex-direction:column;gap:8px}#debug-settings .scrubby{border-radius:7px;font-size:12px;padding:4px 10px}.dbg-section-title{color:#ffd93d;letter-spacing:2px;font-size:11px}#debug-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.dbg-fight{color:#ffd93d;margin-top:6px}.dbg-call{color:#c8c9d4;border-left:2px solid #3a3b45;padding-left:8px}.dbg-cache{color:#7ee787;font-weight:700}.dbg-total{color:#7ee787}.dbg-total.session{margin-top:8px;font-weight:700}.dim{color:#6a6b78}