/* OVERLAP 2.0 — dimensional game surfaces; map controls remain compact. */
:root[data-game-season]{--og-gold:#f4d28e;--og-ink:#102e34;--og-mint:#a5ffe2;--og-season:#e7a360;--og-line:rgba(181,243,220,.16)}
:root[data-game-season=spring]{--og-season:#a6df95}
:root[data-game-season=summer]{--og-season:#ffe09c}
:root[data-game-season=winter]{--og-season:#c9eaff}
.og-dialog{width:min(650px,calc(100vw - 20px));max-height:calc(100dvh - 24px);border:1px solid #79c6b550;border-radius:27px;background:#091d24;color:#edf8ee;padding:0;box-shadow:0 24px 90px #010d15bd}
.og-dialog>article{padding:16px 16px 22px;background:radial-gradient(ellipse at 75% 0,#264c4c60,transparent 54%)}
.og-dialog>article>header{margin-bottom:8px}.og-dialog>article>header h2{font-size:20px;letter-spacing:-.02em}
.og-dialog .oe-tabs{gap:5px;padding-bottom:11px;margin-bottom:4px;border-bottom:1px solid #91c8bf20}
.og-dialog .oe-tabs button{padding:9px 11px;font-size:12px;background:transparent;min-height:38px;border:1px solid #a4c9bd28;color:#c5dfd6;white-space:nowrap}
.og-hub{--accent:#adffe6;--warm:#f3d18f;font-family:system-ui,sans-serif;color:#eaf6ef;line-height:1.45;text-align:left}
.og-hub.era-past{--accent:#f3d18f;--warm:#b2f2e0}.og-hub h3,.og-hub h4,.og-hub p{margin:0}
.og-hub h3{font-size:23px;line-height:1.17;letter-spacing:-.025em}.og-hub h4{font-size:15px}
.og-hub button,.og-signal-console button,.og-reward-scene button{font-family:inherit;cursor:pointer;touch-action:manipulation}
.og-hub button:focus-visible,.og-signal-console button:focus-visible,.og-dial:focus-visible,.og-reward-scene button:focus-visible{outline:3px solid #edcc83;outline-offset:3px}
.og-hub button:disabled,.og-signal-console button:disabled{cursor:default;opacity:.42}
.og-hub-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;background:#010c1480;padding:5px;border:1px solid #8fb7b121;border-radius:17px}
.og-hub-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;border-radius:12px;background:transparent;color:#a9c1bc;font-size:12px;font-weight:700;padding:7px 3px}
.og-hub-tabs button.active{background:linear-gradient(145deg,#31584e,#17382f);color:#d9ffed;box-shadow:inset 0 1px #c9f4cf32,0 3px 7px #0003}
.og-world-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 3px;font-size:10px;color:#abc9be;text-transform:uppercase;letter-spacing:.08em}
.og-world-caption button{background:transparent;color:#aecabe;border:0;width:34px;height:32px;display:grid;place-items:center}
.og-kicker{display:block;font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--og-gold,#f4d28e);text-transform:uppercase}
.og-button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #bce9d534;border-radius:14px;font-weight:800;font-size:13px;min-height:45px;padding:11px 16px;background:linear-gradient(150deg,#b9ffe5,#78d6c1);color:#123831;box-shadow:inset 0 1px #fff7,0 4px 13px #0002;max-width:100%}
.og-button.quiet{background:#23473f70;box-shadow:none;color:#d1eade}.og-button.reward{background:linear-gradient(145deg,#ffe7ab,#d4ae62);color:#3f351b;border-color:#ffe7a4;box-shadow:0 0 23px #e1bb6830,inset 0 1px #ffffa4}
.og-error{padding:10px 12px;background:#8b303d30;border:1px solid #e0798750;border-radius:12px;color:#ffb2b8;font-size:13px;margin-bottom:10px!important}
.og-loading{display:grid;place-items:center;gap:15px;min-height:280px;color:#aff2dc}
.og-scene{position:relative;isolation:isolate;min-height:360px;border-radius:22px;overflow:hidden;background:#12383c;border:1px solid #b9e5ce31;padding:22px 20px 18px;display:flex;flex-direction:column;box-shadow:0 12px 32px #0003}
.og-scene-world{position:absolute;z-index:-3;inset:0;background-image:linear-gradient(180deg,#08151b19 5%,#05132122 45%,#061823 92%),url('/art/time-worlds-remake-v1.png');background-size:cover;background-position:70% 50%;transform:scale(1.06);animation:og-scenic 18s ease-in-out infinite alternate}
.era-past .og-scene-world{background-position:22% 50%}.chapter-1 .og-scene-world{background-position:40% 50%}.chapter-3 .og-scene-world{background-position:55% 50%}.chapter-4 .og-scene-world{background-position:85% 50%}
.og-scene-shimmer{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 40%,#90ffe82b,transparent 55%);pointer-events:none}
.og-scene>.og-kicker{color:#fff0ba;text-shadow:0 1px 5px #000}.og-scene>h3{position:relative;z-index:2;font-family:Georgia,serif;font-size:29px;line-height:1.1;text-shadow:0 2px 14px #001b20;margin-top:7px;max-width:75%;color:#fff4d9}
.og-npc{position:absolute;z-index:-1;right:-8px;bottom:22px;width:210px;height:245px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 20px #0009);pointer-events:none}
.og-dialogue{position:relative;margin-top:170px;padding:15px 16px 12px;border-radius:16px;border:1px solid #e5e1b74a;background:linear-gradient(130deg,#102c36eb,#112932f0);box-shadow:0 8px 24px #0003;backdrop-filter:blur(8px);color:#f2f0dc;max-width:100%}
.og-speaker{display:block;margin-bottom:5px;color:#f4d695;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.og-dialogue p{font-family:Georgia,serif;font-size:17px;line-height:1.42;min-height:48px;animation:og-message .2s ease-out}
.og-dialogue-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-top:10px}.og-dialogue-controls button{min-width:36px;min-height:34px;border:0;border-radius:10px;background:#7ea29a20;color:#e8ecd9;padding:6px 10px;font-size:11px;font-weight:700;display:grid;place-items:center}
.og-line-dots{display:flex;gap:4px;margin-right:auto}.og-line-dots i{width:4px;height:4px;background:#e7e4c34d;border-radius:50%}.og-line-dots i.active{width:15px;background:#eacb8c;border-radius:5px}
.og-chapter-path{display:flex;justify-content:space-between;position:relative;margin:18px 10px 20px;gap:5px}.og-chapter-path:before{content:'';position:absolute;top:17px;left:10px;right:10px;height:1px;background:#7faba345;z-index:0}
.og-chapter-path button{position:relative;display:grid;place-items:center;width:35px;height:35px;flex:none;border:1px solid #78998c70;background:#112d34;border-radius:50%;color:#8bac9e;font-weight:800;font-size:11px}.og-chapter-path button.done{background:#2d5748;color:#baffdf}.og-chapter-path button.active{border-color:#f5d190;color:#fff0c3;background:#736039;box-shadow:0 0 14px #e7cb8930}
.og-next-steps{display:flex;flex-direction:column;gap:10px}.og-next-steps>.og-button{margin-top:3px}
.og-objective{display:flex;align-items:center;gap:11px;border-radius:16px;padding:11px 12px;border:1px solid #9bcabb20;background:linear-gradient(125deg,#163c3c9c,#10282f);min-width:0}.og-objective.done{border-color:#b5eac04f;background:linear-gradient(120deg,#31524580,#12302d)}
.og-objective-copy{flex:1;min-width:0}.og-objective strong{display:block;font-size:12px;font-weight:750;line-height:1.3}.og-objective small{display:block;font-size:10px;color:#aac4b7;margin-top:4px;font-variant-numeric:tabular-nums}.og-objective .og-button{padding:7px 9px;min-height:36px;border-radius:10px;font-size:10px;white-space:nowrap}
.og-progress-ring{position:relative;flex:none;display:inline-grid;place-items:center;color:var(--accent,#b2ffe2)}.og-progress-ring>svg:first-child{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:3}.og-ring-track{stroke:#6faaa630}.og-ring-value{stroke:var(--accent,#afffe1);stroke-linecap:round;transition:stroke-dashoffset .5s ease}.og-progress-ring>svg:last-child{position:relative;filter:drop-shadow(0 0 6px #8ce8cb30)}
.og-role-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px}.og-role-choice button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:17px 9px;background:#15383b;border:1px solid #b6d9c333;border-radius:17px;color:#c9dfd0}.og-role-choice button.chosen{border-color:#e5c58d;color:#fff0c5;box-shadow:inset 0 0 25px #d9c48c17}.og-role-choice strong{font-size:13px}.og-role-choice small{font-size:10px}
.og-season-teaser{display:flex;align-items:center;gap:12px;width:100%;padding:16px;margin-top:17px;border:1px solid #d6b57d50;border-radius:17px;background:linear-gradient(110deg,#56503855,#173632);color:var(--og-season,#e7b879);text-align:left}.og-season-teaser span{flex:1}.og-season-teaser strong{display:block;color:#efecd5;font-size:13px}.og-season-teaser small{display:block;font-size:10px}.og-season-teaser b{font-size:21px}
.og-season-cover{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center;isolation:isolate;overflow:hidden;min-height:185px;border-radius:20px;padding:23px;margin-bottom:13px;color:var(--og-season,#e7b879);border:1px solid #e1cb9833;background:#26392d}
.og-season-cover:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#11232499,#142b2ded),url('/art/time-worlds-remake-v1.png') center/cover}.og-season-cover h3{color:#f9efce;font-family:Georgia,serif}.og-season-cover small{font-size:10px;color:#cdd6c1}
.season-spring .og-season-cover:before{filter:hue-rotate(30deg)}.season-winter .og-season-cover:before{filter:hue-rotate(155deg)}
.og-season-board>.og-objective{margin:9px 0}.og-season-relics,.og-relic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 17px}
.og-relic-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;min-height:140px;padding:19px 7px 14px;border:1px solid #c6d7b52c;border-radius:17px;background:linear-gradient(145deg,#193638,#10252c);color:#e6d6a4;box-shadow:inset 0 1px #c7e6be17}
.og-relic-aura{position:absolute;z-index:-1;width:110px;height:110px;top:4px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,#dfc7792a,transparent 67%);border:1px solid #ae9a6024;border-radius:50%}.og-relic-card>svg{filter:drop-shadow(0 4px 1px #403a24) drop-shadow(0 0 11px #d3c29128)}
.og-relic-card strong{font-size:10px;line-height:1.25;overflow-wrap:anywhere}.og-relic-card small{font-size:9px;color:#93b1a4}.og-relic-card.locked{color:#6f928d}.og-relic-card.locked .og-relic-aura{background:radial-gradient(ellipse,#81bbaa10,transparent 60%);border-style:dashed}.og-relic-card.locked>svg{filter:none;opacity:.5}.og-relic-card.season-found{border-color:#e1c9876b}.og-relic-card.season-found:after{content:'✓';position:absolute;right:7px;top:7px;width:17px;height:17px;display:grid;place-items:center;background:#d4bd83;color:#25362a;font-size:10px;border-radius:50%}
.og-atlas-heading{display:flex;align-items:center;gap:19px;padding:16px 4px;margin-bottom:8px}.og-atlas-heading h3{font-size:28px;margin:4px 0}.og-atlas-heading p{font-size:11px;color:#afc6b6}.og-atlas-heading.tier-4{--accent:#ffdf87}.og-atlas-season h4{color:var(--og-season);margin-top:14px}
.og-relic-detail{display:flex;align-items:center;flex-direction:column;gap:13px;text-align:center;background:radial-gradient(ellipse at top,#526551,#163333);border:1px solid #d4c88f61;padding:25px 22px;border-radius:20px;color:#f4e1ac;margin:12px 0}.og-relic-detail p{font-size:13px;color:#d2e0cb;max-width:360px}
.og-fieldwork h3{margin:12px 0;font-size:18px}.og-fieldwork .og-objective{margin:9px 0}.og-network-beacon{display:flex;align-items:center;gap:10px;border:1px solid #a3cdb728;padding:10px;border-radius:16px;margin:9px 0;background:#1b38355e}.og-network-beacon>div{flex:1}.og-network-beacon strong{display:block;font-size:12px}.og-network-beacon small{display:block;font-size:10px;color:#94b4a6}.og-network-beacon .og-button{font-size:10px;padding:7px 9px;min-height:36px}.og-network-beacon.dormant{--accent:#a1a8bd}.og-network-beacon.critical{--accent:#efa167}
.og-help-button{border:0;border-radius:10px;background:#92ac9920;color:#cde2c9;width:35px;height:35px;display:grid;place-items:center}
.og-echoes{padding:15px 0 0}.og-echoes article{display:flex;align-items:center;gap:12px;padding:14px 11px;border:1px solid #cbb6e936;background:linear-gradient(110deg,#6c52802c,#102b345e);border-radius:15px;margin-top:8px;color:#d7c0f3}.og-echoes article>div{flex:1;min-width:0}.og-echoes strong{display:block;font-size:11px;overflow-wrap:anywhere}.og-echoes small{display:block;color:#bbc4cc;font-size:10px;margin-top:3px}.og-echoes .og-button{min-height:34px;font-size:10px;padding:6px 8px}
.og-season-complete{display:flex;align-items:center;gap:10px;color:#d9efbf;font-size:12px;padding:13px;border-radius:14px;background:#56805220}
.og-finale{display:flex;align-items:center;flex-direction:column;gap:14px;text-align:center;padding:22px 16px;border:1px solid #e5cb865e;border-radius:20px;color:#efdc99}.og-finale p{font-size:13px;color:#cadbcb}
.og-recycler,.og-rules{margin-top:16px;border-top:1px solid #8bbbba30;padding-top:13px}.og-recycler summary,.og-rules summary{display:flex;align-items:center;gap:10px;font-size:12px;color:#bad2bf;cursor:pointer}.og-rules p{font-size:12px;color:#b3c7b7;line-height:1.6;margin-top:10px}
.og-recycle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.og-recycle-grid button{display:flex;align-items:center;gap:8px;text-align:left;padding:10px;border:1px solid #a5c0a53a;border-radius:13px;background:#1e3c36;color:#c9dfc0;min-height:48px}.og-recycle-grid button.chosen{border-color:#e0c485;background:#526044}.og-recycle-grid span{font-size:10px;flex:1}.og-recycle-grid small{font-size:11px;color:#efe0a9}
.og-signal-console{background:radial-gradient(ellipse at top,#284d53,#0b2731);border:1px solid #91dbd342;border-radius:20px;padding:16px;margin:12px 0;box-shadow:inset 0 1px #c4f3df1c;color:#dfefe6}.og-signal-console>header{display:flex;align-items:center;gap:11px;margin-bottom:13px;color:#b9efda}.og-signal-console header strong{display:block;font-size:14px}.og-signal-console header small{display:block;font-size:10px;color:#acc7b9;margin-top:4px}.og-signal-console .og-button{width:100%}.og-signal-console .og-button.quiet{margin-top:9px;background:transparent;border:0;font-size:11px;box-shadow:none}
.og-game-instruction{font-size:12px!important;text-align:center;color:#cadbd2;margin:5px 0 14px!important;line-height:1.45!important}
.og-dial-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:19px 0 14px}.og-dial-control{min-width:0}.og-dial{position:relative;aspect-ratio:1;border-radius:50%;border:1px solid #c1b57564;background:radial-gradient(ellipse,#18343e 30%,#31484a 48%,#9b9a6c 49%,#34474c 53%,#1f3c48 65%,#859c924d 68%,#143241 71%);box-shadow:0 6px 12px #0005,inset 0 2px 5px #deedc533;touch-action:none;cursor:grab;outline:none}
.og-dial.aligned{border-color:#a2ffd2;box-shadow:0 0 19px #8ffed32d,inset 0 0 13px #acead91a}.og-dial-tick{position:absolute;inset:8px;transform:rotate(var(--angle));pointer-events:none}.og-dial-tick:before{content:'';position:absolute;top:0;left:50%;width:1px;height:5px;background:#d9dac087;transform:translateX(-50%)}
.og-dial-gate{position:absolute;inset:7px;transform:rotate(var(--gate));pointer-events:none}.og-dial-gate:before{content:'';position:absolute;top:-2px;left:50%;width:16px;height:6px;background:#a2f5c9;border-radius:4px;transform:translateX(-50%);box-shadow:0 0 11px #a2f5c988}
.og-dial-needle{position:absolute;inset:14px;transform:rotate(var(--needle));transition:transform .1s;pointer-events:none}.og-dial-needle:before{content:'';position:absolute;top:0;bottom:50%;left:50%;width:3px;background:linear-gradient(#eedd9d,#a59454);border-radius:4px;transform:translateX(-50%);box-shadow:0 0 7px #e9e4a366}.og-dial-centre{position:absolute;inset:32%;display:grid;place-items:center;border:1px solid #b9d8bd4a;background:#132c36;border-radius:50%;color:#d8d3a2;pointer-events:none}.og-dial.aligned .og-dial-centre{color:#aaffd1}
.og-dial-arrows{display:flex;justify-content:center;gap:6px;margin-top:8px}.og-dial-arrows button{width:38px;height:36px;border:1px solid #b7d5cb2b;border-radius:10px;background:#50706f25;color:#c9dfd3;font-size:18px}
.og-memory-pad{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:260px;margin:18px auto}.og-memory-pad button{aspect-ratio:1.4;border:1px solid currentColor;background:#102e35;border-radius:19px;display:grid;place-items:center;box-shadow:inset 0 1px #c8f4df14,0 7px 13px #0004;color:#97bede;transition:background .1s,box-shadow .1s,transform .1s}.og-memory-pad button.tone-1{color:#efd08d}.og-memory-pad button.tone-2{color:#a7e9bf}.og-memory-pad button.tone-3{color:#c7a2ee}.og-memory-pad button.lit{background:currentColor;box-shadow:0 0 25px currentColor;transform:scale(1.04)}.og-memory-pad button.lit svg{color:#103134}
.og-memory-progress{display:flex;justify-content:center;gap:8px;margin:15px}.og-memory-progress i{width:7px;height:7px;border:1px solid #9ecaba;border-radius:50%}.og-memory-progress i.done{background:#b3f7d9;box-shadow:0 0 8px #ade6cb50}
.og-circuit-frame{display:flex;align-items:center;justify-content:center;gap:7px;margin:17px auto;max-width:295px}.og-circuit-source,.og-circuit-sink{font-size:29px;color:#efdaa3;filter:drop-shadow(0 0 8px #e9c97d)}.og-circuit-sink{color:#739da5}.og-circuit.connected .og-circuit-sink{color:#b9ffdd;filter:drop-shadow(0 0 8px #90e0c1)}
.og-circuit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.og-circuit-grid button{aspect-ratio:1;padding:5px;border:1px solid #91d7d239;border-radius:13px;background:linear-gradient(150deg,#344d50,#132f3b);box-shadow:inset 0 1px #d7f2dc29,0 3px 7px #0004;color:#d9c58b}.og-circuit-grid button svg{display:block;width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-width:7;stroke-linecap:round;filter:drop-shadow(0 0 4px #ebc87939)}.og-circuit.connected .og-circuit-grid button{color:#b0efcf;border-color:#bcfdd064}
.og-reward-backdrop{margin:0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;position:fixed;inset:0;z-index:1000;display:none;place-items:center;padding:20px;background:#00131de8;backdrop-filter:blur(10px);animation:og-message .2s ease-out}.og-reward-scene{position:relative;isolation:isolate;overflow:hidden;width:min(430px,100%);display:flex;align-items:center;flex-direction:column;gap:18px;padding:38px 24px 26px;border:1px solid #eed5906e;border-radius:30px;background:radial-gradient(ellipse at 50% 25%,#485d48,#122f35 65%);box-shadow:0 20px 100px #0008;color:#f3e9c4;text-align:center}
.og-reward-rays{position:absolute;z-index:-1;inset:-100px;background:repeating-conic-gradient(from 0deg,#eed48400 0deg 12deg,#ecd28510 13deg 15deg,#eed48400 17deg 30deg);animation:og-rays 30s linear infinite}.og-reward-art{display:grid;place-items:center;width:160px;height:160px;border-radius:50%;background:radial-gradient(ellipse,#ffeeaf29,transparent 66%);color:#ffdfa0;filter:drop-shadow(0 0 24px #ffe29b3b);animation:og-relic-in .5s ease-out}.og-reward-scene h2{font-family:Georgia,serif;font-size:29px;line-height:1.1;margin:0}.og-reward-xp{font-size:23px;letter-spacing:.02em;color:#d7ffce}.og-reward-scene p{font-size:12px;color:#c8ddcc;line-height:1.5;margin:0}.og-reward-scene .og-button{width:100%;margin-top:7px}
.og-era-bridge{display:flex;align-items:center;gap:19px;font-size:11px;color:#bfe6d6}.og-era-bridge>svg{color:#ddc092}
:root[data-game-season] .oe-launcher button{padding:11px 18px;border-radius:18px;border-color:#e2cc9569;background:linear-gradient(135deg,#30584ee8,#0c3036f2);box-shadow:0 6px 24px #001e2a60,inset 0 1px #c8f3d61c;color:#ebedd1;font-size:13px}
:root[data-game-season] .oe-launcher button:before{content:'◇';margin-right:8px;color:#edcf8d;font-size:19px;line-height:1}
:root[data-game-season] .mission-dock{min-height:0;border-radius:22px;background:linear-gradient(135deg,#153b3be8,#103341ef);border:1px solid #b5dfd635;box-shadow:0 7px 25px #00182545}
:root[data-game-season] .mission-goal{padding:13px 14px;gap:11px}.mission-goal strong{font-size:15px}.mission-goal em{font-size:11px}.mission-goal small{font-size:10px}
:root[data-game-season] .compact-quest{border:1px solid #c7e3c045;background:linear-gradient(145deg,#17383e,#0d2832);border-radius:24px;box-shadow:0 18px 70px #00141bbd}
:root[data-game-season] .compact-quest>.quest-art{height:87px;min-height:87px;border-radius:15px;background:linear-gradient(90deg,#0e35369c,#20364d48),url('/art/time-worlds-remake-v1.png') center 46%/cover;padding:15px;gap:13px}
:root[data-game-season] .compact-quest>h2{font-family:Georgia,serif;font-size:26px;line-height:1.15;margin:17px 0 12px}
.og-mission-story{font-size:12px;line-height:1.5;margin:8px 0 13px;color:#bdd6c6}.og-mission-story summary{color:#d0deba;cursor:pointer}.og-mission-story p{font-size:12px;margin-top:9px}
:root[data-game-season] .compact-quest .mission-question{font-size:16px;line-height:1.5;border:1px solid #d7cb8e3d;border-radius:15px;padding:14px;background:#7661361b;color:#f0ead0}
:root[data-game-season] .compact-quest .puzzle-display{border:1px solid #9fcbb14d;border-radius:16px;background:radial-gradient(ellipse,#42584e,#132d37);padding:15px;gap:9px;box-shadow:inset 0 0 22px #0002}.compact-quest .puzzle-display span{background:#102d38;border:1px solid #d4ce9850;border-radius:10px;color:#f1dfb4;font-family:Georgia,serif;font-size:22px;box-shadow:0 3px 7px #0003}
:root[data-game-season] .oe-beacon-care{font-size:12px;padding:13px;background:#1a413d65;border:1px solid #95bca23d;border-radius:17px;margin:12px 0}.oe-beacon-care>p{font-size:11px;line-height:1.45;margin:6px 0}.oe-beacon-care>small{font-size:10px}.oe-beacon-care header strong{font-size:12px}.oe-charge-row{gap:9px;margin:7px 0}.oe-care-buttons{margin-top:9px}.oe-care-buttons button{font-size:12px;min-height:42px;padding:9px 12px}
.og-core-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.og-core-cards button{min-height:96px;display:flex;align-items:center;flex-direction:column;gap:6px;padding:12px 6px;color:#dee4bd;background:linear-gradient(#3d544544,#193c36);border:1px solid #b8c79e40;border-radius:13px;font-size:11px}.og-core-cards button small{font-size:9px;color:#adc2aa}
@keyframes og-scenic{to{transform:scale(1.13) translateX(-5px)}}@keyframes og-message{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes og-rays{to{transform:rotate(360deg)}}@keyframes og-relic-in{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@media(min-width:600px){.og-scene{min-height:390px}.og-npc{right:35px;width:260px;height:300px}.og-dialogue{margin-top:185px;max-width:85%}.og-scene>h3{font-size:34px}.og-dialog>article{padding:22px}.og-dial-row{max-width:420px;margin:22px auto}.og-memory-pad{max-width:310px}}
@media(max-width:360px){.og-dialog>article{padding:12px}.og-hub-tabs button{flex-direction:column;gap:3px;font-size:10px}.og-scene{padding:17px 13px}.og-scene>h3{font-size:25px;max-width:85%}.og-objective{padding:9px;gap:8px}.og-objective strong{font-size:11px}.og-relic-card{padding:17px 4px 11px}.og-dial-row{gap:6px}.og-dial-arrows{gap:3px}.og-dial-arrows button{width:31px}.og-reward-scene{padding:27px 19px}}
@media(prefers-reduced-motion:reduce){.og-scene-world,.og-reward-rays,.og-reward-art,.og-dialogue p,.og-reward-backdrop{animation:none}.og-ring-value,.og-dial-needle{transition:none}}

.og-reward-backdrop[open]{display:grid}.og-reward-backdrop::backdrop{background:#00131ddd}

.og-time-rift{position:relative;isolation:isolate;overflow:hidden;padding:22px 17px;border:1px solid #8fbcd75e;border-radius:22px;margin:10px 0 21px;background:radial-gradient(ellipse at center,#35566391,#112732);text-align:center}.og-time-rift h3{font-family:Georgia,serif;color:#f1e3b3}.og-rift-bridge{display:flex;align-items:center;justify-content:space-around;gap:15px;margin:20px 0;color:#bcf3de}.og-rift-bridge>div{display:flex;flex-direction:column;align-items:center;gap:7px}.og-rift-bridge>div:first-child{--accent:#f2d58e}.og-rift-bridge strong{font-size:12px}.og-rift-bridge small,.og-time-rift>small{font-size:10px;color:#c0d5c8}.og-rift-bridge>svg{color:#d2c0ea;filter:drop-shadow(0 0 16px #b497ff55)}.og-time-rift p{font-size:12px;color:#c7d9c9;margin-bottom:13px}.og-time-rift>.og-button{margin:15px auto 0}.og-rift-claimed{display:block;margin-top:15px;color:#e8dfab;font-size:12px}