:root{font-family:Arial,Helvetica,sans-serif;color:#edf8f7;background:#071b25;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{height:100dvh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #d8ff6a;outline-offset:4px}[hidden]{display:none!important}#arena{position:fixed;inset:0;width:100%;height:100%;touch-action:none}header{position:fixed;top:0;left:0;right:0;padding:max(22px,env(safe-area-inset-top)) max(26px,env(safe-area-inset-right)) 12px max(26px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;pointer-events:none;z-index:2}.brand{font-size:19px;font-weight:900;color:#fff;text-decoration:none;letter-spacing:-1px;pointer-events:auto}.brand span{color:#d8ff6a}.brand small{display:block;font-size:8px;letter-spacing:2.2px;color:#83a0a9;margin-top:6px}.icon{pointer-events:auto;background:#0a2735c9;border:1px solid #33515c;color:#cce3e7;border-radius:50%;font-size:26px;width:42px;height:42px}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:#04151b73;backdrop-filter:blur(7px);padding:84px 20px 30px;overflow:auto;z-index:3}.panel{width:min(440px,100%);padding:36px;background:#0b2430ed;border:1px solid #36515b;border-radius:24px;box-shadow:0 30px 100px #0006}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#b6ccc9;display:flex;gap:9px;align-items:center}.eyebrow i{width:7px;height:7px;background:#d8ff6a;border-radius:100%}h1{font-size:clamp(42px,7vw,64px);line-height:1;letter-spacing:-3px;margin:25px 0 20px}h1 em{font-style:normal;color:#d8ff6a}p{color:#9fb9c0;font-size:14px;line-height:1.6}.intro{margin-bottom:26px}.primary{width:100%;padding:17px 20px;border:0;background:#d8ff6a;color:#172714;font-weight:800;text-align:left;border-radius:10px}.primary span{float:right}.primary:hover{background:#e5ff9c}.primary:disabled{opacity:.6;cursor:wait}.or{margin:25px 0 20px;display:flex;align-items:center;gap:12px;color:#71909b;font-size:9px;letter-spacing:1.6px}.or:before,.or:after{content:'';height:1px;background:#29414b;flex:1}label{display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:8px;color:#a6bcc3}.join{display:flex;border:1px solid #45606b;border-radius:10px;overflow:hidden}.join input{width:60%;background:#071c27;border:0;padding:14px;color:#fff;letter-spacing:4px;font-size:20px;text-transform:uppercase;min-width:0}.join button{flex:1;border:0;background:#25444f;color:#e8f5f5;font-weight:bold}.instructions{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#829fa8;border-top:1px solid #29414b;padding-top:20px;margin-top:20px}#error{color:#ffa99e;margin:12px 0 0;min-height:0}#error:empty{display:none}.compact{text-align:center}.compact .eyebrow{justify-content:center}h2{font-size:36px;letter-spacing:-1.5px;margin:22px 0 10px}#address{font-size:12px;color:#b6ced5;overflow-wrap:anywhere}#roomCode{font-size:clamp(30px,8vw,45px);letter-spacing:6px;color:#d8ff6a;background:transparent;border:0;font-weight:800;margin:22px 0}.pulse{font-size:12px}.text{background:none;border:0;color:#a5bbc2;font-size:12px;padding:10px}.text:hover{color:white}#scoreboard{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;background:#071b25c9;padding:8px 20px;border-radius:40px;font-size:9px;font-weight:700;letter-spacing:1px}#scoreboard b{font-size:30px;vertical-align:middle;margin:0 7px}.you{color:#d8ff6a}.them{color:#fa937f}.divider{color:#53737d;font-size:24px}#notice{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);background:#071b25df;border:1px solid #42616c;border-radius:16px;padding:18px 28px;font-weight:bold;font-size:24px;text-align:center;pointer-events:none;z-index:4;max-width:90vw}footer{position:fixed;bottom:0;left:0;right:0;padding:8px max(22px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;color:#86a5af;font-size:9px;letter-spacing:1px;pointer-events:none}footer button{pointer-events:auto}body.playing .brand{font-size:14px}body.playing .brand small{display:none}@media(max-width:550px){header{padding:16px}.panel{padding:26px}#scoreboard{gap:5px;padding:5px 10px}#scoreboard b{font-size:25px;margin:0 4px}.brand{font-size:16px}body.playing .brand{font-size:10px}.icon{width:34px;height:34px;font-size:23px}#hint{display:none}footer{padding-left:16px;padding-right:16px}.instructions{font-size:9px}}@media(max-height:640px){.overlay{padding:70px 16px 16px}.panel{padding:22px}h1{font-size:38px;margin:16px 0}.intro{margin:10px 0 16px}.or{margin:15px 0}.instructions{margin-top:12px;padding-top:12px}.brand small{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}