:root{--bg:#14101c;--panel:#221a30;--fg:#f4eefc;--mut:#9a8fb0;--acc:#ff7a3d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg);height:100%;color:var(--fg);touch-action:manipulation;-webkit-user-select:none;user-select:none;margin:0;font-family:system-ui,sans-serif}#app{box-sizing:border-box;min-height:100%;padding:max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;max-width:480px;margin:0 auto;display:flex}h1{color:var(--acc);margin:0}.mut{color:var(--mut);font-size:14px}.btn{background:var(--acc);color:#1a0f08;border:0;border-radius:12px;padding:14px;font-size:18px;font-weight:700}.btn.alt{background:var(--panel);color:var(--fg)}.list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.list li{background:var(--panel);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.list li.me{outline:2px solid var(--acc)}.dot{border-radius:50%;flex:none;width:14px;height:14px}.badge{color:var(--acc);text-transform:uppercase;margin-left:auto;font-size:12px}.field{box-sizing:border-box;border:2px solid var(--panel);background:var(--panel);width:100%;color:var(--fg);-webkit-user-select:text;user-select:text;border-radius:12px;padding:14px;font-size:18px}.field.code{text-align:center;letter-spacing:8px;text-transform:uppercase;font-size:28px}.btn:disabled{opacity:.5}.error{color:#ff6b81;min-height:1.2em;margin:0}.centre{text-align:center;margin:0}.roomcode{letter-spacing:12px;text-align:center;color:var(--acc);font-size:56px;font-weight:800}.qr{background:#fff;border-radius:12px;align-self:center}.picker{flex-direction:column;gap:6px;display:flex}.choice{background:var(--panel);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.choice .mut{margin-left:auto}.link{color:var(--mut);margin-left:8px;font-size:12px}#app.game{touch-action:none;gap:0;max-width:none;height:100dvh;min-height:0;padding:0;overflow:hidden}.stage{flex:3;min-height:0;position:relative}.gcanvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pad{background:var(--panel);min-height:150px;max-height:40%;padding-bottom:env(safe-area-inset-bottom);flex:1}.banner,.results{background:#14101ce0;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;font-size:22px;font-weight:700;display:flex;position:absolute;inset:0}.results .list{counter-reset:rank;width:min(320px,100%);font-size:18px}.results h2{color:var(--acc);margin:0}.hidden{display:none!important}.controls{box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:none;gap:8px;height:100%;padding:8px;display:flex;position:relative}.zone{touch-action:none;background:#ffffff0a;border-radius:16px;flex:1;position:relative;overflow:hidden}.layout-stick-button .zone{flex:3}.stick-base{pointer-events:none;border:2px solid #ffffff59;border-radius:50%;width:96px;height:96px;display:none;position:absolute;top:-48px;left:-48px}.stick-base.on{display:block}.stick-knob{background:#ffffff8c;border-radius:50%;width:44px;height:44px;position:absolute;top:26px;left:26px}.buttons{flex:2;gap:8px;display:flex}.layout-buttons-1 .buttons,.layout-buttons-2 .buttons,.layout-buttons-3 .buttons{flex:1}.gbtn{color:#fff;touch-action:none;background:#3b6fe0;border:0;border-radius:16px;flex:1;font-size:22px;font-weight:700}.gbtn.down{filter:brightness(1.4)}