*{box-sizing:border-box}body{margin:0;background:var(--campaign-background,#100d21);color:var(--campaign-foreground,#f2ede3);font-family:Arial,Helvetica,sans-serif}main{height:100dvh;min-height:420px;display:flex;flex-direction:column;padding:20px 28px;max-width:1400px;margin:auto;position:relative}header{display:flex;justify-content:space-between;align-items:center;font:11px monospace;letter-spacing:1px;padding-right:45px}button{cursor:pointer;border:1px solid var(--campaign-accent,#cba5ff);background:var(--campaign-background,#100d21);color:var(--campaign-foreground,#f2ede3);font:700 12px Arial;letter-spacing:1px;padding:12px 16px}button:focus-visible{outline:3px solid #f9d456;outline-offset:3px}button:disabled{opacity:.6;cursor:wait}.scoreboard{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.scoreboard h1{font-size:clamp(22px,4vw,42px);letter-spacing:-1.8px;margin:0;line-height:.95}.scoreboard em{color:var(--campaign-accent,#cba5ff);font-style:normal}.scoreboard div{display:flex;gap:18px;font:700 26px monospace}#clock{color:#f9d456}#instruction{font-size:13px;margin:12px 0}.arena{position:relative;flex:1;min-height:160px;overflow:hidden;border:1px solid #cba5ff33;background:#171020}canvas{width:100%;height:100%;display:block}#feedback{position:absolute;top:12px;left:12px;font:700 13px monospace;letter-spacing:1px;background:#100d21dc;padding:8px 12px;border:1px solid #ffffff33}.meter{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);width:180px;height:13px;border:1px solid #ffffff77;background:#21132d}.green{display:block;position:absolute;width:28%;left:72%;top:0;bottom:0;background:#90e994}#needle{position:absolute;top:-4px;bottom:-4px;width:3px;background:white;left:0}.controls{display:flex;gap:12px;padding-top:14px}.controls #action{flex:1;background:var(--campaign-accent,#cba5ff);color:var(--campaign-background,#100d21);font-size:15px;touch-action:manipulation;min-height:50px}#result{position:absolute;inset:0;background:#100d21f7;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}#result[hidden]{display:none}#result h2{font-size:clamp(26px,5vw,58px);letter-spacing:-1.5px;line-height:1;margin:24px 0}#result-score{color:var(--campaign-accent,#cba5ff);font:700 18px monospace}#result div{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}#project{background:var(--campaign-foreground,#f2ede3);color:var(--campaign-background,#100d21)}body:has(#result:not([hidden])) header{z-index:4;position:relative}@media(max-width:600px){main{padding:18px 14px;min-height:400px}.scoreboard{align-items:flex-start}.scoreboard h1{font-size:28px;max-width:160px}.scoreboard div{font-size:22px;gap:10px}header{padding-right:40px;font-size:9px}#instruction{font-size:12px;line-height:1.4}.controls button{padding:12px}.meter{bottom:12px}}@media(max-height:500px){main{padding:10px 18px;min-height:300px}.scoreboard{margin-top:8px}.scoreboard h1{font-size:24px}#instruction{margin:7px 0}.controls{padding-top:7px}.controls #action{min-height:40px}.arena{min-height:100px}}