@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--pink:#ff299b;--cyan:#66eaff;--ink:#08090e;--line:#ffffff24;--text:#f7f5fa}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font-family:'Space Grotesk',Arial,sans-serif;font-size:16px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:#ffffff08;border:1px solid var(--line);border-radius:4px;padding:12px 15px;font-size:13px;font-weight:700;letter-spacing:.03em;min-height:44px}button:hover{border-color:var(--pink);background:#ff299b15}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.5;cursor:wait}button.active{background:var(--pink);color:#07070a}a{color:inherit;text-decoration:none}p{line-height:1.55}.masthead{height:65px;margin:0 3vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.brand{font-weight:700;font-size:25px;letter-spacing:-2px;white-space:nowrap}.brand>span{color:var(--pink)}.brand small{font-size:11px;letter-spacing:2px;vertical-align:middle;margin-left:15px;color:#b3acbb}.utilities{display:flex;gap:6px}.utilities button{font-size:11px;min-height:35px;padding:8px 11px}main{max-width:1920px;margin:auto;padding:0 3vw}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 0 16px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;margin:0 0 5px;color:#b5adbf}h1,h2{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;line-height:.98;margin:0;letter-spacing:-1px}h1{font-size:clamp(40px,5.5vw,76px)}em{font-style:normal;color:var(--pink)}.tagline{font-size:14px;color:#c4bcc9;margin:0}#arena{height:min(67vh,820px);min-height:420px;position:relative;border:1px solid #5a4054;overflow:hidden;border-radius:8px;background:#0a0b10}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 110px #05040a88}.scoreboard{position:absolute;inset:22px 25px auto;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.score{width:155px}.score>span{font-size:12px;font-weight:700;letter-spacing:1px}.score small{display:block;font-size:9px;letter-spacing:1.5px;color:#aaa5b5;margin-top:4px}.score>strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:66px;line-height:1.15;font-weight:800;font-variant-numeric:tabular-nums}.you>strong{color:var(--pink);text-shadow:0 0 30px #ff299b55}.cpu{text-align:right}.cpu>strong{color:var(--cyan);text-shadow:0 0 30px #66eaff55}.hold{height:3px;background:#ffffff22}.hold span{display:block;height:100%;background:var(--pink);width:100%;transition:width .12s}.cpu .hold span{background:var(--cyan)}.round{text-align:center}.round>span{font-size:11px;letter-spacing:2px;color:#d4c6dc}.round>b{display:block;font-size:23px;margin:8px 0;font-variant-numeric:tabular-nums}#round-dots{display:flex;gap:4px;justify-content:center}#round-dots i{display:block;width:7px;height:3px;background:#ffffff40}#round-dots i.done{background:var(--pink)}#round-dots i.current{background:white}#arena-label{position:absolute;bottom:16px;left:20px;font-size:9px;letter-spacing:2px;color:#bcb2c4;pointer-events:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#06060d42;backdrop-filter:blur(2px);padding:20px}.overlay[hidden]{display:none}.start-card,.result-card{text-align:center;width:min(470px,100%);background:linear-gradient(140deg,#17121eed,#0a0b12f0);border:1px solid #a066923f;box-shadow:0 20px 80px #0008;padding:26px 32px;border-radius:6px}.start-card h2{font-size:60px}.start-card>p:not(.eyebrow):not(.fine){color:#d2c9d8;font-size:14px}.quick-rules{display:flex;justify-content:space-around;gap:12px;margin:22px 0}.quick-rules span{font-size:9px;letter-spacing:.8px}.quick-rules b{display:block;font-size:26px;color:var(--pink);margin-bottom:3px}.primary{background:var(--pink);border-color:var(--pink);color:#160612;padding:15px 22px;font-size:14px;box-shadow:0 0 30px #ff299b22}.primary:hover{background:#ff64b7;color:#000}.start-card .primary{width:100%}.fine{font-size:11px;color:#aba1b5;margin:14px 0 0}.result-card h2{font-size:52px;margin:12px 0}.result-card>p{font-size:14px}.result-scores{display:flex;justify-content:center;gap:60px;margin:24px 0}.result-scores span{font-size:11px;letter-spacing:1px}.result-scores b{display:block;font-size:48px;color:var(--pink)}.result-scores span+span b{color:var(--cyan)}#callout{position:absolute;left:0;right:0;top:43%;text-align:center;pointer-events:none;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(40px,8vw,110px);line-height:1;color:white;text-shadow:0 0 20px var(--pink),0 3px 0 #841541;opacity:0;transform:scale(.75);transition:opacity .18s,transform .25s}#callout.show{opacity:1;transform:scale(1)}#callout small{display:block;font-family:'Space Grotesk',sans-serif;font-size:15px;letter-spacing:4px;margin-top:12px}.command-dock{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--line)}.control-help>b{font-size:12px;letter-spacing:1px}.control-help>span{display:block;font-size:11px;color:#aaa1b2;margin-top:5px}.action-buttons{display:flex;gap:6px}.action-buttons button{font-size:11px;touch-action:none;user-select:none}.hot{border-color:#ff299b80;color:#ff7fc4}.hot span{font-size:9px;opacity:.65;margin-left:10px}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0 22px;color:#99919f;font-size:11px}footer button{font-size:11px;min-height:32px;padding:5px 8px}dialog{background:#101019;color:var(--text);border:1px solid #945374;border-radius:8px;max-width:680px;width:calc(100% - 30px);padding:28px;max-height:88dvh}dialog::backdrop{background:#04020ad9;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.dialog-head h2{font-size:44px}.dialog-head button{flex-shrink:0}dialog p,dialog dd{font-size:14px;color:#c9c2d2;line-height:1.6}dialog dt{margin-top:15px;color:var(--pink);font-weight:700}dialog dd{margin:6px 0}table{width:100%;border-collapse:collapse;margin:24px 0}th{text-align:left;font-size:11px;letter-spacing:1px;color:#ada1ba}th,td{border-bottom:1px solid var(--line);padding:12px 5px}td{font-size:14px}td:nth-child(3){color:var(--pink);font-weight:700}td:nth-child(4){color:var(--cyan)}#hall-status{font-size:14px;color:#cabdd2}#entry-form{text-align:left;margin:20px 0}#entry-form label{font-size:11px;letter-spacing:1px;display:block;margin:8px 0}.entry-row{display:flex;gap:8px}.entry-row input{width:100%;min-width:0;border:1px solid #72506f;background:#08070c;color:white;font-size:20px;letter-spacing:2px;padding:12px;border-radius:4px}.secondary{width:100%;margin-top:10px}.vegan-leather-disclaimer{position:fixed!important;bottom:2px!important;right:12px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#999!important;font-size:8px!important;pointer-events:none!important}.score-pop{animation:scorepop .65s ease-out}@keyframes scorepop{25%{transform:scale(1.22);filter:brightness(1.8)}}.reduced *{animation:none!important;transition:none!important}
@media(max-width:800px){.brand small{display:none}.masthead{height:53px}.titlebar{padding:17px 0 12px}.tagline{font-size:11px}#arena{height:66dvh;min-height:440px}.scoreboard{inset:14px 13px auto}.score{width:95px}.score>span{font-size:9px}.score small{font-size:8px}.score>strong{font-size:49px}.round>span{font-size:9px}.round>b{font-size:17px}.command-dock{flex-direction:column;align-items:stretch;padding:12px 0;gap:10px}.control-help{display:flex;align-items:center;justify-content:space-between;gap:10px}.control-help>span{font-size:10px;max-width:190px;text-align:right;margin:0}.action-buttons{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr}.action-buttons button{padding:12px 5px;font-size:10px}.hot span{display:none}footer>span:last-child{display:none}.start-card,.result-card{padding:22px;max-width:380px}.start-card h2{font-size:48px}.start-card>p:not(.eyebrow):not(.fine){font-size:13px}.utilities{gap:4px}.utilities button{padding:7px;font-size:9px}.quick-rules{margin:17px 0}.start-card .eyebrow{font-size:9px}.result-card h2{font-size:44px}#arena-label{font-size:7px;left:12px}dialog{padding:20px}.titlebar h1{font-size:46px}#finish-panel .result-card{max-height:100%;overflow:auto}}
@media(max-height:700px) and (min-width:801px){#arena{height:66vh;min-height:350px}.titlebar{padding:12px 0}.titlebar h1{font-size:45px}.masthead{height:48px}.start-card{padding:18px 25px}.start-card h2{font-size:42px}.quick-rules{margin:14px 0}}

@supports(padding:max(0px)){.masthead{padding-top:env(safe-area-inset-top);height:calc(65px + env(safe-area-inset-top))}main{padding-left:max(3vw,env(safe-area-inset-left));padding-right:max(3vw,env(safe-area-inset-right))}footer{padding-bottom:max(22px,env(safe-area-inset-bottom))}}
@media(max-width:800px){.eyebrow{font-size:12px;letter-spacing:1.5px}.utilities button{font-size:11px}.action-buttons button{font-size:12px}.control-help>span{font-size:12px}.control-help{align-items:flex-start}.score>span{font-size:11px}.score small{font-size:10px;letter-spacing:.5px}.round>span{font-size:11px}.quick-rules span{font-size:11px}.fine{font-size:12px}.start-card>p:not(.eyebrow):not(.fine){font-size:14px}.start-card .eyebrow{font-size:11px}.masthead{height:calc(53px + env(safe-area-inset-top))}.score{width:100px}}

#replay-hud{position:absolute;inset:auto 18px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}#replay-hud[hidden]{display:none}#replay-hud>span{font-size:12px;letter-spacing:2px;background:#08060ddd;padding:10px 14px;border-left:3px solid var(--pink)}#replay-hud b{color:var(--pink);margin-left:12px}#skip-replay{background:#100b19e6}body:has(#replay-hud:not([hidden])) #arena-label{display:none}
@media(max-width:800px){
 body{overflow:hidden}.masthead{gap:6px;margin:0 12px}.brand{font-size:23px}.utilities{gap:3px}.utilities button{font-size:10px;padding:6px;min-height:38px}
 main{height:calc(100dvh - 53px - env(safe-area-inset-top));display:flex;flex-direction:column;padding:0 12px}.titlebar{flex:none;padding:13px 0 10px}.titlebar .tagline{display:none}.titlebar h1{font-size:38px;white-space:nowrap}.titlebar .eyebrow{font-size:10px;letter-spacing:1.4px;white-space:nowrap}
 #arena{flex:1;height:auto;min-height:280px}.command-dock{flex:none;padding:9px 0;gap:6px}.control-help>span{display:none}.control-help>b{font-size:10px}.action-buttons button{min-height:44px;font-size:11px}footer{flex:none;padding:7px 0 max(8px,env(safe-area-inset-bottom));font-size:10px;min-height:40px}footer>span{max-width:60%}footer button{font-size:10px;white-space:nowrap}
 .overlay{padding:16px}.start-card,.result-card{max-height:100%;overflow:auto;padding:19px}.start-card h2{font-size:43px}.start-card .eyebrow{font-size:10px}.quick-rules{margin:15px 0}.fine{font-size:11px}.result-card h2{font-size:40px}.scoreboard{inset:13px 10px auto}.score{width:88px}.score>span{font-size:10px}.score small{font-size:8px}.round>span{font-size:9px}.round>b{font-size:16px}
}

@media(max-width:800px){main{height:calc(100dvh - 68px - env(safe-area-inset-top))}}