.map-scene .map-plate,.map-environment{position:absolute;inset:0;width:100%;height:100%}.map-plate{background-image:var(--map-wide);background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(.9) brightness(.85)}.map-environment{container-type:size}.map-stage{position:absolute;left:50%;top:50%;width:max(100cqw,100cqh * 16 / 9);aspect-ratio:16 / 9;translate:-50% -50%}.map-piece{position:absolute}.map-piece>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:saturate(.9) brightness(.85)}.map-defs{position:absolute;width:0;height:0}.map-water,.map-canvas{overflow:hidden}.map-boundary,.map-sea-spray{inset:0}.map-water-surface{opacity:.65;animation:map-swell 3.8s ease-in-out infinite alternate}.scene-tide-gate .map-water-surface{animation-duration:2.8s}.scene-outer-bay .map-water-surface{animation-duration:2.4s}.map-ripple{opacity:.2;animation:map-ripple-drift 3s ease-in-out infinite;animation-delay:calc(var(--i) * -.31s)}.map-boat{animation:map-boat-rock 3.8s ease-in-out infinite}.map-buoy{transform-origin:center bottom;animation:map-buoy-bob 2.7s ease-in-out infinite;animation-delay:calc(var(--i) * -.63s)}.map-buoy-wake{opacity:.25;transform-origin:0 0;animation:map-wake 2.7s ease-out infinite;animation-delay:calc(var(--i) * -.63s)}.map-boundary-rope{opacity:.5;transform-origin:0 0;animation:map-rope-tension 3.6s ease-in-out infinite alternate}.map-buoy-pennant{transform-origin:left center;animation:map-flag-wave 1.2s ease-in-out infinite alternate}.map-lantern{transform-origin:50% 0;animation:map-lantern-sway 3.2s ease-in-out infinite alternate;animation-delay:calc(var(--i) * -1.5s)}.map-lamp-halo{opacity:.12;filter:blur(13px)}.map-lamp-core{opacity:.6;animation:map-firelight 1.8s ease-in-out infinite alternate}.map-signal-flag,.map-signal-ribbon{transform-origin:left center;animation:map-flag-wave 1.4s ease-in-out infinite alternate}.map-signal-ribbon{animation-delay:-.7s;animation-duration:1.1s}.map-sail{transform-origin:left top;animation:map-canvas-billow 2.6s ease-in-out infinite alternate}.map-rigging-rope{transform-origin:center top;animation:map-rigging-sway 3.1s ease-in-out infinite alternate}.map-spray{animation:map-spray-rise 3s ease-out infinite;animation-delay:calc(var(--i) * -.37s)}.solo-map .map-plate{filter:saturate(.8) brightness(.58)}.game-draft .map-plate{filter:saturate(.8) brightness(.55)}.game-draft .map-environment,.solo-map .map-environment{opacity:.55}@keyframes map-swell{0%{transform:translate(-3px,-1px) scale(1.006)}to{transform:translate(4px,3px) scale(1.012)}}@keyframes map-boat-rock{0%,to{transform:translate(-5px,var(--boat-y, 0px)) rotate(-1.5deg)}50%{transform:translate(5px,calc(var(--boat-y, 0px) + 5px)) rotate(1.5deg)}}@keyframes map-water-flow{0%{transform:translate(-16px) scaleX(.8);opacity:.05}50%{opacity:.35}to{transform:translate(28px) scaleX(1.2);opacity:.05}}@keyframes map-ripple-drift{0%{transform:translate(-16px);opacity:.05}50%{opacity:.35}to{transform:translate(28px);opacity:.05}}@keyframes map-buoy-bob{0%,to{transform:translateY(-2px) rotate(-5deg)}50%{transform:translateY(5px) rotate(7deg)}}@keyframes map-wake{0%{transform:scaleX(.7);opacity:.6}to{transform:scaleX(1.5);opacity:0}}@keyframes map-rope-tension{0%{transform:translateY(-1px) scaleY(.85);opacity:.35}to{transform:translateY(3px) scaleY(1.1);opacity:.65}}@keyframes map-lantern-sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes map-firelight{0%{opacity:.3}to{opacity:.85}}@keyframes map-flag-wave{0%{transform:skewY(-6deg) scaleX(.85)}to{transform:skewY(9deg) scaleX(1)}}@keyframes map-canvas-billow{0%{transform:translateY(-1px) scaleY(1)}to{transform:translateY(3px) scaleY(1.012)}}@keyframes map-rigging-sway{0%{transform:rotate(-3deg)}to{transform:rotate(4deg)}}@keyframes map-spray-rise{0%{transform:translate(0);opacity:0}25%{opacity:.35}to{transform:translate(30px,-32px);opacity:0}}.calm-motion .map-environment *,.calm-motion .map-weather *{animation:none}.calm-motion .map-sea-spray,.calm-motion .map-weather{display:none}@media(prefers-reduced-motion:reduce){.map-environment *,.map-weather *{animation:none}.map-sea-spray,.map-weather{display:none}}@media(max-width:760px)and (orientation:portrait){.map-plate{background-image:var(--map-tall);background-position:center bottom}.map-environment{display:none}}.game-page{--ink: #0f1a1c;--paper: #efe6d2;--paper-dim: #b9b09c;--gold: #d8b865;--ally: #6fb3a2;--foe: #d9644a;--top-h: 52px;position:fixed;inset:0;overflow:hidden;color:var(--paper);background:var(--ink);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--top-h) minmax(0,1fr)}.game-page .game-top{position:relative}.game-page .game-top .game-start,.game-page .game-top .game-icon-btn{height:36px}.game-page .game-top .game-icon-btn{min-width:36px}.game-page-title{display:flex;align-items:center;gap:8px;margin:0;font:600 20px var(--serif);color:var(--gold)}.game-tabs{display:flex;gap:4px;padding:3px;border-radius:10px;background:#00000059}.game-tabs button{display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:8px;color:var(--paper-dim);font-size:13px;transition:color var(--hover-fade) var(--ease-hover),background var(--hover-fade) var(--ease-hover)}.game-tabs button:not([aria-selected=true],[aria-pressed=true]):hover{color:var(--paper);background:#efe6d214}.game-tabs button[aria-selected=true]{color:var(--ink);background:var(--gold)}.game-page-body{position:relative;z-index:2;min-width:0;min-height:0;padding:12px 28px 20px}.game-progress{font:600 16px var(--serif);color:var(--gold)}.game-guidebook-heroes{height:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px}.game-guidebook-roster{display:grid;grid-template-columns:repeat(4,auto);gap:10px;align-content:center}.game-guidebook-col{display:grid;gap:10px}.game-guidebook-col button,.game-world-faces button{border-radius:50%;padding:3px;border:2px solid transparent;transition:transform var(--hover-move) var(--ease-hover),background var(--hover-fade) var(--ease-hover),border-color var(--hover-fade) var(--ease-hover),box-shadow var(--hover-fade) var(--ease-hover)}.game-guidebook-col button .game-face,.game-world-faces .game-face{width:min(calc(8 * var(--ui-vh)),64px);height:min(calc(8 * var(--ui-vh)),64px)}.game-guidebook-col button:hover,.game-world-faces button:hover{transform:scale(1.08)}.game-guidebook-col button[aria-pressed=true],.game-world-faces button[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 16px #d8b86580;animation:game-bob 1.8s ease-in-out infinite}.game-guidebook-detail{min-height:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:12px}.game-guidebook-figure{position:relative;width:100%;max-height:100%;aspect-ratio:1.25}.game-guidebook-figure .game-sprite{bottom:0}.game-guidebook-info{animation:game-pop .2s ease-out}.game-guidebook-info h2{display:flex;align-items:center;gap:10px;margin:0;font:600 38px/1 var(--serif);color:var(--tone)}.game-guidebook-info>p{margin:6px 0 10px;color:var(--paper-dim)}.game-guidebook-info .stats{display:flex;gap:14px;font-size:15px}.game-guidebook-elements{height:100%;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr) auto;gap:18px 28px}.game-reaction-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:center}.game-reaction-card{padding:12px 14px;border-radius:10px;background:#0a1214bf;border:1px solid rgba(239,230,210,.14);color:#ffe4a0}.game-reaction-card header{display:flex;align-items:center;gap:6px;opacity:.9}.game-reaction-card{border-top:2px solid color-mix(in srgb,var(--f, #e8c46a) 70%,transparent)}.game-reaction-card .family{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:var(--f, #e8c46a);font:700 11px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase}.game-reaction-card .burst{animation:game-bob 1.4s ease-in-out infinite}.game-reaction-card strong{display:block;margin-top:6px;font:600 18px var(--serif)}.game-reaction-card p{margin:4px 0 0;font-size:13px;color:var(--paper-dim)}.game-reaction-card.r-chill{color:#cdefff}.game-reaction-card.r-mire{color:#cfa874}.game-reaction-card.r-wildfire,.game-reaction-card.r-melt{color:#ffae6b}.game-guidebook-foot{grid-column:1 / -1;margin:0;text-align:center;color:var(--paper-dim);font-size:13px}.game-lessons{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-content:center;padding:0 calc(6 * var(--ui-vw))}.game-lesson{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;justify-items:center;align-items:start;gap:14px;padding:28px 12px;border-radius:16px;color:var(--paper);background:#0a1214b8;border:1.5px solid rgba(216,184,101,.3);transition:transform var(--hover-move) var(--ease-hover),border-color var(--hover-fade) var(--ease-hover)}.game-lesson:hover{transform:translateY(-6px);border-color:var(--gold)}.game-lesson .glyph{display:grid;place-items:center;height:52px;font-size:44px;line-height:1;color:var(--gold);animation:game-bob 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.8s)}.game-lesson strong{display:grid;justify-items:center;gap:6px;font:600 18px var(--serif)}.game-lesson-no{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font:600 12px/1 var(--sans, inherit);font-style:normal;color:var(--ink);background:var(--gold)}.game-lesson-hint{max-width:26ch;text-align:center;font-size:12.5px;line-height:1.5;opacity:.78}.game-lesson-tag{white-space:nowrap;position:absolute;top:-10px;left:50%;translate:-50% 0;padding:3px 10px;border-radius:999px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--gold)}.game-lesson.next{border-color:var(--gold)}.game-lessons-lead{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;margin:0 0 4px;text-align:center;font-size:14px;color:var(--paper);text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 14px rgba(0,0,0,.9)}.game-lessons-lead>p{margin:0}.game-lessons-lead .training-reset{text-shadow:none}.game-lesson .faces{display:flex}.game-lesson .faces .game-face{width:38px;height:38px;margin-left:-8px}.game-lesson.done{border-color:var(--ally)}.game-lesson .check{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--ink);background:var(--ally)}.game-hint{position:absolute;top:calc(var(--top-h) + 58px);left:50%;translate:-50% 0;max-width:min(640px,calc(70 * var(--ui-vw)));display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;color:#293f39;background:linear-gradient(#f5eedc,#e6dcc3);box-shadow:0 8px 24px #00000073;font-size:13px;z-index:26;animation:game-bob 3s ease-in-out infinite}.game-hint b{font:600 22px var(--serif);color:#9a7a2a}.game-scroll{padding:16px 20px;border-radius:10px;color:#293f39;background:linear-gradient(#f5eedc,#e6dcc3);box-shadow:0 10px 28px #00000073;animation:game-pop .3s ease-out both;animation-delay:calc(var(--i, 0) * 60ms);min-height:0;overflow:hidden}.game-scroll.dark{color:var(--paper);background:#0a1214d1;border:1px solid rgba(216,184,101,.3)}.game-scroll h2{margin:0 0 8px;font:600 28px var(--serif)}.game-scroll h3{margin:0 0 6px;font:600 17px var(--serif)}.game-scroll p{margin:0 0 8px;font-size:13px;line-height:1.5}.game-scroll .truth{font-style:italic;opacity:.85}.game-scroll blockquote{margin:8px 0 0;padding-left:12px;border-left:3px solid var(--gold);font:italic 14px/1.5 var(--serif)}.game-world-people{height:100%;display:grid;grid-template-columns:auto minmax(0,.8fr) minmax(0,1fr);gap:20px;align-items:center}.game-world-faces{display:grid;gap:8px}.game-world-powers{max-height:100%;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;gap:14px;align-content:start;padding-bottom:12px}.game-world-powers .game-world-powers-intro,.game-world-powers .game-world-anomaly{grid-column:1 / -1}.game-world-power{border-top:4px solid var(--tone)}.game-world-power h3{display:flex;align-items:center;gap:8px;color:color-mix(in srgb,var(--tone) 40%,#1d2b27)}.game-world-power .brings{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0}.game-world-power .game-power-hero{display:inline-flex;align-items:center;gap:6px}.game-world-power .game-power-hero .game-face{width:22px;height:22px}.game-scroll .game-tabs{margin-bottom:14px;background:#293f391a}.game-scroll .game-tabs button{color:#293f39}.game-scroll .game-tabs button:not([aria-selected=true],[aria-pressed=true]):hover{color:#172528;background:#293f391f}.game-scroll .game-tabs button[aria-pressed=true]{color:#f5eedc;background:#293f39}@media(orientation:portrait)and (min-width:761px)and (max-width:1100px){.game-lessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;width:min(100%,860px);margin:0 auto;padding:0 20px}.game-lesson{padding:30px 20px 26px}.game-lesson-hint{max-width:34ch;font-size:13.5px}}@media(max-width:760px){.game-page{--top-h: 48px}.game-page .game-top{gap:6px;padding:0 calc(8px + env(safe-area-inset-right)) 0 calc(8px + env(safe-area-inset-left))}.game-page .game-icon-btn{height:36px;min-width:36px}.game-page-title{flex:0 1 auto;min-width:0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-page-title-echo,.game-page .game-top-spacer{display:none}.game-page .game-tabs{flex:1 1 0;min-width:0;gap:2px;padding:2px;overflow-x:auto;scrollbar-width:none}.game-page .game-tabs::-webkit-scrollbar{display:none}.game-page .game-tabs button,.game-page .game-tabs a{flex:none;gap:4px;min-height:36px;padding:7px 9px;font-size:12px;white-space:nowrap}.game-page-body{padding:12px calc(14px + env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain}.game-page .hud-fineprint a{display:inline-flex;align-items:center;min-height:36px;padding:0}.game-guidebook-heroes{height:auto;grid-template-columns:minmax(0,1fr);gap:16px}.game-guidebook-roster{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start}.game-guidebook-col button .game-face,.game-world-faces .game-face{width:44px;height:44px}.game-guidebook-detail{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px}.game-guidebook-figure{width:min(58%,210px);justify-self:center}.game-guidebook-info h2{font-size:26px}.game-guidebook-elements{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:16px}.game-reaction-grid{grid-template-columns:minmax(0,1fr);align-content:start}.game-guidebook-statuses{height:auto;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.game-guidebook-statuses article{padding:9px 10px}.game-lessons{grid-template-columns:minmax(0,1fr);gap:12px;padding:0;align-content:start}.game-lesson{grid-template-columns:54px minmax(0,1fr);justify-items:start;align-items:center;gap:6px 14px;padding:14px 16px;text-align:left}.game-lesson .glyph{grid-row:1 / 3;font-size:32px}.game-lesson strong{justify-items:start;grid-auto-flow:column;justify-content:start;align-items:center;font-size:16px}.game-lesson-hint{max-width:none;text-align:left;font-size:12px}.game-lesson .faces{grid-column:2}.game-lesson-tag{top:-9px;left:16px;translate:none}.game-lessons-lead{font-size:13px}.game-hint{top:auto;bottom:calc(14px + env(safe-area-inset-bottom));max-width:calc(calc(100 * var(--ui-vw)) - 28px)}.game-scroll{padding:14px 16px;overflow:visible}.game-scroll h2{font-size:22px}.game-world-night,.game-world-people,.game-world-powers{height:auto;grid-template-columns:minmax(0,1fr);gap:14px}.game-world-faces{grid-auto-flow:column;grid-auto-columns:max-content;justify-content:start;overflow-x:auto;scrollbar-width:none}}
