.safe-probe{visibility:hidden;pointer-events:none;width:0;height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);position:fixed;top:0;left:0}.play-body{overscroll-behavior:none;background:#000;height:100dvh;overflow:hidden}.play-root{background:#05090d;position:fixed;inset:0}#canvas{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}.boot{padding:max(20px, env(safe-area-inset-top)) var(--gutter) max(20px, env(safe-area-inset-bottom));z-index:5;isolation:isolate;background:#04070a;align-items:center;display:grid;position:absolute;inset:0;overflow:auto}.boot-art{z-index:-2;position:fixed;inset:0}.boot-art img{object-fit:cover;object-position:70% 40%;width:100%;height:100%;animation:2s cubic-bezier(.2,.7,.2,1) both boot-art-in;display:block}@keyframes boot-art-in{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}.boot-art:after{content:"";background:linear-gradient(90deg,#04070aeb 0%,#04070ab3 34%,#04070a14 64%),linear-gradient(#0000 68%,#04070ad9 100%);position:absolute;inset:0}.boot-fog{z-index:-1;pointer-events:none;filter:blur(10px);background:radial-gradient(40% 55% at 20% 85%,#a0becd33,#0000 70%),radial-gradient(35% 45% at 70% 95%,#8cafbe29,#0000 70%);height:55%;animation:40s ease-in-out infinite alternate fog-drift;position:fixed;bottom:0;left:-20%;right:-20%}.boot-panel{justify-items:start;gap:16px;width:min(460px,100%);display:grid}.boot-brand{width:min(420px,100%);margin:0 0 -10px -3%;display:block}.boot-logo,.boot-logo img{width:100%;height:auto;display:block}.boot-logo img{filter:drop-shadow(0 12px 30px #000000a6)}.boot-title{text-shadow:0 2px 20px #000000b3;margin:0 0 6px;font-size:clamp(2rem,2vw + 1.2rem,2.8rem)}.boot-start,.boot-progress{width:100%}.boot-play{width:100%;min-height:64px;font-size:1.35rem;animation:3.2s ease-in-out infinite boot-glow}.boot-play svg{width:22px;height:22px}.boot-play[disabled]{animation:none}@keyframes boot-glow{0%,to{box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #96460059,0 0 0 1px #ffbe6e8c,0 10px 30px -6px #ffa03c66}50%{box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #96460059,0 0 0 1px #ffd296bf,0 14px 46px -4px #ffa03cb3}}.boot-download,.boot-status{color:var(--text-muted);margin:10px 0 0;font-size:.95rem}.boot-progress .meter{height:12px}.boot-tip{min-height:1.6em;font-family:var(--font-display);color:#d6e0e5;border-left:2px solid #ffb34799;margin:4px 0 0;padding-left:18px;font-size:1.1rem;line-height:1.45}.boot-tip:empty{display:none}.account-note{-webkit-backdrop-filter:blur(8px);width:100%;color:var(--text-muted);background:#04070a9e;border:1px solid #a0c4d22e;border-radius:14px;padding:12px 16px;font-size:.95rem}.account-note p{margin:0}.account-note strong{color:var(--text)}.boot-hint{color:var(--text-muted);margin:0;font-size:.95rem}.boot-controls{color:var(--text-muted);font-size:.92rem}.boot-controls p{margin:0 0 6px}.boot-controls kbd{min-width:26px;font-family:var(--font-label);text-align:center;color:var(--text);background:#04070ab3;border:1px solid #f1eadb40;border-bottom-width:2px;border-radius:6px;margin-right:3px;padding:2px 7px;font-size:.85rem;font-weight:600;display:inline-block}.boot-controls .sep{width:10px;display:inline-block}@media (hover:none) and (pointer:coarse){.boot-controls p:first-child{display:none}}@media (hover:hover){.boot-controls .touch{display:none}}.boot-links{left:0;right:0;bottom:max(12px, env(safe-area-inset-bottom));font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;gap:4px 22px;font-size:.95rem;display:flex;position:fixed}.boot-links a{color:#f1eadb99;text-decoration:none}.boot-links a:hover{color:var(--amber-soft)}@media (width>=900px){.boot{padding-left:max(var(--gutter), calc((100vw - 1240px) / 2 + 40px))}}@media (orientation:portrait){.boot{place-items:end center;padding-bottom:64px}.boot-art img{object-position:50% 18%}.boot-art:after{background:linear-gradient(#04070a1a 28%,#04070acc 58%,#04070af2 100%)}.boot-panel{text-align:center;justify-items:center}.boot-brand{width:min(360px,82vw);margin:0 auto -10px}.boot-tip{border-left:0;padding-left:0}.boot-links{margin-top:18px;position:static}}@media (height<=640px) and (orientation:landscape){.boot-brand{width:260px}.boot-controls,.boot-links{display:none}}.play-menu{top:max(6px, env(safe-area-inset-top));z-index:10;text-align:center;position:absolute;left:50%;transform:translate(-50%)}.play-menu-toggle{min-height:32px;color:var(--text-muted);font:inherit;opacity:.55;cursor:pointer;background:#060a0f8c;border:1px solid #b88c4d99;border-radius:999px;padding:4px 14px;font-size:.8rem}.play-menu-toggle:hover,.play-menu-toggle:focus-visible,.play-menu-toggle[aria-expanded=true]{opacity:1;color:var(--text)}.play-menu-panel{border-radius:var(--radius);border:1px solid var(--line-strong);background:#0a121af0;gap:4px;min-width:220px;margin-top:8px;padding:8px;display:grid}.play-menu-panel a{color:var(--text);border-radius:var(--radius-s);padding:10px 12px;text-decoration:none}.play-menu-panel a:hover{background:var(--bg-hover)}.play-toast{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:10;border-radius:var(--radius);border:1px solid var(--brass);max-width:min(520px,100vw - 32px);color:var(--text);text-align:center;background:#0a121aeb;padding:10px 16px;font-size:.9rem;position:absolute;transform:translate(-50%)}.noscript{z-index:20;position:fixed;top:16px;left:16px;right:16px}