@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;900&family=Inter:wght@400;600&display=swap";*{box-sizing:border-box}body{color:#eaf2f7;background:#070d14;margin:0;font-family:Inter,Arial,sans-serif;overflow:hidden}canvas{outline:none;width:100vw;height:100vh;display:block}#hud{pointer-events:none;text-shadow:0 2px 5px #000;padding:30px;position:fixed;inset:0}.brand{letter-spacing:6px;font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:900}.brand small{color:#6f929f;letter-spacing:3px;margin-top:5px;font:10px Inter;display:block}#status{color:#73e2d5;font-size:12px;position:absolute;top:32px;right:30px}#cross{color:#a5fff0;font-size:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#stats{letter-spacing:2px;font-family:Barlow Condensed,sans-serif;font-size:32px;position:absolute;bottom:80px;left:40px}#feed{color:#ffb579;font-size:14px;position:absolute;top:90px;right:30px}.help{text-align:center;letter-spacing:1px;color:#82949d;width:100%;font-size:11px;position:absolute;bottom:25px;left:0}#board{background:#0a1829ed;border:1px solid #3d6978;width:40%;padding:24px;display:none;position:absolute;top:24%;left:30%}#board p{border-bottom:1px solid #29404e;justify-content:space-between;padding-bottom:12px;display:flex}#menu{background:linear-gradient(90deg,#06101af5 0%,#06101ae8 28%,#06101a30 75%);align-items:center;padding:7vw;display:flex;position:fixed;inset:0}.panel{width:400px}.eyebrow{color:#65e2cc;letter-spacing:3px;font-size:10px}h1{letter-spacing:2px;margin:25px 0;font-family:Barlow Condensed,Impact,sans-serif;font-size:100px;line-height:.85}h1 span{color:#ef9252;display:block}.panel p{color:#9db0bd;font-size:13px;line-height:1.7}label{letter-spacing:2px;color:#7c97a9;margin-top:22px;font-size:10px;display:block}input{color:#edfaff;background:#0d1c28cc;border:1px solid #2b4857;outline:none;width:100%;margin-top:8px;padding:14px;font:15px Inter;display:block}input:focus{border-color:#68d6c2}button{color:#14202b;letter-spacing:2px;cursor:pointer;background:#ed9457;border:0;width:100%;margin-top:25px;padding:18px;font-weight:900}button:disabled{opacity:.4;cursor:wait}#message{min-height:22px}body.damage #hud{box-shadow:inset 0 0 100px #e5353888}@media (width<=650px){h1{font-size:72px}.panel{width:90vw}#board{width:90%;left:5%}}.bot-option{letter-spacing:1px;align-items:center;gap:10px;display:flex}.bot-option input{accent-color:#65e2cc;width:16px;margin:0}select{color:#edfaff;background:#0d1c28cc;border:1px solid #2b4857;outline:none;width:100%;margin-top:8px;padding:14px;font:15px Inter;display:block}select:focus{border-color:#68d6c2}#menu{overflow-y:auto}.panel{margin:auto 0}h1{margin:18px 0;font-size:76px}label{margin-top:14px}.avatar-label{letter-spacing:2px;color:#7c97a9;margin-top:16px;font-size:10px}#avatar-choices{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:8px;display:grid}.avatar-choice{color:#c5d6e2;letter-spacing:.5px;background:#102333;border:2px solid #2b4857;margin:0;padding:6px;font-size:11px}.avatar-choice[aria-pressed=true]{background:#183c45;border-color:#65e2cc}.avatar-choice img{object-fit:contain;width:100%;height:100px;display:block}.avatar-choice span{padding:5px 0;display:block}.avatar-choice:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (height<=800px){#menu{align-items:flex-start;padding:25px 7vw}h1{font-size:56px}.avatar-choice img{height:75px}input,select{padding:10px}button{padding:13px}}