:root{color-scheme:dark;--bg-0: #071826;--bg-1: #0b2434;--panel: rgba(13, 35, 48, .92);--panel-2: rgba(17, 44, 58, .94);--neon: #70e1c1;--neon-dim: rgba(112, 225, 193, .62);--neon-soft: rgba(112, 225, 193, .16);--sky: #56d8ff;--amber: #f7d27e;--danger: #ff7580;--line: rgba(112, 225, 193, .24);--line-strong: rgba(112, 225, 193, .52);--text: #f0fdfa;--muted: #a8c6c8;--dim: #8aa9ac;--mono: "Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--jp: "Inter", "Yu Gothic UI", "Hiragino Sans", "Meiryo", sans-serif;--radius: 12px}*{box-sizing:border-box}[hidden]{display:none!important}html{height:100%}body{min-width:320px;min-height:100vh;margin:0;display:grid;place-items:center;padding:clamp(16px,4vw,44px) clamp(12px,3vw,28px);font-family:var(--jp);font-size:15px;color:var(--text);background:radial-gradient(900px 520px at 10% -12%,rgba(86,216,255,.3),transparent 60%),radial-gradient(760px 520px at 94% 4%,rgba(255,110,205,.2),transparent 62%),radial-gradient(1100px 720px at 50% 118%,rgba(112,225,193,.26),transparent 62%),linear-gradient(180deg,#0a2030,#0e2c3d 58%,#081722);background-attachment:fixed;overflow-x:hidden}.world{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.world-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(112,225,193,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(112,225,193,.16) 1px,transparent 1px);background-size:56px 56px;opacity:.9;-webkit-mask-image:radial-gradient(ellipse 68% 58% at 50% 48%,transparent 24%,#000 76%);mask-image:radial-gradient(ellipse 68% 58% at 50% 48%,transparent 24%,#000 76%);animation:grid-drift 26s linear infinite}.world-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 44%,rgba(4,14,22,.5) 100%),radial-gradient(700px 260px at 50% 0%,rgba(112,225,193,.16),transparent 70%)}.world-glow:after{content:"";position:absolute;left:6%;right:6%;bottom:24%;height:1px;background:linear-gradient(90deg,transparent,rgba(112,225,193,.45),transparent);box-shadow:0 0 26px #70e1c159;opacity:.7}.world-scan{position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px);opacity:.28;mix-blend-mode:overlay}.world-scan:after{content:"";position:absolute;left:0;right:0;height:220px;background:linear-gradient(180deg,transparent,rgba(112,225,193,.1),transparent);animation:scan-sweep 8s linear infinite}.world-depth{position:absolute;right:-22%;bottom:-18%;left:-22%;height:58%;background-image:linear-gradient(rgba(112,225,193,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(86,216,255,.16) 1px,transparent 1px);background-position:0 0,0 0;background-size:62px 62px;opacity:.5;transform:perspective(520px) rotateX(64deg);transform-origin:center bottom;-webkit-mask-image:linear-gradient(to top,#000 4%,rgba(0,0,0,.65) 40%,transparent 82%);mask-image:linear-gradient(to top,#000 4%,rgba(0,0,0,.65) 40%,transparent 82%);animation:world-depth-drift 18s linear infinite;will-change:background-position}.world-motes{position:absolute;inset:-10% -2% 0;background-image:radial-gradient(circle,rgba(112,225,193,.9) 0 1.2px,transparent 1.8px),radial-gradient(circle,rgba(86,216,255,.75) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(247,210,126,.6) 0 1.3px,transparent 1.9px);background-position:0 0,60px 90px,130px 30px;background-size:190px 170px,270px 230px,360px 310px;opacity:.35;-webkit-mask-image:linear-gradient(to bottom,transparent 5%,#000 32%,#000 82%,transparent 98%);mask-image:linear-gradient(to bottom,transparent 5%,#000 32%,#000 82%,transparent 98%);animation:world-mote-drift 34s linear infinite}.world-motes:before,.world-motes:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(213,255,242,.8) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(112,225,193,.6) 0 1.4px,transparent 2px);background-position:40px 20px,120px 70px;background-size:130px 150px,230px 210px}.world-motes:before{opacity:.7;animation:world-mote-rise 22s linear infinite}.world-motes:after{opacity:.55;animation:world-mote-drift 52s linear infinite reverse}.world-rings{position:absolute;width:clamp(180px,24vw,340px);aspect-ratio:1;border:1px dashed rgba(112,225,193,.24);border-radius:50%;box-shadow:0 0 44px #70e1c114,inset 0 0 44px #70e1c10d;opacity:.8;animation:world-ring-spin 34s linear infinite}.world-rings:before,.world-rings:after{content:"";position:absolute;border:1px solid rgba(112,225,193,.2);border-radius:50%}.world-rings:before{inset:14%}.world-rings:after{inset:31%;border-color:#56d8ff42;background:radial-gradient(circle,rgba(112,225,193,.14),transparent 68%);animation:world-ring-pulse 6s ease-in-out infinite}.world-rings-left{bottom:-16%;left:-6%}.world-rings-right{top:-18%;right:-6%;animation-direction:reverse}.world-ticker{position:absolute;right:0;bottom:clamp(8px,1.5vh,18px);left:0;overflow:hidden;opacity:.48;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.world-ticker-right{bottom:calc(clamp(8px,1.5vh,18px) + 20px);opacity:.32}.world-ticker-track{display:flex;width:max-content;animation:world-ticker-left 38s linear infinite}.world-ticker-group{display:flex;align-items:center;gap:clamp(18px,2.6vw,36px);padding-right:clamp(18px,2.6vw,36px)}.world-ticker-group b{display:inline-flex;align-items:center;gap:8px;color:#70e1c1b8;font-family:var(--mono);font-size:9px;font-weight:800;letter-spacing:.16em}.world-ticker-group b:before{content:"";width:5px;height:5px;border:1px solid currentColor;transform:rotate(45deg)}.world-ticker-right .world-ticker-track{animation-name:world-ticker-right;animation-duration:46s}.world-ticker-right .world-ticker-group b{color:#f7d27ea8}.eyebrow{margin:0;display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--neon)}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--neon);box-shadow:0 0 10px #70e1c1e6;animation:dot-pulse 2.4s ease-in-out infinite}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.14em;white-space:nowrap}.chip-live{color:var(--neon);border-color:#70e1c14d;background:#70e1c114}.chip-user{color:var(--dim);max-width:220px;overflow:hidden;text-overflow:ellipsis}.chip-user[data-tone=guest]{color:var(--amber);border-color:#f3c96959;background:#f3c96914}.chip-user[data-tone=user]{color:var(--neon);border-color:var(--line-strong);background:var(--neon-soft)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.home-shell{position:relative;z-index:1;width:min(1120px,100%)}.terminal{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#173746f0,#091a26f5),var(--panel);box-shadow:0 40px 120px #0000007a,0 0 0 1px #00000059,0 0 110px #4aa89e33,inset 0 1px #ffffff14;overflow:hidden}.terminal:before{content:"";position:absolute;inset:-7px;pointer-events:none;z-index:2;background:linear-gradient(var(--neon),var(--neon)) 0 0 / 20px 1px no-repeat,linear-gradient(var(--neon),var(--neon)) 0 0 / 1px 20px no-repeat,linear-gradient(var(--neon),var(--neon)) 100% 0 / 20px 1px no-repeat,linear-gradient(var(--neon),var(--neon)) 100% 0 / 1px 20px no-repeat,linear-gradient(var(--neon),var(--neon)) 0 100% / 20px 1px no-repeat,linear-gradient(var(--neon),var(--neon)) 0 100% / 1px 20px no-repeat,linear-gradient(var(--neon),var(--neon)) 100% 100% / 20px 1px no-repeat,linear-gradient(var(--neon),var(--neon)) 100% 100% / 1px 20px no-repeat;opacity:.65}.terminal-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#153241f5,#0b1f2bf0);font-family:var(--mono)}.terminal-dots{display:flex;gap:7px}.terminal-dots span{width:10px;height:10px;border-radius:50%;background:#ffffff24}.terminal-dots span:nth-child(1){background:var(--danger);box-shadow:0 0 8px #ff5e68b3}.terminal-dots span:nth-child(2){background:var(--amber);box-shadow:0 0 8px #f3c96999}.terminal-dots span:nth-child(3){background:var(--neon);box-shadow:0 0 8px #70e1c199}.terminal-path{margin:0;font-size:11px;letter-spacing:.05em;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-path span{color:var(--neon)}.terminal-bar-right{display:flex;align-items:center;gap:8px;justify-content:flex-end}.terminal-body{display:grid;grid-template-columns:minmax(0,1fr) 320px}.terminal-main{display:flex;flex-direction:column;gap:16px;padding:clamp(22px,3.4vw,42px);min-width:0}.wordmark{margin:2px 0 0;font-family:var(--mono);font-size:clamp(30px,5vw,58px);font-weight:800;line-height:.98;letter-spacing:-.015em;display:flex;flex-wrap:wrap;align-items:baseline}.wordmark-main{color:var(--text);text-shadow:0 0 28px rgba(112,225,193,.18)}.wordmark-sep{color:var(--neon);text-shadow:0 0 12px rgba(112,225,193,.75);animation:sep-flicker 6s step-end infinite}.wordmark-sub{color:var(--neon)}@supports (-webkit-text-stroke: 1px #000){.wordmark-sub{color:transparent;-webkit-text-stroke:1.5px rgba(112,225,193,.95);text-shadow:0 0 34px rgba(112,225,193,.45)}}.home-kicker{margin:6px 0 0;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--amber)}.home-lead{margin:0;max-width:48ch;color:#c2dadb;font-size:14px;line-height:1.85}.prompt-line{margin:2px 0 0;font-family:var(--mono);font-size:11.5px;color:var(--dim);letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-mark{color:var(--neon-dim)}.prompt-path{color:var(--sky)}.prompt-cmd{margin-left:6px;color:var(--text)}.caret{display:inline-block;width:7px;height:1.05em;margin-left:4px;vertical-align:-.16em;background:var(--neon);animation:caret-blink 1.05s steps(1) infinite}.login-options{display:grid;gap:8px;max-width:580px}.choice{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(180deg,#132e3ceb,#0b1e2af2);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.choice:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--neon);opacity:.25;transition:opacity .16s ease,box-shadow .16s ease}.choice:not(:disabled):hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 12px 30px #00000073,0 0 26px #70e1c11f}.choice:not(:disabled):hover:before{opacity:.8}.choice.is-selected,.choice[aria-pressed=true]{border-color:var(--neon);background:linear-gradient(180deg,#1c4e49f0,#0d2c2ff5);box-shadow:0 0 0 1px #70e1c166,0 0 36px #70e1c13d}.choice.is-selected:before,.choice[aria-pressed=true]:before{opacity:1;box-shadow:0 0 12px #70e1c1e6}.choice:disabled{cursor:not-allowed;opacity:.55}.choice-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:#70e1c10f;color:var(--neon);font-family:var(--mono);font-size:15px;font-weight:700}.choice-google .choice-icon{color:var(--amber);border-color:#f3c96947;background:#f3c9690f}.choice-text{min-width:0}.choice-text strong{display:block;font-size:14px;font-weight:700;letter-spacing:.01em}.choice-text small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.5}.choice-state{padding:3px 7px;border:1px dashed rgba(255,255,255,.16);border-radius:4px;font-family:var(--mono);font-size:8.5px;font-weight:700;letter-spacing:.14em;color:var(--dim);white-space:nowrap}.choice-state[data-tone=active]{border-style:solid;border-color:#70e1c173;color:var(--neon)}.choice-state[data-tone=warn]{border-style:solid;border-color:#f3c96966;color:var(--amber)}.choice-state[data-tone=off]{border-style:solid;border-color:#ff5e6859;color:var(--danger)}.option-note{margin:0 0 4px 2px;color:var(--dim);font-size:11px;line-height:1.6}.option-note:last-child{margin-bottom:0}.actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;max-width:640px}.start-button{flex:1 1 260px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:0 26px 0 24px;border:0;background:linear-gradient(100deg,#70e1c1,#9bf6d6 55%,#c9ffe9);color:#04160f;font-family:var(--mono);font-size:13px;font-weight:800;letter-spacing:.18em;cursor:pointer;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);filter:drop-shadow(0 8px 18px rgba(112,225,193,.22));transition:filter .16s ease,transform .16s ease}.start-button:not(:disabled):hover{transform:translateY(-1px);filter:drop-shadow(0 12px 26px rgba(112,225,193,.34)) brightness(1.04)}.start-button:disabled{background:#163440;color:#6e8b8b;cursor:not-allowed;filter:none}.start-arrow{font-size:16px;letter-spacing:0}.resume-button,.ghost-button{min-height:56px;padding:0 18px;border:1px solid var(--line);border-radius:8px;background:#102834cc;color:var(--muted);font-family:var(--mono);font-size:10.5px;font-weight:700;letter-spacing:.16em;cursor:pointer;transition:border-color .16s ease,color .16s ease,background .16s ease}.resume-button{border-color:#f3c96966;color:var(--amber)}.resume-button:hover,.ghost-button:hover{border-color:var(--line-strong);color:var(--text);background:#112c2cb3}.selection-status{margin:0;padding-left:10px;border-left:2px solid var(--line-strong);min-height:1.5em;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted)}.home-message{margin:-6px 0 0;min-height:1.3em;font-size:12px;line-height:1.6;color:var(--amber)}.home-message[data-tone=error]{color:var(--danger)}.home-message[data-tone=info]{color:var(--neon)}.feature-strip{list-style:none;margin:auto 0 0;padding:14px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px dashed rgba(112,225,193,.14);font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--text)}.feature-strip span{margin-right:7px;color:var(--dim);letter-spacing:.18em}.terminal-side{display:flex;flex-direction:column;gap:18px;padding:24px 20px;border-left:1px solid var(--line);background:linear-gradient(180deg,#0d2431cc,#081822eb);font-family:var(--mono)}.panel-feed{margin-top:auto}.panel h2{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:9.5px;font-weight:700;letter-spacing:.22em;color:var(--neon)}.panel h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}.progress-summary{margin:0 0 10px;font-size:19px;font-weight:700;letter-spacing:.06em;color:var(--text)}.progress-summary .sum-done{color:var(--neon);text-shadow:0 0 16px rgba(112,225,193,.5)}.stage-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.stage-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 9px;border:1px solid rgba(255,255,255,.07);border-radius:4px;background:#ffffff09;font-size:9.5px;letter-spacing:.08em;color:var(--dim)}.stage-list li[data-state=cleared]{color:var(--neon);border-color:#70e1c147;background:#70e1c112}.stage-list li[data-state=current]{color:var(--amber);border-color:#f3c96959;background:#f3c96912}.stage-index{opacity:.75}.stage-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}.stage-mark{font-size:10px}.boss-badge{margin:10px 0 0;padding:5px 9px;border:1px solid rgba(243,201,105,.45);border-radius:4px;background:#f3c9691a;color:var(--amber);font-size:9.5px;font-weight:700;letter-spacing:.2em;text-align:center}.keymap{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:9.5px;color:var(--muted)}.keymap li{display:flex;align-items:center;gap:5px}.keymap kbd{padding:3px 6px;border:1px solid rgba(255,255,255,.14);border-bottom-width:2px;border-radius:4px;background:linear-gradient(180deg,#ffffff17,#ffffff05);color:#d6f4ee;font-family:var(--mono);font-size:9px;box-shadow:0 1px #00000080}.keymap span{margin-left:auto;letter-spacing:.12em;color:var(--dim)}.sys-log{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:9.5px;line-height:1.85;color:var(--dim)}.sys-log li:before{content:"> ";color:#70e1c180}.sys-log li:last-child{color:var(--neon);animation:log-blink 2.6s ease-in-out infinite}.terminal-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;padding:9px 16px;border-top:1px solid var(--line);background:#091a25cc;font-family:var(--mono);font-size:9px;letter-spacing:.12em;color:var(--dim)}.terminal-foot span:last-child{color:#70e1c18c}.boot-overlay{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;gap:10px;border-radius:var(--radius);background:#071620db;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center}.boot-overlay[hidden]{display:none}.boot-line{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.38em;color:var(--neon)}.boot-text{margin:0;font-size:12px;color:var(--muted)}.boot-bar{width:220px;height:3px;margin-top:6px;background:#70e1c126;overflow:hidden}.boot-bar span{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,var(--neon),transparent);animation:boot-slide 1.15s linear infinite}.game-shell{position:relative;z-index:1;width:min(1040px,100%)}.game-terminal{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(160deg,#122d3bf2,#07151ff7);box-shadow:0 40px 110px #0000009e,0 0 80px #3a867d1a;overflow:hidden}.game-bar{display:flex;align-items:center;gap:14px;padding:9px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#153241f5,#0b1f2bf0);font-family:var(--mono)}.game-path{margin:0;font-size:10.5px;letter-spacing:.06em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-path span{color:var(--neon)}.game-bar-right{display:flex;align-items:center;gap:8px;margin-left:auto}.bar-button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:#102834d9;color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.12em;cursor:pointer;transition:border-color .15s ease,color .15s ease}.bar-button:hover{border-color:var(--line-strong);color:var(--text)}.bar-button-icon{width:34px;padding:0;justify-content:center}.save-status{padding:3px 8px;border:1px dashed rgba(255,255,255,.14);border-radius:4px;font-size:9px;letter-spacing:.1em;color:var(--dim);white-space:nowrap}.save-status[data-state=saving]{border-style:solid;border-color:#f3c96966;color:var(--amber)}.save-status[data-state=saved]{border-style:solid;border-color:#70e1c166;color:var(--neon)}.save-status[data-state=error]{border-style:solid;border-color:#ff5e6873;color:var(--danger)}.canvas-frame{position:relative;margin:clamp(10px,2vw,20px);padding:8px;border:1px solid var(--line);border-radius:10px;background:#0a1c28;box-shadow:0 24px 70px #00000073,inset 0 1px #ffffff0f}#game-canvas{display:block;width:100%;height:auto;border-radius:6px;background:#091118;outline:none}#game-canvas:focus-visible{outline:2px solid var(--neon);outline-offset:4px}.game-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:0 clamp(10px,2vw,20px) clamp(12px,2vw,18px);color:var(--muted);font-size:11px}.footer-item{display:inline-flex;align-items:center;gap:7px}.footer-item kbd{padding:3px 7px;border:1px solid rgba(255,255,255,.14);border-radius:5px;background:#1c3440cc;color:#cfe2df;font-family:var(--mono);font-size:9px;font-weight:700}.help-dialog{width:min(560px,calc(100% - 32px));padding:0;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(160deg,#14303efa,#071620fc);color:var(--text);box-shadow:0 40px 110px #000000b3,0 0 60px #70e1c11f}.help-dialog::backdrop{background:#02060abd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.help-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);background:#0c222ed9}.help-bar h2{margin:0;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--neon)}.help-body{padding:18px 20px 22px;font-size:13px;line-height:1.8;color:#b6d2d2}.help-body p{margin:0 0 14px}.help-list{margin:0 0 14px;display:grid;gap:9px}.help-list div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;align-items:baseline;padding-bottom:9px;border-bottom:1px dashed rgba(112,225,193,.14)}.help-list dt{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--neon)}.help-list dd{margin:0;font-size:12.5px}.help-note{margin:0;padding:10px 12px;border-left:2px solid var(--amber);background:#f3c96912;color:#d9c79a;font-size:11.5px}:focus-visible{outline:2px solid var(--neon);outline-offset:3px}.choice:focus-visible{outline-offset:4px}@media(max-width:980px){.terminal-body{grid-template-columns:minmax(0,1fr)}.terminal-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;border-left:0;border-top:1px solid var(--line)}.panel-feed{grid-column:1 / -1}}@media(max-width:720px){.terminal-bar{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:9px 12px}.terminal-path{display:none}.terminal-bar-right{justify-content:flex-end}.chip-live{display:none}.terminal-main{gap:14px}.wordmark{font-size:clamp(26px,8.6vw,40px)}.terminal-side{grid-template-columns:minmax(0,1fr);padding:20px 16px}.actions{flex-direction:column}.start-button,.resume-button,.ghost-button{flex-basis:auto;width:100%;justify-content:center}.game-bar{flex-wrap:wrap}.save-status{order:5}.help-list div{grid-template-columns:96px minmax(0,1fr);gap:8px}}@media(max-width:400px){.choice{grid-template-columns:38px minmax(0,1fr)}.choice-icon{width:38px;height:38px}.choice-state{grid-column:2;justify-self:start}}@keyframes grid-drift{0%{background-position:0 0,0 0}to{background-position:56px 56px,56px 56px}}@keyframes scan-sweep{0%{transform:translateY(-240px)}to{transform:translateY(100vh)}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes sep-flicker{0%,92%,to{opacity:1}93%{opacity:.35}94%{opacity:1}96%{opacity:.55}97%{opacity:1}}@keyframes log-blink{0%,to{opacity:1}50%{opacity:.45}}@keyframes boot-slide{0%{transform:translate(-110%)}to{transform:translate(260%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.world-grid{animation:none}.world-scan:after{display:none}}body:has(#home-screen:not([hidden])){color:#202124;background:#fff8e8}.home-shell{--neon: #4285f4;--neon-dim: #4285f4;--neon-soft: rgba(66, 133, 244, .1);--sky: #34a853;--amber: #fbbc05;--danger: #ea4335;--line: #e7e1d4;--line-strong: #c9c1b1;--text: #202124;--muted: #5f6368;--dim: #77736b;width:min(680px,100%);color:var(--text);color-scheme:light}.home-shell .terminal{border:1px solid #e8e0d1;border-radius:22px;background:#fffdf8;box-shadow:0 18px 60px #4a3b231f}.home-shell .terminal:before{display:none}.home-shell .terminal-bar{min-height:54px;grid-template-columns:auto 1fr auto;gap:12px;padding:12px 24px;border-bottom:1px solid #eee8dc;background:transparent;font-family:var(--jp)}.brand-dots{display:flex;gap:4px}.brand-dots i{width:8px;height:8px;border-radius:50%;background:#4285f4;animation:home-dot-in .52s cubic-bezier(.22,1,.36,1) both}.brand-dots i:nth-child(2){background:#ea4335}.brand-dots i:nth-child(3){background:#fbbc05}.brand-dots i:nth-child(4){background:#34a853}.brand-dots i:nth-child(2){animation-delay:55ms}.brand-dots i:nth-child(3){animation-delay:.11s}.brand-dots i:nth-child(4){animation-delay:165ms}.home-shell .terminal-path{font-size:11px;font-weight:700;letter-spacing:.08em;color:#69665f}.home-shell .chip-user{max-width:180px;padding:4px 10px;border-color:#e7e1d4;color:#69665f;font-size:10px;letter-spacing:0}.home-shell .chip-user[data-tone=guest]{border-color:#34a853;background:#e9f5ec;color:#188038}.home-shell .chip-user[data-tone=user]{border-color:#4285f4;background:#eaf1fe;color:#1967d2}.home-shell .terminal-body{display:block}.home-shell .terminal-main{gap:20px;max-width:620px;margin:0 auto;padding:clamp(30px,7vw,56px) clamp(22px,7vw,64px) 34px;animation:home-rise .7s cubic-bezier(.22,1,.36,1) both}.home-shell .wordmark{gap:.2em;margin:0;font-family:var(--jp);font-size:clamp(34px,7vw,52px);font-weight:900;letter-spacing:-.055em;line-height:1.1}.home-shell .wordmark-main{color:#4285f4;text-shadow:none}.home-shell .wordmark-sub{color:#ea4335;-webkit-text-stroke:0;text-shadow:none}.home-shell .wordmark-sep{display:none}.home-shell .home-kicker{margin:-10px 0 2px;color:#625d53;font-family:var(--jp);font-size:15px;font-weight:700;letter-spacing:0}.home-shell .login-options{gap:10px;max-width:none;width:100%}.home-shell .choice{min-height:72px;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;padding:12px 16px;border:1px solid #e8e2d6;border-radius:12px;background:#fff;color:#202124;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .2s ease,background-color .2s ease,box-shadow .24s ease}.home-shell .choice:not(:disabled):hover{border-color:#4285f4;box-shadow:0 5px 16px #4285f41a;transform:translateY(-2px)}.home-shell .choice:active:not(:disabled){transform:translateY(0) scale(.99)}.home-shell .choice.is-selected,.home-shell .choice[aria-pressed=true]{border-color:#34a853;background:#f4fbf5;box-shadow:0 0 0 2px #34a8531f}.home-shell .choice:disabled{opacity:.62}.home-shell .choice-icon{width:40px;height:40px;border:0;border-radius:10px;background:#eaf1fe;color:#4285f4;font-family:var(--jp);font-size:21px}.home-shell .choice-google .choice-icon{border:0;background:#fcebea;color:#ea4335;font-size:22px;font-weight:800}.home-shell .choice-guest .choice-icon{background:#e9f5ec;color:#188038}.home-shell .choice-text strong{font-size:14px;font-weight:800}.home-shell .choice-text small{color:#77736b;font-size:11px}.home-shell .option-note{margin:-4px 2px 2px;color:#77736b;font-size:11px}.home-shell .actions{width:100%;max-width:none;gap:8px}.home-shell .start-button{min-height:52px;justify-content:center;gap:12px;border-radius:10px;background:#4285f4;color:#fff;font-family:var(--jp);font-size:14px;font-weight:800;letter-spacing:.02em;clip-path:none;filter:none;transition:transform .24s cubic-bezier(.22,1,.36,1),background-color .18s ease,box-shadow .24s ease}.home-shell .start-button:not(:disabled):hover{background:#1967d2;box-shadow:0 7px 18px #1967d238;transform:translateY(-2px)}.home-shell .start-button:active:not(:disabled){transform:translateY(0) scale(.985)}.home-shell .start-button:disabled{background:#d9d6ce;color:#77736b}.home-shell .resume-button,.home-shell .ghost-button{min-height:52px;border:1px solid #d8d2c6;border-radius:10px;background:transparent;color:#4b4943;font-family:var(--jp);font-size:13px;font-weight:700;letter-spacing:0;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .18s ease,background-color .18s ease,color .18s ease}.home-shell .resume-button{border-color:#34a853;color:#188038}.home-shell .resume-button:hover,.home-shell .ghost-button:hover{background:#f4f0e7;color:#202124;transform:translateY(-1px)}.home-shell .resume-button:hover{background:#e9f5ec;transform:translateY(-1px)}.home-shell .selection-status{min-height:0;padding:0;border:0;color:#77736b;font-family:var(--jp);font-size:12px;letter-spacing:0}.home-shell .home-message{min-height:0;margin:-12px 0 0;color:#9a6b00}.home-shell .home-message[data-tone=error]{color:#c5221f}.home-shell .progress-summary{margin:0;color:#77736b;font-size:12px;font-weight:600;letter-spacing:0}@keyframes home-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes home-dot-in{0%{opacity:0;transform:scale(.35)}70%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.home-shell .boot-overlay{border-radius:22px;background:#fff8e8e0}.home-shell .boot-line,.home-shell .boot-bar span{color:#4285f4;background-color:#4285f4}body:has(#home-screen:not([hidden])){background:#203b73}body:has(#home-screen:not([hidden])) .world{display:block}body:has(#home-screen:not([hidden])) .world-grid,body:has(#home-screen:not([hidden])) .world-glow,body:has(#home-screen:not([hidden])) .world-scan{display:none}.floating-key{position:fixed;display:grid;place-items:center;min-width:58px;min-height:42px;padding:8px 10px;border:2px solid #17264c;background:#f7f1df;box-shadow:4px 5px #09132cbf;color:#17264c;font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:.02em;opacity:.72;animation:key-float 7s ease-in-out infinite}.floating-key-one{left:6%;top:19%;transform:rotate(-13deg)}.floating-key-two{right:6%;top:14%;min-width:44px;transform:rotate(11deg);animation-delay:-2s}.floating-key-three{left:14%;bottom:17%;transform:rotate(8deg);animation-delay:-4s}.floating-key-four{right:9%;bottom:21%;transform:rotate(-9deg);animation-delay:-1s}.floating-key-small{min-width:44px;min-height:32px;padding:5px 8px;font-size:10px;opacity:.52}.floating-key-ghost{border-style:dashed;background:#07122061;box-shadow:none;color:#a5e2ffa3;opacity:.42}.floating-key-five{left:3%;top:34%;transform:rotate(-8deg);animation-delay:-2.4s}.floating-key-six{right:3%;top:36%;transform:rotate(7deg);animation-delay:-5.2s}.floating-key-seven{left:8%;top:49%;transform:rotate(5deg);animation-delay:-1.1s}.floating-key-eight{right:8%;top:51%;transform:rotate(-6deg);animation-delay:-3.8s}.floating-key-nine{left:2%;bottom:40%;transform:rotate(9deg);animation-delay:-4.6s}.floating-key-ten{right:2%;bottom:35%;transform:rotate(-10deg);animation-delay:-2.9s}.floating-key-eleven{left:6%;bottom:9%;transform:rotate(-6deg);animation-delay:-1.7s}.floating-key-twelve{right:6%;bottom:10%;transform:rotate(8deg);animation-delay:-4.1s}.floating-key-thirteen{left:2%;top:67%;transform:rotate(-11deg);animation-delay:-3.3s}.floating-key-fourteen{right:2%;top:72%;transform:rotate(12deg);animation-delay:-5.7s}.floating-key-fifteen{left:12%;bottom:2%;transform:rotate(6deg);animation-delay:-2.1s}.floating-key-sixteen{right:12%;bottom:3%;transform:rotate(-7deg);animation-delay:-4.9s}.home-shell{width:min(560px,100%)}.home-shell .terminal{border:3px solid #171717;border-radius:3px;background:#f7f1df;box-shadow:8px 9px #101a34,0 22px 48px #060f2547}.home-shell .terminal-bar{position:relative;min-height:70px;padding:14px 20px;border-bottom:9px solid #203b73;background:#e94332;color:#fffaf0}.home-shell .terminal-bar:after{content:"";position:absolute;right:0;bottom:-9px;left:0;height:4px;background:repeating-linear-gradient(90deg,#f2c94c 0 12px,#171717 12px 24px)}.home-shell .terminal-path{color:#fffaf0;font-weight:900}.home-shell .chip-user{border:2px solid #171717;border-radius:2px;background:#f7f1df;color:#171717;font-weight:800}.home-shell .chip-user[data-tone=guest]{border-color:#171717;background:#f7f1df;color:#217447}.home-shell .chip-user[data-tone=user]{border-color:#171717;background:#f7f1df;color:#203b73}.home-shell .terminal-main{gap:18px;padding:clamp(32px,6vw,48px) clamp(22px,7vw,46px) 30px}.home-shell .wordmark{justify-content:center;font-family:Georgia,Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(34px,7vw,49px);font-weight:900;letter-spacing:-.045em}.home-shell .wordmark-main{color:#171717}.home-shell .wordmark-sub{padding:0 .12em;background:#e94332;color:#fffaf0}.home-shell .home-kicker{margin:-5px 0 2px;color:#171717;font-size:16px;font-weight:800;text-align:center}.home-shell .choice{border:2px solid #171717;border-radius:3px;background:#fffaf0;box-shadow:3px 3px #17171724}.home-shell .choice:not(:disabled):hover{border-color:#171717;box-shadow:4px 5px #17171733;transform:translateY(-2px)}.home-shell .choice.is-selected,.home-shell .choice[aria-pressed=true]{border-color:#171717;background:#fffaf0;box-shadow:3px 3px #217447}.home-shell .choice-icon{border:2px solid #171717;border-radius:50%}.home-shell .choice-google .choice-icon{border:2px solid #171717;background:#fffaf0;color:#e94332;font-family:Arial,sans-serif;font-weight:900}.home-shell .choice-guest .choice-icon{border-color:#171717;background:#f2c94c;color:#171717}.home-shell .choice-text strong{font-size:15px;font-weight:900}.home-shell .choice-text small{color:#625d53;font-size:12px;font-weight:600}.home-shell .start-button{min-height:58px;border:2px solid #171717;border-radius:3px;background:#438d59;box-shadow:4px 5px #171717;color:#fffaf0;font-size:16px;font-weight:900}.home-shell .start-button:not(:disabled):hover{background:#34764a;box-shadow:3px 4px #171717;transform:translateY(-1px)}.home-shell .start-button:disabled{border-color:#8a857b;background:#d6d0c2;box-shadow:none;color:#77736b}.home-shell .resume-button,.home-shell .ghost-button{border:2px solid #171717;border-radius:3px;background:#fffaf0;box-shadow:3px 3px #17171729;color:#171717;font-weight:800}.home-shell .resume-button{color:#217447}.home-shell .resume-button:hover,.home-shell .ghost-button:hover{background:#f2c94c;color:#171717}.home-shell .progress-summary{align-self:center;padding:7px 14px;border:2px solid #171717;border-radius:999px;background:#f2ead5;color:#171717;font-size:12px;font-weight:800}@keyframes key-float{0%,to{translate:0 0}50%{translate:0 -9px}}@keyframes world-depth-drift{0%{background-position:0 0,0 0}to{background-position:0 62px,62px 0}}@keyframes world-mote-drift{0%{background-position:0 0,60px 90px,130px 30px}to{background-position:0 -340px,60px -460px,130px -620px}}@keyframes world-mote-rise{0%{background-position:40px 80px,120px 150px}to{background-position:40px -420px,120px -350px}}@keyframes world-ring-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes world-ring-pulse{0%,to{scale:.94;opacity:.6}50%{scale:1.08;opacity:1}}@keyframes world-ticker-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes world-ticker-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.world-depth{animation-duration:42s!important;animation-iteration-count:infinite!important}.world-motes{animation-duration:70s!important;animation-iteration-count:infinite!important}.world-motes:before{animation-duration:46s!important;animation-iteration-count:infinite!important}.world-motes:after{animation-duration:90s!important;animation-iteration-count:infinite!important}.world-rings{animation-duration:70s!important;animation-iteration-count:infinite!important}.world-rings:after{animation-duration:12s!important;animation-iteration-count:infinite!important}.world-ticker-track{animation-duration:90s!important;animation-iteration-count:infinite!important}.world .floating-key{animation-duration:16s!important;animation-iteration-count:infinite!important}}body:has(#home-screen:not([hidden])){display:block;min-height:100vh;padding:0;color:#171717;background:#f3f3ef;font-size:16px}body:has(#home-screen:not([hidden])) .world{display:none}.home-shell{--ink: #171717;--paper: #f3f3ef;--blue: #4285f4;--red: #ea4335;--yellow: #fbbc05;--green: #34a853;--line: #222;position:relative;display:block;width:100%;min-height:100vh;overflow:clip;color:var(--ink);background:var(--paper);color-scheme:light}.site-header{position:sticky;top:12px;z-index:10;display:flex;align-items:center;gap:clamp(14px,3vw,38px);width:min(1380px,calc(100% - 40px));min-height:62px;margin:12px auto 0;padding:8px 12px 8px 18px;border:2px solid var(--ink);border-radius:999px;background:#fffffcf0;box-shadow:3px 4px #1717171f;backdrop-filter:blur(14px)}.site-brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--ink);font-size:11px;font-weight:950;letter-spacing:.04em;line-height:1.05;text-decoration:none}.brand-mark{display:flex;gap:3px}.brand-mark i{width:8px;height:22px;border:1px solid var(--ink);border-radius:3px;background:var(--blue);transform:skew(-18deg)}.brand-mark i:nth-child(2){background:var(--red)}.brand-mark i:nth-child(3){background:var(--yellow)}.brand-mark i:nth-child(4){background:var(--green)}.site-nav{display:flex;justify-content:center;align-items:center;gap:clamp(12px,2.3vw,32px);margin:0 auto}.site-nav a{color:#343434;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap;transition:color .16s ease,transform .2s cubic-bezier(.22,1,.36,1)}.site-nav a:hover{color:#1967d2;transform:translateY(-1px)}.home-shell .chip-user{max-width:170px;padding:7px 13px;border:2px solid var(--ink);border-radius:999px;background:#fffdf5;color:#444;font-family:var(--jp);font-size:11px;font-weight:800;letter-spacing:0}.home-shell .chip-user[data-tone=guest]{border-color:var(--green);background:#e5f3e8;color:#176b37}.home-shell .chip-user[data-tone=user]{border-color:var(--blue);background:#e6efff;color:#174ea6}.home-content{width:100%}.landing-hero,.guide-section,.play-section,.home-footer{width:min(1240px,calc(100% - 48px));margin-right:auto;margin-left:auto}.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);align-items:center;gap:clamp(24px,5vw,70px);min-height:min(700px,calc(100svh - 82px));padding-top:54px;padding-bottom:64px}.hero-copy{position:relative;z-index:1}.section-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;color:#393939;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.1em}.section-eyebrow span:first-child{display:flex;align-items:center;gap:9px}.section-eyebrow span:first-child:before{content:"";width:24px;height:5px;border-radius:99px;background:var(--blue);box-shadow:12px 0 var(--red),24px 0 var(--yellow),36px 0 var(--green);margin-right:34px}.home-shell .wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin:0;font-family:var(--jp);font-size:clamp(58px,10.2vw,128px);font-weight:1000;letter-spacing:-.09em;line-height:.86}.home-shell .wordmark-main{color:var(--blue);text-shadow:none}.home-shell .wordmark-sub{margin-top:9px;padding:0 .13em .06em 0;background:transparent;color:var(--ink);-webkit-text-stroke:0;text-shadow:none}.hero-tagline{margin:30px 0 8px;font-size:clamp(20px,2.7vw,31px);font-weight:950;letter-spacing:-.035em}.hero-description{margin:0;color:#575757;font-size:15px;font-weight:600;line-height:1.9}.scroll-link{display:inline-flex;align-items:center;gap:18px;margin-top:28px;padding:12px 18px;border:2px solid var(--ink);border-radius:999px;background:#fffdf5;box-shadow:3px 4px 0 var(--ink);color:var(--ink);font-size:13px;font-weight:850;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.scroll-link:hover{transform:translateY(-2px);box-shadow:4px 6px 0 var(--ink)}.scroll-link span{font-size:18px}.hero-art{position:relative;min-height:360px;display:grid;place-items:center}.hero-board{display:grid;grid-template-columns:repeat(4,68px);gap:8px;padding:16px;border:3px solid var(--ink);background:#fffdf5;box-shadow:8px 9px 0 var(--ink);transform:rotate(4deg)}.board-cell{display:grid;place-items:center;width:68px;height:68px;border:2px solid var(--ink);background:#e9e9e4;font-size:23px;font-weight:950}.board-cell.cell-blue{background:#a8d7ef}.board-cell.cell-red{background:#f2a79f}.board-cell.cell-yellow{background:#f8dc77}.board-cell.cell-green{background:#a9dbaf}.board-cell.cell-red:last-child{font-size:14px}.art-label{position:absolute;padding:7px 10px;border:2px solid var(--ink);background:var(--yellow);font-family:var(--mono);font-size:10px;font-weight:900;letter-spacing:.08em}.art-label-top{top:32px;right:3%;transform:rotate(5deg)}.art-label-bottom{bottom:30px;left:2%;background:#b7dfbb;transform:rotate(-5deg)}.hero-spark{position:absolute;color:var(--red);font-size:54px;font-weight:500;line-height:1;animation:spark-turn 12s linear infinite}.spark-one{top:22px;left:7%}.spark-two{right:3%;bottom:47px;color:var(--blue);font-size:40px;animation-direction:reverse}.guide-section{padding-top:54px;padding-bottom:100px;scroll-margin-top:100px}.section-heading{max-width:780px;margin-bottom:32px}.section-heading h2,.play-heading h2{margin:0;font-size:clamp(34px,5.8vw,68px);font-weight:950;letter-spacing:-.065em;line-height:1.08}.section-heading h2 span,.play-heading h2 span{color:var(--blue)}.section-heading>p:last-child,.play-heading>p:not(.section-eyebrow):not(.progress-summary){margin:14px 0 0;color:#555;font-size:15px;font-weight:600;line-height:1.75}.control-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.control-card{position:relative;min-height:300px;padding:20px;border:2px solid var(--ink);border-radius:4px;box-shadow:4px 5px 0 var(--ink);transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease}.control-card:hover{transform:translateY(-4px);box-shadow:5px 9px 0 var(--ink)}.control-card-blue{background:#bce3f2}.control-card-yellow{background:#f9e59e}.control-card-green{background:#b9e2bc}.card-number{position:absolute;top:16px;right:18px;font-family:var(--mono);font-size:12px;font-weight:900}.keypad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,42px);gap:5px;width:max-content;margin:28px auto 22px}.keypad kbd{display:grid;place-items:center;border:2px solid var(--ink);border-radius:5px;background:#fffdf5;box-shadow:2px 3px 0 var(--ink);font-family:var(--jp);font-size:19px;font-weight:900}.keypad .key-up{grid-column:2}.keypad kbd:nth-child(2){grid-column:1;grid-row:2}.keypad kbd:nth-child(3){grid-column:2;grid-row:2}.keypad kbd:nth-child(4){grid-column:3;grid-row:2}.control-card h3{margin:0 0 8px;font-size:19px;font-weight:900;letter-spacing:-.035em}.control-card p{margin:0;color:#454545;font-size:13px;font-weight:600;line-height:1.7}.mini-maze{display:grid;grid-template-columns:repeat(3,37px);grid-template-rows:repeat(3,37px);justify-content:center;margin:30px auto 27px}.mini-maze i{border:2px solid var(--ink);background:#fffdf5}.mini-maze i:nth-child(2),.mini-maze i:nth-child(4),.mini-maze i:nth-child(8){background:transparent;border-color:transparent}.mini-maze i:nth-child(5){background:#ea4335}.mini-maze i:nth-child(9){background:#4285f4}.crate-demo{display:flex;align-items:center;justify-content:center;gap:15px;height:124px;margin:0 auto 4px;font-size:24px;font-weight:900}.crate-demo span{display:grid;place-items:center;width:54px;height:54px;border:2px solid var(--ink);background:#fffdf5;font-size:32px}.crate-demo b{color:#188038}.shortcut-section{padding-top:20px}.shortcut-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shortcut-card{display:grid;grid-template-columns:minmax(128px,auto) 1fr auto;align-items:center;gap:18px;min-height:116px;padding:18px 20px;border:2px solid var(--ink);border-radius:4px;box-shadow:3px 4px 0 var(--ink);transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease}.shortcut-card:hover{transform:translateY(-3px);box-shadow:4px 7px 0 var(--ink)}.shortcut-red{background:#f4c0ba}.shortcut-blue{background:#b8dff0}.shortcut-green{background:#b8e0be}.shortcut-yellow{background:#f8e49b}.shortcut-keys{display:flex;align-items:center;gap:5px}.shortcut-keys kbd,.shortcut-footnote kbd{display:inline-grid;place-items:center;min-width:34px;min-height:34px;padding:3px 7px;border:2px solid var(--ink);border-radius:4px;background:#fffdf5;box-shadow:2px 3px 0 var(--ink);color:var(--ink);font-family:var(--mono);font-size:12px;font-weight:900}.shortcut-keys b{font-family:var(--mono);font-size:12px}.shortcut-card h3{margin:0 0 3px;font-size:18px;font-weight:950}.shortcut-card p{margin:0;color:#454545;font-size:12px;font-weight:650;line-height:1.5}.shortcut-index{align-self:start;font-family:var(--mono);font-size:11px;font-weight:900}.shortcut-footnote{margin:23px 0 0;color:#454545;font-size:12px;font-weight:650;line-height:2.2}.shortcut-footnote kbd{display:inline-grid;min-width:25px;min-height:25px;font-size:10px;vertical-align:middle}.play-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.8fr);align-items:center;gap:clamp(32px,8vw,110px);padding:68px clamp(22px,6vw,72px);border:3px solid var(--ink);border-radius:4px;background:#fffdf5;box-shadow:7px 8px 0 var(--ink);scroll-margin-top:100px}.play-heading .section-eyebrow{margin-bottom:24px}.play-heading h2{font-size:clamp(36px,5.4vw,58px)}.play-heading h2 span{color:#188038}.home-shell .progress-summary{display:inline-block;margin-top:24px;padding:8px 13px;border:2px solid var(--ink);border-radius:999px;background:#f9e59e;color:var(--ink);font-size:12px;font-weight:850}.home-shell .progress-summary .sum-done{color:#188038;text-shadow:none}.play-panel{min-width:0}.home-shell .login-options{display:grid;gap:9px;width:100%;max-width:none}.home-shell .choice{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:76px;padding:13px 15px;border:2px solid var(--ink);border-radius:4px;background:#fff;box-shadow:3px 4px 0 var(--ink);color:var(--ink);text-align:left;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,background-color .18s ease}.home-shell .choice:before{display:none}.home-shell .choice:not(:disabled):hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:4px 6px 0 var(--ink)}.home-shell .choice:active:not(:disabled){transform:translateY(1px);box-shadow:1px 1px 0 var(--ink)}.home-shell .choice:disabled{opacity:.58}.home-shell .choice.is-selected,.home-shell .choice[aria-pressed=true]{border-color:var(--ink);background:#e7f4e9;box-shadow:3px 4px #188038}.home-shell .choice-icon{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--ink);border-radius:50%;background:#e8f0fe;color:#1967d2;font-family:Arial,sans-serif;font-size:21px;font-weight:900}.home-shell .choice-google .choice-icon{border:2px solid var(--ink);background:#fce8e6;color:#d93025}.home-shell .choice-guest .choice-icon{background:#fef7e0;color:#188038}.home-shell .choice-text strong{display:block;color:var(--ink);font-size:14px;font-weight:900}.home-shell .choice-text small{display:block;margin-top:3px;color:#565656;font-size:11px;font-weight:600}.choice-arrow{font-size:20px;font-weight:900}.home-shell .option-note{margin:-4px 2px 1px;color:#a12b22;font-size:11px;font-weight:700}.home-shell .selection-status{min-height:0;margin:13px 0;padding:0;border:0;color:#555;font-family:var(--jp);font-size:12px;font-weight:700;letter-spacing:0}.home-shell .actions{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:none}.home-shell .start-button{flex:1 1 180px;display:flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 18px;border:2px solid var(--ink);border-radius:4px;background:#188038;box-shadow:3px 4px 0 var(--ink);color:#fff;font-family:var(--jp);font-size:14px;font-weight:900;letter-spacing:0;clip-path:none;filter:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,background-color .18s ease}.home-shell .start-button:not(:disabled):hover{transform:translateY(-2px);background:#137333;box-shadow:4px 6px 0 var(--ink);filter:none}.home-shell .start-button:active:not(:disabled){transform:translateY(1px);box-shadow:1px 1px 0 var(--ink)}.home-shell .start-button:disabled{border-color:#777;background:#d5d5cf;box-shadow:none;color:#696963}.home-shell .resume-button,.home-shell .ghost-button{min-height:48px;padding:0 13px;border:2px solid var(--ink);border-radius:4px;background:#fff;box-shadow:2px 3px 0 var(--ink);color:var(--ink);font-family:var(--jp);font-size:12px;font-weight:850;letter-spacing:0;transition:transform .18s ease,background-color .18s ease}.home-shell .resume-button{color:#137333}.home-shell .resume-button:hover,.home-shell .ghost-button:hover{transform:translateY(-2px);background:#f9e59e;color:var(--ink)}.home-shell .home-message{min-height:0;margin:12px 0 0;color:#a15c00;font-size:12px;font-weight:750}.home-shell .home-message[data-tone=error]{color:#d93025}.home-shell .home-message[data-tone=info]{color:#188038}.home-footer{display:flex;justify-content:space-between;gap:12px;padding:38px 0 28px;color:#666;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.08em}.home-footer a{color:#333;text-decoration-thickness:2px;text-underline-offset:3px}@keyframes spark-turn{to{rotate:360deg}}@media(max-width:820px){.site-header{width:calc(100% - 24px);gap:14px;padding-left:13px}.site-nav{gap:14px}.site-nav a{font-size:11px}.site-brand{font-size:9px}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)}.hero-board{grid-template-columns:repeat(4,48px);gap:5px;padding:11px}.board-cell{width:48px;height:48px}.control-layout{gap:10px}.control-card{padding:16px}.play-section{grid-template-columns:1fr;gap:28px}}@media(max-width:600px){.site-header{position:sticky;top:7px;flex-wrap:wrap;min-height:56px;margin-top:7px;border-radius:18px}.site-brand{margin-right:auto}.site-nav{order:3;justify-content:space-around;width:100%;padding:7px 0 2px;border-top:1px solid #ddd}.site-nav a{font-size:11px}.home-shell .chip-user{max-width:120px;padding:5px 9px}.landing-hero,.guide-section,.play-section,.home-footer{width:calc(100% - 32px)}.landing-hero{grid-template-columns:1fr;gap:8px;min-height:auto;padding-top:76px;padding-bottom:54px}.home-shell .wordmark{font-size:clamp(58px,15vw,88px)}.hero-art{min-height:290px;margin-top:10px}.hero-board{grid-template-columns:repeat(4,53px);gap:6px;padding:12px}.board-cell{width:53px;height:53px}.art-label-top{top:12px;right:4%}.art-label-bottom{bottom:12px;left:3%}.guide-section{padding-top:54px;padding-bottom:70px}.section-eyebrow{font-size:9px}.section-heading h2,.play-heading h2{font-size:clamp(36px,9vw,52px)}.control-layout,.shortcut-grid{grid-template-columns:1fr}.control-card{min-height:260px}.shortcut-card{grid-template-columns:112px minmax(0,1fr) auto;gap:12px;min-height:106px;padding:14px}.shortcut-keys kbd{min-width:28px;min-height:31px;padding:2px 5px;font-size:10px}.shortcut-card h3{font-size:16px}.shortcut-card p{font-size:11px}.play-section{width:calc(100% - 24px);padding:34px 20px}.home-shell .actions{flex-direction:column}.home-shell .start-button,.home-shell .resume-button,.home-shell .ghost-button{width:100%}.home-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){.guide-section,.play-section,.hero-spark{animation:none!important}}body:has(#home-screen:not([hidden])){background:#f7f4ec}.home-shell{--ink: #292b38;--paper: #f7f4ec;--blue: #7566b2;--red: #df755f;--yellow: #ddb957;--green: #6ca797;background:var(--paper)}.site-header{position:sticky;top:0;width:100%;min-height:70px;margin:0;padding:10px clamp(20px,6vw,90px);border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;background:#303447;box-shadow:0 5px 18px #1c1d2b1f;backdrop-filter:blur(12px)}.site-brand{color:#fffaf2}.site-brand .brand-mark i{border:0;border-radius:1px;transform:none}.site-nav a{color:#f2eee4}.site-nav a:hover{color:#e5d281}.home-shell .chip-user{border:1px solid rgba(255,255,255,.45);border-radius:6px;background:transparent;color:#fffaf2}.home-shell .chip-user[data-tone=guest]{border-color:#8fc1a5;background:#6ca79729;color:#bde1c8}.home-shell .chip-user[data-tone=user]{border-color:#b8a9e8;background:#7566b233;color:#ded5ff}.section-eyebrow{color:#535567}.section-eyebrow span:first-child:before{background:var(--blue);box-shadow:12px 0 var(--red),24px 0 var(--yellow),36px 0 var(--green)}.home-shell .wordmark-main{color:var(--blue)}.home-shell .wordmark-sub,.hero-tagline{color:#303447}.hero-description{color:#656575}.scroll-link{border:1px solid #cac5d7;border-radius:8px;background:#fffdf8;box-shadow:0 4px 12px #33304a14}.scroll-link:hover{box-shadow:0 8px 18px #33304a21}.hero-board{border:1px solid #d6d2c7;border-radius:22px;background:#fffdf8;box-shadow:0 22px 50px #34334324;transform:rotate(3deg)}.board-cell{border:1px solid #d5d1c8;border-radius:11px;background:#f1eee7}.board-cell.cell-blue{background:#dcd5f1}.board-cell.cell-red{background:#f3d1c8}.board-cell.cell-yellow{background:#f5e8bf}.board-cell.cell-green{background:#d4e9df}.art-label{border:1px solid #d7cfbd;border-radius:6px;background:#f2e5b5;color:#454052}.art-label-bottom{background:#d8e9e1}.hero-spark{color:var(--red)}.spark-two,.section-heading h2 span{color:var(--blue)}.control-card{border:1px solid #ded9cf;border-radius:18px;box-shadow:0 12px 28px #39354814}.control-card:hover{box-shadow:0 18px 32px #39354821}.control-card-blue{background:#e8e2f5}.control-card-yellow{background:#f4ead0}.control-card-green{background:#dfede5}.keypad kbd{border:1px solid #c9c5d0;border-radius:9px;background:#fffdf8;box-shadow:0 3px #cbc6d1}.mini-maze i{border:1px solid #827f91}.mini-maze i:nth-child(5){background:var(--red)}.mini-maze i:nth-child(9){background:var(--blue)}.crate-demo span{border:1px solid #c4c0b5;border-radius:12px;background:#fffdf8}.crate-demo b{color:#418c78}.shortcut-card{border:1px solid #ddd8ce;border-radius:15px;box-shadow:0 8px 20px #39354812}.shortcut-card:hover{box-shadow:0 13px 24px #3935481f}.shortcut-red{background:#f4ddd6}.shortcut-blue{background:#e5e0f2}.shortcut-green{background:#dcece3}.shortcut-yellow{background:#f3e9ce}.shortcut-keys kbd,.shortcut-footnote kbd{border:1px solid #c7c2b8;border-radius:7px;background:#fffdf8;box-shadow:0 2px #cec9bf}.shortcut-footnote{color:#656575}.play-section{border:1px solid #d9d3e6;border-radius:26px;background:#eeebf5;box-shadow:0 18px 42px #362f531a}.play-heading h2 span{color:#418c78}.home-shell .progress-summary{border:1px solid #d7c88f;border-radius:8px;background:#f5eac6;color:#51482f}.home-shell .choice{border:1px solid #d6d2c9;border-radius:12px;background:#fffdf8;box-shadow:0 4px 12px #2b2a380f}.home-shell .choice:not(:disabled):hover{border-color:#9b8bcf;box-shadow:0 9px 18px #463d681c}.home-shell .choice.is-selected,.home-shell .choice[aria-pressed=true]{border-color:#6ca797;background:#edf5ef;box-shadow:0 0 0 2px #6ca79721}.home-shell .choice-icon{border:0;border-radius:12px;background:#e7e2f4;color:#61539f}.home-shell .choice-google .choice-icon{border:0;background:#f8e6e0;color:#c85f4b}.home-shell .choice-guest .choice-icon{background:#e1eee7;color:#418c78}.home-shell .start-button{border:0;border-radius:10px;background:#7566b2;box-shadow:0 5px #534885}.home-shell .start-button:not(:disabled):hover{background:#65569f;box-shadow:0 7px #534885}.home-shell .start-button:active:not(:disabled){box-shadow:0 2px #534885}.home-shell .resume-button,.home-shell .ghost-button{border:1px solid #cfc9dc;border-radius:9px;background:#fffdf8;box-shadow:0 3px 8px #362f530f}.home-shell .resume-button{color:#418c78}.home-shell .resume-button:hover,.home-shell .ghost-button:hover{background:#e5e0f2}.home-footer{color:#757282}.home-footer a{color:#514b6a}.home-shell.has-scroll-reveal .reveal-item{opacity:0;transform:translateY(24px) scale(.99);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms)}.home-shell.has-scroll-reveal .reveal-item.is-visible{opacity:1;transform:translateY(0) scale(1)}.home-shell .control-card:hover,.home-shell .shortcut-card:hover{transform:translateY(-4px)}@media(max-width:600px){.site-header{top:0;width:100%;margin:0;border-radius:0;padding:9px 16px}.home-shell .chip-user{border-radius:5px}}@media(prefers-reduced-motion:reduce){.home-shell.has-scroll-reveal .reveal-item{opacity:1;transform:none;transition:none}.hero-spark{animation:none!important}}body:has(#home-screen:not([hidden])){background:#070b18}.home-shell{--ink: #eaf7ff;--paper: #090f20;--blue: #55c8ff;--red: #ff7187;--yellow: #ffc766;--green: #52f1cf;--neon: #52f1cf;--muted: #a8b9ce;position:relative;isolation:isolate;color:var(--ink);background:radial-gradient(ellipse at 50% 8%,rgba(50,94,156,.27),transparent 55%),linear-gradient(180deg,#0c1429,#080d1a 58%,#0b1021)}.home-shell:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(104,180,231,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(104,180,231,.045) 1px,transparent 1px),radial-gradient(circle at 18% 19%,rgba(255,255,255,.45) 0 1px,transparent 1.5px),radial-gradient(circle at 73% 28%,rgba(111,220,255,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 88% 67%,rgba(255,255,255,.32) 0 1px,transparent 1.5px);background-size:48px 48px,48px 48px,190px 190px,260px 260px,230px 230px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.65) 55%,transparent 100%)}.site-header{border-bottom:1px solid rgba(82,241,207,.36);background:#070d1bed;box-shadow:0 8px 32px #0000003d,0 1px 16px #52f1cf0f}.site-header:after{content:"";position:absolute;bottom:-1px;left:clamp(20px,6vw,90px);width:92px;height:2px;background:var(--green);box-shadow:0 0 12px #52f1cfe6}.site-brand{color:#effaff;font-family:var(--mono);letter-spacing:.09em}.site-brand .brand-mark{gap:4px}.site-brand .brand-mark i{width:4px;height:23px;border-radius:2px;box-shadow:0 0 10px currentColor}.site-brand .brand-mark i:nth-child(1){background:var(--green);color:var(--green)}.site-brand .brand-mark i:nth-child(2){background:var(--blue);color:var(--blue)}.site-brand .brand-mark i:nth-child(3){background:#a989ff;color:#a989ff}.site-brand .brand-mark i:nth-child(4){background:var(--red);color:var(--red)}.site-nav a{color:#b6c8dc;font-family:var(--mono);font-size:11px;letter-spacing:.04em}.site-nav a:hover{color:var(--green);text-shadow:0 0 12px rgba(82,241,207,.5)}.home-shell .chip-user{border-color:#52f1cf61;border-radius:4px;background:#52f1cf0f;color:#a9c9d7;font-family:var(--mono)}.home-shell .chip-user[data-tone=guest]{border-color:#52f1cf8c;background:#52f1cf1a;color:#8ef8dd}.home-shell .chip-user[data-tone=user]{border-color:#55c8ff8c;background:#55c8ff1a;color:#a5e2ff}.section-eyebrow{color:#8caac4;font-family:var(--mono)}.section-eyebrow span:first-child:before{background:var(--green);box-shadow:12px 0 var(--blue),24px 0 #a989ff,36px 0 var(--red)}.section-eyebrow span:last-child{color:#607d9b}.home-shell .wordmark-main{color:#ecf8ff;text-shadow:0 0 24px rgba(85,200,255,.2)}.home-shell .wordmark-sub{color:var(--green);text-shadow:0 0 20px rgba(82,241,207,.22)}.hero-tagline{color:#cfe3f4}.hero-description{color:#8fa5bc}.scroll-link{border-color:#52f1cf6b;border-radius:4px;background:#0e1f34d9;box-shadow:inset 0 0 18px #52f1cf0a,0 0 14px #52f1cf14;color:#baf8eb;font-family:var(--mono)}.scroll-link:hover{border-color:var(--green);box-shadow:0 0 18px #52f1cf33}.hero-board{border:1px solid rgba(110,185,235,.44);border-radius:8px;background:#0a1628d6;box-shadow:0 0 35px #2c92d62b,inset 0 0 22px #2c92d614}.board-cell{border-color:#78b1d447;border-radius:3px;background:#1d3149d1;color:#aac7da}.board-cell.cell-blue{border-color:#55c8ff;background:#319bd633;color:#85dcff;box-shadow:inset 0 0 18px #55c8ff1f}.board-cell.cell-red{border-color:#ff7187;background:#ff718729;color:#ff9bad;box-shadow:inset 0 0 16px #ff71871a}.board-cell.cell-yellow{border-color:#ffc766;background:#ffc76624;color:#ffd98c}.board-cell.cell-green{border-color:#52f1cf;background:#52f1cf26;color:#8effe3;box-shadow:inset 0 0 18px #52f1cf1f}.art-label{border:1px solid rgba(82,241,207,.42);border-radius:3px;background:#0e2635;color:#8cf7df;box-shadow:0 0 13px #52f1cf17}.art-label-bottom{border-color:#55c8ff80;background:#0e2035;color:#91dfff}.hero-spark{color:var(--green);text-shadow:0 0 15px rgba(82,241,207,.7)}.spark-two{color:var(--blue);text-shadow:0 0 15px rgba(85,200,255,.7)}.section-heading h2,.play-heading h2{color:#e7f2fa}.section-heading h2 span{color:var(--green)}.section-heading>p:last-child,.play-heading>p:not(.section-eyebrow):not(.progress-summary){color:#8ca2b8}.control-card{min-height:300px;border-color:#69a9d152;border-radius:6px;background-color:#0d1b2fd6;box-shadow:inset 0 0 28px #3275a812,0 10px 30px #0000002e;color:#e3f0fa}.control-card:hover{border-color:#52f1cfb3;box-shadow:inset 0 0 30px #52f1cf14,0 0 22px #52f1cf14}.control-card-blue{background:linear-gradient(145deg,#16324df0,#0b182beb)}.control-card-yellow{background:linear-gradient(145deg,#3a2d21bd,#161b2af0)}.control-card-green{background:linear-gradient(145deg,#0f3736c7,#0b192cf0)}.card-number{color:#6d8ca6}.keypad kbd{border-color:#67bae273;border-radius:3px;background:#10263d;box-shadow:0 3px #071322,0 0 10px #55c8ff12;color:#a4e6ff}.mini-maze i{border-color:#587a91;background:#122b41}.mini-maze i:nth-child(5){border-color:var(--red);background:#ff7187b8;box-shadow:0 0 16px #ff718742}.mini-maze i:nth-child(9){border-color:var(--green);background:#52f1cfb8;box-shadow:0 0 16px #52f1cf42}.crate-demo span{border-color:#52f1cf80;border-radius:3px;background:#102c3a;color:#9ff9e6;box-shadow:0 0 15px #52f1cf1a}.crate-demo b{color:var(--green);text-shadow:0 0 12px rgba(82,241,207,.5)}.shortcut-card{border-color:#6da4cd57;border-radius:5px;background:#0c1b2ee6;box-shadow:inset 0 0 20px #5087b70f;color:#e5f2fb}.shortcut-card:hover{border-color:#52f1cfad;box-shadow:0 0 20px #52f1cf14}.shortcut-red{background:linear-gradient(110deg,#451f35b8,#0d1b2df0)}.shortcut-blue{background:linear-gradient(110deg,#163958cc,#0d1b2df0)}.shortcut-green{background:linear-gradient(110deg,#0f3f39bf,#0d1b2df0)}.shortcut-yellow{background:linear-gradient(110deg,#49381eb8,#0d1b2df0)}.shortcut-keys kbd,.shortcut-footnote kbd{border-color:#6fbae27a;border-radius:3px;background:#0b1d32;box-shadow:0 3px #030812,0 0 12px #55c8ff14;color:#c8edff}.shortcut-keys b,.shortcut-index{color:#7f9cb5}.shortcut-card h3{color:#e9f5ff}.shortcut-card p,.shortcut-footnote{color:#8da5bc}.play-section{border-color:#52f1cf6b;border-radius:7px;background:linear-gradient(145deg,#0f2635f7,#0b1326fa);box-shadow:0 0 35px #52f1cf14,inset 0 0 40px #52f1cf06}.play-heading h2{color:#e9f7ff}.play-heading h2 span{color:var(--green);text-shadow:0 0 20px rgba(82,241,207,.14)}.home-shell .progress-summary{border-color:#ffc7667a;border-radius:3px;background:#ffc76614;color:#ffd88c;font-family:var(--mono)}.home-shell .progress-summary .sum-done{color:var(--green)}.home-shell .choice{border-color:#64a7ce66;border-radius:4px;background:#091627d9;box-shadow:inset 0 0 20px #4e8fbd0a;color:#e5f4ff}.home-shell .choice:not(:disabled):hover{border-color:var(--green);box-shadow:0 0 18px #52f1cf1f}.home-shell .choice.is-selected,.home-shell .choice[aria-pressed=true]{border-color:var(--green);background:#1e5b504d;box-shadow:inset 0 0 22px #52f1cf14,0 0 15px #52f1cf14}.home-shell .choice-icon{border:1px solid rgba(85,200,255,.45);border-radius:3px;background:#55c8ff17;color:#8bddff}.home-shell .choice-google .choice-icon{border-color:#ff718780;background:#ff71871a;color:#ff9dad}.home-shell .choice-guest .choice-icon{border-color:#52f1cf80;background:#52f1cf1a;color:#8af7dd}.home-shell .choice-text strong{color:#e8f6ff}.home-shell .choice-text small{color:#8ea8bf}.choice-arrow{color:#81a6c4}.home-shell .option-note{color:#ff9dad}.home-shell .selection-status{color:#9bb2c6}.home-shell .start-button{border:1px solid #52f1cf;border-radius:3px;background:#52f1cf;box-shadow:0 0 17px #52f1cf38,inset 0 -3px #0000001f;color:#061a20;font-family:var(--mono);letter-spacing:.06em}.home-shell .start-button:not(:disabled):hover{background:#86ffe5;box-shadow:0 0 24px #52f1cf61}.home-shell .start-button:disabled{border-color:#46566a;background:#273649;box-shadow:none;color:#788b9e}.home-shell .resume-button,.home-shell .ghost-button{border-color:#76a6ca66;border-radius:3px;background:#0a182ae0;box-shadow:none;color:#a9c7de;font-family:var(--mono)}.home-shell .resume-button{color:#8af7dd}.home-shell .resume-button:hover,.home-shell .ghost-button:hover{border-color:var(--green);background:#52f1cf1a;color:#d8fff6}.home-shell .home-message{color:#ffd17e}.home-shell .home-message[data-tone=error]{color:#ff8296}.home-shell .home-message[data-tone=info]{color:#7ef3d5}.home-footer{border-top:1px solid rgba(103,152,189,.19);color:#687f97}.home-footer a{color:#9ab3ca}.home-shell.has-scroll-reveal .reveal-item{opacity:0;transform:translateY(48px) scale(.96);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0ms);will-change:transform,opacity}.home-shell.has-scroll-reveal .reveal-item.is-visible{opacity:1;transform:translateY(0) scale(1);will-change:auto}.home-shell.has-scroll-reveal .control-card:hover,.home-shell.has-scroll-reveal .shortcut-card:hover{transform:translateY(-4px)}@keyframes console-flicker{0%,96%,to{opacity:1}97%{opacity:.86}98%{opacity:.96}}.site-header,.play-section{animation:console-flicker 12s steps(1,end) infinite}@media(prefers-reduced-motion:reduce){.home-shell.has-scroll-reveal .reveal-item{opacity:1;filter:none;transform:none;transition:none}.site-header,.play-section,.hero-spark{animation:none!important}}body:has(#play-mode-screen:not([hidden])){display:block;min-height:100vh;padding:0;background:#070b18}.mode-screen{min-height:100vh;color:#eaf7ff;background:radial-gradient(ellipse at 50% 26%,rgba(43,105,154,.2),transparent 54%),linear-gradient(180deg,#0c1429,#080d1a 70%,#0b1021)}.mode-header{display:flex}.mode-header-title{margin:0 auto;color:#7f9cb5;font:700 10px var(--mono);letter-spacing:.16em}.mode-account{display:flex;align-items:center;gap:12px}.mode-sign-out{padding:8px 12px;border:1px solid rgba(118,166,202,.35);border-radius:3px;background:transparent;color:#9bb2c6;font:600 10px var(--mono);cursor:pointer}.mode-sign-out:hover{border-color:#52f1cf;color:#baf8eb}.mode-content{width:min(1100px,calc(100% - 48px));margin:0 auto;padding:clamp(70px,12vh,130px) 0 100px}.mode-eyebrow{margin:0 0 24px;color:#52f1cf;font:800 11px var(--mono);letter-spacing:.13em}.mode-eyebrow span{color:#718da6}.mode-content h1{margin:0;color:#edf8ff;font-size:clamp(42px,7vw,76px);font-weight:900;letter-spacing:-.06em;line-height:1.08}.mode-content h1 span{color:#52f1cf;text-shadow:0 0 20px rgba(82,241,207,.17)}.mode-intro{margin:18px 0 38px;color:#91a8bd;font-size:15px;font-weight:600}.mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mode-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:270px;padding:23px;overflow:hidden;border:1px solid rgba(103,174,214,.32);border-radius:5px;background:linear-gradient(145deg,#11263ef2,#091426fa);color:#e9f6ff;text-align:left;cursor:pointer;transition:transform .26s cubic-bezier(.16,1,.3,1),border-color .22s ease,box-shadow .24s ease}.mode-option:before{content:"";position:absolute;top:0;left:22px;width:54px;height:2px;background:#52f1cf;box-shadow:0 0 12px #52f1cfbf}.mode-option:hover{transform:translateY(-5px);border-color:#52f1cfbf;box-shadow:0 14px 35px #0000004d,0 0 22px #52f1cf14}.mode-option:active{transform:translateY(-1px) scale(.99)}.mode-option-index{color:#7190aa;font:700 10px var(--mono);letter-spacing:.1em}.mode-option-icon{display:grid;place-items:center;width:54px;height:54px;margin:27px 0 19px;border:1px solid rgba(82,241,207,.42);border-radius:4px;background:#52f1cf14;color:#7bffe1;font:500 30px var(--jp);text-shadow:0 0 15px rgba(82,241,207,.25)}.mode-option-create .mode-option-icon{border-color:#55c8ff70;background:#55c8ff14;color:#81d9ff}.mode-option-join .mode-option-icon{border-color:#b18eff73;background:#b18eff14;color:#c2a8ff}.mode-option strong{font-size:20px;font-weight:850;letter-spacing:-.03em}.mode-option small{margin-top:8px;color:#8fa6bc;font-size:12px;font-weight:600}.mode-option-arrow{position:absolute;right:22px;bottom:21px;color:#52f1cf;font-size:21px}.mode-option-create .mode-option-arrow{color:#81d9ff}.mode-option-join .mode-option-arrow{color:#c2a8ff}.mode-message{min-height:24px;margin:24px 0 0;color:#8fa6bc;font-size:13px;font-weight:650}.mode-message[data-tone=info]{color:#8ef8dd}.mode-sign-out-wide{display:block;width:100%;min-height:48px;margin-top:20px;border:1px solid rgba(118,166,202,.4);border-radius:4px;background:#0a182ab8;color:#b6d8d2;font:700 12px var(--mono);cursor:pointer}.mode-sign-out-wide:hover{border-color:#52f1cf;color:#eafffb}@media(max-width:760px){.mode-options{grid-template-columns:1fr}.mode-option{min-height:210px}.mode-option-icon{margin:20px 0 15px}}@media(max-width:600px){.mode-header{flex-wrap:wrap;gap:8px}.mode-header-title{display:none}.mode-account{margin-left:auto}.mode-content{width:calc(100% - 32px);padding-top:70px}.mode-content h1{font-size:clamp(40px,11vw,58px)}}@media(max-width:720px){.home-shell .terminal-bar{padding:11px 16px}.home-shell .terminal-main{gap:17px}.home-shell .actions{flex-direction:row}.home-shell .start-button,.home-shell .resume-button,.home-shell .ghost-button{width:auto;flex:1 1 auto}}@media(max-width:720px){.floating-key{opacity:.38;transform:scale(.82)}.floating-key-one{left:1%;top:12%}.floating-key-two{right:1%;top:18%}.floating-key-three{left:2%;bottom:9%}.floating-key-four{right:2%;bottom:12%}}@media(max-width:400px){.home-shell .choice{grid-template-columns:38px minmax(0,1fr)}.home-shell .choice-icon{width:36px;height:36px}.home-shell .choice-state{grid-column:2}.home-shell .actions{flex-direction:column}.home-shell .start-button,.home-shell .resume-button,.home-shell .ghost-button{width:100%}}body:has(#home-screen:not([hidden])){background:radial-gradient(1100px 760px at 50% -12%,rgba(46,108,168,.34),transparent 62%),radial-gradient(820px 620px at 88% 32%,rgba(120,92,220,.15),transparent 68%),#050810}.home-shell{--sf-cyan: #5fe7ff;--sf-mint: #52f1cf;--sf-violet: #a989ff;--sf-amber: #ffc766;--sf-rose: #ff7187;--glass-panel: rgba(9, 21, 40, .72);--mx: 0;--my: 0;--scroll: 0;background:radial-gradient(ellipse 58% 40% at 50% 0%,rgba(58,121,184,.24),transparent 66%),radial-gradient(ellipse 44% 36% at 88% 30%,rgba(138,102,255,.12),transparent 70%),radial-gradient(ellipse 52% 42% at 6% 72%,rgba(82,241,207,.09),transparent 72%),linear-gradient(180deg,#0a1226,#070c1a 48%,#050912)}.home-shell:before{z-index:0;background-image:linear-gradient(rgba(95,231,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(95,231,255,.045) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(95,231,255,.62) 0 1px,transparent 1.4px),radial-gradient(circle,rgba(169,137,255,.45) 0 1px,transparent 1.4px);background-size:56px 56px,56px 56px,240px 240px,330px 330px,420px 420px;background-position:0 0,0 0,24px 40px,130px 90px,60px 210px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.62) 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.62) 55%,transparent 100%);opacity:.9;animation:sf-grid-flow 60s linear infinite}.home-shell:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.032) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;opacity:.5}.home-content{position:relative;z-index:1}body:has(#home-screen:not([hidden])) .site-header{z-index:20;border-bottom-color:#52f1cf38;background:linear-gradient(180deg,#081222f0,#060c18cc);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:0 14px 44px #00000080,inset 0 -1px #5fe7ff14;animation:sf-header-drop .8s cubic-bezier(.16,1,.3,1) both}body:has(#home-screen:not([hidden])) .site-header:before{content:"";position:absolute;right:0;bottom:-1px;left:0;z-index:2;height:2px;background:linear-gradient(90deg,var(--sf-mint),var(--sf-cyan) 55%,var(--sf-violet));box-shadow:0 0 14px #52f1cf9e;transform:scaleX(var(--scroll, 0));transform-origin:left center;transition:transform .14s linear}body:has(#home-screen:not([hidden])) .site-header.is-scrolled{background:linear-gradient(180deg,#07101ff7,#050b16eb);box-shadow:0 18px 50px #00000094,0 0 30px #52f1cf0d,inset 0 -1px #5fe7ff1a}body:has(#home-screen:not([hidden])) .site-brand .brand-mark i{transform-origin:bottom center;animation:sf-equalize 2.6s ease-in-out infinite}body:has(#home-screen:not([hidden])) .site-brand .brand-mark i:nth-child(2){animation-delay:.22s}body:has(#home-screen:not([hidden])) .site-brand .brand-mark i:nth-child(3){animation-delay:.44s}body:has(#home-screen:not([hidden])) .site-brand .brand-mark i:nth-child(4){animation-delay:.66s}body:has(#home-screen:not([hidden])) .site-nav a{position:relative;padding-bottom:3px}body:has(#home-screen:not([hidden])) .site-nav a:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,var(--sf-mint),var(--sf-cyan));box-shadow:0 0 10px #52f1cfb3;transform:scaleX(0);transform-origin:left center;transition:transform .26s cubic-bezier(.16,1,.3,1)}body:has(#home-screen:not([hidden])) .site-nav a:hover:after{transform:scaleX(1)}.landing-hero:before{content:"";position:absolute;top:-12%;left:-8%;z-index:0;width:min(760px,78%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(95,231,255,.14),transparent 64%);filter:blur(24px);pointer-events:none;animation:sf-breathe 8s ease-in-out infinite}.landing-hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(95,231,255,.05) 46%,rgba(95,231,255,.16) 50%,rgba(95,231,255,.05) 54%,transparent 100%);background-repeat:no-repeat;background-size:100% 46%;background-position:0 -70%;animation:sf-hero-scan 10s linear infinite}.hero-copy>:not(.wordmark){animation:sf-rise-in .9s cubic-bezier(.16,1,.3,1) both}.hero-copy>:nth-child(1){animation-delay:80ms}.hero-copy>:nth-child(2){animation-delay:.16s}.hero-copy>:nth-child(3){animation-delay:.25s}.hero-copy>:nth-child(4){animation-delay:.33s}.hero-copy>:nth-child(5){animation-delay:.41s}.hero-copy>:nth-child(6){animation-delay:.49s}.section-eyebrow span:first-child{text-shadow:0 0 14px rgba(95,231,255,.18)}.home-shell .wordmark-main{filter:drop-shadow(0 0 26px rgba(95,231,255,.22))}@supports ((-webkit-background-clip: text) or (background-clip: text)){.home-shell .wordmark-main{background-image:linear-gradient(104deg,#f2fbff,#a7e6ff 28%,#5fe7ff,#52f1cf 64%,#f2fbff);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:sf-title-flow 9s linear infinite}}.home-shell .wordmark-sub{color:#90ffe6;text-shadow:-2px 0 rgba(255,113,135,.34),2px 0 rgba(95,231,255,.4),0 0 26px rgba(82,241,207,.3);animation:sf-chromatic 7s steps(1,end) infinite}.hero-metrics{display:flex;flex-wrap:wrap;gap:18px 30px;max-width:540px;margin:26px 0 2px;padding:14px 0 0;border-top:1px solid rgba(95,231,255,.14);list-style:none}.hero-metrics li{display:grid;gap:4px;min-width:98px}.hero-metrics span{color:#5f7f9e;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.2em}.hero-metrics strong{color:#d3ebf8;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.11em}.home-shell .hero-metrics .metric-live{display:inline-flex;align-items:center;gap:7px;color:var(--sf-mint);text-shadow:0 0 12px rgba(82,241,207,.4)}.home-shell .hero-metrics .metric-live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sf-mint);box-shadow:0 0 10px #52f1cfe6;animation:sf-pulse 2.2s ease-in-out infinite}.scroll-link{position:relative;overflow:hidden}.scroll-link:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(95,231,255,.22) 50%,transparent 62%);transform:translate(-130%);transition:transform .7s cubic-bezier(.16,1,.3,1);pointer-events:none}.scroll-link:hover:after{transform:translate(130%)}.hero-art{z-index:1;perspective:1000px}.hero-art:before{content:"";position:absolute;z-index:0;width:min(470px,94%);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle at center,rgba(95,231,255,.16) 0 1px,transparent 1px 32px),conic-gradient(from 0deg,transparent 0 44deg,rgba(82,241,207,.12) 44deg 46deg,transparent 46deg 134deg,rgba(95,231,255,.12) 134deg 136deg,transparent 136deg 224deg,rgba(169,137,255,.12) 224deg 226deg,transparent 226deg 314deg,rgba(255,199,102,.1) 314deg 316deg,transparent 316deg 360deg);-webkit-mask-image:radial-gradient(circle,transparent 30%,#000 37%,#000 68%,transparent 74%);mask-image:radial-gradient(circle,transparent 30%,#000 37%,#000 68%,transparent 74%);opacity:.85;animation:sf-spin 34s linear infinite;pointer-events:none}.hero-art:after{content:"";position:absolute;z-index:0;width:min(430px,82%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(82,241,207,.16),rgba(56,120,190,.1) 44%,transparent 68%);filter:blur(12px);animation:sf-breathe 6s ease-in-out infinite;pointer-events:none}.hero-board{position:relative;z-index:2;overflow:hidden;transform:rotate(3deg) rotateX(calc(var(--py, 0) * -6deg)) rotateY(calc(var(--px, 0) * 8deg));transform-style:preserve-3d;transition:transform .24s ease-out;animation:sf-hover-board 7s ease-in-out infinite;will-change:transform,translate}.hero-board:after{content:"";position:absolute;top:-45%;right:0;left:0;z-index:3;height:42%;background:linear-gradient(180deg,transparent,rgba(82,241,207,.16) 44%,rgba(95,231,255,.28) 50%,transparent);mix-blend-mode:screen;pointer-events:none;animation:sf-board-scan 5.5s cubic-bezier(.4,0,.2,1) infinite}.hero-board .board-cell{animation:sf-cell-glow 4.2s ease-in-out infinite}.hero-board .board-cell:nth-child(2){animation-delay:.3s}.hero-board .board-cell:nth-child(3){animation-delay:.6s}.hero-board .board-cell:nth-child(4){animation-delay:.9s}.hero-board .board-cell:nth-child(6){animation-delay:1.2s}.hero-board .board-cell:nth-child(7){animation-delay:1.5s}.hero-board .board-cell:nth-child(9){animation-delay:1.8s}.hero-board .board-cell:nth-child(12){animation-delay:2.1s}.art-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:sf-label-drift 6s ease-in-out infinite}.art-label-bottom{animation-delay:-2.4s}.home-shell .control-card,.home-shell .shortcut-card{--accent: var(--sf-cyan);--accent-soft: rgba(95, 231, 255, .16);position:relative;overflow:hidden;isolation:isolate;border-color:#6fc4eb42;background-image:linear-gradient(150deg,#132b46eb,#081221f7);transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .24s ease,box-shadow .28s ease}.home-shell .control-card-blue,.home-shell .shortcut-blue{--accent: #5fe7ff;--accent-soft: rgba(95, 231, 255, .16);background-image:linear-gradient(150deg,#143352f0,#081221f7)}.home-shell .control-card-yellow,.home-shell .shortcut-yellow{--accent: #ffc766;--accent-soft: rgba(255, 199, 102, .15);background-image:linear-gradient(150deg,#382c21d9,#09111ff7)}.home-shell .control-card-green,.home-shell .shortcut-green{--accent: #52f1cf;--accent-soft: rgba(82, 241, 207, .15);background-image:linear-gradient(150deg,#0f3535db,#081221f7)}.home-shell .shortcut-red{--accent: #ff7187;--accent-soft: rgba(255, 113, 135, .15);background-image:linear-gradient(150deg,#3c1d30d6,#09111ff7)}.home-shell .control-card:before,.home-shell .shortcut-card:before{content:"";position:absolute;top:0;left:18px;z-index:2;width:46px;height:2px;background:var(--accent);box-shadow:0 0 14px var(--accent-soft)}.home-shell .control-card:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(230px circle at var(--gx, 50%) var(--gy, 0%),var(--accent-soft),transparent 66%);opacity:0;transition:opacity .32s ease;pointer-events:none}.home-shell .control-card:hover{border-color:var(--accent);box-shadow:inset 0 0 30px var(--accent-soft),0 0 26px #52f1cf17,0 18px 34px #00000047}.home-shell .control-card:hover:after{opacity:1}.home-shell .shortcut-card:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.12) 50%,transparent 62%);transform:translate(-130%) skew(-10deg);transition:transform .78s cubic-bezier(.16,1,.3,1);pointer-events:none}.home-shell .shortcut-card:hover:after{transform:translate(130%) skew(-10deg)}.home-shell .shortcut-card:hover{border-color:var(--accent);box-shadow:inset 0 0 24px var(--accent-soft),0 0 22px #52f1cf12}.home-shell .card-number,.home-shell .shortcut-index{color:var(--accent);opacity:.75;text-shadow:0 0 10px var(--accent-soft)}.home-shell .keypad kbd{animation:sf-key-breathe 3.8s ease-in-out infinite}.home-shell .keypad kbd:nth-child(2){animation-delay:.45s}.home-shell .keypad kbd:nth-child(3){animation-delay:.9s}.home-shell .keypad kbd:nth-child(4){animation-delay:1.35s}.home-shell .mini-maze i:nth-child(5),.home-shell .mini-maze i:nth-child(9){animation:sf-pulse-glow 2.8s ease-in-out infinite}.home-shell .mini-maze i:nth-child(9){animation-delay:.7s}.home-shell .crate-demo b{animation:sf-arrow-nudge 1.8s ease-in-out infinite}.home-shell .crate-demo span{transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease}.home-shell .control-card:hover .crate-demo span{transform:translateY(-3px);box-shadow:0 0 20px #52f1cf2e}.home-shell .shortcut-keys kbd{transition:transform .16s ease,box-shadow .16s ease}.home-shell .shortcut-card:hover .shortcut-keys kbd{transform:translateY(1px);box-shadow:0 1px #030812,0 0 14px #5fe7ff29}.home-shell .play-section{position:relative;overflow:hidden;isolation:isolate;border-color:#52f1cf57;background-image:linear-gradient(150deg,#0f243cf7,#070d1bfc);box-shadow:0 0 50px #52f1cf12,inset 0 0 50px #52f1cf06}.home-shell .play-section:before{content:"";position:absolute;inset:13px;z-index:0;border:1px solid rgba(82,241,207,.09);border-radius:3px;pointer-events:none}.home-shell .play-section:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(380px circle at var(--gx, 50%) var(--gy, 45%),rgba(82,241,207,.11),transparent 68%),linear-gradient(180deg,transparent 46%,rgba(95,231,255,.05) 50%,transparent 54%);pointer-events:none;transition:background .2s ease}.home-shell .play-section>*{position:relative;z-index:1}.play-heading h2 span{text-shadow:0 0 24px rgba(82,241,207,.2)}.home-shell .choice{position:relative;overflow:hidden}.home-shell .choice:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(105deg,transparent 40%,rgba(95,231,255,.13) 50%,transparent 60%);transform:translate(-140%);transition:transform .72s cubic-bezier(.16,1,.3,1);pointer-events:none}.home-shell .choice:hover:after{transform:translate(140%)}.home-shell .choice>*{position:relative;z-index:1}.choice-arrow{transition:transform .26s cubic-bezier(.16,1,.3,1),color .2s ease}.home-shell .choice:hover .choice-arrow{transform:translate(4px);color:var(--sf-mint)}.home-shell .start-button{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(100deg,#52f1cf,#8bffe9 48%,#5fe7ff)}.home-shell .start-button:after{content:"";position:absolute;inset:-40% -20%;z-index:-1;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%);animation:sf-button-shine 5.4s ease-in-out infinite;pointer-events:none}.home-shell .start-button:disabled:after{display:none}.home-shell .selection-status{color:#9bb8cd}.home-footer{border-top:1px solid rgba(95,231,255,.12)}.shortcut-field{position:absolute;inset:0;z-index:0;overflow:hidden;color:var(--sf-cyan);font-family:var(--mono);pointer-events:none}.shortcut-scene{position:absolute;width:260px;height:210px;opacity:.72}.scene-copy{top:36%;left:.5%;--origin-x: 90px;--origin-y: 55px}.scene-paste{top:54%;right:1%;--origin-x: -70px;--origin-y: 60px}.scene-text{top:42%;right:1%;height:170px;--origin-x: 80px;--origin-y: 55px}.scene-label{position:absolute;top:0;left:0;color:#5fe7ff80;font-size:8px;font-weight:700;letter-spacing:.24em}.scene-cursor{position:absolute;left:48%;top:50%;width:30px;height:30px;fill:#5fe7ff24;stroke:currentColor;stroke-width:1.35;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(95,231,255,.5));transform-origin:top left;transform:translate(calc((1 - var(--approach, 0)) * var(--origin-x, 90px)),calc((1 - var(--approach, 0)) * var(--origin-y, 55px))) rotate(-8deg)}.scene-crate{position:absolute;top:42%;left:30%;width:60px;height:60px;border:1px solid rgba(95,231,255,.58);background:linear-gradient(45deg,transparent 46%,rgba(95,231,255,.34) 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(95,231,255,.34) 47% 53%,transparent 54%),#5fe7ff0d;box-shadow:inset 0 0 18px #5fe7ff1a,0 0 18px #5fe7ff1a}.scene-crate-ghost{top:calc(42% - 42px);left:calc(30% + 48px);border-style:dashed;border-color:#52f1cfb8;background:linear-gradient(45deg,transparent 46%,rgba(82,241,207,.34) 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(82,241,207,.34) 47% 53%,transparent 54%),#52f1cf0d;box-shadow:0 0 28px #52f1cf29;opacity:var(--copy, 0);transform:scale(calc(.72 + var(--copy, 0) * .28)) rotate(3deg)}.scene-copy .scene-selection{position:absolute;top:calc(42% - 7px);left:calc(30% - 7px);width:74px;height:74px;border:1px dashed rgba(82,241,207,.82);box-shadow:0 0 20px #52f1cf29;opacity:var(--copy, 0);transform:scale(calc(.85 + var(--copy, 0) * .15))}.scene-keycaps{position:absolute;bottom:0;left:0;display:flex;align-items:center;gap:4px;opacity:calc(.35 + var(--copy, 0) * .65);transform:translateY(calc((1 - var(--copy, 0)) * 10px))}.scene-keycaps kbd{display:inline-grid;place-items:center;min-width:26px;padding:4px 6px;border:1px solid rgba(95,231,255,.34);border-radius:3px;background:#06111ecc;color:#c7f2ffcc;font:inherit;font-size:8px;letter-spacing:.04em;box-shadow:0 0 12px #5fe7ff14}.scene-keycaps b{color:#5fe7ff73;font-size:9px;font-weight:400}.scene-slots{position:absolute;top:39%;left:34%;display:grid;grid-template-columns:repeat(2,32px);gap:6px}.scene-slots i{width:32px;height:32px;border:1px dashed rgba(95,231,255,.22);background:#5fe7ff05}.scene-paste-crate{top:calc(39% + 4px);left:calc(34% + 38px);width:32px;height:32px;border-color:#52f1cfbf;background:linear-gradient(45deg,transparent 46%,rgba(82,241,207,.4) 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(82,241,207,.4) 47% 53%,transparent 54%),#52f1cf0f;opacity:var(--paste, 0);transform:scale(calc(.5 + var(--paste, 0) * .5))}.scene-paste-flash{position:absolute;top:calc(39% - 6px);left:calc(34% + 30px);width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,rgba(82,241,207,.35),transparent 70%);opacity:calc(var(--paste, 0) * .9);transform:scale(calc(.4 + var(--paste, 0) * .8))}.scene-paste .scene-keycaps,.scene-text .scene-keycaps{opacity:calc(.35 + var(--paste, 0) * .65);transform:translateY(calc((1 - var(--paste, 0)) * 10px))}.scene-sheet{position:absolute;display:block;width:62%;height:78px;padding:12px;border:1px solid rgba(95,231,255,.3);background:#081424b8;box-shadow:0 0 18px #5fe7ff0f}.scene-sheet-source{top:20%;left:6%}.scene-sheet .line{display:block;height:4px;margin:0 0 7px;border-radius:2px;background:#5fe7ff4d}.scene-sheet .line-70{width:70%}.scene-sheet .line-92{width:92%}.scene-sheet .line-54{width:54%}.scene-sheet-copy{top:61%;left:30%;border-color:#52f1cf66;background:#081e24cc;opacity:var(--paste, 0);transform:translateY(calc((1 - var(--paste, 0)) * 18px))}.scene-sheet-copy .line{background:#52f1cf57}.scene-sheet .scene-selection{position:absolute;inset:8px;border:1px dashed rgba(82,241,207,.7);background:#52f1cf14;opacity:var(--copy, 0);transform:scaleX(calc(.45 + var(--copy, 0) * .55));transform-origin:left center}.scene-text .scene-cursor{left:50%;top:31%}.bg-key{position:absolute;display:inline-grid;place-items:center;min-width:38px;padding:7px 9px;border:1px solid rgba(95,231,255,.16);border-radius:3px;background:#0712208c;color:#a5e2ff52;font-size:8px;letter-spacing:.08em;opacity:.75;transform:translateY(calc(var(--scroll, 0) * var(--depth, 1) * -140px)) rotate(var(--tilt, -6deg))}.bg-key-ctrl{top:9%;left:3%;--depth: 1.4;--tilt: -13deg}.bg-key-c{top:16%;right:4%;--depth: 2.2;--tilt: 10deg}.bg-key-v{top:45%;left:4%;--depth: -1.4;--tilt: 7deg}.bg-key-x{top:58%;right:4%;--depth: 1.8;--tilt: -9deg}.bg-key-z{top:80%;left:4%;--depth: 1.1;--tilt: 11deg}.bg-key-arrow{top:88%;right:5%;min-width:58px;--depth: -1.2;--tilt: -5deg}@media(max-width:980px){.shortcut-scene{opacity:.5;transform:scale(.82);transform-origin:left top}.scene-paste{transform-origin:right top}.bg-key{opacity:.42}}@media(max-width:760px){.shortcut-scene{display:none}.bg-key{opacity:.3}}.home-shell.has-title-reveal .title-reveal{opacity:0;transform:translateY(64px) scale(.97);transform-origin:left bottom;filter:blur(10px);will-change:transform,opacity,filter}.home-shell.has-title-reveal .title-reveal.is-playing{animation:title-float-in 1s cubic-bezier(.16,1,.3,1) both}.home-shell.has-title-reveal .title-reveal-accent{display:inline-block}.home-shell.has-title-reveal .title-reveal.is-playing .title-reveal-accent{animation:title-accent-float-in 1s cubic-bezier(.16,1,.3,1) .12s both}@keyframes title-float-in{0%{opacity:0;transform:translateY(64px) scale(.97);filter:blur(10px)}55%{opacity:1;filter:blur(1.5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes title-accent-float-in{0%{opacity:0;transform:translateY(30px);filter:blur(6px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes sf-grid-flow{0%{background-position:0 0,0 0,24px 40px,130px 90px,60px 210px}to{background-position:56px 56px,56px 56px,264px 280px,460px 420px,480px 630px}}@keyframes sf-header-drop{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes sf-equalize{0%,to{transform:scaleY(1)}50%{transform:scaleY(.55)}}@keyframes sf-rise-in{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes sf-title-flow{0%{background-position:0% 50%}to{background-position:220% 50%}}@keyframes sf-chromatic{0%,90%,to{text-shadow:-2px 0 rgba(255,113,135,.34),2px 0 rgba(95,231,255,.4),0 0 26px rgba(82,241,207,.3)}91%{text-shadow:-5px 0 rgba(255,113,135,.65),5px 0 rgba(95,231,255,.7),0 0 32px rgba(82,241,207,.45)}92%{text-shadow:-1px 0 rgba(255,113,135,.25),1px 0 rgba(95,231,255,.28),0 0 26px rgba(82,241,207,.3)}94%{text-shadow:4px 0 rgba(255,113,135,.55),-4px 0 rgba(95,231,255,.6),0 0 30px rgba(82,241,207,.4)}95%{text-shadow:-2px 0 rgba(255,113,135,.34),2px 0 rgba(95,231,255,.4),0 0 26px rgba(82,241,207,.3)}}@keyframes sf-pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes sf-breathe{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes sf-hero-scan{0%{background-position:0 -70%}to{background-position:0 180%}}@keyframes sf-spin{to{transform:rotate(360deg)}}@keyframes sf-hover-board{0%,to{translate:0 0}50%{translate:0 -10px}}@keyframes sf-board-scan{0%{top:-45%}to{top:115%}}@keyframes sf-cell-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.22)}}@keyframes sf-label-drift{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes sf-key-breathe{0%,to{box-shadow:0 3px #071322,0 0 10px #55c8ff12}50%{box-shadow:0 3px #071322,0 0 18px #5fe7ff38}}@keyframes sf-pulse-glow{0%,to{filter:brightness(1);box-shadow:0 0 16px #52f1cf42}50%{filter:brightness(1.35);box-shadow:0 0 26px #52f1cf73}}@keyframes sf-arrow-nudge{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes sf-button-shine{0%,58%,to{transform:translate(-130%) skew(-12deg)}75%{transform:translate(130%) skew(-12deg)}}@media(max-width:820px){.landing-hero:before{left:-20%;width:90%}.hero-metrics{gap:14px 22px}}@media(max-width:600px){.hero-metrics{margin-top:22px;padding-top:12px;gap:12px 18px}.hero-metrics li{min-width:88px}.home-shell:after{opacity:.35}.landing-hero:after{display:none}.hero-art:before{width:96%}.hero-art:after{width:88%}}@media(prefers-reduced-motion:reduce){.home-shell:before,.hero-copy>*,.home-shell .wordmark-main,.home-shell .wordmark-sub,.hero-art:before,.hero-art:after,.hero-board,.hero-board:after,.hero-board .board-cell,.art-label,.home-shell .keypad kbd,.home-shell .mini-maze i,.home-shell .crate-demo b,.home-shell .start-button:after,.site-header,.landing-hero:before,.landing-hero:after,.sf-ambient-motion{animation:none!important}.hero-board{transform:rotate(3deg)}.home-shell.has-title-reveal .title-reveal,.home-shell.has-title-reveal .title-reveal-accent{opacity:1;transform:none;filter:none;transition:none!important;animation:none!important}}.home-shell .shortcut-grid{grid-template-columns:minmax(0,1fr);gap:14px}.home-shell .shortcut-card{grid-template-columns:minmax(210px,auto) minmax(0,1fr) auto;gap:clamp(24px,3.4vw,52px);min-height:164px;padding:30px clamp(26px,3.5vw,44px)}.home-shell .shortcut-keys{gap:8px}.home-shell .shortcut-keys kbd{min-width:58px;min-height:58px;padding:8px 15px;font-size:18px;letter-spacing:.02em}.home-shell .shortcut-keys b{font-size:18px}.home-shell .shortcut-card h3{margin:0 0 10px;font-size:clamp(28px,2.9vw,38px);line-height:1.12;letter-spacing:.01em}.home-shell .shortcut-card p{max-width:64ch;font-size:clamp(16px,1.35vw,18px);line-height:1.8}.home-shell .shortcut-index{font-size:13px}.home-shell .shortcut-violet{--accent: #a989ff;--accent-soft: rgba(169, 137, 255, .16);background-image:linear-gradient(150deg,#2d224edb,#09111ff7)}.home-shell .shortcut-sky{--accent: #8ec9ff;--accent-soft: rgba(142, 201, 255, .16);background-image:linear-gradient(150deg,#142d4ae6,#09111ff7)}@media(max-width:600px){.home-shell .shortcut-card{grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;min-height:0;padding:18px}.home-shell .shortcut-keys{grid-column:1 / -1}.home-shell .shortcut-keys kbd{min-width:44px;min-height:44px;padding:5px 10px;font-size:14px}.home-shell .shortcut-keys b{font-size:14px}.home-shell .shortcut-card h3{font-size:24px}.home-shell .shortcut-card p{font-size:14px;line-height:1.75}}.home-shell .shortcut-footnote{font-size:13px;line-height:2}body:has(#home-screen:not([hidden])){color:#eafffb;background:radial-gradient(1400px 900px at 50% -10%,rgba(82,192,236,.34),transparent 64%),radial-gradient(1000px 760px at 96% 18%,rgba(112,225,193,.2),transparent 68%),radial-gradient(960px 740px at 2% 96%,rgba(137,123,255,.15),transparent 70%),linear-gradient(180deg,#0e263c,#0a1b2e 56%,#081523)}body:has(#home-screen:not([hidden])) .home-shell{--sf-cyan: #8cecff;--sf-mint: #8ff5d9;--sf-violet: #b9a8ff;--sf-amber: #ffe1a1;--sf-rose: #ff9eb0;--text: #f4fffc;--muted: #b8e4dc;--dim: #9acfc7;--line: rgba(143, 240, 214, .34);--line-strong: rgba(143, 240, 214, .62);color:#eafffb;background:radial-gradient(ellipse 60% 42% at 50% 0%,rgba(82,184,232,.34),transparent 66%),radial-gradient(ellipse 46% 36% at 90% 26%,rgba(130,112,255,.16),transparent 70%),radial-gradient(ellipse 58% 44% at 4% 78%,rgba(112,225,193,.17),transparent 72%),linear-gradient(180deg,#143652,#0f2a41 46%,#0b1e31)}body:has(#home-screen:not([hidden])) .home-shell:after{opacity:.38}body:has(#home-screen:not([hidden])) .site-header{border-bottom-color:#8ff0d661;background:linear-gradient(180deg,#14334cf5,#0b1c2ee6);box-shadow:0 14px 44px #00000052,inset 0 -1px #8ff0d624}body:has(#home-screen:not([hidden])) .site-nav a{color:#c9ece6}body:has(#home-screen:not([hidden])) .site-brand{color:#f4fffd}.home-shell .section-eyebrow{color:#9fe3d6}.home-shell .section-eyebrow span:last-child{color:#8ec6be}.home-shell .wordmark-main{filter:drop-shadow(0 0 34px rgba(143,240,214,.3))}@supports ((-webkit-background-clip: text) or (background-clip: text)){.home-shell .wordmark-main{background-image:linear-gradient(104deg,#fff,#e9fffb 24%,#b8f4ff 44%,#8ff5d9 62%,#fff)}}.home-shell .wordmark-sub{color:#c3ffef;text-shadow:-2px 0 rgba(255,113,135,.3),2px 0 rgba(95,231,255,.36),0 0 30px rgba(143,240,214,.44)}.home-shell .hero-tagline{color:#f1fffb;text-shadow:0 0 18px rgba(143,240,214,.16)}.home-shell .hero-description{color:#c4e8e1}.home-shell .hero-metrics span{color:#9bd8ce}.home-shell .hero-metrics strong{color:#e5fff9}.home-shell .hero-metrics{border-color:#8ff0d647}.home-shell .hero-board{border-color:#8fdceb80;background:#10263ce0;box-shadow:0 0 42px #52b8e833,inset 0 0 24px #8ff0d612}.home-shell .board-cell{border-color:#8fc8e152;background:#27415cd6;color:#c8e6f5}.home-shell .section-heading h2,.home-shell .play-heading h2{color:#f2fffc;text-shadow:0 0 22px rgba(143,240,214,.16)}.home-shell .section-heading>p:last-child,.home-shell .play-heading>p:not(.section-eyebrow):not(.progress-summary){color:#b5ded8}.home-shell .control-card,.home-shell .shortcut-card{border-color:#8fdceb57;background-image:linear-gradient(150deg,#204a68eb,#0f2337f7);color:#effffb;box-shadow:inset 0 0 32px #5ec4dc12,0 12px 30px #0000002e}.home-shell .control-card-blue,.home-shell .shortcut-blue{background-image:linear-gradient(150deg,#1e4e6ff0,#0f2337f7)}.home-shell .control-card-yellow,.home-shell .shortcut-yellow{background-image:linear-gradient(150deg,#504028e6,#0f2337f7)}.home-shell .control-card-green,.home-shell .shortcut-green{background-image:linear-gradient(150deg,#18504ee6,#0f2337f7)}.home-shell .shortcut-red{background-image:linear-gradient(150deg,#562a3de6,#0f2337f7)}.home-shell .shortcut-violet{background-image:linear-gradient(150deg,#403268eb,#0f2337f7)}.home-shell .shortcut-sky{background-image:linear-gradient(150deg,#1c4060eb,#0f2337f7)}.home-shell .control-card p,.home-shell .shortcut-card p,.home-shell .shortcut-footnote{color:#bfe5de}.home-shell .shortcut-card h3{color:#f4fffd;text-shadow:0 0 20px rgba(143,240,214,.18)}.home-shell .shortcut-keys kbd,.home-shell .shortcut-footnote kbd{border-color:#8fdceb8c;background:#143049;color:#e1fbff;box-shadow:0 3px #071522,0 0 14px #8ff0d61f}.home-shell .shortcut-keys b{color:#a9d8d1}.home-shell .keypad kbd{border-color:#8fdceb80;background:#153552;color:#c7f3ff}.home-shell .play-section{border-color:#8ff0d675;background-image:linear-gradient(150deg,#173e56f7,#0b192afc);box-shadow:0 0 60px #8ff0d61a,inset 0 0 50px #8ff0d609}.home-shell .choice{border-color:#87c8e670;background:#143148e6;color:#eafffb}.home-shell .choice-text strong{color:#f2fffc}.home-shell .choice-text small{color:#b3d8d2}.home-shell .choice-arrow{color:#9fd0ca}.home-shell .selection-status{color:#b7ddd7}.home-footer{border-top-color:#8ff0d638;color:#9ac3bd}.home-footer a{color:#c7ede7}body:has(#play-mode-screen:not([hidden])){background:#0b1a2c}.mode-screen{color:#eafffb;background:radial-gradient(ellipse at 50% 26%,rgba(80,184,226,.26),transparent 56%),linear-gradient(180deg,#132d46,#0c2034 70%,#0b1a2b)}.mode-header-title,.mode-sign-out{color:#b6d8d2}.mode-eyebrow{color:#8ff5d9}.mode-eyebrow span{color:#9ac3bd}body:has(#game-screen:not([hidden])){background:#081723}.game-terminal{border-color:#8ff0d64d;background:linear-gradient(160deg,#1d4254f7,#0a1c29fa);box-shadow:0 40px 110px #00000080,0 0 90px #70e1c124}.game-bar{border-bottom-color:#8ff0d642;background:linear-gradient(180deg,#1c4054f7,#0f2636f5)}.bar-button{border-color:#8ff0d64d;background:#193a4ce0;color:#c7e9e4}.canvas-frame{border-color:#8ff0d64d;background:#102838;box-shadow:0 0 46px #70e1c11a,inset 0 0 28px #70e1c10a}.game-foot{color:#b8ded8}#game-canvas{background:#0c1822}.game-path{color:#a9cfc9}.footer-item kbd,.game-foot kbd{border-color:#8ff0d659;background:#25485ce6;color:#eafffb}.pause-overlay{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:#040c14d1;backdrop-filter:blur(7px)}.pause-overlay[hidden]{display:none}.pause-panel{width:min(100%,420px);padding:32px;border:1px solid rgba(143,240,214,.45);border-radius:8px;background:#10232e;color:#eafffb;box-shadow:0 20px 80px #00000073}.pause-eyebrow{margin:0 0 8px;color:#70e1c1;font:700 11px var(--mono);letter-spacing:.15em}.pause-panel h2{margin:0 0 24px;font-size:28px}.pause-volume-control{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;margin:18px 0}.pause-volume-control output{color:#70e1c1;font:700 13px var(--mono)}.pause-volume-control input{grid-column:1 / -1;width:100%;accent-color:#70e1c1}.pause-panel .start-button,.pause-quit-button{width:100%;justify-content:center;margin-top:12px}.pause-quit-button[hidden]{display:none}.audio-control{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}.home-shell .audio-toggle{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid rgba(143,240,214,.42);border-radius:3px;background:#0a1e2ce0;color:#c8f3ea;font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.home-shell .audio-toggle:hover{border-color:var(--green);background:#52f1cf1f;color:#eafffb}.home-shell .audio-toggle:focus-visible{outline:2px solid var(--green);outline-offset:2px}.home-shell .audio-toggle[data-state=off]{border-color:#76a6ca66;background:#0a182ab3;color:#8fa9bd}.home-shell .audio-toggle-icon{font-size:14px;line-height:1}.home-shell .audio-toggle-state{min-width:28px;padding:1px 6px;border-radius:2px;background:#52f1cf29;color:#8af7dd;font-size:11px;text-align:center}.home-shell .audio-toggle[data-state=off] .audio-toggle-state{background:#76a6ca29;color:#9bb2c6}.home-shell .audio-note{margin:0;color:#9ac3bd;font-family:var(--jp);font-size:11px;letter-spacing:0}@media(max-width:520px){.audio-control{width:100%}.home-shell .audio-toggle{width:100%;justify-content:center}.home-shell .audio-note{width:100%;text-align:center}}.room-entry-dialog{width:min(92vw,460px);padding:0;border:1px solid rgba(103,174,214,.5);border-radius:8px;background:#0b1628;color:#e9f6ff;box-shadow:0 24px 80px #0000008c}.room-entry-dialog::backdrop{background:#020712c7;backdrop-filter:blur(5px)}.room-entry-form{display:grid;gap:16px;padding:26px}.room-entry-form h2{margin:0;font-size:24px}.room-entry-form p{margin:0;color:#9bb2c8;line-height:1.6}.room-entry-field{display:grid;gap:7px;color:#b7cadb;font-size:13px;font-weight:700}.room-entry-field input{width:100%;padding:12px 13px;border:1px solid rgba(103,174,214,.35);border-radius:4px;background:#07101e;color:#f2f8ff;font:inherit}.room-entry-field input:focus{outline:2px solid #52f1cf;outline-offset:2px}.room-entry-field input::placeholder{color:#657c92}.room-entry-message{min-height:1.5em;color:#ffb6a8!important}.room-entry-message[data-tone=success]{color:#7bffe1!important}.room-entry-actions{display:flex;justify-content:flex-end;gap:10px}.room-entry-actions button{padding:10px 15px;border:1px solid rgba(103,174,214,.35);border-radius:4px;background:transparent;color:#c7d8e7;font:inherit;font-weight:700;cursor:pointer}.room-entry-actions button[type=submit]{border-color:#52f1cf;background:#52f1cf;color:#07101e}.room-entry-actions button:disabled{opacity:.55;cursor:wait}.room-lobby-screen{position:fixed;z-index:20;inset:0;display:grid;place-items:center;overflow:auto;padding:24px;background:#030813f5;color:#e9f6ff}.room-lobby-screen[hidden]{display:none}.room-lobby-card{width:min(100%,760px);padding:clamp(22px,5vw,42px);border:1px solid rgba(103,174,214,.4);border-radius:8px;background:linear-gradient(145deg,#102039,#091323);box-shadow:0 24px 80px #00000061}.room-lobby-eyebrow{margin:0 0 10px;color:#52f1cf;font:700 11px var(--mono, monospace);letter-spacing:.14em}.room-lobby-card h1{margin:0;font-size:clamp(26px,5vw,38px)}.room-lobby-code-label{margin:24px 0 4px;color:#9bb2c8;font-size:13px}.room-lobby-code{margin:0;color:#81d9ff;font:800 clamp(38px,8vw,60px) var(--mono, monospace);letter-spacing:.14em}.room-lobby-status{min-height:1.5em;color:#a9bfd2}.room-lobby-status[data-tone=success]{color:#7bffe1}.room-lobby-status[data-tone=error]{color:#ffb6a8}.room-lobby-stage-area,.room-lobby-members-area{margin-top:24px;padding-top:18px;border-top:1px solid rgba(103,174,214,.2)}.room-lobby-members-area h2{margin:0 0 12px;font-size:18px}.room-lobby-current-stage{margin:0 0 12px;color:#b7cadb}.room-lobby-start-status{min-height:1.5em;margin:12px 0 0;color:#9bb2c8}.room-lobby-start-status[data-tone=success]{color:#7bffe1}.room-lobby-start-status[data-tone=error]{color:#ffb6a8}.room-lobby-stage-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.room-lobby-stage-options{display:grid;flex:1 1 100%;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0;padding:12px;border:1px solid rgba(103,174,214,.25);border-radius:4px}.room-lobby-stage-options legend{padding:0 6px;color:#a9d7ef;font-size:13px}.room-lobby-stage-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:40px;padding:8px 10px;border:1px solid rgba(103,174,214,.18);border-radius:4px;background:#07101eb8;color:#e9f6ff}.room-lobby-stage-option label{cursor:pointer}.room-lobby-stage-option input{width:17px;height:17px;accent-color:#52f1cf}.room-lobby-stage-order{color:#7bffe1;font-size:12px;white-space:nowrap}.room-lobby-stage-order-hint{grid-column:1 / -1;margin:0 0 4px;color:#9bb2c8;font-size:12px;line-height:1.6}.room-lobby-stage-form button,.room-lobby-actions button{min-height:42px;padding:9px 13px;border:1px solid rgba(103,174,214,.35);border-radius:4px;background:#07101e;color:#e9f6ff;font:inherit}.room-lobby-stage-form button{border-color:#52f1cf;background:#52f1cf;color:#07101e;font-weight:800;cursor:pointer}.room-lobby-start{display:block;width:100%;min-height:46px;margin-top:14px;border:1px solid #52f1cf;border-radius:4px;background:#52f1cf;color:#07101e;font:inherit;font-weight:850;cursor:pointer}.room-lobby-start:disabled{opacity:.55;cursor:not-allowed}.room-lobby-stage-result{color:#7bffe1;font-size:13px}.room-lobby-members{display:grid;gap:8px;margin:0;padding:0;list-style:none}.room-lobby-member{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 14px;border:1px solid rgba(103,174,214,.18);border-radius:4px;background:#050d198c}.room-lobby-member strong{min-width:120px}.room-lobby-member>span:not(.room-lobby-member-badge){color:#9bb2c8;font-size:13px}.room-lobby-member-badge{margin-left:auto;padding:4px 8px;border:1px solid rgba(82,241,207,.35);border-radius:3px;color:#7bffe1;font-size:11px}.room-lobby-empty{padding:16px;color:#9bb2c8}.room-lobby-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.room-lobby-actions button{cursor:pointer;font-weight:700}.room-lobby-actions .room-lobby-leave{border-color:#ff927f8c;color:#ffb6a8}@media(max-width:520px){.room-lobby-screen{align-items:start;padding:12px}.room-lobby-card{padding:22px 18px}.room-lobby-member-badge{margin-left:0}.room-lobby-actions{justify-content:stretch}.room-lobby-actions button{flex:1}}.host-dashboard{--hd-bg: #04121c;--hd-panel: rgba(8, 28, 40, .86);--hd-panel-strong: rgba(11, 36, 50, .95);--hd-line: rgba(112, 225, 193, .18);--hd-line-strong: rgba(112, 225, 193, .42);--hd-mint: #70e1c1;--hd-sky: #56d8ff;--hd-amber: #f7d27e;--hd-rose: #ff7580;--hd-text: #f0fdfa;--hd-muted: #a8c6c8;--hd-dim: #78989b;position:fixed;z-index:80;inset:0;overflow-x:hidden;overflow-y:auto;color:var(--hd-text);font-family:var(--jp, "Inter", "Yu Gothic UI", "Hiragino Sans", "Meiryo", sans-serif);background:radial-gradient(900px 560px at 8% -10%,rgba(86,216,255,.2),transparent 62%),radial-gradient(760px 520px at 98% 8%,rgba(247,210,126,.1),transparent 64%),radial-gradient(1000px 720px at 50% 116%,rgba(112,225,193,.16),transparent 62%),linear-gradient(155deg,#04131e,#082432 48%,#04121b)}.host-dashboard[hidden]{display:none}.host-dashboard *,.host-dashboard *:before,.host-dashboard *:after{box-sizing:border-box}.host-dashboard :focus-visible{outline:2px solid var(--hd-mint);outline-offset:3px}body.host-dashboard-open{overflow:hidden}.host-dashboard-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}.host-dashboard-grid{position:absolute;inset:-12%;background-image:linear-gradient(rgba(112,225,193,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(112,225,193,.13) 1px,transparent 1px);background-size:68px 68px;opacity:.34;-webkit-mask-image:radial-gradient(ellipse 74% 64% at 48% 42%,#000 16%,transparent 78%);mask-image:radial-gradient(ellipse 74% 64% at 48% 42%,#000 16%,transparent 78%);animation:host-dashboard-grid-drift 34s linear infinite}.host-dashboard-glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(70px);opacity:.16}.host-dashboard-glow--mint{top:-260px;left:8%;background:var(--hd-mint)}.host-dashboard-glow--sky{right:-240px;bottom:-280px;background:var(--hd-sky)}.host-dashboard-shell{position:relative;z-index:1;display:flex;flex-direction:column;width:min(100%,1460px);min-height:100%;margin:0 auto;padding:clamp(18px,2.8vw,34px) clamp(16px,4vw,52px) 18px}.host-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid var(--hd-line);animation:host-dashboard-rise .45s cubic-bezier(.22,1,.36,1) both}.host-dashboard-brand{display:flex;align-items:center;gap:14px;min-width:0}.host-dashboard-mark{display:grid;flex:0 0 auto;place-content:center;gap:4px;width:42px;height:42px;border:1px solid var(--hd-line-strong);background:linear-gradient(145deg,rgba(112,225,193,.15),transparent 58%),#05161fd1;box-shadow:inset 0 0 18px #70e1c114,0 0 24px #70e1c114}.host-dashboard-mark i{display:block;width:18px;height:2px;background:var(--hd-mint);box-shadow:0 0 8px #70e1c199}.host-dashboard-mark i:nth-child(2){width:12px;opacity:.72}.host-dashboard-mark i:nth-child(3){width:6px;opacity:.42}.host-dashboard-eyebrow{margin:0 0 4px;color:var(--hd-dim);font:700 10px/1.3 var(--mono, monospace);letter-spacing:.24em}.host-dashboard-eyebrow span{color:var(--hd-mint)}.host-dashboard-header h1{margin:0;font-size:clamp(18px,2vw,24px);font-weight:850;letter-spacing:.1em;line-height:1.15}.host-dashboard-session{display:flex;align-items:center;gap:10px}.host-dashboard-live,.host-dashboard-room{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--hd-line);background:#05141da3}.host-dashboard-live{gap:7px;color:var(--hd-mint);font:800 10px/1 var(--mono, monospace);letter-spacing:.16em}.host-dashboard-live[data-connection=syncing]{color:var(--hd-amber)}.host-dashboard-live[data-connection=offline]{color:var(--hd-rose)}.host-dashboard-live-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:host-dashboard-pulse 1.8s ease-in-out infinite}.host-dashboard-live[data-connection=offline] .host-dashboard-live-dot{animation:none}.host-dashboard-room{font:700 10px/1 var(--mono, monospace);letter-spacing:.12em;color:var(--hd-dim)}.host-dashboard-room strong{color:var(--hd-sky);font-size:20px;letter-spacing:.16em;line-height:1}.host-dashboard-icon-button,.host-dashboard-stop,.host-dashboard-end{display:inline-flex;align-items:center;justify-content:center;min-height:40px;border:1px solid var(--hd-line);background:#05141da3;color:var(--hd-muted);font:inherit;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.host-dashboard-icon-button{width:40px;padding:0;font:400 19px/1 var(--mono, monospace)}.host-dashboard-icon-button:hover:not(:disabled){border-color:var(--hd-line-strong);background:#70e1c114;color:var(--hd-mint)}.host-dashboard-end{gap:7px;padding:0 14px;border-color:#ff758052;color:#ffb5ba;font-size:12px;font-weight:750}.host-dashboard-stop{gap:7px;padding:0 14px;border-color:#f7d27e52;color:var(--hd-amber);font-size:12px;font-weight:750}.host-dashboard-stop:hover:not(:disabled){border-color:#f7d27e9e;background:#f7d27e17;color:#ffe7ae}.host-dashboard-end span{font:400 11px/1 var(--mono, monospace)}.host-dashboard-end:hover:not(:disabled){border-color:#ff7580a6;background:#ff75801a;color:#ffd7d9}.host-dashboard-icon-button:disabled,.host-dashboard-stop:disabled,.host-dashboard-end:disabled{opacity:.42;cursor:not-allowed}.host-dashboard[data-connection=syncing] .host-dashboard-icon-button span{animation:host-dashboard-spin .9s linear infinite}.host-dashboard-layout{display:grid;flex:1;grid-template-columns:minmax(0,1fr) 350px;gap:18px;padding:20px 0 16px}.host-dashboard-main,.host-dashboard-side{display:flex;flex-direction:column;gap:16px;min-width:0}.host-dashboard-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 146px;gap:20px 28px;align-items:center;overflow:hidden;padding:clamp(20px,2.4vw,28px);border:1px solid var(--hd-line);background:linear-gradient(130deg,rgba(112,225,193,.09),transparent 38%),linear-gradient(180deg,#0d2937e6,#061823eb);box-shadow:inset 0 1px #ffffff08;animation:host-dashboard-rise .5s .04s cubic-bezier(.22,1,.36,1) both}.host-dashboard-hero:after{content:"";position:absolute;top:0;right:0;width:220px;height:1px;background:linear-gradient(90deg,transparent,var(--hd-mint));opacity:.7}.host-dashboard-hero-copy{min-width:0}.host-dashboard-kicker{margin:0 0 8px;color:var(--hd-mint);font:700 9.5px/1.3 var(--mono, monospace);letter-spacing:.22em}.host-dashboard-stage-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}.host-dashboard-stage-no{color:var(--hd-amber);font:800 11px/1.2 var(--mono, monospace);letter-spacing:.16em}.host-dashboard-stage-line h2{margin:0;font-size:clamp(24px,3vw,36px);font-weight:850;letter-spacing:.02em;line-height:1.14}.host-dashboard-lede{max-width:58ch;margin:10px 0 0;color:var(--hd-muted);font-size:12.5px;line-height:1.65}.host-dashboard-progress{margin-top:20px}.host-dashboard-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px;color:var(--hd-dim);font:700 9px/1 var(--mono, monospace);letter-spacing:.16em}.host-dashboard-progress-head strong{color:var(--hd-text);font-size:13px;letter-spacing:.04em}.host-dashboard-progress-track{height:6px;overflow:hidden;background:#70e1c11a}.host-dashboard-progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--hd-sky),var(--hd-mint));box-shadow:0 0 14px #70e1c161;transition:width .5s cubic-bezier(.22,1,.36,1)}.host-dashboard-ring{position:relative;display:grid;flex:0 0 auto;place-items:center;width:136px;height:136px;margin-left:auto;border-radius:50%;background:conic-gradient(var(--hd-mint) calc(var(--progress, 0) * 1%),rgba(112,225,193,.1) 0);box-shadow:0 0 34px #70e1c121,inset 0 0 0 1px #70e1c11f}.host-dashboard-ring:before{content:"";position:absolute;inset:8px;border:1px solid rgba(112,225,193,.14);border-radius:50%;background:radial-gradient(circle at 50% 35%,rgba(112,225,193,.1),transparent 62%),#08202b}.host-dashboard-ring>div{position:relative;z-index:1;display:grid;place-items:center;gap:3px}.host-dashboard-ring strong{font:800 28px/1 var(--mono, monospace);letter-spacing:-.04em}.host-dashboard-ring span{color:var(--hd-dim);font:700 8.5px/1 var(--mono, monospace);letter-spacing:.2em}.host-dashboard-stats{display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding-top:17px;border-top:1px solid var(--hd-line)}.host-dashboard-stat{min-width:0;padding:11px 13px;border:1px solid rgba(112,225,193,.12);background:#04121a70}.host-dashboard-stat dt{color:var(--hd-dim);font-size:10px;font-weight:700;letter-spacing:.08em}.host-dashboard-stat dd{margin:5px 0 0;color:var(--hd-text);font:800 24px/1 var(--mono, monospace);letter-spacing:-.03em}.host-dashboard-stat--playing dd{color:var(--hd-sky)}.host-dashboard-stat--cleared dd{color:var(--hd-mint)}.host-dashboard-stat--attention dd{color:var(--hd-rose)}.host-dashboard-panel{border:1px solid var(--hd-line);background:var(--hd-panel);box-shadow:inset 0 1px #ffffff06;animation:host-dashboard-rise .5s .08s cubic-bezier(.22,1,.36,1) both}.host-dashboard-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 20px 14px}.host-dashboard-panel-head h2{margin:0;font-size:17px;font-weight:800;letter-spacing:.02em}.host-dashboard-panel-tag{display:inline-flex;align-items:center;gap:6px;padding-bottom:2px;color:var(--hd-dim);font:700 9px/1 var(--mono, monospace);letter-spacing:.16em;white-space:nowrap}.host-dashboard-panel-tag i{width:5px;height:5px;border-radius:50%;background:var(--hd-mint);box-shadow:0 0 8px var(--hd-mint)}.host-dashboard-roster{--host-cols: 42px minmax(150px, 1.45fr) minmax(118px, .92fr) 108px minmax(110px, 1fr) 52px;flex:1;animation-delay:.12s}.host-dashboard-table-head{display:grid;grid-template-columns:var(--host-cols);gap:10px;margin:0 10px;padding:0 12px 8px;border-bottom:1px solid rgba(112,225,193,.12);color:var(--hd-dim);font:700 8.5px/1 var(--mono, monospace);letter-spacing:.14em}.host-dashboard-table-head span:first-child{grid-column:1 / 3}.host-dashboard-list{display:grid;gap:7px;margin:0;padding:10px;list-style:none}.host-dashboard-participant{position:relative;display:grid;grid-template-columns:var(--host-cols);gap:10px;align-items:center;min-height:66px;overflow:hidden;padding:10px 12px;border:1px solid rgba(112,225,193,.11);background:linear-gradient(90deg,rgba(112,225,193,.035),transparent 38%),#04121b8c;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.host-dashboard-participant:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:transparent}.host-dashboard-participant:hover{border-color:#70e1c145;background-color:#081f2ad1;transform:translate(2px)}.host-dashboard-participant--playing:before{background:var(--hd-sky);box-shadow:0 0 10px #56d8ff99}.host-dashboard-participant--cleared:before{background:var(--hd-mint);box-shadow:0 0 10px #70e1c199}.host-dashboard-participant--gameover:before{background:var(--hd-rose);box-shadow:0 0 10px #ff75808c}.host-dashboard-participant--offline:before{background:var(--hd-amber);opacity:.6}.host-dashboard-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(112,225,193,.26);background:linear-gradient(145deg,rgba(112,225,193,.18),transparent),#08202be6;color:var(--hd-text);font:800 15px/1 var(--mono, monospace)}.host-dashboard-participant--playing .host-dashboard-avatar{border-color:#56d8ff57;background:linear-gradient(145deg,rgba(86,216,255,.2),transparent),#08202be6}.host-dashboard-participant--cleared .host-dashboard-avatar{border-color:#70e1c170;background:linear-gradient(145deg,rgba(112,225,193,.28),transparent),#08202be6}.host-dashboard-participant--gameover .host-dashboard-avatar{border-color:#ff758061;background:linear-gradient(145deg,rgba(255,117,128,.2),transparent),#08202be6}.host-dashboard-participant--offline .host-dashboard-avatar{border-color:#f7d27e4d;opacity:.72}.host-dashboard-participant-identity{display:grid;gap:4px;min-width:0}.host-dashboard-participant-identity strong{overflow:hidden;font-size:13px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.host-dashboard-participant-action{overflow:hidden;color:var(--hd-dim);font-size:10.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.host-dashboard-participant-stage{display:grid;gap:3px;min-width:0;color:var(--hd-muted);font-size:11px;line-height:1.4}.host-dashboard-participant-stage>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-dashboard-cell-label{display:none;color:var(--hd-dim);font:700 8px/1 var(--mono, monospace);letter-spacing:.12em}.host-dashboard-status{display:inline-flex;align-items:center;gap:6px;width:fit-content;max-width:100%;padding:5px 8px;border:1px solid rgba(168,198,200,.22);color:var(--hd-muted);font-size:9.5px;font-weight:800;line-height:1;white-space:nowrap}.host-dashboard-status-dot{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:currentColor}.host-dashboard-participant--playing .host-dashboard-status{border-color:#56d8ff52;color:var(--hd-sky)}.host-dashboard-participant--playing .host-dashboard-status-dot{box-shadow:0 0 8px currentColor;animation:host-dashboard-pulse 1.8s ease-in-out infinite}.host-dashboard-participant--cleared .host-dashboard-status{border-color:#70e1c159;color:var(--hd-mint)}.host-dashboard-participant--gameover .host-dashboard-status{border-color:#ff758061;color:#ff9ca3}.host-dashboard-participant--offline .host-dashboard-status{border-color:#f7d27e47;color:var(--hd-amber);opacity:.72}.host-dashboard-participant-progress{display:grid;gap:6px;min-width:0}.host-dashboard-participant-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--hd-dim);font:700 9px/1 var(--mono, monospace);letter-spacing:.04em}.host-dashboard-participant-progress-head strong{color:var(--hd-muted);font-size:10px;font-weight:700}.host-dashboard-mini-track{height:4px;overflow:hidden;background:#70e1c117}.host-dashboard-mini-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--hd-sky),var(--hd-mint));transition:width .5s cubic-bezier(.22,1,.36,1)}.host-dashboard-participant--cleared .host-dashboard-mini-track span{background:var(--hd-mint)}.host-dashboard-participant--gameover .host-dashboard-mini-track span{background:linear-gradient(90deg,var(--hd-amber),var(--hd-rose))}.host-dashboard-participant--offline .host-dashboard-mini-track span{background:var(--hd-amber);opacity:.55}.host-dashboard-participant-updated{color:var(--hd-dim);font:700 9.5px/1 var(--mono, monospace);text-align:right;white-space:nowrap}.host-dashboard-empty{margin:0;padding:26px 20px;color:var(--hd-dim);font-size:12px;text-align:center}.host-dashboard-empty--compact{padding:18px 12px;font-size:11px}.host-dashboard-side{animation:host-dashboard-rise .5s .16s cubic-bezier(.22,1,.36,1) both}.host-dashboard-stage-board{flex:0 0 auto}.host-dashboard-stage-list{display:grid;gap:6px;margin:0;padding:0 12px 14px;list-style:none}.host-dashboard-stage-item{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:9px 10px;border:1px solid rgba(112,225,193,.08);background:#04121b6b}.host-dashboard-stage-item.is-current{border-color:#70e1c15c;background:linear-gradient(90deg,rgba(112,225,193,.11),transparent 58%),#061a24d1;box-shadow:inset 2px 0 0 var(--hd-mint)}.host-dashboard-stage-index{display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(112,225,193,.16);color:var(--hd-dim);font:800 10px/1 var(--mono, monospace)}.host-dashboard-stage-item.is-current .host-dashboard-stage-index{border-color:#70e1c16b;color:var(--hd-mint)}.host-dashboard-stage-body{display:grid;gap:5px;min-width:0}.host-dashboard-stage-body>strong{display:flex;align-items:center;gap:7px;overflow:hidden;color:var(--hd-muted);font-size:11.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.host-dashboard-stage-item.is-current .host-dashboard-stage-body>strong{color:var(--hd-text)}.host-dashboard-stage-current{padding:2px 4px;border:1px solid rgba(112,225,193,.32);color:var(--hd-mint);font:700 7.5px/1 var(--mono, monospace);letter-spacing:.12em}.host-dashboard-stage-counts{display:flex;flex-wrap:wrap;gap:4px}.host-dashboard-stage-chip{padding:2px 5px;border:1px solid transparent;font-size:8.5px;font-weight:700;line-height:1.4}.host-dashboard-stage-chip--playing{border-color:#56d8ff3d;color:var(--hd-sky)}.host-dashboard-stage-chip--gameover{border-color:#ff758047;color:#ff9ca3}.host-dashboard-stage-chip--cleared{border-color:#70e1c140;color:var(--hd-mint)}.host-dashboard-stage-chip--idle{border-color:#78989b29;color:var(--hd-dim)}.host-dashboard-feed{display:flex;flex:1;flex-direction:column;min-height:210px}.host-dashboard-event-list{display:grid;max-height:270px;margin:0;padding:0 18px 16px;overflow-y:auto;list-style:none;scrollbar-color:rgba(112,225,193,.28) transparent;scrollbar-width:thin}.host-dashboard-event{display:grid;grid-template-columns:8px minmax(0,1fr) 38px;gap:9px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(112,225,193,.08)}.host-dashboard-event:last-child{border-bottom:0}.host-dashboard-event-dot{width:5px;height:5px;margin-top:5px;border-radius:50%;background:var(--hd-dim)}.host-dashboard-event--success .host-dashboard-event-dot{background:var(--hd-mint);box-shadow:0 0 8px #70e1c18c}.host-dashboard-event--danger .host-dashboard-event-dot{background:var(--hd-rose);box-shadow:0 0 8px #ff758080}.host-dashboard-event--warning .host-dashboard-event-dot{background:var(--hd-amber)}.host-dashboard-event--info .host-dashboard-event-dot{background:var(--hd-sky)}.host-dashboard-event-body{min-width:0}.host-dashboard-event-body strong{display:block;overflow:hidden;color:var(--hd-text);font-size:10.5px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.host-dashboard-event-body p{margin:2px 0 0;color:var(--hd-muted);font-size:10.5px;line-height:1.45}.host-dashboard-event-time{padding-top:2px;color:var(--hd-dim);font:700 8.5px/1 var(--mono, monospace);text-align:right;white-space:nowrap}.host-dashboard-sync{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 13px;border:1px solid var(--hd-line);background:#04121b8a}.host-dashboard-sync-dot{flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:var(--hd-mint);box-shadow:0 0 9px #70e1c19e}.host-dashboard-sync p{flex:1;margin:0;overflow:hidden;color:var(--hd-muted);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.host-dashboard-sync p[data-tone=error]{color:#ff9ca3}.host-dashboard-sync p[data-tone=syncing]{color:var(--hd-amber)}.host-dashboard-sync time{color:var(--hd-dim);font:700 9px/1 var(--mono, monospace)}.host-dashboard-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;border-top:1px solid var(--hd-line);color:var(--hd-dim);font:700 8.5px/1.5 var(--mono, monospace);letter-spacing:.08em}.host-dashboard-footer p{margin:0}.host-dashboard-footer time{color:var(--hd-muted)}@keyframes host-dashboard-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}@keyframes host-dashboard-spin{to{transform:rotate(360deg)}}@keyframes host-dashboard-grid-drift{to{transform:translate3d(68px,68px,0)}}@keyframes host-dashboard-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.host-dashboard-layout{grid-template-columns:minmax(0,1fr) 320px}.host-dashboard-roster{--host-cols: 38px minmax(136px, 1.35fr) minmax(96px, .85fr) 102px minmax(94px, .9fr) 46px}}@media(max-width:1080px){.host-dashboard-layout{grid-template-columns:minmax(0,1fr)}.host-dashboard-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.host-dashboard-sync{grid-column:1 / -1}.host-dashboard-event-list{max-height:240px}}@media(max-width:760px){.host-dashboard-header{align-items:flex-start;flex-direction:column;gap:14px}.host-dashboard-session{width:100%}.host-dashboard-room{flex:1}.host-dashboard-hero{grid-template-columns:minmax(0,1fr) 112px;gap:16px}.host-dashboard-ring{width:108px;height:108px}.host-dashboard-ring strong{font-size:22px}.host-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.host-dashboard-table-head{display:none}.host-dashboard-list{padding:9px}.host-dashboard-participant{grid-template-columns:38px minmax(0,1fr) auto;gap:7px 10px;padding:11px}.host-dashboard-participant:hover{transform:none}.host-dashboard-avatar{grid-column:1;grid-row:1 / 3}.host-dashboard-participant-identity{grid-column:2;grid-row:1}.host-dashboard-status{grid-column:3;grid-row:1;align-self:start}.host-dashboard-participant-stage{grid-column:2 / 4;grid-row:3}.host-dashboard-participant-progress{grid-column:2 / 4;grid-row:4}.host-dashboard-participant-updated{grid-column:2 / 4;grid-row:5;text-align:left}.host-dashboard-cell-label{display:block}.host-dashboard-participant-progress-head{justify-content:flex-start;gap:8px}.host-dashboard-participant-progress-head .host-dashboard-cell-label{display:inline}.host-dashboard-side{grid-template-columns:minmax(0,1fr)}.host-dashboard-sync{grid-column:auto}.host-dashboard-footer{align-items:flex-start;flex-direction:column;gap:4px}}@media(max-width:540px){.host-dashboard-shell{padding:14px 12px calc(14px + env(safe-area-inset-bottom))}.host-dashboard-mark{width:36px;height:36px}.host-dashboard-header h1{font-size:17px}.host-dashboard-eyebrow{font-size:8.5px;letter-spacing:.18em}.host-dashboard-session{flex-wrap:wrap}.host-dashboard-live{order:1}.host-dashboard-room{order:2}.host-dashboard-icon-button{order:3;margin-left:auto}.host-dashboard-stop{order:4;flex:1;justify-content:center;margin-top:2px}.host-dashboard-end{order:5;flex:1 0 100%;justify-content:center;margin-top:2px}.host-dashboard-hero{grid-template-columns:minmax(0,1fr) 92px;padding:18px 16px}.host-dashboard-stage-line h2{font-size:22px}.host-dashboard-lede{font-size:11.5px}.host-dashboard-ring{width:88px;height:88px}.host-dashboard-ring:before{inset:6px}.host-dashboard-ring strong{font-size:18px}.host-dashboard-ring span{font-size:7px}.host-dashboard-stat{padding:9px 11px}.host-dashboard-stat dd{font-size:21px}.host-dashboard-panel-head{padding:15px 14px 12px}.host-dashboard-panel-head h2{font-size:15px}.host-dashboard-panel-tag{font-size:8px}.host-dashboard-stage-list{padding:0 9px 11px}.host-dashboard-status{padding:4px 6px;font-size:8.5px}.host-dashboard-event-list{padding:0 13px 13px}}@media(prefers-reduced-motion:reduce){.host-dashboard *,.host-dashboard *:before,.host-dashboard *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}