:root{color-scheme:dark;--bg:#0b100d;--panel:#141d17;--line:#2a3930;--ink:#eff8f1;--muted:#98aa9d;--lime:#b8f36b;--orange:#ff9c67}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -20%,#24482d 0,transparent 42%),var(--bg);color:var(--ink);font:16px/1.45 system-ui,sans-serif;min-height:100vh}header{height:72px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;gap:12px;align-items:center}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em}.mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--lime);color:#14200f;font-weight:900}main{max-width:1280px;margin:auto;padding:clamp(22px,5vw,64px)}h1{font-size:clamp(32px,5vw,64px);line-height:1.02;margin:.2em 0}button,input{font:inherit}button{border:0;border-radius:12px;background:var(--lime);color:#12200d;font-weight:750;padding:12px 17px;cursor:pointer}.secondary{background:#243229;color:var(--ink);border:1px solid var(--line)}.quiet{background:transparent;color:var(--muted);padding:8px}.hidden{display:none!important}.panel{background:#121a15;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,52px)}.auth{max-width:540px;margin:7vh auto}.auth p,.eyebrow{color:var(--muted)}label{display:grid;gap:6px;margin:18px 0}input{width:100%;padding:14px;border:1px solid var(--line);border-radius:11px;background:#0b100d;color:var(--ink)}form>button{width:100%;margin-top:10px}.hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:34px}.eyebrow{font-size:12px;letter-spacing:.18em;margin:0}.actions{display:flex;gap:10px}.games{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.game{min-height:250px;padding:20px;text-align:left;color:var(--ink);border:1px solid var(--line);background:linear-gradient(145deg,#1b2b20,#101713);display:flex;flex-direction:column;justify-content:end}.game small{color:var(--muted)}.player{max-width:1040px;margin:auto}.playerbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.screen-shell{position:relative;aspect-ratio:3/2;background:#020403;border:14px solid #26332b;border-radius:28px;overflow:hidden;display:grid;place-items:center}canvas{width:100%;height:100%;image-rendering:pixelated}.screen-shell #coreNotice{position:absolute;display:grid;text-align:center;gap:6px;color:var(--muted)}.screen-shell #coreNotice strong{color:var(--ink)}.touch{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:220px;touch-action:none}.touch button{user-select:none;-webkit-user-select:none}.dpad{width:150px;height:150px;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr)}.dpad button:nth-child(1){grid-area:1/2}.dpad button:nth-child(2){grid-area:2/1}.dpad button:nth-child(3){grid-area:2/3}.dpad button:nth-child(4){grid-area:3/2}.dpad button{padding:0;background:#27342c;color:white;border-radius:10px}.middle{display:flex;gap:8px;align-self:end}.middle button{background:#27342c;color:white;padding:8px;font-size:12px}.ab{display:flex;gap:18px;justify-self:end;transform:rotate(-18deg)}.ab button{width:62px;height:62px;border-radius:50%;background:var(--orange);font-size:22px}.shoulder{position:absolute;top:13px;background:#29372e;color:white}.shoulder.l{left:0}.shoulder.r{right:0}dialog{width:min(92vw,480px);background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:25px}dialog::backdrop{background:#000a}.close{float:right;width:auto!important;background:transparent;color:white;font-size:25px;padding:0}.dialog-actions{display:flex;gap:10px}.dialog-actions button{flex:1}.code{font:800 38px monospace;letter-spacing:.15em;text-align:center;color:var(--lime);margin:18px}.seats{padding-left:28px}.seats li{padding:8px;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#26352c;padding:11px 18px;border-radius:10px;opacity:0;transition:.2s;pointer-events:none}#toast.show{opacity:1}@media(max-width:650px){main{padding:18px}.hero{align-items:start;flex-direction:column}.hero h1{font-size:39px}.games{grid-template-columns:repeat(2,1fr);gap:10px}.game{min-height:190px;padding:14px}.playerbar strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-shell{border-width:8px;border-radius:18px}.touch{min-height:250px}.dpad{width:130px;height:130px}.ab{gap:8px}.ab button{width:55px;height:55px}.middle{position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}}