:root{--ui-scale:1;--ink:#12324a;--blue:#1e88e5;--blue-dark:#0d47a1;--sheet:#fffffff5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#6cc1f2;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{touch-action:none;display:block;position:fixed;top:0;left:0}#safe-probe{visibility:hidden;pointer-events:none;padding-bottom:env(safe-area-inset-bottom);position:fixed}button{font:inherit;color:inherit;touch-action:manipulation;cursor:pointer}#hud-root{pointer-events:none;z-index:2;position:fixed;top:0;left:0;right:0}#hud-root,#ui{zoom:var(--zoom,1)}#hud-root[hidden]{display:none}.hud{padding:calc(env(safe-area-inset-top) + 6px) calc(env(safe-area-inset-right) + 8px) 6px calc(env(safe-area-inset-left) + 8px);color:#fff;pointer-events:auto;background:linear-gradient(#0828489e,#0828484d);align-items:center;gap:8px;display:flex}.hud-btn{color:#fff;fill:#fff;background:#ffffff38;border:0;border-radius:12px;flex:none;place-items:center;min-width:44px;height:44px;display:grid}.hud-btn.hud-wide{padding:0 16px;font-weight:800}.hud-title{min-width:0;font-weight:700;font-size:calc(15px * var(--ui-scale));white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hud-num{background:#ffffff40;border-radius:8px;margin-right:6px;padding:2px 8px;display:inline-block}.hud-show{padding-left:6px}.hud-clock{min-width:70px;font-size:calc(22px * var(--ui-scale));text-align:center;font-variant-numeric:tabular-nums;background:#00000047;border-radius:10px;flex:none;padding:4px 10px;font-weight:800}.hud-clock.warn{color:#fc6}.hud-clock.danger{color:#ff6b6b;animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.08)}}.toast{left:50%;top:calc(env(safe-area-inset-top) + 66px);color:#fff;max-width:90vw;font-weight:700;font-size:calc(15px * var(--ui-scale));opacity:0;pointer-events:none;white-space:nowrap;background:#10263ae0;border-radius:999px;padding:9px 16px;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%,-8px)}.toast.on{opacity:1;transform:translate(-50%)}.toast.low{top:auto;bottom:calc(env(safe-area-inset-bottom) + 14px)}#ui{padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 12px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 12px);pointer-events:none;z-index:3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#ui.on>*{pointer-events:auto}#ui.screen-chapters,#ui.screen-settings,#ui.screen-help{pointer-events:auto;background:#0a325a47}#ui.screen-play{align-items:flex-end;padding-bottom:0}#ui.screen-play.phase-paused{pointer-events:auto;background:#0a1e324d}.panel{background:#fffffff2;border-radius:22px;flex-direction:column;gap:12px;width:min(92vw,420px);max-height:100%;padding:20px;display:flex;box-shadow:0 12px 40px #00285040}.panel.wide{width:min(96vw,760px)}.panel header{align-items:center;gap:10px;display:flex}.panel header h1{font-size:calc(22px * var(--ui-scale));flex:1;margin:0}.scroll{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain;-webkit-user-select:text;user-select:text;overflow-y:auto}.btn{min-height:48px;color:var(--ink);font-size:calc(16px * var(--ui-scale));background:#e8f1f8;border:0;border-radius:14px;padding:0 18px;font-weight:700}.btn:active{transform:scale(.97)}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 4px #1565c0}.btn.big{width:100%;min-height:58px;font-size:calc(20px * var(--ui-scale))}.btn.ghost{color:#1565c0;background:0 0}.btn.back{min-height:44px;padding:0 12px}.row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.row>.btn{flex:1}.row.small>.btn{min-height:44px}.title-panel{text-align:center}.logo{justify-content:center;align-items:center;gap:12px;display:flex}.logo h1{font-size:calc(32px * var(--ui-scale));color:var(--blue-dark);letter-spacing:.5px;margin:0}.drop{background:linear-gradient(135deg,#81d4fa,#0288d1);border-radius:0 50% 50%;flex:none;width:30px;height:30px;transform:rotate(45deg)}.sub,.hint,.goal{color:#47657a;font-size:calc(14px * var(--ui-scale));margin:0}.map .total{color:#f9a825;font-weight:800;font-size:calc(18px * var(--ui-scale))}.world{margin-bottom:14px}.world h2{font-size:calc(18px * var(--ui-scale));margin:4px 0 2px}.world h2 small{color:#78909c;font-weight:600}.brings{color:#546e7a;font-size:calc(13px * var(--ui-scale));margin:0 0 8px}.grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.cell{aspect-ratio:1;background:#e3f2fd;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;font-weight:800;display:flex;position:relative}.cell .n{font-size:calc(19px * var(--ui-scale))}.cell .stars{font-size:calc(11px * var(--ui-scale));color:#f9a825;letter-spacing:1px}.cell.done{background:#c8e6c9}.cell.shut{color:#90a4ae;background:#eceff1}.cell.soon{color:#b0bec5;background:repeating-linear-gradient(45deg,#eef2f4,#eef2f4 6px,#e3e8eb 6px 12px)}.cell.preview{outline-offset:-2px;outline:2px dashed #ff7043}.badge{color:#e64a19;text-transform:uppercase;font-size:9px;font-weight:800;position:absolute;top:3px}.world.later h2{color:#607d8b}.setting{font-weight:700;font-size:calc(16px * var(--ui-scale));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.segs{flex-wrap:wrap;gap:4px;display:flex}.seg{min-height:44px;font-weight:700;font-size:calc(14px * var(--ui-scale));background:#fff;border:2px solid #90caf9;border-radius:12px;padding:0 12px}.seg.on{background:var(--blue);border-color:var(--blue);color:#fff}.help h2{font-size:calc(17px * var(--ui-scale));margin:10px 0 4px}.help ul{font-size:calc(15px * var(--ui-scale));margin:0;padding-left:20px;line-height:1.45}.sheet{width:min(100%,480px);max-height:100%;padding:16px 18px calc(16px + env(safe-area-inset-bottom));background:var(--sheet);text-align:center;border-radius:22px 22px 0 0;flex-direction:column;gap:10px;display:flex;overflow-y:auto;box-shadow:0 -8px 30px #001e3c38}.sheet h2{font-size:calc(24px * var(--ui-scale));margin:0}.kicker{text-transform:uppercase;letter-spacing:1px;font-size:calc(12px * var(--ui-scale));color:#1e88e5;margin:0;font-weight:800}.tip{font-size:calc(16px * var(--ui-scale));margin:0;line-height:1.4}.best{color:#f9a825;margin:0;font-weight:700}.result.lost h2{color:#c62828}.result.won h2{color:#2e7d32}.stars-big{justify-content:center;gap:6px;display:flex}.star{color:#cfd8dc;font-size:46px;line-height:1}.star.on{color:#ffc107;animation:pop .45s calc(var(--i) * .18s) both;text-shadow:0 2px #e0a000}@keyframes pop{0%{opacity:0;transform:scale(.2)}70%{transform:scale(1.25)}}.time{font-size:calc(17px * var(--ui-scale));margin:0}.new{color:#2e7d32;font-weight:800}@media (orientation:landscape) and (max-height:560px){#ui.screen-play{padding-bottom:calc(env(safe-area-inset-bottom) + 8px);justify-content:flex-end;align-items:center}.sheet{border-radius:22px;width:min(48vw,400px);padding-bottom:16px}.panel{gap:8px;max-height:100%;padding:14px 16px}.title-panel .row{flex-wrap:nowrap}.btn.big{min-height:50px}.grid{grid-template-columns:repeat(10,1fr)}.cell{min-height:48px}}.fatal{color:#b71c1c;background:#fff;border-radius:12px;padding:12px;font-weight:700;position:fixed;inset:auto 16px 16px}#ui.screen-title{align-items:flex-start}@media (orientation:landscape) and (max-height:560px){#ui.screen-title{justify-content:flex-start;align-items:center}.title-panel{width:min(46vw,400px)}}