:root{--scale:1;--bg:#010d1b;--surface:#0b1e33;--primary:#ffc857;--on-primary:#1a1200;--text:#eef4fb;--soft:#a9bacb;--accent:#ff7a00;--secondary:#8ecbff;--good:#66bb6a;--bad:#e57373;--line:#2c4560;--nav-bg:#16191d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sun{--bg:#fafaf7;--surface:#eceae3;--primary:#8f3800;--on-primary:#fff;--text:#111;--soft:#3a3a3a;--accent:#8f3800;--secondary:#0a3a8c;--good:#1b5e20;--bad:#b00020;--line:#3a3a3a;--nav-bg:#fafaf7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.contrast{--bg:#000;--surface:#000;--primary:#ff0;--on-primary:#000;--text:#fff;--soft:#fff;--accent:#ff0;--secondary:#ff0;--good:#0f6;--bad:#f66;--line:#fff;--nav-bg:#000;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:calc(17px * var(--scale));-webkit-text-size-adjust:100%;overscroll-behavior:none;line-height:1.45}#app{min-height:100%}.root{min-height:100vh;background:var(--bg);min-height:100dvh;color:var(--text)}.page{max-width:34rem;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}h1,h2,h3{margin:0;line-height:1.2}h1{font-size:calc(28px * var(--scale));color:var(--primary);font-weight:900}h2{font-size:calc(22px * var(--scale));font-weight:800}h3{font-size:calc(18px * var(--scale));font-weight:700}p{margin:0}.soft{color:var(--soft)}.small{font-size:calc(15px * var(--scale))}.center{text-align:center}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.grow{flex:1}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button,.btn{font:inherit;cursor:pointer;border:2px solid var(--line);min-height:52px;color:var(--text);touch-action:manipulation;background:0 0;border-radius:14px;padding:12px 16px;font-weight:700}button.primary,.btn.primary{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}button.big{min-height:60px;font-size:calc(20px * var(--scale));width:100%}button.wide{width:100%}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--secondary);outline-offset:2px}.big-buttons button{min-height:68px;font-size:calc(21px * var(--scale))}input,select{font:inherit;font-size:max(16px, calc(18px * var(--scale)));border:2px solid var(--line);background:var(--surface);width:100%;min-height:52px;color:var(--text);border-radius:12px;padding:10px 14px}input.code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:calc(28px * var(--scale));letter-spacing:.3em;text-transform:uppercase;text-align:center;font-weight:800}label{flex-direction:column;gap:6px;font-weight:600;display:flex}.card{background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.card.bordered{border:2px solid var(--line)}.error{color:var(--bad);font-weight:700}.banner-bad{background:var(--bad);color:#fff;text-align:center;border-radius:14px;padding:10px 14px;font-weight:900}.contrast .banner-bad{color:#000}.banner-good{background:var(--good);color:#fff;text-align:center;border-radius:14px;padding:10px 14px;font-weight:900}.contrast .banner-good,.sun .banner-good{color:#fff}.contrast .banner-good{color:#000}.hero{aspect-ratio:16/9;object-fit:cover;background:var(--surface);border-radius:16px;width:100%}.logo{border-radius:20px;align-self:center;width:88px;height:88px}.players{flex-direction:column;gap:8px;display:flex}.player{background:var(--surface);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.player .num{color:var(--primary);width:1.6em;font-weight:800}.dot{border-radius:50%;flex:none;width:14px;height:14px}.dot.ACTIVE{background:var(--good)}.dot.RECONNECTING{background:#ffb300}.dot.TEMPORARILY_OFFLINE,.dot.DISCONNECTED,.dot.REMOVED{background:#9e9e9e}.play{min-height:100vh;background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.calm-nav{height:100vh;background:var(--nav-bg);height:100dvh;padding:calc(10px + env(safe-area-inset-top)) 16px calc(10px + env(safe-area-inset-bottom));flex-direction:column;gap:6px;display:flex}.trail{gap:4px;display:flex}.trail span{background:var(--line);opacity:.45;border-radius:4px;flex:1;height:8px}.trail span.done{background:var(--primary);opacity:1}.trail span.now{background:var(--accent);opacity:1}.distance{font-size:calc(56px * var(--scale));color:var(--primary);font-weight:900;line-height:1.05}.sun .distance{color:var(--text);font-size:calc(60px * var(--scale))}.reached{font-size:calc(34px * var(--scale));color:var(--primary);font-weight:900}.waypoint-name{color:var(--secondary);font-weight:700;font-size:calc(18px * var(--scale))}.navbox{background:#00000059;border-radius:24px;flex:1;min-height:200px;position:relative;overflow:hidden}.sun .navbox{background:var(--surface);border:2px solid var(--text)}.navbox .map{position:absolute;inset:0}.navbox .credit{color:#fff;z-index:3;background:#0009;border-radius:6px;padding:2px 6px;font-size:11px;position:absolute;bottom:6px;left:6px}.navbox .arrow{z-index:2;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.navbox .me-marker{z-index:2;pointer-events:none;width:48px;height:48px;margin-top:-24px;margin-left:-24px;position:absolute;left:50%}.story{background:var(--surface);text-align:left;min-height:0;color:var(--text);border:0;border-radius:14px;width:100%;padding:8px 12px;font-weight:400}.story .label{color:var(--secondary);font-size:13px;display:block}.story .text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.story.open .text{display:block}.layer{z-index:30;background:var(--bg);color:var(--text);position:fixed;inset:0;overflow-y:auto}.overlay{z-index:40;pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.overlay .bubble{background:var(--primary);color:var(--on-primary);font-weight:900;font-size:calc(30px * var(--scale));text-align:center;border-radius:24px;padding:22px 28px;animation:.35s ease-out pop;box-shadow:0 10px 40px #0006}.overlay.top{padding-top:calc(12px + env(safe-area-inset-top));align-items:flex-start}.overlay.bonus{padding-top:calc(200px * var(--scale) + 80px)}.overlay.bonus .bubble{color:#1a1a1a;font-size:calc(24px * var(--scale));background:#ffb300;padding:14px 22px}.caption{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:45;color:#fff;text-align:center;background:#000000d9;border-radius:12px;padding:10px 14px;font-weight:700;position:fixed}.paused{z-index:50;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;font-size:calc(19px * var(--scale));background:var(--surface)}.option.wrong{background:var(--bad);border-color:var(--bad);color:#fff;animation:.4s shake}.option.correct{background:var(--good);border-color:var(--good);color:#fff}.option.gone{opacity:.35;text-decoration:line-through}.points{color:var(--accent);font-weight:800}.hint{color:var(--secondary);font-weight:600}.fragment{font-size:calc(48px * var(--scale));letter-spacing:.08em;text-align:center;color:var(--primary);background:var(--surface);border-radius:18px;padding:18px;font-weight:900}.jigsaw{-webkit-user-select:none;user-select:none;flex-direction:column;align-self:center;gap:14px;width:min(100%,420px);display:flex}.jig-board{background:#0000008c;border-radius:12px;gap:2px;width:100%;display:grid;overflow:hidden}.jig-board.solved{gap:0}.jig-slot{aspect-ratio:1;background:0 0;border:2px dashed #ffffff38;border-radius:0;min-height:0;padding:0}.jig-slot.filled{background-repeat:no-repeat;border:0;animation:.18s ease-out snap}.jig-slot.hint{outline:4px solid var(--accent);outline-offset:-4px;background-color:#ffc8574d;animation:.45s infinite alternate pulse}.jig-slot.wrong{background-color:#d32f2f99}.jig-tray{gap:8px;width:100%;display:grid}.jig-piece{aspect-ratio:1;touch-action:none;background-repeat:no-repeat;border:2px solid #ffffffb3;border-radius:6px;min-height:0;padding:0;box-shadow:0 3px 6px #00000059}.jig-piece.lifted{opacity:.2}.jig-piece.selected{outline:4px solid var(--accent);outline-offset:2px}.jig-piece.hint{outline:4px solid var(--accent);outline-offset:2px;animation:.45s infinite alternate pulse}.jig-piece.bounce{animation:.45s ease-out bounce-back}.jig-drag{z-index:50;pointer-events:none;background-repeat:no-repeat;border:2px solid #fff;border-radius:4px;position:fixed;box-shadow:0 8px 18px #00000073}@keyframes snap{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes bounce-back{0%{transform:translateY(-14px)scale(1.06)}60%{transform:translateY(3px)}to{transform:none}}.sky{aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#1b2a55,#050914 75%);border-radius:50%;align-self:center;width:min(100%,420px);position:relative}.sky button{color:#1a1200;background:#ffc857;border:3px solid #fff;border-radius:50%;width:64px;height:64px;min-height:0;margin:-32px 0 0 -32px;padding:0;font-size:30px;font-weight:900;position:absolute}.slots{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.slots span{background:var(--surface);border:2px solid var(--line);border-radius:10px;justify-content:center;align-items:center;width:40px;height:48px;font-size:26px;font-weight:900;display:flex}.slots span.full{color:#1a1200;background:#ffc857}.creature{text-align:center;background:0 0;border:0;font-size:120px;line-height:1.2;animation:1.6s ease-in-out infinite alternate bob}.minigame{background:#0b1a2a;border:0;flex:1;width:100%;min-height:70vh;position:relative}.standings{border-collapse:collapse;width:100%}.standings td{border-bottom:1px solid var(--line);padding:8px 6px}.standings tr.me td{color:var(--primary);font-weight:800}.cinematic{z-index:60;color:#fff;padding:24px 20px calc(28px + env(safe-area-inset-bottom));background:#000 50%/cover no-repeat;flex-direction:column;justify-content:flex-end;gap:12px;display:flex;position:fixed;inset:0}.cinematic:before{content:"";background:linear-gradient(#0000001a,#000000bf);position:absolute;inset:0}.cinematic>*{position:relative}.cinematic .text{font-size:calc(22px * var(--scale));text-shadow:0 2px 6px #000;font-weight:700}.cinematic .count{text-align:center;font-size:120px;font-weight:900}.switch{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.switch input{flex:none;width:28px;height:28px;min-height:0}@keyframes pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes pulse{0%{opacity:1}to{opacity:.55}}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-14px)}}.calm *,.calm :before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.scanner{z-index:100;color:#fff;background:#000;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.scanner-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scanner-frame{aspect-ratio:1;pointer-events:none;border:4px solid #ffc857;border-radius:20px;width:min(70vw,70vh,320px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #00000073}.scanner-top,.scanner-bottom{padding:max(16px, env(safe-area-inset-top)) 16px 16px;background:#0009;position:relative}.scanner-bottom{padding-bottom:max(16px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;gap:12px;display:flex}.scanner-top{align-items:center;gap:12px;display:flex}.scanner-top h2{font-size:calc(20px * var(--scale));flex:1;margin:0}.scanner-close{color:#000;background:#fff;border-radius:50%;min-width:52px;min-height:52px;padding:0;font-size:24px}.scanner-msg{font-size:calc(18px * var(--scale));margin:0}.scanner .error{color:#ff8a80}.turn-banner{background:var(--primary);color:var(--on-primary,#fff);font-weight:700;font-size:calc(20px * var(--scale));border-radius:14px;align-items:center;gap:12px;padding:8px 14px;display:flex}.turn-banner .sym{font-size:calc(30px * var(--scale));font-weight:900}