:root{--font-display: "Cinzel", "Georgia", serif;--font-sans: "Sora", system-ui, -apple-system, sans-serif;--bg-0: #080a16;--bg-1: #0c0f20;--bg-2: #131736;--bg-3: #1b2148;--panel: rgba(22, 27, 56, .78);--panel-solid: #151a34;--panel-raise: rgba(30, 36, 70, .85);--panel-border: rgba(126, 138, 205, .16);--panel-border-strong: rgba(152, 164, 232, .32);--hairline-gold: rgba(230, 180, 90, .28);--hairline-gold-strong: rgba(255, 216, 138, .5);--ink-0: #f5f1e4;--ink-1: #d3d5e8;--ink-2: #a2a8ca;--ink-3: #767ca8;--ink-on-gold: #2a1c06;--gold: #e6b45a;--gold-bright: #ffd88a;--gold-deep: #a97b28;--bronze-hi: #f7d391;--bronze: #d9a750;--bronze-lo: #8a6220;--amber-glow: rgba(230, 180, 90, .35);--accent: #7c8cff;--accent-bright: #a5b2ff;--danger: #e0555f;--danger-bright: #ff9aa4;--success: #57c98a;--success-bright: #9fe8b8;--warn: #e0a355;--nature: #4fb56a;--stone: #b6a06a;--timber: #c47a4a;--metal: #5ac8d0;--knowledge: #a97ce0;--radius-sm: 8px;--radius: 13px;--radius-lg: 20px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--fs-xs: clamp(.7rem, .66rem + .18vw, .78rem);--fs-sm: clamp(.81rem, .76rem + .24vw, .92rem);--fs-md: clamp(.95rem, .89rem + .3vw, 1.08rem);--fs-lg: clamp(1.12rem, 1.02rem + .5vw, 1.32rem);--fs-xl: clamp(1.34rem, 1.18rem + .8vw, 1.66rem);--fs-2xl: clamp(1.66rem, 1.38rem + 1.4vw, 2.2rem);--fs-3xl: clamp(2.05rem, 1.6rem + 2.3vw, 2.95rem);--fs-hero: clamp(1.9rem, 1.1rem + 7.4vw, 3.6rem);--lh-tight: 1.22;--lh-snug: 1.3;--lh-body: 1.55;--track-caps: .14em;--track-caps-wide: .22em;--shadow-1: 0 1px 2px rgba(2, 3, 9, .5), 0 2px 8px rgba(2, 3, 9, .32);--shadow-2: 0 1px 2px rgba(2, 3, 9, .55), 0 8px 20px rgba(2, 3, 9, .4), 0 20px 44px rgba(2, 3, 9, .35);--shadow-3: 0 2px 4px rgba(2, 3, 9, .6), 0 14px 34px rgba(2, 3, 9, .5), 0 34px 80px rgba(2, 3, 9, .45);--shadow-glow: 0 0 24px var(--amber-glow);--bevel-raise: inset 0 1px 0 rgba(255, 246, 224, .16), inset 0 -1px 0 rgba(2, 3, 9, .42);--bevel-gold: inset 0 1.5px 0 rgba(255, 248, 228, .65), inset 0 -2px 0 rgba(90, 58, 8, .55), inset 1px 0 0 rgba(255, 240, 208, .25), inset -1px 0 0 rgba(90, 58, 8, .3);--bevel-press: inset 0 2px 6px rgba(2, 3, 9, .5), inset 0 -1px 0 rgba(255, 246, 224, .08);--ring: 0 0 0 2px rgba(8, 10, 22, .9), 0 0 0 4px rgba(255, 216, 138, .8);--ease: cubic-bezier(.23, 1, .32, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .13s;--dur: .24s;--dur-slow: .46s;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--ink-1);background:radial-gradient(90% 60% at 50% 110%,rgba(230,180,90,.06),transparent 65%),radial-gradient(120% 80% at 50% -20%,#10142c,transparent 60%),var(--bg-0);overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='240'%20height='240'%20viewBox='0%200%20240%20240'%3e%3cfilter%20id='n'%3e%3cfeTurbulence%20type='fractalNoise'%20baseFrequency='0.82'%20numOctaves='3'%20stitchTiles='stitch'%20seed='7'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.92%200%200%200%200%200.86%200%200%200%200%200.70%200%200%200%200.55%200'/%3e%3c/filter%3e%3crect%20width='240'%20height='240'%20filter='url(%23n)'/%3e%3c/svg%3e");background-size:240px 240px;opacity:.05;pointer-events:none;z-index:100}#root{display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}h1,h2,h3{font-family:var(--font-display);color:var(--ink-0);letter-spacing:.02em;line-height:var(--lh-tight);margin:0;text-wrap:balance;overflow-wrap:break-word}p{overflow-wrap:break-word}.tabnum{font-variant-numeric:tabular-nums}.caps{text-transform:uppercase;letter-spacing:var(--track-caps)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--panel-border-strong);border-radius:var(--radius-pill)}.app-root{position:relative;flex:1;min-height:0;width:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column;padding-top:var(--safe-t);padding-bottom:var(--safe-b);padding-left:var(--safe-l);padding-right:var(--safe-r)}@media (min-width: 640px){.app-root{box-shadow:-1px 0 #7e8acd1a,1px 0 #7e8acd1a}}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;animation:screen-in var(--dur) var(--ease);overflow-y:auto;overflow-x:hidden}.screen-pad{padding:var(--space-5) var(--space-4);padding-top:calc(var(--space-5) + var(--safe-t))}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.btn{--btn-bg: linear-gradient(180deg, #232a55, #171c3c);--btn-fg: var(--ink-0);--btn-edge: var(--panel-border-strong);--btn-bevel: var(--bevel-raise);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-5);border:1px solid var(--btn-edge);border-radius:var(--radius);background:var(--btn-bg);color:var(--btn-fg);font-size:var(--fs-md);font-weight:600;letter-spacing:.01em;line-height:var(--lh-snug);text-align:center;min-width:0;max-width:100%;box-shadow:var(--btn-bevel),var(--shadow-1);transition:transform var(--dur-fast) var(--ease),filter var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 38%,rgba(255,248,224,.22) 48%,rgba(255,248,224,.05) 54%,transparent 62%);transform:translate(-120%);transition:transform .56s var(--ease);pointer-events:none}.btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:var(--btn-bevel),var(--shadow-2)}.btn:hover:not(:disabled):after{transform:translate(120%)}.btn:active:not(:disabled),.btn.is-pressed{transform:translateY(1px) scale(.985);filter:brightness(.94);box-shadow:var(--bevel-press)}.btn:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.5)}.btn--primary{--btn-bg: linear-gradient(180deg, var(--bronze-hi) 0%, var(--bronze) 45%, var(--gold) 55%, var(--bronze-lo) 100%);--btn-fg: var(--ink-on-gold);--btn-edge: var(--bronze-lo);--btn-bevel: var(--bevel-gold);font-weight:700;text-shadow:0 1px 0 rgba(255,240,200,.45);box-shadow:var(--btn-bevel),var(--shadow-1),0 4px 20px #e6b45a47}.btn--primary:hover:not(:disabled){box-shadow:var(--btn-bevel),var(--shadow-2),0 6px 26px #e6b45a66}.btn--accent{--btn-bg: linear-gradient(180deg, var(--accent-bright), var(--accent) 55%, #5a68d8);--btn-fg: #0a0b14;--btn-edge: rgba(124, 140, 255, .55);text-shadow:0 1px 0 rgba(220,228,255,.4)}.btn--ghost{--btn-bg: linear-gradient(180deg, rgba(126, 138, 205, .08), rgba(126, 138, 205, .02));--btn-fg: var(--ink-1);--btn-edge: var(--panel-border);--btn-bevel: inset 0 1px 0 rgba(255, 246, 224, .06);box-shadow:var(--btn-bevel)}.btn--danger{--btn-bg: linear-gradient(180deg, rgba(224, 85, 95, .14), rgba(224, 85, 95, .04));--btn-fg: var(--danger-bright);--btn-edge: rgba(224, 85, 95, .4);--btn-bevel: inset 0 1px 0 rgba(255, 200, 205, .1);box-shadow:var(--btn-bevel)}.btn--block{width:100%}.btn--lg{min-height:58px;font-size:var(--fs-lg);border-radius:15px}.btn--sm{min-height:38px;padding:var(--space-1) var(--space-3);font-size:var(--fs-sm)}.btn__spinner{width:16px;height:16px;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.slider{display:flex;flex-direction:column;gap:var(--space-2)}.slider__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--fs-sm);color:var(--ink-2)}.slider__val{color:var(--gold-bright);font-variant-numeric:tabular-nums;font-weight:600}.slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#02030999,#1b2148e6);box-shadow:inset 0 1px 3px #02030999;outline:none}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,var(--bronze-hi),var(--bronze) 60%,var(--bronze-lo));border:1px solid var(--bronze-lo);box-shadow:inset 0 1px #fff8e499,var(--shadow-1);cursor:pointer}.slider input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,var(--bronze-hi),var(--bronze-lo));border:1px solid var(--bronze-lo);cursor:pointer}.switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:44px}.switch__track{position:relative;width:50px;height:28px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#0203098c,#1b2148cc);border:1px solid var(--panel-border);box-shadow:inset 0 1px 3px #0203098c;transition:all var(--dur) var(--ease);flex-shrink:0}.switch__track[data-on=true]{background:linear-gradient(180deg,var(--bronze-hi),var(--bronze) 60%,var(--bronze-lo));border-color:var(--bronze-lo);box-shadow:inset 0 1px #fff8e48c,0 0 12px #e6b45a4d}.switch__knob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#fdf8ea,#ded5bc);transition:transform var(--dur) var(--ease-spring);box-shadow:var(--shadow-1)}.switch__track[data-on=true] .switch__knob{transform:translate(22px)}.modal-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#04050cbd;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:50;animation:fade-in var(--dur) var(--ease)}.modal{width:100%;max-width:420px;background:linear-gradient(180deg,rgba(255,246,224,.03),transparent 40%),var(--panel-solid);border:1px solid var(--panel-border-strong);border-radius:var(--radius-lg);box-shadow:inset 0 1px #fff6e014,inset 0 0 0 1px #02030980,var(--shadow-3);padding:var(--space-5);animation:modal-in var(--dur) var(--ease);max-height:90%;overflow-y:auto;overflow-x:hidden}.modal:before{content:"";display:block;height:2px;margin:calc(-1 * var(--space-5)) calc(-1 * var(--space-5)) var(--space-4);background:linear-gradient(90deg,transparent,var(--hairline-gold-strong),transparent)}.modal__title{font-size:var(--fs-xl);margin-bottom:var(--space-2)}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.97)}}.tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:linear-gradient(180deg,#02030973,#131736e6);border-radius:var(--radius-pill);border:1px solid var(--panel-border);box-shadow:inset 0 1px 3px #02030980}.tab{flex:1;min-width:0;min-height:40px;padding:0 var(--space-2);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--ink-2);font-weight:600;font-size:var(--fs-sm);line-height:var(--lh-snug);transition:all var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.tab:hover:not([data-active=true]){color:var(--ink-1)}.tab[data-active=true]{background:linear-gradient(180deg,#262d5c,#1a2044);color:var(--gold-bright);box-shadow:inset 0 1px #fff6e01f,var(--shadow-1)}.toast-host{position:absolute;left:0;right:0;bottom:calc(var(--space-6) + var(--safe-b));display:flex;flex-direction:column;align-items:center;gap:var(--space-2);pointer-events:none;z-index:60;padding:0 var(--space-4)}.toast{pointer-events:auto;max-width:min(360px,100%);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--panel-solid);border:1px solid var(--panel-border-strong);box-shadow:var(--bevel-raise),var(--shadow-2);font-size:var(--fs-sm);line-height:var(--lh-snug);color:var(--ink-0);animation:toast-in var(--dur) var(--ease-spring)}.toast[data-kind=error]{border-color:#e0555f80}.toast[data-kind=success]{border-color:#57c98a80}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}}.card{position:relative;background:linear-gradient(180deg,rgba(255,246,224,.03),transparent 36%),var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius-lg);padding:var(--space-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:inset 0 1px #fff6e012,var(--shadow-1);min-width:0}.card--relic{border-color:var(--hairline-gold);box-shadow:inset 0 1px #fff6e01a,inset 0 0 0 1px #02030973,var(--shadow-2)}.card--relic:before,.card--relic:after{content:"";position:absolute;width:34px;height:34px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2044%2044'%20width='44'%20height='44'%20fill='none'%3e%3cg%20stroke='%23e6b45a'%20stroke-width='1.5'%20stroke-linecap='round'%3e%3cpath%20d='M4%2030V10a6%206%200%200%201%206-6h20'%20opacity='0.85'/%3e%3cpath%20d='M9%2034V13a3%203%200%200%201%203-3h22'%20opacity='0.4'/%3e%3cpath%20d='M4%2010c4%200%206%202%206%206'%20opacity='0.6'/%3e%3c/g%3e%3ccircle%20cx='4'%20cy='36'%20r='2'%20fill='%23ffd88a'%20opacity='0.9'/%3e%3ccircle%20cx='36'%20cy='4'%20r='2'%20fill='%23ffd88a'%20opacity='0.9'/%3e%3c/svg%3e");background-size:100% 100%;opacity:.75;pointer-events:none}.card--relic:before{top:5px;left:5px}.card--relic:after{top:5px;right:5px;transform:scaleX(-1)}.card__title{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--ink-0);margin-bottom:var(--space-2)}.meter{display:flex;flex-direction:column;gap:5px;min-width:0}.meter__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--fs-xs);color:var(--ink-2);text-transform:uppercase;letter-spacing:var(--track-caps);min-width:0}.meter__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meter__val{color:var(--gold-bright);font-variant-numeric:tabular-nums;font-weight:600;flex-shrink:0}.meter__track{position:relative;height:8px;border-radius:var(--radius-pill);background:linear-gradient(180deg,#020309a6,#1b2148bf);border:1px solid rgba(2,3,9,.55);box-shadow:inset 0 1px 3px #020309a6,0 1px #fff6e00f;overflow:hidden}.meter__fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:linear-gradient(180deg,var(--bronze-hi),var(--gold) 55%,var(--gold-deep));box-shadow:inset 0 1px #fff8e48c,0 0 10px #e6b45a73;transition:width var(--dur-slow) var(--ease)}.meter[data-tone=danger] .meter__fill{background:linear-gradient(180deg,#ff8d98,var(--danger) 55%,#8f2a32);box-shadow:inset 0 1px #ffdce080,0 0 10px #e0555f73}.meter[data-tone=success] .meter__fill{background:linear-gradient(180deg,var(--success-bright),var(--success) 55%,#2e7a51);box-shadow:inset 0 1px #dcffeb80,0 0 10px #57c98a66}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:var(--fs-sm);color:var(--ink-2)}.field input{height:48px;padding:0 var(--space-4);border-radius:var(--radius);border:1px solid var(--panel-border-strong);background:linear-gradient(180deg,#02030966,#0c0f20e6);box-shadow:inset 0 1px 3px #02030980;color:var(--ink-0);font-size:var(--fs-md);transition:border-color var(--dur-fast) var(--ease)}.field input:focus{border-color:var(--gold);outline:none}.app-root[data-nav=true] .screen{bottom:calc(62px + var(--safe-b))}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:calc(62px + var(--safe-b));padding-bottom:var(--safe-b);display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;background:linear-gradient(180deg,#151a34f0,#080a16fa);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--hairline-gold);box-shadow:inset 0 1px #fff6e00d,0 -8px 24px #02030980;z-index:30}.bottom-nav:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:140px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent)}.bottom-nav__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--ink-3);padding:0 2px;min-width:0;-webkit-tap-highlight-color:transparent;transition:color var(--dur-fast) var(--ease);min-height:62px}.bottom-nav__item:hover{color:var(--ink-1)}.bottom-nav__item:active .bottom-nav__icon{transform:scale(.9)}.bottom-nav__item[data-active=true]{color:var(--gold-bright)}.bottom-nav__item[data-active=true]:after{content:"";position:absolute;bottom:6px;width:4px;height:4px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 8px var(--gold-bright)}.bottom-nav__icon{display:inline-flex;transition:transform var(--dur-fast) var(--ease-spring)}.bottom-nav__label{font-size:10px;font-weight:600;letter-spacing:.06em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav__item[data-play=true]{color:var(--ink-on-gold)}.bottom-nav__item[data-play=true] .bottom-nav__icon{width:54px;height:54px;margin-top:-24px;border-radius:50%;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 0%,var(--bronze-hi) 0%,var(--bronze) 42%,var(--bronze-lo) 100%);border:2px solid rgba(255,226,168,.9);box-shadow:inset 0 2px #fff8e48c,inset 0 -3px 6px #5a3a0880,0 6px 18px #e6b45a73,0 2px 4px #02030999}.bottom-nav__item[data-play=true] .bottom-nav__label{color:var(--gold-bright)}.bottom-nav__item[data-play=true]:active .bottom-nav__icon{transform:scale(.93)}.tip-wrap{display:inline-flex}.tip{position:fixed;z-index:90;transform:translate(-50%,-100%);display:flex;flex-direction:column;gap:2px;max-width:min(240px,calc(100vw - 16px));padding:7px 11px;border-radius:10px;background:linear-gradient(180deg,#1d2138,#12152a);border:1px solid var(--hairline-gold-strong);box-shadow:inset 0 1px #ffe2a81f,var(--shadow-2);pointer-events:none;animation:tip-in .14s var(--ease) both}.tip[data-below=true]{transform:translate(-50%)}.tip__title{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--gold-bright);letter-spacing:.03em}.tip__body{font-size:11px;line-height:1.45;color:var(--ink-1)}@keyframes tip-in{0%{opacity:0;translate:0 3px}}.bg-civ{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 80% at 50% -10%,var(--bg-2),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0));z-index:-2}.bg-civ:before{content:"";position:absolute;inset:auto 0 0 0;height:46vh;background:radial-gradient(70% 90% at 50% 100%,rgba(230,180,90,.22),transparent 72%)}.bg-civ:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1px 1px at 20% 30%,rgba(230,200,140,.4),transparent),radial-gradient(1px 1px at 70% 60%,rgba(180,200,255,.3),transparent),radial-gradient(1.5px 1.5px at 40% 80%,rgba(230,200,140,.25),transparent),radial-gradient(1px 1px at 85% 20%,rgba(255,255,255,.2),transparent);opacity:.7}.bg-civ__strata{position:absolute;left:0;bottom:0;width:200%;background-repeat:repeat-x;background-position:left bottom;will-change:transform}.bg-civ__strata--far{height:min(32vh,260px);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20240'%20preserveAspectRatio='none'%3e%3cg%20fill='%231e2552'%3e%3cpath%20d='M0%20240V150L130%2092l110%2058%2090-38%20140%2066%2090-50%20130%2058%20130-54%20120%2058%20120-50%20140%2060V240Z'/%3e%3crect%20x='585'%20y='96'%20width='14'%20height='60'/%3e%3crect%20x='615'%20y='96'%20width='14'%20height='60'/%3e%3crect%20x='578'%20y='84'%20width='58'%20height='13'/%3e%3crect%20x='652'%20y='106'%20width='12'%20height='50'/%3e%3c/g%3e%3c/svg%3e");background-size:1200px 100%;animation:strata-drift 240s linear infinite;opacity:.85}.bg-civ__strata--mid{height:min(24vh,200px);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20200'%20preserveAspectRatio='none'%3e%3cg%20fill='%23141a48'%3e%3crect%20x='0'%20y='192'%20width='1200'%20height='8'/%3e%3cpath%20d='M40%20200v-80h56v-26h50V68h44v26h50v26h56v80Z'/%3e%3cpath%20d='M420%2094l90-30%2090%2030v12H420Z'/%3e%3crect%20x='432'%20y='106'%20width='13'%20height='94'/%3e%3crect%20x='462'%20y='106'%20width='13'%20height='94'/%3e%3crect%20x='492'%20y='106'%20width='13'%20height='94'/%3e%3crect%20x='522'%20y='106'%20width='13'%20height='94'/%3e%3crect%20x='552'%20y='106'%20width='13'%20height='94'/%3e%3crect%20x='582'%20y='106'%20width='13'%20height='94'/%3e%3crect%20x='700'%20y='112'%20width='460'%20height='18'/%3e%3crect%20x='700'%20y='130'%20width='22'%20height='70'/%3e%3crect%20x='772'%20y='130'%20width='22'%20height='70'/%3e%3crect%20x='844'%20y='130'%20width='22'%20height='70'/%3e%3crect%20x='916'%20y='130'%20width='22'%20height='70'/%3e%3crect%20x='988'%20y='130'%20width='22'%20height='70'/%3e%3crect%20x='1060'%20y='130'%20width='22'%20height='70'/%3e%3crect%20x='1132'%20y='130'%20width='22'%20height='70'/%3e%3c/g%3e%3c/svg%3e");background-size:1200px 100%;animation:strata-drift 150s linear infinite;opacity:.95}.bg-civ__strata--near{height:min(18vh,150px);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20160'%20preserveAspectRatio='none'%3e%3cg%20fill='%230a0e26'%3e%3crect%20x='0'%20y='150'%20width='1200'%20height='10'/%3e%3cpath%20d='M20%20160V96h70V72h26v24h40V60h24l6-18%206%2018v36h64v64Z'/%3e%3cpath%20d='M300%20160v-70h34l8-26h12l8%2026h34v70Z'/%3e%3cpath%20d='M470%20160V56h12V40h92v10h-80v6h-12v104Z'/%3e%3cpath%20d='M640%20160V84h48v76Zm60%200V64h56v96Zm68%200V92h40v68Z'/%3e%3crect%20x='908'%20y='58'%20width='10'%20height='102'/%3e%3crect%20x='916'%20y='70'%20width='36'%20height='6'/%3e%3cpath%20d='M950%20160V70q0-26%2014-40%2014%2014%2014%2040v90Z'/%3e%3cpath%20d='M944%20160l6-26v26Zm40%200v-26l6%2026Z'/%3e%3cpath%20d='M1050%20160V88h44v72Zm56%200V72h52v88Z'/%3e%3c/g%3e%3c/svg%3e");background-size:1200px 100%;animation:strata-drift 90s linear infinite}@keyframes strata-drift{0%{transform:translate(0)}to{transform:translate(-1200px)}}.bg-civ__motes{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 12% 85%,rgba(255,216,138,.5),transparent 60%),radial-gradient(1.5px 1.5px at 38% 65%,rgba(255,216,138,.35),transparent 60%),radial-gradient(2px 2px at 64% 90%,rgba(230,180,90,.4),transparent 60%),radial-gradient(1.5px 1.5px at 86% 70%,rgba(255,216,138,.3),transparent 60%);background-size:460px 560px;animation:motes-rise 26s linear infinite}.bg-civ__motes:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(1.5px 1.5px at 22% 78%,rgba(180,200,255,.3),transparent 60%),radial-gradient(2px 2px at 52% 55%,rgba(255,216,138,.28),transparent 60%),radial-gradient(1.5px 1.5px at 78% 88%,rgba(255,240,200,.35),transparent 60%);background-size:340px 440px;animation:motes-rise 18s linear infinite}@keyframes motes-rise{0%{background-position:0 0}to{background-position:0 -560px}}.bg-civ__motes:after{animation-name:motes-rise-sm}@keyframes motes-rise-sm{0%{background-position:0 0}to{background-position:0 -440px}}.bg-civ__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 75% at 50% 45%,transparent 55%,rgba(3,4,10,.6) 100%)}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + var(--safe-t));flex-shrink:0}.topbar__title{font-size:var(--fs-lg);flex:1}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);border:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(255,246,224,.04),transparent 40%),var(--panel);box-shadow:var(--bevel-raise),var(--shadow-1);color:var(--ink-1);font-size:var(--fs-lg);flex-shrink:0;transition:filter var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.iconbtn:hover{filter:brightness(1.2)}.iconbtn:active{transform:translateY(1px) scale(.96);box-shadow:var(--bevel-press)}.menu{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);padding-bottom:calc(var(--space-6) + var(--safe-b))}.menu__brand{text-align:center;margin-bottom:var(--space-4);animation:menu-hero .8s var(--ease) both}.menu__logo{font-family:var(--font-display);font-size:clamp(1.8rem,1.1rem + 6.6vw,3.4rem);font-weight:800;color:var(--ink-0);letter-spacing:.03em;line-height:1.2;padding:.06em 0;white-space:nowrap;background:linear-gradient(180deg,#fff2cf 0%,var(--gold-bright) 32%,var(--gold) 58%,var(--gold-deep) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 rgba(58,38,6,.9)) drop-shadow(0 4px 16px var(--amber-glow))}.menu__tag{color:var(--ink-2);font-size:var(--fs-sm);margin-top:var(--space-2);letter-spacing:.18em;text-transform:uppercase;animation:menu-tag .9s .12s var(--ease) both}.menu__flourish{display:block;margin:var(--space-2) auto 0;width:min(320px,78%);height:auto;opacity:.9;animation:menu-tag .9s .22s var(--ease) both}.menu__stack{display:flex;flex-direction:column;gap:var(--space-3)}.menu__stack>*{animation:menu-rise .48s var(--ease) both}.menu__stack>:nth-child(1){animation-delay:.22s}.menu__stack>:nth-child(2){animation-delay:.29s}.menu__stack>:nth-child(3){animation-delay:.36s}.menu__stack>:nth-child(4){animation-delay:.43s}.menu__stack>:nth-child(5){animation-delay:.5s}.menu__stack>:nth-child(6){animation-delay:.57s}.menu__stack>:nth-child(7){animation-delay:.64s}@keyframes menu-hero{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes menu-tag{0%{opacity:0;letter-spacing:.5em}to{opacity:1;letter-spacing:.18em}}@keyframes menu-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.menu__row{display:flex;gap:var(--space-3)}.menu__row>*{flex:1}.menu-hero-offer{position:relative;overflow:hidden;margin-top:var(--space-4);display:flex;align-items:center;gap:var(--space-3);width:100%;text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gold);background:linear-gradient(135deg,rgba(255,216,138,.14),transparent 55%),linear-gradient(180deg,#3a2c1680,#141022d1);box-shadow:var(--bevel-gold),var(--shadow-2),0 0 24px #ffd88a17;color:var(--ink-0);animation:menu-rise .48s .7s var(--ease) both;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.menu-hero-offer:hover{transform:translateY(-2px);box-shadow:var(--bevel-gold),var(--shadow-3),0 0 34px #ffd88a29}.menu-hero-offer:active{transform:translateY(0) scale(.99)}.menu-hero-offer__glow{position:absolute;inset:-50% -15% auto auto;width:55%;height:200%;background:radial-gradient(closest-side,rgba(255,216,138,.25),transparent 70%);pointer-events:none}.menu-hero-offer__crest{position:relative;flex-shrink:0;width:52px;height:52px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 30% 20%,rgba(255,216,138,.3),transparent 60%),#0a0b1499;border:1px solid var(--hairline-gold-strong);box-shadow:var(--bevel-gold)}.menu-hero-offer__body{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.menu-hero-offer__kicker{font-size:var(--fs-xs);color:var(--gold);text-transform:uppercase;letter-spacing:.16em}.menu-hero-offer__name{font-family:var(--font-display);font-size:var(--fs-md);line-height:var(--lh-tight);color:var(--gold-bright)}.menu-hero-offer__line{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.4}.menu-hero-offer__cta{position:relative;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.menu-hero-offer__price{font-family:var(--font-display);font-size:var(--fs-md);color:var(--gold-bright);white-space:nowrap}.menu-hero-offer__view{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);white-space:nowrap}.stack{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-4) calc(var(--space-6) + var(--safe-b));flex:1}.section-title{font-size:var(--fs-md);color:var(--ink-2);text-transform:uppercase;letter-spacing:.14em;margin-top:var(--space-3)}.mode-card{text-align:left;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--panel-border);background:linear-gradient(180deg,rgba(255,246,224,.03),transparent 36%),var(--panel);box-shadow:var(--bevel-raise),var(--shadow-1);min-width:0;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.mode-card:hover{transform:translateY(-2px);border-color:var(--hairline-gold);box-shadow:var(--bevel-raise),var(--shadow-2)}.mode-card__name{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--ink-0)}.mode-card__desc{color:var(--ink-2);font-size:var(--fs-sm)}.mode-card__badge{align-self:flex-start;margin-top:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--bg-3);color:var(--gold-bright);font-size:var(--fs-xs);font-weight:600}.list{display:flex;flex-direction:column;gap:var(--space-2)}.lb-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-border)}.lb-row[data-me=true]{border-color:var(--gold);box-shadow:var(--shadow-glow)}.lb-rank{font-family:var(--font-display);font-weight:700;color:var(--gold-bright);text-align:center}.lb-name{font-weight:600;color:var(--ink-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-meta{font-size:var(--fs-xs);color:var(--ink-3)}.lb-score{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink-0)}.empty{text-align:center;padding:var(--space-7) var(--space-5);color:var(--ink-2);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.empty__icon{font-size:2.4rem;opacity:.6}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.store-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,246,224,.03),transparent 36%),var(--panel);border:1px solid var(--panel-border);box-shadow:var(--bevel-raise),var(--shadow-1);min-width:0}.store-item__crest{width:44px;height:44px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 30% 20%,rgba(255,216,138,.18),transparent 60%),#0a0c188c;border:1px solid var(--hairline-gold);box-shadow:var(--bevel-raise)}.store-item__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap}.store-item__name{font-family:var(--font-display);font-size:var(--fs-md);line-height:var(--lh-tight);color:var(--ink-0);min-width:0}.store-item__desc{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.45;flex:1}.store-item .btn{margin-top:auto}.owned-pill{align-self:flex-start;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:#57c98a26;color:var(--success);font-size:var(--fs-xs);font-weight:700}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:#7c8cff1a;border:1px solid rgba(124,140,255,.25);color:var(--ink-1);font-size:var(--fs-sm)}.banner--warn{background:#e0a3551a;border-color:#e0a3554d}.banner--muted{background:#7c8cff0d;border-color:#7c8cff26;color:var(--ink-2)}.settings-group{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,246,224,.03),transparent 36%),var(--panel);border:1px solid var(--panel-border);box-shadow:var(--bevel-raise),var(--shadow-1)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.stat{padding:var(--space-4);border-radius:var(--radius);background:var(--bg-2);border:1px solid var(--panel-border);text-align:center}.stat__val{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--gold-bright);font-variant-numeric:tabular-nums}.stat__label{font-size:var(--fs-xs);color:var(--ink-2);text-transform:uppercase;letter-spacing:.1em}.boot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);text-align:center;padding:var(--space-6)}.boot__logo{font-family:var(--font-display);font-size:var(--fs-hero);white-space:nowrap;font-weight:800;letter-spacing:.05em;background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:boot-pulse 2.4s var(--ease) infinite}@keyframes boot-pulse{0%,to{filter:drop-shadow(0 0 12px var(--amber-glow))}50%{filter:drop-shadow(0 0 28px var(--amber-glow))}}.boot__bar{width:min(240px,70%);height:4px;border-radius:var(--radius-pill);background:var(--bg-3);overflow:hidden}.boot__fill{height:100%;width:40%;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:boot-slide 1.2s var(--ease) infinite}@keyframes boot-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.tut-step{padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,246,224,.03),transparent 36%),var(--panel);border:1px solid var(--panel-border);box-shadow:var(--bevel-raise),var(--shadow-1);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.tut-step__n{font-family:var(--font-display);font-size:var(--fs-2xl);color:var(--gold);line-height:1.2;padding:.04em 0}.tut-dots{display:flex;gap:var(--space-2);justify-content:center}.tut-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-3)}.tut-dot[data-on=true]{background:var(--gold)}.region-nav{display:flex;align-items:center;gap:var(--space-3);justify-content:space-between}.region-nav__title{text-align:center;flex:1}.region-nav__name{font-family:var(--font-display);color:var(--gold-bright);font-size:var(--fs-lg);display:inline-flex;align-items:center;gap:6px}.region-nav__tag{display:block;font-size:var(--fs-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em}.advisor-brief{border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--panel);padding:var(--space-3) var(--space-4)}.advisor-brief__name{font-size:var(--fs-xs);color:var(--gold);text-transform:uppercase;letter-spacing:.14em}.advisor-brief__text{color:var(--ink-1);line-height:1.5;margin-top:4px;font-style:italic}.district-trail{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)}.district-node{border-radius:var(--radius);border:1px solid var(--panel-border-strong);background:linear-gradient(180deg,rgba(255,246,224,.04),transparent 40%),var(--panel);box-shadow:var(--bevel-raise),var(--shadow-1);color:var(--ink-0);padding:var(--space-3);display:flex;flex-direction:column;align-items:center;gap:6px;min-height:88px;min-width:0;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.district-node:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold);box-shadow:var(--bevel-raise),var(--shadow-2)}.district-node:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:var(--bevel-press)}.district-node[data-locked=true]{opacity:.45}.district-node[data-finale=true]{border-color:#ffd88a66}.district-node__name{font-size:var(--fs-xs);text-align:center}.district-node__stars{display:flex;gap:2px}.brief-panel{border-radius:var(--radius);border:1px solid var(--gold-deep, #8a6a2a);background:var(--panel);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);animation:fade-in var(--dur) var(--ease)}.brief-panel__title{font-family:var(--font-display);color:var(--gold-bright)}.brief-panel__text{color:var(--ink-1);line-height:1.5}.brief-panel__meta{display:flex;gap:var(--space-2)}.brief-panel__objectives{list-style:none;display:flex;flex-direction:column;gap:4px;color:var(--ink-1);font-size:var(--fs-sm)}.screen--reveal{display:flex;flex-direction:column}.reveal-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4);padding-bottom:calc(var(--space-4) + var(--safe-b))}.whale-rack{display:flex;flex-direction:column;gap:var(--space-3)}.whale-card{position:relative;display:flex;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--gold);overflow:hidden;background:linear-gradient(135deg,rgba(255,216,138,.12),transparent 55%),linear-gradient(180deg,#3a2c168c,#141022d9);box-shadow:var(--bevel-gold),var(--shadow-2),0 0 28px #ffd88a1a}.whale-card__glow{position:absolute;inset:-40% -20% auto auto;width:60%;height:180%;background:radial-gradient(closest-side,rgba(255,216,138,.22),transparent 70%);pointer-events:none}.whale-card__crest{position:relative;flex-shrink:0;width:60px;height:60px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 30% 20%,rgba(255,216,138,.3),transparent 60%),#0a0b1499;border:1px solid var(--hairline-gold-strong);box-shadow:var(--bevel-gold)}.whale-card__body{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.whale-card__ribbon{align-self:flex-start;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#2a1c06;background:linear-gradient(90deg,var(--gold-bright),var(--gold));border-radius:var(--radius-pill);padding:2px 9px;font-weight:700}.whale-card__name{font-family:var(--font-display);font-size:var(--fs-lg);line-height:var(--lh-tight);color:var(--gold-bright)}.whale-card__desc{color:var(--ink-1);font-size:var(--fs-sm);line-height:1.5}.whale-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap}.whale-card__price{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--gold-bright);white-space:nowrap;padding:4px 12px;border-radius:var(--radius);background:linear-gradient(180deg,#3a2c16,#241a0c);border:1px solid var(--hairline-gold-strong)}.credit-link{border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--panel);padding:var(--space-3) var(--space-4);color:var(--ink-0);text-decoration:none;transition:border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.credit-link:hover{border-color:var(--gold);transform:translateY(-2px)}.credit-link:active{transform:translateY(0) scale(.99)}.screen--intro{align-items:center;justify-content:center;cursor:pointer}.intro{position:relative;width:min(420px,calc(100% - 32px));margin:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(180deg,#181c36eb,#0d0f1cf5);border:1px solid rgba(230,180,90,.35);box-shadow:var(--shadow-2),inset 0 0 0 1px #0a0b14cc,inset 0 0 0 2px #e6b45a1f;animation:intro-in .5s var(--ease) both}@keyframes intro-in{0%{opacity:0;transform:translateY(14px) scale(.98)}}.intro-art{width:100%;height:auto;border-radius:var(--radius);border:1px solid rgba(230,180,90,.25);display:block}.intro__kicker{font-size:var(--fs-xs);color:var(--gold);text-transform:uppercase;letter-spacing:.22em;text-align:center}.intro__title{text-align:center;font-size:var(--fs-2xl);line-height:1.22;padding:.04em 0;background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.intro__text{color:var(--ink-1);line-height:1.6;text-align:center;margin:0}.intro__actions{display:flex;flex-direction:column;gap:var(--space-2);cursor:default}.intro-snow{animation:intro-snowfall 7s linear infinite}.intro-snow--b{animation-duration:9s;animation-delay:-3s}.intro-snow--c{animation-duration:5.5s;animation-delay:-1.5s}@keyframes intro-snowfall{0%{transform:translateY(-20px);opacity:0}12%{opacity:.9}88%{opacity:.9}to{transform:translateY(160px);opacity:0}}.intro-beacon-flicker{animation:beacon-flicker 2.2s var(--ease) infinite}@keyframes beacon-flicker{0%,to{fill:#1a1e3c}50%{fill:#ffd88a8c}}.codex{position:relative;max-width:460px;padding:var(--space-5);padding-left:calc(var(--space-5) + 14px);background:linear-gradient(120% 100% at 100% 0%,rgba(230,180,90,.1),transparent 50%),linear-gradient(180deg,#382a16,#241a0d);border:1px solid rgba(230,180,90,.55);box-shadow:var(--shadow-2),inset 0 0 0 1px #00000080,inset 0 0 40px #00000059}.codex__spine{position:absolute;left:0;top:0;bottom:0;width:14px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:linear-gradient(90deg,#171008,#332412 60%,#171008);border-right:1px solid rgba(230,180,90,.35)}.codex__spine:before,.codex__spine:after{content:"";position:absolute;left:3px;right:3px;height:2px;border-radius:2px;background:#e6b45a66}.codex__spine:before{top:18px}.codex__spine:after{bottom:18px}.codex__head{display:flex;align-items:center;gap:var(--space-2)}.codex__title{font-size:var(--fs-xl);color:var(--gold-bright)}.codex__lede{color:var(--ink-2);font-size:var(--fs-sm);line-height:1.5;margin:var(--space-2) 0 var(--space-4)}.codex__pages{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.codex-entry{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);background:#f4ecd60f;border:1px solid rgba(230,180,90,.22);animation:codex-page .3s var(--ease) both}.codex-entry:nth-child(2){animation-delay:40ms}.codex-entry:nth-child(3){animation-delay:80ms}.codex-entry:nth-child(4){animation-delay:.12s}.codex-entry:nth-child(5){animation-delay:.16s}.codex-entry:nth-child(n+6){animation-delay:.2s}@keyframes codex-page{0%{opacity:0;transform:translateY(8px)}}.codex-entry[data-raised=true]{border-color:#ffd88a80;background:#e6b45a1a}.codex-entry[data-locked=true]{opacity:.55}.codex-entry__icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#0a0b1480;border:1px solid rgba(230,180,90,.25)}.codex-entry__main{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.codex-entry__name{font-family:var(--font-display);color:var(--ink-0);display:inline-flex;align-items:center;gap:6px}.codex-entry__recipe{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.codex-chip{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.3)}.codex-chip--result{background:linear-gradient(180deg,var(--gold-bright),var(--gold))}.codex-entry__arrow{color:var(--gold);font-weight:700;margin:0 2px}.codex-entry__effect{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.45}.codex-entry__bonus{flex-shrink:0;color:var(--gold-bright);font-weight:700;font-size:var(--fs-sm)}.advisor-bust{display:block;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));animation:bust-float 5s ease-in-out infinite}@keyframes bust-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.advisor-brief{display:flex;align-items:center;gap:var(--space-3)}.advisor-brief__main{flex:1;min-width:0}.district-node__icon{display:inline-flex;color:var(--gold)}.district-node[data-locked=true] .district-node__icon{color:var(--ink-3)}.district-trail{position:relative}.region-fog{border-radius:var(--radius-lg);border:1px dashed rgba(120,132,200,.35);background:repeating-linear-gradient(-45deg,rgba(90,96,130,.08),rgba(90,96,130,.08) 8px,transparent 8px,transparent 18px),#0a0c1a80;padding:var(--space-5);text-align:center;color:var(--ink-2);font-size:var(--fs-sm);line-height:1.55}.store-shelf{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--gold);text-transform:uppercase;letter-spacing:.16em;display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.store-shelf:before,.store-shelf:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(230,180,90,.4),transparent)}.store-greeter{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid rgba(230,180,90,.3);background:linear-gradient(100% 100% at 0% 0%,rgba(164,92,48,.18),transparent 65%),var(--panel)}.store-greeter__name{font-size:var(--fs-xs);color:var(--gold);text-transform:uppercase;letter-spacing:.14em}.store-greeter__line{color:var(--ink-1);font-style:italic;line-height:1.45;margin-top:2px;font-size:var(--fs-sm)}.store-item{transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.store-item:hover{transform:translateY(-2px);border-color:var(--hairline-gold);box-shadow:var(--bevel-raise),var(--shadow-2)}.whale-card{transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.whale-card:hover{transform:translateY(-2px);box-shadow:var(--bevel-gold),var(--shadow-3),0 0 36px #ffd88a29}.store-item__price{position:relative;padding:3px 10px;border-radius:6px;background:linear-gradient(180deg,#3a2c16,#241a0c);border:1px solid rgba(230,180,90,.45);font-size:var(--fs-sm);color:var(--gold-bright);font-weight:700;white-space:nowrap}.stars-row .star-pop{animation:star-pop .48s cubic-bezier(.34,1.56,.64,1) both}.stars-row .star-pop:nth-child(2){animation-delay:.16s}.stars-row .star-pop:nth-child(3){animation-delay:.32s}@keyframes star-pop{0%{opacity:0;transform:scale(.3) rotate(-24deg)}}.overlay__kicker{font-size:var(--fs-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.overlay__links{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.overlay__links .btn{flex:1}.reveal-canvas-wrap{position:relative;flex:1;min-height:50vh}.reveal-canvas-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(80% 70% at 50% 45%,transparent 60%,rgba(3,4,10,.7))}.reveal-panel{animation:reveal-panel-in .7s .4s var(--ease) both}@keyframes reveal-panel-in{0%{opacity:0;transform:translateY(18px)}}.menu-icon-row{display:inline-flex;align-items:center;gap:var(--space-2)}.tut-step{animation:fade-in var(--dur) var(--ease)}.tut-step__head{display:flex;align-items:center;justify-content:space-between}.district-trail .tip-wrap{display:block}.district-trail .district-node{width:100%}.game{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:radial-gradient(120% 70% at 50% -10%,var(--bg-2),transparent 55%),linear-gradient(180deg,var(--bg-1),var(--bg-0))}.hud{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + var(--safe-t));flex-shrink:0}.hud__score{flex:1}.hud__score-val{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--ink-0);font-variant-numeric:tabular-nums;line-height:1.2;padding:.03em 0}.hud__score-label{font-size:var(--fs-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em}.hud__era{text-align:right}.hud__era-name{font-family:var(--font-display);color:var(--gold-bright);font-size:var(--fs-md)}.hud__era-bar{width:96px;height:5px;border-radius:var(--radius-pill);background:var(--bg-3);margin-top:4px;overflow:hidden}.hud__era-fill{height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width var(--dur) var(--ease)}.hud-sub{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4) var(--space-2);flex-shrink:0}.queue{display:flex;gap:var(--space-2);flex:1}.mini-tile{width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#0d0f1c;font-weight:700;border:1px solid rgba(0,0,0,.25)}.mini-slot{display:flex;flex-direction:column;align-items:center;gap:2px}.mini-slot__label{font-size:9px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}.board-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);position:relative}.board-canvas{width:100%;height:100%;touch-action:none;display:block;-webkit-tap-highlight-color:transparent}.hud__meta-row{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:4px}.hud__chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);background:var(--panel);border:1px solid var(--panel-border);color:var(--ink-1);font-size:var(--fs-xs)}.hud__chip[data-low=true]{color:#ff9aa4;border-color:#e0555f80;animation:chip-pulse 1.2s infinite}@keyframes chip-pulse{50%{filter:brightness(1.5)}}.hud-objectives{flex-direction:column;align-items:stretch;gap:4px}.objective{display:flex;align-items:center;gap:var(--space-2);padding:4px 10px;border-radius:var(--radius);background:var(--panel);border:1px solid var(--panel-border);font-size:var(--fs-xs);color:var(--ink-1)}.objective[data-done=true]{color:#9fe8b8;border-color:#78dca059}.objective__check{width:14px;display:inline-flex;flex-shrink:0}.objective__label{flex:1}.objective__progress{color:var(--ink-2)}.tray{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);padding-bottom:calc(var(--space-3) + var(--safe-b));flex-shrink:0;position:relative}.tray__hand{display:flex;gap:var(--space-3);justify-content:center}.hud__turnmeter{flex:1}.ship-card{border-radius:var(--radius);border:1px solid var(--panel-border-strong);background:linear-gradient(180deg,rgba(255,246,224,.05),transparent 42%),var(--panel);box-shadow:var(--bevel-raise),var(--shadow-1);padding:6px;min-width:64px;min-height:64px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.ship-card:hover:not(:disabled){transform:translateY(-3px);border-color:var(--gold)}.ship-card[data-armed=true]{border-color:var(--gold-bright);box-shadow:var(--bevel-raise),0 0 14px #ffd88a59,var(--shadow-2);transform:translateY(-6px)}.ship-card:disabled{opacity:.5}.ship-card__grid{display:flex;flex-direction:column;gap:2px}.ship-card__row{display:flex;gap:2px}.ship-card__cell{width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.25)}.ship-card__cell--empty{border-color:transparent;background:transparent}.tray__satchel{display:flex;gap:var(--space-2);order:-1;justify-content:center;padding:6px 10px;border-radius:var(--radius-pill);background:#0a0c188c;border:1px solid rgba(230,180,90,.14)}.satchel-item{position:relative;width:46px;height:50px;border-radius:var(--radius);border:1px solid var(--panel-border-strong);background:linear-gradient(180deg,rgba(255,246,224,.05),transparent 42%),var(--panel);box-shadow:var(--bevel-raise);color:var(--ink-1);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;-webkit-tap-highlight-color:transparent;transition:transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.satchel-item:hover:not(:disabled){transform:translateY(-2px);border-color:var(--gold)}.satchel-item[data-active=true]{border-color:var(--gold-bright);box-shadow:0 0 12px #ffd88a4d}.satchel-item:disabled{opacity:.4}.satchel-item__count{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;border-radius:var(--radius-pill);background:var(--gold);color:#2a1c06;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.satchel-item__price{font-size:9px;color:var(--gold-bright);display:inline-flex;align-items:center;gap:2px}.tray__hint{position:absolute;bottom:100%;margin-bottom:4px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);text-align:center;line-height:1.35;font-size:var(--fs-xs);color:var(--gold-bright);background:#0a0c18eb;border:1px solid var(--hairline-gold);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:4px 12px;z-index:5}.stars-row{display:flex;align-items:center;gap:var(--space-2)}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#04050cd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);z-index:40;animation:fade-in var(--dur) var(--ease)}.overlay h2{font-size:var(--fs-2xl);text-align:center}.overlay__stats{width:100%;max-width:320px}.overlay__actions{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--space-3)}.era-flourish{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);z-index:45;text-align:center;padding:var(--space-6);background:radial-gradient(80% 60% at 50% 50%,var(--bg-3),rgba(4,5,12,.9));animation:era-in var(--dur-slow) var(--ease)}.era-flourish__era{font-size:var(--fs-xs);letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.era-flourish__name{font-family:var(--font-display);font-size:var(--fs-3xl);background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.era-flourish__rule{color:var(--ink-1);max-width:340px}@keyframes era-in{0%{opacity:0;transform:scale(1.08)}}.pausebtn{width:44px;height:44px;border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--panel);color:var(--ink-1);font-size:var(--fs-lg);flex-shrink:0}