body{display:grid;place-items:center}.noscript{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;margin:0;padding:var(--space-6);background:var(--bg-content);color:var(--text-1);font-size:var(--text-body);line-height:var(--leading-body);text-align:center}#overlay .hint{font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-3)}#panel{position:fixed;top:12px;right:12px;background:var(--bg-hero);border:var(--line) solid var(--outline);padding:var(--space-2) var(--space-3);font-size:13px;color:var(--text-2)}#actions{display:flex;gap:6px;margin-top:var(--space-2)}#actions[hidden]{display:none}#actions button{flex:1;background:var(--sep);color:var(--text-1);border:var(--line) solid var(--outline);padding:5px 10px;font:inherit;font-size:var(--text-small);cursor:pointer}#actions button:hover{border-color:var(--accent)}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto;background:var(--bg-content)}#overlay.hidden{display:none}#overlay[data-active=levelComplete],#overlay[data-active=storyComplete]{background:#23283aeb}#overlay[data-active=lobby]{background:#23283acc}#overlay .screen{text-align:center}#overlay h1,#overlay h2,#overlay h3{margin:0}#overlay h1 pixel-text,#overlay h2 pixel-text{justify-content:center}#overlay .hint{margin-top:var(--space-6)}[data-screen=lobby]{width:100%;align-self:start;min-height:100%}.hero{background:#2b3145cc;padding:72px var(--space-6) 36px;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.hero .logo{image-rendering:pixelated;max-width:100%;height:auto}.hero .subtitle{margin:0;color:var(--text-2);font-size:var(--text-small);letter-spacing:.16em;text-transform:uppercase}.ground .grass{height:72px;background:var(--bg-hero) url(/ui/tile-grass.png) repeat-x;background-size:72px 72px;image-rendering:pixelated}.ground .dirt{height:40px;background-image:url(/ui/tile-dirt.png);background-repeat:repeat;background-size:72px 72px;image-rendering:pixelated}.ground .dirt-fade{height:72px;background-image:url(/ui/tile-dirt-fade.png);background-repeat:repeat-x;background-size:72px 72px;image-rendering:pixelated}.lobby-content{max-width:var(--measure);margin:0 auto;padding:40px var(--space-6) var(--space-16);display:flex;flex-direction:column;align-items:center;gap:20px}.onboarding{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6)}.onboarding h2 pixel-text{justify-content:center}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);width:100%;counter-reset:step}.steps li{background:var(--bg-hero);border:var(--line) solid var(--outline);padding:var(--space-4);text-align:left;font-size:14px;line-height:1.6;color:var(--text-2)}.steps .num{display:block;margin-bottom:var(--space-2)}.steps strong{color:var(--text-1);font-weight:500}.coop{margin:0;font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-2)}.coop strong{color:var(--text-1);font-weight:500}.onboarding .btn-primary{margin-top:var(--space-2)}.or{margin:0}@media(max-width:640px){.steps{grid-template-columns:1fr}}[data-screen=lobby] .site-header{text-align:left}.lobby-play{width:100%;display:flex;flex-direction:column;align-items:center;gap:20px}#overlay .login-gate{width:100%;max-width:440px;box-sizing:border-box;padding:var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}#overlay .login-gate h2 pixel-text{justify-content:center}#overlay .login-gate .coop{font-size:14px}#overlay .login-gate .hint{margin-top:0;text-transform:none;letter-spacing:0;line-height:1.6}.mode-switch{display:flex;border:var(--line) solid var(--outline)}.mode-switch button{background:transparent;color:var(--text-2);border:0;padding:10px 20px;font:inherit;font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;cursor:pointer}.mode-switch button[aria-pressed=true]{background:var(--accent);color:var(--bg-content);font-weight:600}.mode-hint{margin:0}.mode-view{width:100%}.mode-view[hidden]{display:none}.cards{display:flex;gap:var(--space-6);justify-content:center}.card{border-top-width:6px;padding:var(--space-4) 18px;width:220px}.card.connected{border-left-color:var(--accent);border-right-color:var(--accent);border-bottom-color:var(--accent)}.card h2{margin:0 0 var(--space-3)}.card .qr{width:150px;height:150px;image-rendering:pixelated;background:#fff;border:var(--line) solid var(--outline)}.card .status{margin-top:10px;font-size:13px;display:flex;justify-content:space-around;color:var(--text-3)}.card .rdy.on{color:var(--accent)}.pads{margin-top:10px;display:flex;gap:var(--space-1);justify-content:center;flex-wrap:wrap}.pad{border:var(--line) solid var(--outline);background:var(--sep);padding:3px 7px;font-size:var(--text-small);color:var(--text-2);opacity:.45}.pad.on{opacity:1;border-color:var(--accent);color:var(--text-1)}.copy{margin-top:var(--space-3);width:100%}.copy.copied{background:var(--accent);color:var(--bg-content);border-color:var(--accent);font-weight:600}.keymaps{display:flex;gap:var(--space-6);justify-content:center}.keymap{background:var(--bg-hero);border:var(--line) solid var(--outline);border-top-width:6px;padding:var(--space-4) 22px;width:220px;text-align:left}.keymap h2{margin:0 0 14px}.keymap dl{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.keymap dl>div{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.keymap dt{font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-3)}.keymap dd{margin:0;display:flex;gap:var(--space-1)}.lobby-content [data-action=start]{margin-top:var(--space-4)}.lobby-content .hint{margin-top:0}.lobby-content .site-footer{margin-top:var(--space-16);width:100%}.stories{margin-top:var(--space-8);min-width:380px}.stories>li{color:var(--text-2)}.stories li.locked{color:var(--muted)}.stories .text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;min-width:0}.stories .sub{color:var(--text-3);font-size:var(--text-small);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.stories .badge{color:var(--text-3)}.stories li.active .badge{color:var(--accent)}.stories .empty{color:var(--text-3);font-size:14px;border:0}#overlay .error{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:var(--danger-bg);border:var(--line) solid var(--danger-line);color:var(--text-1);padding:var(--space-2) 14px;font-size:14px}.tabs{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.tab{padding:var(--space-1) var(--space-3);border:var(--line) solid transparent;border-bottom-color:var(--sep);color:var(--text-3);font-size:var(--text-small);letter-spacing:var(--tracking-label);text-transform:uppercase}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.community .title{display:flex;flex-direction:column;gap:2px;min-width:0}.community .author{color:var(--text-3);font-size:var(--text-small)}