:root{color-scheme:dark;--bg:#0b0c0f;--ink:#f2f0df;--dim:#aaa9a7;--green:#c9ff3d;--pink:#ff6f9d;--line:#343639}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;background-image:linear-gradient(#ffffff03 1px,transparent 1px);background-size:100% 4px}nav{display:flex;justify-content:space-between;max-width:1060px;padding:22px;margin:auto;font-size:12px}a{color:inherit;text-underline-offset:4px}button,a{touch-action:manipulation}button,summary{cursor:pointer}button{font:inherit;color:inherit;border:1px solid var(--line);background:#181a1e;min-height:46px;padding:10px 16px}button:hover{border-color:var(--green)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:4px}[hidden]{display:none!important}main{max-width:960px;margin:auto;padding:0 24px}.hero{text-align:center;padding:30px 0 22px}.eyebrow{letter-spacing:2px;font-size:11px;font-weight:800}.dot{display:inline-block;width:8px;height:8px;background:#ff4e55;border-radius:50%;box-shadow:0 0 12px #ff4e5577;animation:pulse 1.5s infinite;vertical-align:middle}h1{font-size:clamp(35px,6.9vw,76px);line-height:1.05;letter-spacing:-4px;margin:20px 0;font-weight:1000;text-shadow:3px 3px #000;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}h1 span:first-child{color:var(--green)}h1 span:nth-of-type(2){color:var(--pink)}h1 i{font-size:28px;color:var(--dim);letter-spacing:-1px}h1 b{font-size:36px}.lead{font-size:19px}.instructions{color:var(--dim)}.instructions strong{color:var(--ink)}.mobile{display:none}.connection{text-align:center;min-height:40px;font-size:12px;color:var(--dim)}.connection button{min-height:44px;font-size:12px}.players{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px;margin:auto}.fighter{min-width:0;border:1px solid var(--line);padding:10px;background:#111216;box-shadow:5px 5px 0 #000}.fighter h2{margin:3px 0 10px;font-size:20px;letter-spacing:3px;text-align:center}.screen{aspect-ratio:9/16;background:#030404;position:relative}.screen video{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.waiting{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:10px;color:var(--dim);font-size:12px}.screen.loaded .waiting{display:none}.vote,.sound{width:100%;margin-top:8px}.vote{background:var(--green);color:#0b0c0f;border:0;font-size:19px;font-weight:1000;box-shadow:0 4px #688917}.fighter:nth-child(2) .vote{background:var(--pink);box-shadow:0 4px #8f3554}.sound{font-size:12px;padding:6px}.fine{color:var(--dim);font-size:11px;margin:18px 0}.reveal{text-align:center;background:var(--green);color:#111;padding:28px 15px;margin:32px 0;border:4px solid #efffd1;animation:reveal .45s steps(4,end)}.reveal h2{font-size:clamp(22px,4.5vw,40px);line-height:1.1}.reveal button{color:var(--ink);border-color:#111}.reveal p{margin-bottom:10px}details{border:1px solid var(--line);margin:35px 0}summary{padding:18px;font-weight:800;min-height:58px}.detail-content{padding:0 20px 15px}.detail-content h2{font-size:22px}.detail-content strong{color:var(--green)}.detail-content p:nth-of-type(2) strong{color:var(--pink)}.question{font-size:20px}section.scoreboard,section.tips,#bonus{border-top:2px solid var(--line);padding:28px 0;margin-top:28px}h2{font-size:26px;line-height:1.2;letter-spacing:-1px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{margin:0}.section-head>span{font-size:12px}.scoreboard>p{color:var(--dim);font-size:12px}.scores{display:flex;justify-content:space-between;margin-top:25px}.scores>div{display:grid;gap:3px;color:var(--green)}.scores>div:last-child{color:var(--pink);text-align:right}.scores b{font-size:50px;line-height:1.1}.scores span{font-size:14px}.tug{height:24px;background:var(--pink);margin-top:15px;overflow:hidden;border:2px solid var(--ink)}#tug-fill{height:100%;width:100%;background:var(--green);transform:scaleX(.5);transform-origin:left;transition:transform .4s}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;min-width:330px}th,td{text-align:right;padding:14px 7px;border-bottom:1px solid var(--line)}th:first-child,td:first-child{text-align:left}small{font-size:10px;color:var(--dim);font-weight:normal}caption{text-align:left;font-size:11px;color:var(--dim);padding:12px 0}#winner{font-size:24px;color:var(--green);font-weight:900}#bonus p{font-size:12px;color:var(--dim)}.bonuses{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:560px}.bonuses video{width:100%;aspect-ratio:9/16;background:#000}.tips h2{margin-top:10px}.tip-links{display:flex;gap:14px}.tip-links a,.play{display:block;border:1px solid var(--green);padding:16px;min-height:50px;text-decoration:none;font-weight:800}.tip-links a:nth-child(2){border-color:var(--pink)}#disclaimer{font-size:12px;line-height:1.8;color:var(--dim);max-width:780px}footer{padding:30px 0;text-align:center}.play{background:var(--green);color:#12150b}footer p{font-size:12px;color:var(--dim)}.admin input{width:100%;font:inherit;background:#111;color:var(--ink);border:1px solid var(--line);padding:10px;min-height:46px}.admin label{display:block;font-size:12px}.admin .admin-row{display:grid;grid-template-columns:130px 120px 1fr;gap:14px;align-items:center;border-top:1px solid var(--line);padding:16px 0}.admin .close{display:flex;align-items:center;gap:12px;margin:20px 0}.admin .close input{width:30px;height:30px}.admin header{padding:20px 0}.admin h1{font-size:40px;justify-content:start;letter-spacing:-2px}.admin #save{background:var(--green);color:#111;position:sticky;bottom:20px;min-width:170px}.error{color:#ff9d9d!important}@keyframes pulse{50%{opacity:.35}}@keyframes reveal{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){main{padding:0 16px}nav{padding:16px}.hero{padding-top:10px}h1{font-size:39px;gap:9px;letter-spacing:-2px}h1 b{display:none}h1 i{font-size:23px}.eyebrow{font-size:9px;letter-spacing:1px}.lead{font-size:16px}.instructions{font-size:12px}.mobile{display:block}.players{gap:10px}.fighter{padding:6px}.fighter h2{font-size:16px;letter-spacing:2px}.vote{font-size:16px}.sound{font-size:10px;padding:5px}.scores b{font-size:44px}h2{font-size:22px}.tip-links{flex-direction:column}.admin .admin-row{grid-template-columns:1fr 1fr}.admin .admin-row label:last-child{grid-column:1/-1}.admin h1{font-size:32px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.battle-play-top{display:flex;align-items:center;justify-content:center;gap:16px;min-height:64px;max-width:960px;margin:16px auto 0;padding:14px 20px;background:var(--green);color:#0b0c0f;border:3px solid #efffc4;box-shadow:0 5px #648513;text-decoration:none}.battle-play-top svg{width:min(300px,70vw);height:35px;fill:currentColor}.battle-play-top>span{font-size:30px;line-height:1}.battle-play-top:hover{background:#deff8b}@media(max-width:600px){.battle-play-top{width:100%;margin-top:0;min-height:68px;gap:12px;padding:14px 12px}}

.share-actions{display:flex;gap:10px;max-width:560px;margin:20px auto 0}.share-actions a,.share-actions button{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:48px;padding:10px;background:#181a1e;color:var(--ink);border:1px solid #111;text-decoration:none;font:14px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.share-actions a:hover,.share-actions button:hover{background:#303238}.share-toast{min-height:1.6em;font-size:14px}
