@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@700&family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Inter:wght@400;500;600&display=swap";:root{color-scheme:dark;--bg: #17130e;--bg-elevated: rgba(40, 32, 24, .82);--bg-soft: rgba(82, 65, 47, .35);--border: rgba(227, 196, 136, .24);--text: #f6ebcf;--muted: #c7b792;--accent: #d6a34b;--danger: #f2643d;--shadow: 0 24px 60px rgba(0, 0, 0, .34);--panel-glass: rgba(23, 19, 14, .88);--panel-glass-hover: rgba(30, 24, 18, .92);--panel-blur: blur(16px);--panel-border: rgba(227, 196, 136, .18);--panel-radius-float: 14px;--panel-shadow: 0 8px 32px rgba(0, 0, 0, .4);--panel-shadow-heavy: 0 24px 64px rgba(0, 0, 0, .5);--menubar-height: 64px;--command-tray-height: 56px;--inspector-width: 320px;--inspector-width-narrow: 280px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.4, 0, .2, 1);--duration-slide: .28s;--duration-fade: .2s;--duration-toast: 2.4s;--duration-banner: 1.8s}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top,rgba(148,105,43,.24),transparent 32%),linear-gradient(180deg,#231b13,#17130e 45%,#120f0c);color:var(--text);font-family:Inter,sans-serif}button,select,input{font:inherit}button,select{border:1px solid var(--border);background:#5e472a57;color:var(--text)}#root{min-height:100vh}.client-loading{min-height:100vh;display:grid;place-items:center;padding:24px;font-size:1.1rem}.menu-shell{min-height:100vh;background:linear-gradient(180deg,#1a0d045c,#120a04c7),radial-gradient(circle at top,rgba(255,210,122,.18),transparent 32%),#201108}.menu-screen{min-height:100vh;color:#f6ead0}.menu-screen--title{position:relative;background:linear-gradient(180deg,#0e07021f,#0e070294),url(/assets/title-screen.jpg) center center / cover no-repeat}.menu-screen--panel{background:linear-gradient(180deg,#0e07026b,#0e0702b3),url(/assets/menu-background.png) center center / cover no-repeat}.menu-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:28px clamp(20px,4vw,48px) 0}.menu-header__copy{text-align:center}.menu-header__copy h1,.menu-copy h2,.tribe-preview h3{margin:0;font-family:Cinzel,serif;letter-spacing:.28em;text-transform:uppercase;color:#f2d7a1;text-shadow:0 10px 24px rgba(201,168,106,.14)}.menu-header__copy h1{font-size:clamp(1.25rem,1.1rem + 1vw,2rem)}.menu-header__spacer,.menu-back{min-width:86px}.menu-back,.menu-primary,.menu-option,.menu-chip,.tribe-card{transition:transform var(--duration-slide) var(--ease-out-expo),border-color var(--duration-fade) ease,background-color var(--duration-fade) ease,box-shadow var(--duration-fade) ease}.menu-back,.menu-primary,.menu-chip,.tribe-card,.menu-option{border-radius:18px}.menu-back,.menu-primary,.menu-chip{cursor:pointer}.menu-back{padding:12px 16px;background:#2011088f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-title{min-height:100vh;display:flex;align-items:flex-end;justify-content:center;padding:40px 20px 56px}.menu-title__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#170b0370 68%,#170b03d1);pointer-events:none}.menu-title__actions{position:relative;z-index:1;display:grid;justify-items:center;gap:18px}.menu-kicker{margin:0;font-family:Cinzel,serif;letter-spacing:.32em;text-transform:uppercase;color:#f2d7a1;opacity:.9}.menu-primary{padding:16px 28px;border:1px solid rgba(242,215,161,.34);background:linear-gradient(180deg,#784212b8,#492308e6);color:#f7ebd1;font-family:Cinzel,serif;letter-spacing:.22em;text-transform:uppercase;box-shadow:0 18px 48px #00000057}.menu-primary:hover,.menu-back:hover,.menu-chip:hover,.tribe-card:hover,.menu-option:hover{transform:translateY(-2px)}.menu-primary:disabled,.menu-option.is-disabled,.menu-chip:disabled{cursor:not-allowed;opacity:.64}.menu-primary--hero{min-width:min(280px,calc(100vw - 48px));font-size:clamp(1rem,.94rem + .55vw,1.2rem)}.menu-panel{width:min(1100px,calc(100vw - 32px));margin:28px auto 0;padding:clamp(24px,4vw,36px);border:1px solid rgba(242,215,161,.14);border-radius:28px;background:#1c0e068f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 22px 64px #0000005c}.menu-panel--tribes{margin-bottom:32px}.menu-copy{display:grid;gap:10px;max-width:720px}.menu-copy p:last-child{margin:0;color:#f6ead0db;line-height:1.6}.menu-option-stack,.menu-config-grid,.tribe-layout{margin-top:28px}.menu-option-stack{display:grid;gap:14px}.menu-option{width:100%;padding:20px 22px;text-align:left;border:1px solid rgba(242,215,161,.14);background:#3c1f0c6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-option.is-selected,.menu-chip.is-selected,.tribe-card.is-selected{border-color:#f2d7a18a;box-shadow:0 18px 46px #00000047}.menu-option__title,.tribe-card__name{display:block;font-family:Cinzel,serif;letter-spacing:.18em;text-transform:uppercase;color:#f2d7a1}.menu-option__body,.tribe-card__biome,.menu-config-card__hint{display:block;margin-top:8px;color:#f6ead0bd;line-height:1.5}.menu-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.menu-config-card,.tribe-preview{padding:20px;border-radius:22px;border:1px solid rgba(242,215,161,.12);background:#341a0a61}.menu-config-card h3{margin:0 0 14px;font-family:Cinzel,serif;letter-spacing:.18em;text-transform:uppercase;color:#f2d7a1}.menu-chip-row{display:flex;flex-wrap:wrap;gap:10px}.menu-chip{padding:11px 16px;border:1px solid rgba(242,215,161,.14);background:#2011087a;font-family:Cinzel,serif;letter-spacing:.18em;text-transform:uppercase;color:#f2d7a1}.menu-footer-actions{display:flex;justify-content:flex-end;margin-top:24px}.savegame-list{display:grid;gap:14px;margin-top:28px}.savegame-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 20px;border:1px solid rgba(242,215,161,.14);border-radius:22px;background:#2e170966}.savegame-card__copy h3,.savegame-card__copy p,.savegame-card__copy span{margin:0}.savegame-card__copy h3{font-family:Cinzel,serif;letter-spacing:.14em;text-transform:uppercase;color:#f2d7a1}.savegame-card__copy p{margin-top:8px;color:#f6ead0d1}.savegame-card__copy span{display:inline-block;margin-top:6px;color:#f2d7a1a3;font-size:.9rem}.savegame-card__actions{display:flex;gap:10px;align-items:center}.menu-empty-state{display:grid;gap:10px;justify-items:center;padding:36px 20px;margin-top:28px;border:1px dashed rgba(242,215,161,.22);border-radius:24px;background:#20110847;text-align:center}.menu-empty-state p:last-child{margin:0;max-width:520px;color:#f6ead0d1;line-height:1.6}.tribe-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);gap:18px;align-items:start}.tribe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tribe-card{display:grid;justify-items:start;gap:10px;min-height:138px;padding:18px;border:1px solid rgba(242,215,161,.12);background:#2e170970}.tribe-card__crest,.tribe-preview__swatch{--tribe-accent: #d6a34b;display:inline-block;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.2),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--tribe-accent) 82%,white 18%),color-mix(in srgb,var(--tribe-accent) 76%,black 24%))}.tribe-card__crest{width:46px;height:46px;border-radius:14px;box-shadow:inset 0 1px #ffffff29}.tribe-preview{display:grid;gap:14px;align-content:start}.tribe-preview__swatch{width:100%;height:10px;border-radius:999px}.tribe-preview p,.tribe-preview h3{margin:0}.tribe-preview p:last-of-type{color:#f6ead0d6;line-height:1.6}.tribe-stats{display:grid;gap:12px;margin:0}.tribe-stats div{display:grid;gap:4px}.tribe-stats dt{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#f2d7a1ad}.tribe-stats dd{margin:0;color:#f6ead0e6;line-height:1.45}@media (max-width: 900px){.menu-config-grid,.tribe-layout{grid-template-columns:1fr}.tribe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.menu-header{grid-template-columns:1fr;justify-items:center}.menu-header__spacer{display:none}.menu-panel{width:min(100vw - 20px,1100px);margin-top:20px;padding:22px 18px}.menu-footer-actions{justify-content:stretch}.menu-footer-actions .menu-primary,.menu-primary--hero,.menu-option,.menu-back,.savegame-card__actions{width:100%}.savegame-card{grid-template-columns:1fr}.savegame-card__actions{flex-direction:column}.tribe-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.menu-back,.menu-primary,.menu-option,.menu-chip,.tribe-card{transition:none}}.game-shell{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:24px}.top-hud{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.top-hud h1{margin:0;font-family:Fraunces,serif}.top-hud__stats{display:flex;gap:12px;flex-wrap:wrap}.turn-banner{display:inline-flex;margin:12px 0 0;border:1px solid rgba(227,196,136,.28);border-radius:999px;padding:8px 12px;background:#5c44226b;color:var(--text);box-shadow:var(--shadow)}.game-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.game-stage{min-height:0;display:grid;gap:12px;align-content:start}.game-stage__frame{position:relative;height:clamp(360px,68vh,820px);min-height:0;border-radius:24px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(circle at top,rgba(214,163,75,.08),transparent 30%),linear-gradient(180deg,#211b14eb,#110e0bfa);box-shadow:var(--shadow)}.game-stage__frame canvas{display:block;width:100%!important;height:100%!important}.right-inspector{display:grid;gap:14px;align-content:start}.faction-stack{display:grid;gap:10px}.faction-row,.inspector-entry{padding:12px;border-radius:16px;background:#4d3d2c47}.city-panel{display:grid;gap:12px}.city-card,.city-option{padding:12px;border-radius:16px;background:#4d3d2c47;border:1px solid rgba(227,196,136,.14)}.city-stack{display:grid;gap:10px}.city-list-row{display:flex;justify-content:space-between;gap:10px;align-items:start;padding:10px 12px;border-radius:14px;background:#43342547}.city-option{width:100%;text-align:left;cursor:pointer}.city-option:disabled{cursor:default;opacity:.72}.city-option__header{display:flex;justify-content:space-between;gap:8px;align-items:center}.city-option p{margin:8px 0 0;color:var(--muted);line-height:1.4}.city-option__hint{display:inline-block;margin-top:8px;color:var(--muted);font-size:.85rem}.faction-row__title{display:flex;align-items:center;gap:8px;margin-bottom:6px}.bottom-command-bar{display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:18px}.command-panel{display:grid;gap:14px}.app-shell{display:flex;min-height:100vh;flex-direction:column;padding:24px;gap:18px}.loading-state{align-items:center;justify-content:center;font-size:1.1rem}.topbar,.bottom-rack,.main-layout{display:grid;gap:18px}.topbar{grid-template-columns:minmax(0,1fr) auto;align-items:end}.title-lockup h1,.panel-heading h2,.panel-heading h3,.selection-card h3{margin:0;font-family:Fraunces,serif;letter-spacing:.01em}.eyebrow,.panel-kicker,.chip-label,.subtitle,.quiet-copy{color:var(--muted)}.eyebrow,.panel-kicker,.chip-label{margin:0 0 4px;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.subtitle{margin:6px 0 0}.status-ribbon{display:flex;gap:12px;flex-wrap:wrap}.status-chip,.panel,.selection-card,.triple-stack-card,.faction-card{border:1px solid var(--border);background:var(--bg-elevated);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow)}.status-chip{border-radius:999px;padding:10px 14px;min-width:132px;cursor:pointer}.status-chip--active-faction{border-color:color-mix(in srgb,var(--chip-color) 55%,rgba(227,196,136,.24));background:linear-gradient(180deg,color-mix(in srgb,var(--chip-color) 22%,rgba(40,32,24,.82)),#282018d1);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--chip-color) 22%,transparent),var(--shadow);cursor:pointer;transition:background .15s ease,border-color .15s ease}.status-chip--active-faction:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--chip-color) 30%,rgba(40,32,24,.82)),#282018d1);border-color:color-mix(in srgb,var(--chip-color) 70%,rgba(227,196,136,.24))}.main-layout{grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(280px,340px);align-items:start}.panel{border-radius:22px;padding:18px}.play-instructions{max-width:520px;background:linear-gradient(135deg,#584323eb,#282018e0)}.play-instructions p{margin:0;line-height:1.5}.panel-heading{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.panel-heading.compact{margin-bottom:10px}.stage-heading{flex-direction:row;justify-content:space-between;align-items:start}.stage-notes{display:flex;gap:8px;flex-wrap:wrap}.stage-notes span{border:1px solid var(--border);border-radius:999px;padding:6px 10px;color:var(--muted);font-size:.85rem}.filter-row{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.filter-row select,.timeline-slider{width:100%}.faction-list{display:grid;gap:10px}.faction-card{width:100%;padding:14px;border-radius:18px;text-align:left;cursor:pointer}.faction-card.active{outline:2px solid var(--accent)}.faction-card-header{display:flex;align-items:center;gap:10px}.faction-swatch{width:10px;height:10px;border-radius:999px;background:var(--faction-color);box-shadow:0 0 0 6px color-mix(in srgb,var(--faction-color) 24%,transparent)}.faction-card p,.selection-card p,.triple-stack-entry p,.event-row p{margin:8px 0 0;line-height:1.45}.faction-metrics,.meta-row{display:flex;justify-content:space-between;gap:8px;margin-top:12px;color:var(--muted);font-size:.9rem}.map-stage{min-height:66vh}.map-frame{position:relative;min-height:60vh;border-radius:20px;overflow:hidden;background:radial-gradient(circle at center,rgba(214,163,75,.08),transparent 45%),linear-gradient(180deg,#1b1610eb,#130f0cf5)}.map-svg{width:100%;height:100%;min-height:60vh}.hex{stroke:#f7e7bf1f;stroke-width:1.2;transition:transform .16s ease,stroke .16s ease,filter .16s ease;cursor:pointer}.hex:hover,.hex.selected{stroke:#f7e7bf8f;filter:brightness(1.08)}.unit-marker,.city-marker,.village-marker{stroke:#f7e7bf;stroke-width:1.6;cursor:pointer}.selection-card,.triple-stack-card{border-radius:18px;padding:16px}.war-log-card,.inspector-panel{display:grid;gap:14px}.triple-stack-entry{padding:12px 0;border-top:1px solid rgba(227,196,136,.14)}.triple-stack-entry:first-of-type{border-top:0;padding-top:4px}.triple-stack-entry span{color:var(--muted);font-size:.9rem}.war-log-list{display:grid;gap:10px;max-height:220px;overflow:auto;padding-right:4px}.war-log-entry{width:100%;border-radius:16px;padding:12px;text-align:left;background:#4d3d2c47}.war-log-entry.active{border-color:#d6a34ba3;box-shadow:inset 0 0 0 1px #d6a34b5c;background:#6148266b}.war-log-entry-header{display:flex;justify-content:space-between;align-items:start;gap:10px}.war-log-entry p,.war-log-side p,.war-log-effect p{margin:8px 0 0;line-height:1.45}.war-log-outcome{color:var(--accent);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.war-log-detail{display:grid;gap:12px}.war-log-detail-section{padding:14px;border-radius:16px;background:#43342547;border:1px solid rgba(227,196,136,.12)}.war-log-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.war-log-side{padding:12px;border-radius:14px;background:#16120e47}.war-log-effects{display:grid;gap:10px}.war-log-effect{padding:10px 12px;border-radius:14px;background:#16120e47}.war-log-effect-tag{display:inline-block;margin-bottom:6px;border-radius:999px;padding:4px 8px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.war-log-effect-tag.positioning{background:#8fd69429;color:#b4e8b6}.war-log-effect-tag.ability{background:#d6a34b29;color:#f3cf8d}.war-log-effect-tag.synergy{background:#7aa4dd29;color:#a8cbf8}.war-log-effect-tag.aftermath{background:#f2643d29;color:#ffb09a}.bottom-rack{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.timeline-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.timeline-controls button{border-radius:999px;padding:10px 14px}.timeline-slider{accent-color:var(--accent)}.event-list{display:grid;gap:10px;max-height:220px;overflow:auto;padding-right:4px}.event-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:14px;background:#4d3d2c59}.event-round{color:var(--accent);font-weight:700}@media (max-width: 1100px){.main-layout,.bottom-rack,.topbar,.game-layout,.bottom-command-bar,.top-hud{grid-template-columns:1fr}.map-stage{order:-1}}@media (max-width: 720px){.app-shell,.game-shell{padding:14px}.panel,.selection-card,.triple-stack-card,.faction-card{border-radius:16px}.map-svg,.map-frame{min-height:44vh}.war-log-grid{grid-template-columns:1fr}}.status-chip--research{cursor:pointer;transition:border-color .16s ease}.status-chip--research:hover{border-color:var(--accent)}.status-chip--deficit{color:var(--danger, #e55);border-color:var(--danger, #e55333);cursor:pointer}.status-chip--deficit:hover{background:#e555551a}.status-chip--deficit strong{color:var(--danger, #e55)}.status-chip--over-capacity{color:var(--danger, #e55);border-color:var(--danger, #e55333)}.signature-unit-click{cursor:pointer;color:var(--highlight, #e3c46e);text-decoration:underline}.signature-unit-click:hover{color:var(--text, #fff)}.unit-stats-panel{position:fixed;background:var(--bg-primary, #1a1915);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px;width:320px;z-index:9999;box-shadow:0 8px 32px #00000080;margin-top:300px}.unit-stats-panel__close{position:absolute;top:8px;right:8px;background:none;border:none;color:#ffffff80;font-size:20px;cursor:pointer;line-height:1;padding:0;z-index:1}.unit-stats-panel__name{margin:0 0 12px;font-size:22px;font-weight:900;text-align:center;letter-spacing:.05em;text-transform:uppercase}.unit-stats-panel__stats{display:flex;justify-content:space-around;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:8px}.unit-stats-panel__stats div{text-align:center}.unit-stats-panel__stats span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase}.unit-stats-panel__stats strong{display:block;font-size:18px;color:var(--highlight, #e3c46e)}.unit-stats-panel__tags{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.unit-tag{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:10px;text-transform:capitalize}.unit-stats-panel__ability{padding:8px;background:#e3c4881a;border-radius:4px;margin:8px 0;font-size:12px}.unit-stats-panel__desc{font-style:italic;color:var(--muted);font-size:12px;margin-top:8px}.unit-stats-panel__condition{margin-top:12px;padding:10px 12px;background:#a855f733;border:1px solid rgba(168,85,247,.4);border-radius:8px;font-size:13px;color:#fff;font-weight:600;text-align:center}.faction-info-panel{position:absolute;top:100%;left:0;right:0;background:var(--bg-primary, #1a1915);border:1px solid rgba(255,255,255,.15);border-radius:0 0 12px 12px;padding:16px;max-width:400px;z-index:100;box-shadow:0 8px 32px #00000080}.faction-info-panel .faction-popup__close{position:absolute;top:8px;right:8px}.faction-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding-top:60px;padding-bottom:60px;overflow-y:auto;z-index:200}.faction-popup{background:var(--bg-primary, #1a1915);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:24px;max-width:360px;max-height:calc(100vh - 120px);overflow-y:auto;position:relative;box-shadow:0 12px 48px #0009}.faction-popup__close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;line-height:1;padding:0}.faction-popup__close:hover{color:var(--text)}.faction-popup__name{margin:0 0 16px;font-size:20px;font-weight:700}.faction-popup__section{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.faction-popup__label{font-weight:600;color:var(--text-secondary, #c4b08a);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.faction-popup__trait{color:var(--accent, #d6a34b);text-transform:capitalize}.faction-popup__trait.clickable{cursor:pointer;text-decoration:underline;text-underline-offset:2px}.faction-popup__trait.clickable:hover{opacity:.75}.faction-popup__intro{margin:12px 0;font-size:13px;color:var(--text-secondary, #c4b08a);line-height:1.5;font-style:italic}.faction-popup__list{margin:0;padding-left:16px;font-size:12px;color:var(--text)}.faction-popup__list li{margin:4px 0}.faction-popup__tip{margin:4px 0 0;font-size:12px;color:var(--text);font-style:italic}.supply-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.supply-popup{background:var(--bg-primary, #1a1915);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:20px;min-width:240px;position:relative;box-shadow:0 12px 48px #0009}.supply-popup__close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;line-height:1;padding:0}.supply-popup__close:hover{color:var(--text)}.supply-popup__title{margin:0 0 14px;font-size:15px;font-weight:700;color:var(--text)}.supply-popup__stat{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.supply-popup__stat--penalty,.supply-popup--deficit{color:var(--danger, #e55)}.supply-popup--surplus{color:var(--accent, #d6a34b)}.supply-popup__divider{margin:14px 0 8px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.supply-popup__note{margin:14px 0 0;font-size:11px;color:var(--text-secondary, #c4b08a)}.research-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;padding:20px;background:radial-gradient(circle at top,rgba(214,163,75,.08),transparent 45%),#0a0806e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;animation:research-overlay-in .2s ease-out}.research-window{width:min(940px,calc(100vw - 40px));height:calc(100vh - 40px);display:grid;grid-template-rows:auto 1fr auto;border-radius:24px;border:1px solid rgba(214,163,75,.16);background:linear-gradient(175deg,#241b14f7,#140f0bfc),var(--bg-elevated);box-shadow:0 8px 64px #0000008c;overflow:hidden}.research-window__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 24px 14px;border-bottom:1px solid rgba(214,163,75,.07);flex-shrink:0}.research-window__header-left{display:grid;gap:8px;min-width:0}.research-header-stats{display:flex;gap:18px;align-items:center}.research-header-stat{display:inline-flex;align-items:center;gap:5px;font-size:.8rem;color:var(--muted)}.research-header-stat strong{color:var(--text);font-weight:600}.research-header-stat--active{color:#e8c170}.research-header-stat--active strong{color:#f3cf8d}.research-header-pulse{width:6px;height:6px;border-radius:50%;background:#e8a830;animation:research-pulse 2s ease-in-out infinite;flex-shrink:0}@keyframes research-pulse{0%,to{opacity:1}50%{opacity:.4}}.research-window__close{width:34px;height:34px;padding:0;border-radius:999px;border:1px solid rgba(214,163,75,.14);background:#382a1c33;color:var(--muted);font-size:1.3rem;cursor:pointer;transition:all .16s ease;flex-shrink:0}.research-window__close:hover{border-color:#d6a34b52;background:#4c382252;color:var(--text)}.research-window__body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:16px 24px;overflow:hidden;min-height:0}.research-window__tree-pane{overflow-y:auto;overflow-x:hidden;min-height:0;display:flex;flex-direction:column}.research-window__detail-pane{overflow:hidden;min-height:0}.research-tree-shell{display:grid;gap:8px;align-content:start}.research-tree-empty{display:grid;place-items:center;text-align:center;color:var(--muted);height:100%}.research-tree-empty__icon{font-size:2rem;color:#d6a34b38;margin-bottom:8px}.research-tree-empty__hint{font-size:.8rem;max-width:300px;line-height:1.45;opacity:.65}.research-domain-row{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:stretch;padding:10px 14px;border-radius:14px;border:1px solid rgba(214,163,75,.09);background:#261d1652}.research-domain-row--native{border-color:#d6a34b33;background:linear-gradient(135deg,rgba(214,163,75,.05) 0%,transparent 50%),#261d1652}.research-domain-row--ecology{background:#4ade8008;border-left:2px solid #4ade80;border-radius:.25rem;padding-left:.5rem;margin-left:-.5rem}.research-domain-row--locked{opacity:.5}.research-domain-row__locked-badge{color:#888;font-size:.7rem}.research-domain-row__label{display:flex;flex-direction:column;justify-content:center;gap:3px}.research-domain-row__name{font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--text);line-height:1.25}.research-domain-row__native-badge{color:#d4a34b;font-size:.74rem}.research-domain-row__nodes{display:flex;gap:6px;align-items:stretch}.research-domain-row__cell{display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.research-domain-row__connector{width:14px;height:2px;background:#d6a34b29;margin-bottom:5px;flex-shrink:0}.research-node{display:grid;gap:6px;width:100%;padding:10px;border-radius:14px;border:1px solid rgba(214,163,75,.12);background:#34281e47;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.research-node:hover{transform:translateY(-2px);border-color:#d6a34b42;box-shadow:0 4px 16px #0000002e}.research-node__header{display:flex;justify-content:space-between;align-items:center;gap:5px}.research-node__tier-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:2px 7px;border-radius:999px;border:1px solid rgba(214,163,75,.14);background:#40302047;color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.research-node__icon{font-size:.95rem}.research-node__name{font-size:.8rem;font-weight:600;line-height:1.25;color:var(--text)}.research-node__progress{height:4px;border-radius:999px;background:#86765621;overflow:hidden}.research-node__progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#c49a3a,#e8c170);transition:width .35s ease}.research-node__progress-text{font-size:.68rem;color:var(--muted);text-align:center}.research-node__effect{font-size:.7rem;line-height:1.4;color:var(--muted)}.research-node--completed .research-node__icon{color:#5b9e5b}.research-node--completed{border-color:#5b9e5b2e}.research-node--completed .research-node__progress-fill{background:#5b9e5b}.research-node--active .research-node__icon{color:#e8a830}.research-node--active{border-color:#e8a83047;box-shadow:0 0 14px #e8a8300f}.research-node--active .research-node__progress-fill{background:linear-gradient(90deg,#d4942a,#f0c850)}.research-node__progress--ecology .research-node__progress-fill{background:linear-gradient(90deg,#4ade80,#86efac)}.research-node--selected{border-color:#d6a34b5c}.research-node--locked{cursor:default}.research-node--locked:hover{transform:none;border-color:#d6a34b1f;box-shadow:none}.research-node--insufficient .research-node__icon{color:#c87a30}.research-node--domain-locked{opacity:.55;cursor:pointer}.research-node--domain-locked:hover{transform:translateY(-1px);border-color:#d6a34b33}.research-node--domain-locked .research-node__progress-fill{background:#d6a34b14}.research-node--assimilating{border-color:#64b47833;cursor:pointer}.research-node--assimilating:hover{transform:translateY(-1px);border-color:#64b47859}.research-node--assimilating .research-node__progress-fill{background:linear-gradient(90deg,#3d8b4a,#5fb96a)}.research-node__assimilating-label{font-size:.68rem;color:#6bc78a;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.research-node--native{border-color:#d6a34b38}.research-node__completed-label{font-size:.68rem;color:#5b9e5b;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.research-node__not-learned-label{font-size:.68rem;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.research-detail{padding:16px;border-radius:18px;border:1px solid rgba(214,163,75,.11);background:#261d167a;display:grid;gap:10px;align-content:start;overflow:hidden}.research-detail--empty{display:grid;place-items:center;min-height:160px;border-radius:14px;border:1px dashed rgba(214,163,75,.1);color:var(--muted);font-size:.84rem}.research-detail__empty-state p{margin:0}.research-detail__section,.research-detail__req-list,.research-detail__unlock-list,.research-detail__bonus-list,.research-detail__action-row{display:grid;gap:8px}.research-detail__req-item,.research-detail__unlock-item,.research-detail__bonus-item{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:10px;background:#120e0a47;font-size:.82rem}.research-detail__unlock-item{justify-content:start;align-items:center;gap:8px}.research-detail__effect-box{color:var(--text);padding:10px 12px;border-radius:10px;border:1px solid rgba(214,163,75,.06);font-size:.82rem;line-height:1.5;background:#120e0a2e}.research-detail__bonus-item{color:var(--accent)}.research-detail__req-item--progress{background:#3c8c5014}.research-detail__req-item--progress strong{color:#6bc78a}.research-detail__original-cost{margin-right:5px;color:var(--muted);text-decoration:line-through;font-size:.78rem}.research-detail__discount-note,.research-detail__hint,.research-window__breakdown-note{color:var(--muted);font-size:.74rem;line-height:1.35}.research-detail__action{padding:8px 16px;border-radius:10px;border:1px solid rgba(214,163,75,.16);background:#3e301e47;color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .16s ease}.research-detail__action:hover:not(:disabled){border-color:#d6a34b52;background:#523e265c}.research-detail__action--primary{border-color:#d6a34b42;background:linear-gradient(135deg,#ac822e52,#906c2238);color:#f0d080}.research-detail__action--primary:hover:not(:disabled){background:linear-gradient(135deg,#c092366b,#a27a2652);box-shadow:0 2px 10px #d6a34b1a}.research-detail__action--danger{border-color:#ac4c3838;color:#e88878}.research-detail__action--danger:hover{border-color:#c056425c;background:#822e1e38}.research-detail__action:disabled{opacity:.4;cursor:default}.research-window__action-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 24px 16px;border-top:1px solid rgba(214,163,75,.06);flex-shrink:0}.research-action-btn{padding:7px 18px;border-radius:9px;border:1px solid rgba(214,163,75,.14);background:#36291c38;color:var(--text);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .16s ease}.research-action-btn:hover{border-color:#d6a34b47;background:#4836244d}.research-action-btn--primary{border-color:#d6a34b42;background:linear-gradient(135deg,#a87e2a4d,#8c6a1e33);color:#f0d080}.research-action-btn--primary:hover{background:linear-gradient(135deg,#bc8e3466,#9e76244d);box-shadow:0 2px 8px #d6a34b14}.research-action-btn--danger{border-color:#ac46322e;color:#e88878}.research-action-btn--danger:hover{border-color:#c0503c52;background:#802c1c33}.capability-bar{display:grid;gap:10px}.capability-bar__pips{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.capability-pip{display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:10px;background:#34281e38}.capability-pip__header{display:flex;justify-content:space-between;gap:5px;align-items:start}.capability-pip__name{font-size:.76rem;font-weight:600}.capability-pip__progress{width:100%;height:3px;border-radius:999px;background:#8676561f;overflow:hidden}.capability-pip__progress-fill{height:100%;border-radius:999px;background:var(--muted);transition:width .3s ease}.capability-pip__thresholds{display:flex;gap:5px;flex-wrap:wrap}.capability-pip__threshold{display:inline-flex;padding:2px 5px;border-radius:999px;background:#120e0a3d;font-size:.64rem}.capability-pip__threshold--t1{color:#8fd694}.capability-pip__threshold--t2{color:#f3cf8d}.research-node__ecology-badge{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#4ade80;margin-top:.25rem}.research-node__potential-badge{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#86efac;margin-top:.25rem;opacity:.8}.research-node__ecology-icon,.research-node__potential-icon{font-size:.75rem}.research-node__ecology-turns{font-size:.65rem;color:#86efac;margin-top:.15rem}.research-domain-row__ecology-count{font-size:.7rem;color:#4ade80;margin-left:.25rem}.research-node--ecology-active .research-node__progress-fill{background:linear-gradient(90deg,#4ade80,#86efac)}.research-header-stat--ecology{color:#4ade80;display:flex;align-items:center;gap:.35rem}.research-header-ecology-icon{font-size:.9rem}.research-header-stat--detail{font-size:.75rem;opacity:.8;margin-left:.25rem}.research-header-stat--ecology-inline{color:#4ade80;font-size:.75rem;margin-left:.35rem}.research-detail__section--ecology{border:1px solid rgba(74,222,128,.3);background:#4ade800d;border-radius:.375rem;padding:.75rem}.research-detail__section--potential{border:1px solid rgba(134,239,172,.25);background:#86efac0a;border-radius:.375rem;padding:.75rem}.research-detail__source-list{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.research-detail__source-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.research-detail__source-icon{font-size:.9rem;width:1.25rem;text-align:center}.research-detail__source-detail{flex:1;display:flex;justify-content:space-between;align-items:center}.research-detail__source-amount{color:#4ade80;font-weight:600}.research-detail__ecology-hint{font-size:.7rem;color:#9ca3af;font-style:italic;margin-top:.5rem;line-height:1.4}@media (max-width: 900px){.research-window__body{grid-template-columns:1fr}.research-domain-row{grid-template-columns:110px 1fr}}@media (max-width: 600px){.research-overlay{padding:12px}.research-window{height:calc(100vh - 24px);border-radius:18px}.research-window__header{padding:14px 16px 12px}.research-window__body{padding:12px 16px}.research-window__action-footer{padding:10px 16px 14px}.research-domain-row{grid-template-columns:1fr;gap:6px}.research-domain-row__label{flex-direction:row;justify-content:space-between}.research-domain-row__nodes{gap:4px}.research-domain-row__connector{width:8px}}.game-shell--v2{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.game-shell--v2 .game-shell__canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.game-shell--v2 .game-shell__canvas-host canvas{display:block;width:100%!important;height:100%!important;pointer-events:auto}.gmb-root{position:absolute;top:0;left:0;right:0;z-index:30;height:var(--menubar-height);display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#17130eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--text)}.gmb-root:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gmb-faction-color, var(--accent))}.gmb-menus{display:flex;align-items:center;gap:4px}.gmb-status{display:flex;align-items:center;gap:10px}.gmb-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:var(--bg-soft);font-size:12px;font-weight:500;color:var(--text);border:none;cursor:default}.gmb-chip--faction{cursor:pointer}.gmb-chip--villages-surplus{color:var(--success, #5d5);border-color:var(--success, #5d5)}.gmb-chip--research{cursor:pointer;transition:background .15s ease;flex-direction:column;align-items:flex-start;gap:4px;padding:5px 10px;height:auto;min-width:220px}.gmb-chip__next-tier{display:flex;align-items:center;gap:6px;width:100%}.gmb-chip__next-tier-label{font-size:9px;font-weight:600;color:var(--text-muted, #9ca3af);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:160px}.gmb-chip__progress-bar{flex:1;height:3px;background:#ffffff1f;border-radius:2px;overflow:hidden;min-width:40px}.gmb-chip__progress-fill{height:100%;background:var(--accent, #d6a34b);border-radius:2px;transition:width .3s ease}.gmb-chip--research:hover{background:var(--panel-glass-hover)}.gmb-chip--supply{cursor:help}.gmb-chip--deficit{color:var(--danger, #e55);border-color:var(--danger, #e55333)}.gmb-chip--deficit>span:last-child{color:var(--danger, #e55);font-weight:700}.gmb-chip--summon-active{border-color:var(--summon, #a855f7);color:var(--summon, #a855f7)}.gmb-chip--summon-active>span:last-child{font-weight:700}.gmb-chip--summon-cooldown{border-color:var(--muted, #888);cursor:help}.gmb-chip--summon-cooldown>span:last-child{font-weight:700}.gmb-chip-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.gmb-swatch{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.gmb-btn-end-turn{padding:6px 16px;height:32px;border:none;border-radius:6px;background:var(--accent);color:var(--bg);font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease,background .15s ease}.gmb-btn-end-turn:hover:not(:disabled){opacity:.9}.gmb-btn-end-turn:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-soft);color:var(--muted)}.dd-root{position:relative}.dd-trigger{padding:6px 10px;border:none;border-radius:4px;background:transparent;color:var(--text);font-family:Inter,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:background .12s ease}.dd-trigger:hover,.dd-trigger--open{background:var(--bg-soft)}.dd-panel{position:absolute;top:100%;left:0;z-index:35;min-width:180px;margin-top:4px;padding:4px 0;background:#1e1812f5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:8px;box-shadow:var(--panel-shadow)}.dd-item{display:block;width:100%;padding:8px 14px;border:none;background:transparent;color:var(--text);font-family:Inter,sans-serif;font-size:13px;font-weight:400;text-align:left;cursor:pointer;transition:background .1s ease}.dd-item:hover:not(:disabled){background:var(--bg-soft)}.dd-item:disabled{opacity:.35;cursor:not-allowed}.dd-divider{margin:4px 8px;border:none;border-top:1px solid var(--border)}.ci-root{position:absolute;top:var(--menubar-height);left:0;bottom:0;z-index:20;width:0;overflow-x:hidden;overflow-y:auto;background:var(--panel-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border);box-shadow:8px 0 32px #0000004d;transform:translate(-320px);opacity:0;transition:width .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),opacity .2s ease 80ms}.ci-root--open{width:var(--inspector-width);transform:translate(0);opacity:1}.ci-toggle{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:64px;padding:0;border:none;border-right:1px solid var(--border);background:var(--panel-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text-secondary);font-size:18px;cursor:pointer;transition:background .15s,color .15s}.ci-toggle:hover{background:var(--panel-solid);color:var(--text-primary)}.ci-scroll{padding:16px;opacity:0;animation:ci-fade-in .2s ease .1s forwards}@keyframes ci-fade-in{to{opacity:1}}.ci-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border);border-left:3px solid var(--accent);padding-left:10px}.ci-close{border:none;background:transparent;color:var(--muted);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}.ci-close:hover{color:var(--text)}.ci-header-text{flex:1;min-width:0}.ci-header-text h2{margin:2px 0 0;font-family:Fraunces,serif;font-size:16px;font-weight:700;color:var(--text)}.ci-unit-faction-badge{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:2px 8px 2px 6px;border-radius:12px;background:#ffffff0f;border:1px solid color-mix(in srgb,var(--faction-color, #d6a34b) 40%,transparent);font-size:11px;font-weight:600;color:var(--faction-color, #d6a34b);cursor:pointer}.ci-unit-faction-badge:hover{background:#ffffff1a}.ci-unit-faction-swatch{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.ci-unit-faction-name{white-space:nowrap}.ci-section{margin-bottom:16px;padding:12px;background:#28201880;border-radius:var(--panel-radius-float);border:1px solid var(--panel-border)}.ci-desc{margin:0 0 10px;font-size:13px;color:var(--muted)}.ci-unit-stats{margin:10px 0}.ci-unit-combat{margin-bottom:12px}.ci-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px;background:#00000040;border-radius:8px;border:1px solid var(--border)}.ci-stat-cell{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1px}.ci-stat-value{font-size:18px;font-weight:800;font-family:Inter,sans-serif;color:var(--text);line-height:1.2}.ci-stat-value--atk{color:#e57373}.ci-stat-value--def{color:#81c784}.ci-stat-sub{font-size:11px;color:var(--muted)}.ci-morale-value{color:#81c784}.ci-morale-value--low{color:#ffb74d}.ci-morale-value--routed{color:#ef5350}.ci-morale-bar{height:4px;background:var(--bg-soft);border-radius:2px;margin:0 0 4px;overflow:hidden}.ci-morale-bar__fill{height:100%;background:#81c784;border-radius:2px;transition:width .3s ease}.ci-morale-bar__fill--low{background:#ffb74d}.ci-morale-bar__fill--routed{background:#ef5350}.ci-stat-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.ci-unit-details{margin:8px 0}.ci-domains{margin-top:12px;padding:10px 12px;border-radius:8px;background:#64503c26;border:1px solid rgba(160,130,90,.25)}.ci-domain--native{color:#d4a853}.ci-domain-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.ci-conditions{margin-top:12px;padding:10px 12px;border-radius:8px;background:#3c32284d;border:1px solid rgba(120,100,70,.2)}.ci-condition{padding:4px 0!important}.ci-condition span:first-child{min-width:80px;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ci-condition--stealth span:first-child{color:#9c88cc}.ci-condition--poison span:first-child{color:#ce93d8}.ci-condition--routed span:first-child{color:#ef5350}.ci-condition--prepared span:first-child{color:#ffb74d}.ci-actions{display:flex;gap:8px;margin-top:12px}.ci-action-btn{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.ci-action-btn:hover{background:var(--bg-soft)}.ci-action-btn--active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.ci-action-group{flex:1;display:flex;flex-direction:column;gap:4px}.ci-action-hint{margin:0;font-size:11px;line-height:1.35;color:var(--text-dim, #888)}.ci-knowledge{margin-top:12px;padding:10px 12px;border-radius:8px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.15)}.ci-knowledge__label{margin:0 0 6px;font-size:11px;font-weight:700;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#00e5ff}.ci-knowledge__pip{display:inline-block;margin:2px 4px 2px 0;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:600;background:#00e5ff1f;color:#00e5ff}.ci-knowledge__hint{margin:8px 0 0;font-size:11px;line-height:1.4;color:var(--muted)}.ci-learned-ability{display:flex;flex-direction:column;gap:3px;padding:6px 8px;margin-top:4px;border-radius:6px;background:#64503c1a}.ci-learned-ability__desc{margin:0;font-size:11px;line-height:1.35;color:var(--muted)}.ci-action-btn--active:hover{opacity:.9;background:var(--accent)}.ci-tabs-wrapper{position:relative;display:flex;align-items:stretch;margin-bottom:12px;border-bottom:1px solid var(--border)}.ci-tabs{flex:1;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.ci-tabs::-webkit-scrollbar{display:none}.ci-tabs-arrow{position:absolute;top:0;bottom:1px;z-index:1;width:24px;border:none;background:var(--panel-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--muted);font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .12s ease;padding:0;line-height:1}.ci-tabs-arrow:hover{color:var(--text)}.ci-tabs-arrow--left{left:0;border-right:1px solid var(--border);border-radius:4px 0 0}.ci-tabs-arrow--right{right:0;border-left:1px solid var(--border);border-radius:0 4px 0 0}.ci-tab{flex:0 0 auto;padding:8px 12px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-family:Inter,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:color .12s ease,border-color .12s ease}.ci-tab:hover{color:var(--text)}.ci-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.ci-tab-content{animation:ci-fade-in .15s ease-out}.ci-supply-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:6px 0 4px;border-radius:6px;background:var(--surface);border:1px solid var(--border);cursor:help;font-size:13px;transition:border-color .15s}.ci-supply-header:hover{border-color:var(--accent)}.ci-supply-header__label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ci-supply-header__value--deficit{color:var(--danger, #e55)}.ci-production-heading{margin:14px 0 8px}.ci-prod-tab{display:flex;flex-direction:column;gap:12px}.pq-current{padding:10px 12px;border-radius:12px;background:#4d3d2c4d;border:1px solid rgba(227,196,136,.12)}.pq-current__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pq-current__label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent, #c9a86c)}.pq-cost-badge{font-size:11px;font-weight:700;color:var(--muted);background:#00000040;padding:1px 6px;border-radius:4px}.pq-base-cost{text-decoration:line-through;opacity:.5;margin-right:4px;font-size:10px}.pq-shock-note{display:inline-block;font-size:10px;font-weight:600;color:var(--danger, #e74c3c);background:#e74c3c1a;padding:0 4px;border-radius:3px;margin-left:4px}.pq-current__name{display:block;font-family:Fraunces,serif;font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px}.pq-progress{height:5px;background:#0000004d;border-radius:3px;overflow:hidden;margin-bottom:6px}.pq-progress__fill{height:100%;background:linear-gradient(90deg,#c9a86c,#e0c48a);border-radius:3px;transition:width .3s ease}.pq-current__stats{display:flex;gap:12px;font-size:11px;color:var(--muted);margin-bottom:8px}.pq-cancel-btn{width:100%;padding:5px 0;border:1px solid rgba(227,196,136,.15);border-radius:6px;background:#b4503c1f;color:#d4a574;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.pq-cancel-btn:hover{background:#b4503c38;border-color:#e3c48840}.pq-idle{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:#28201859;font-size:12px;color:var(--muted)}.pq-idle__dot{width:6px;height:6px;border-radius:50%;background:var(--muted);opacity:.5}.pq-queue{display:flex;flex-direction:column;gap:2px}.pq-queue__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.pq-queue__label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pq-queue__count{font-size:10px;font-weight:700;color:var(--accent, #c9a86c);background:#c9a86c1f;padding:1px 6px;border-radius:4px}.pq-queue-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;background:#32281e40;font-size:12px;transition:background .12s;cursor:grab}.pq-queue-item:hover{background:#32281e61}.pq-queue-item--dragging{opacity:.5;cursor:grabbing}.pq-queue-item__index{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--muted);background:#0003;border-radius:4px;flex-shrink:0}.pq-queue-item__name{flex:1;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pq-queue-item__cost{font-size:11px;font-weight:600;color:var(--muted);flex-shrink:0}.pq-queue-item__remove{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;background:transparent;color:var(--muted);font-size:13px;line-height:1;cursor:pointer;flex-shrink:0;opacity:0;transition:opacity .12s,background .12s,color .12s}.pq-queue-item:hover .pq-queue-item__remove{opacity:1}.pq-queue-item__remove:hover{background:#b4503c33;color:#d4745a}.pq-divider{display:flex;align-items:center;gap:10px;margin-top:2px}.pq-divider:before,.pq-divider:after{content:"";flex:1;height:1px;background:var(--border)}.pq-divider span{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.pq-readonly-hint{font-size:11px;color:var(--muted);font-style:italic;margin:-4px 0 2px}.pq-unit-list{display:flex;flex-direction:column;gap:2px}.pq-unit-card{display:flex;flex-direction:column;gap:4px;width:100%;padding:7px 10px;border:none;border-radius:7px;background:transparent;text-align:left;cursor:pointer;font-family:inherit;color:var(--text-secondary);transition:background .12s,color .12s}.pq-unit-card:hover:not(:disabled){background:#4d3d2c47;color:var(--text)}.pq-unit-card--disabled{cursor:default;opacity:.45}.pq-unit-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.pq-unit-card__name{font-weight:600;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pq-unit-card__cost{font-weight:700;font-size:12px;color:var(--accent, #c9a86c);flex-shrink:0;white-space:nowrap}.pq-unit-card__cost-label{font-weight:400;font-size:10px;color:var(--muted);margin-left:1px}.pq-unit-card__stats{display:flex;flex-wrap:wrap;gap:5px}.pq-stat{display:inline-flex;align-items:center;font-size:10px;font-weight:500;padding:1px 6px;border-radius:4px;background:#52412f59;color:var(--muted);white-space:nowrap;line-height:1.4}.ci-readiness-status{margin-bottom:10px;font-size:13px}.ci-faction-strip{display:flex;gap:8px;padding:10px 12px;margin-top:auto;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--panel-glass)}.ci-faction-pip{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted)}.ci-faction-count{font-weight:500}.ti-root{position:fixed;top:var(--menubar-height);right:0;bottom:0;z-index:20;width:0;overflow-x:hidden;overflow-y:auto;background:var(--panel-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--border);box-shadow:-8px 0 32px #0000004d;transform:translate(320px);opacity:0;transition:width .26s cubic-bezier(.4,0,.2,1),transform .26s cubic-bezier(.4,0,.2,1),opacity .18s ease 60ms;pointer-events:none}.ti-root--open{width:var(--inspector-width);transform:translate(0);opacity:1;pointer-events:auto}.ti-scroll{padding:14px 16px 24px;opacity:0;animation:ti-fade-in .2s ease 80ms forwards}@keyframes ti-fade-in{to{opacity:1}}.ti-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border);border-left:3px solid var(--accent);padding-left:10px}.ti-icon{font-size:28px;line-height:1;flex-shrink:0;margin-top:2px}.ti-header-text{flex:1;min-width:0}.ti-header-text h2{margin:2px 0 0;font-size:18px;font-weight:700;color:var(--text-primary, #f0e6d0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ti-owner{font-size:11px;color:var(--muted);margin:3px 0 0}.ti-improvement{font-size:11px;color:var(--accent);font-weight:600;margin:2px 0 0}.ti-close{border:none;background:transparent;color:var(--muted);font-size:20px;cursor:pointer;padding:0 4px;line-height:1;flex-shrink:0}.ti-close:hover{color:var(--text)}.ti-synergy-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ti-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.ti-badge--home{background:#d6a34b40;color:var(--accent);border:1px solid rgba(214,163,75,.5)}.ti-badge--aligned{background:#50c8642e;color:#7ecb8c;border:1px solid rgba(80,200,100,.35)}.ti-badge--partial{background:#c8b45024;color:#c8b850;border:1px solid rgba(200,180,80,.3)}.ti-badge--none{background:#a08c6e1f;color:var(--muted);border:1px solid rgba(160,140,110,.2)}.ti-synergy-label{font-size:11px;color:var(--muted)}.ti-section{margin-bottom:14px;padding:10px 12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(227,196,136,.08)}.ti-section--flavor{background:#d6a34b0f;border-color:#d6a34b1f}.ti-section--coord{text-align:center;padding:6px 0 2px;border:none;background:none}.ti-coord{font-size:11px;color:#f0e6d059;font-family:Inter,sans-serif;letter-spacing:.5px}.ti-flavor{font-size:12px;line-height:1.55;color:#f0e6d0cc;font-style:italic;margin:0}.ti-sub{font-size:11px;color:var(--muted);margin:0 0 8px}.ti-sub--muted{color:#a08c6e80;font-style:italic}.ti-stat-grid{display:flex;gap:12px;margin-top:8px}.ti-stat-cell{flex:1;display:flex;flex-direction:column;align-items:center;padding:8px 6px;background:#0003;border-radius:6px;border:1px solid rgba(227,196,136,.1)}.ti-stat-value{font-size:14px;font-weight:700;color:var(--text-primary, #f0e6d0)}.ti-stat-value--good{color:#7ecb8c}.ti-stat-value--bad{color:#e07060}.ti-stat-label{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:3px}.ti-domain-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.ti-domain-row{display:flex;flex-direction:column;gap:3px}.ti-domain-row--clickable{cursor:pointer;padding:3px 5px;margin:-3px -5px;border-radius:4px;transition:background .15s ease}.ti-domain-row--clickable:hover{background:#ffffff14}.ti-domain-row--clickable:active{background:#ffffff1f}.ti-domain-row--synergy .ti-domain-label{color:#d6c060}.ti-domain-info{display:flex;align-items:center;gap:5px}.ti-domain-label{font-size:11px;font-weight:600;color:var(--text-secondary, #c4b08a)}.ti-synergy-star{font-size:11px;color:#d6a34b;line-height:1}.ti-domain-bar-row{display:flex;align-items:center;gap:8px}.ti-pressure-bar{flex:1;height:5px;background:#ffffff1a;border-radius:3px;overflow:hidden}.ti-pressure-fill{height:100%;background:var(--accent, #d6a34b);border-radius:3px;opacity:.75}.ti-domain-row--synergy .ti-pressure-fill{background:#d6c060;opacity:1}.ti-domain-rate{font-size:10px;font-weight:600;color:var(--muted);min-width:30px;text-align:right}.ti-city-stats{display:flex;gap:10px;margin:8px 0 10px}.ti-city-stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px;background:#00000026;border-radius:6px}.ti-city-value{font-size:15px;font-weight:700}.ti-trait-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.ti-trait-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:11px}.ti-trait-label{color:var(--text-secondary, #c4b08a);font-weight:600}.ti-trait-effect{color:#7ecb8c;text-align:right}.ti-tag-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.ti-tag{display:inline-block;padding:2px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:10px;color:var(--muted);letter-spacing:.04em}.ti-tag--clickable{cursor:pointer;transition:background .15s ease,border-color .15s ease}.ti-tag--clickable:hover{background:#ffffff1f;border-color:#ffffff40}.ti-tag--clickable:active{background:#ffffff2e}.ti-info-popup-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.ti-info-popup{background:var(--bg-primary, #1a1915);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:16px;max-width:280px;position:relative;box-shadow:0 8px 32px #00000080}.ti-info-popup__close{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;line-height:1;padding:0}.ti-info-popup__close:hover{color:var(--text)}.ti-info-popup__title{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text)}.ti-info-popup__desc{margin:0;font-size:12px;color:var(--text-secondary, #c4b08a);line-height:1.5}.ct-root{position:absolute;bottom:0;left:0;right:0;z-index:20;height:var(--command-tray-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--panel-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border)}.ct-segment{display:flex;align-items:center;gap:12px}.ct-unit-name{font-size:13px;font-weight:600;color:var(--text)}.ct-detail{font-size:12px;color:var(--muted)}.ct-mode-btn{padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.ct-mode-btn:hover{background:var(--bg-soft)}.ct-mode-btn--active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.ct-btn-end-turn{padding:6px 16px;height:32px;border:none;border-radius:6px;background:var(--accent);color:var(--bg);font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.ct-btn-end-turn:hover:not(:disabled){opacity:.9}.ct-btn-end-turn:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-soft);color:var(--muted)}.ct-btn-codify{padding:6px 14px;border:1px solid #00e5ff;border-radius:6px;background:#00e5ff1f;color:#00e5ff;font-family:Inter,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.ct-btn-codify:hover{background:#00e5ff38;border-color:#00e5ff;box-shadow:0 0 12px #00e5ff4d}.ct-btn-codify:active{background:#00e5ff52}.ct-codify-feedback{display:block;margin-top:2px;font-size:11px;color:#00e5ff;font-weight:500}.ct-knowledge-hint{display:block;margin-top:2px;padding:3px 8px;border-radius:6px;font-size:11px;color:#00e5ff;font-weight:500;background:#00e5ff14}.tb-root{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;padding:20px 40px;border-radius:16px;border-left:4px solid var(--tb-color, var(--accent));background:#17130ee0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 16px 48px #0006;text-align:center;pointer-events:none;animation:tb-appear .2s ease-out,tb-disappear .4s ease 1.4s forwards}@keyframes tb-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes tb-disappear{0%{opacity:1}to{opacity:0}}.tb-kicker{margin:0 0 4px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.tb-faction{margin:0 0 4px;font-family:Fraunces,serif;font-size:22px;font-weight:700;color:var(--text)}.tb-round{margin:0;font-family:Inter,sans-serif;font-size:13px;color:var(--muted)}.rpt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#17130ee0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rpt-in .2s ease-out}@keyframes rpt-in{0%{opacity:0}to{opacity:1}}.rpt-card{width:min(720px,92vw);max-height:80vh;overflow-y:auto;background:var(--panel-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--panel-radius-float);box-shadow:var(--panel-shadow-heavy)}.rpt-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.rpt-close{border:none;background:transparent;color:var(--muted);font-size:22px;cursor:pointer;padding:0 4px;line-height:1}.rpt-close:hover{color:var(--text)}.rpt-title{margin:0;font-family:Fraunces,serif;font-size:16px;font-weight:700;color:var(--text)}.rpt-body{padding:16px 20px}.rpt-faction-list,.rpt-supply-list{display:flex;flex-direction:column;gap:10px}.rpt-faction-row,.rpt-supply-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#28201880;border-radius:8px;border:1px solid var(--panel-border)}.rpt-faction-row strong,.rpt-supply-row strong{font-size:13px;color:var(--text)}.rpt-faction-stats{margin-left:auto;font-size:12px;color:var(--muted)}.rpt-combat-list,.rpt-intent-list{display:flex;flex-direction:column;gap:8px}.rpt-combat-entry,.rpt-intent-entry{padding:10px 12px;background:#28201880;border-radius:8px;border:1px solid var(--panel-border)}.rpt-combat-entry p,.rpt-intent-entry strong{font-size:13px;color:var(--text)}.dbg-root{position:absolute;bottom:calc(var(--command-tray-height) + 12px);left:12px;z-index:20;width:280px;max-height:300px;overflow-y:auto;background:var(--panel-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--panel-radius-float);box-shadow:var(--panel-shadow);padding:10px}.dbg-heading{margin:0 0 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.dbg-empty{margin:0;font-size:12px;color:var(--muted)}.dbg-list{display:flex;flex-direction:column;gap:4px}.dbg-entry{display:flex;gap:8px;padding:4px 0;border-bottom:1px solid rgba(227,196,136,.08)}.dbg-entry:last-child{border-bottom:none}.dbg-entry-round{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--accent);flex-shrink:0;min-width:36px}.dbg-entry-msg{margin:0;font-size:12px;color:var(--text);line-height:1.4}.meta-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px}.meta-row span{color:var(--muted)}.meta-row strong{color:var(--text);font-weight:600}.quiet-copy{margin:8px 0;font-size:12px;color:var(--muted);font-style:italic}.panel-kicker{margin:0 0 2px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}@media (max-width: 1199px){.ci-root--open{width:var(--inspector-width-narrow)}}@media (max-width: 899px){.ci-root{top:auto;bottom:0;left:0;right:0;width:100%!important;height:50vh;transform:translateY(100%);border-left:none;border-top:1px solid var(--border);box-shadow:0 -8px 32px #0000004d}.ci-root--open{transform:translateY(0)}.ct-root{display:none}}@media (max-width: 599px){.gmb-menus{gap:0}.gmb-chip--round,.gmb-chip--villages,.gmb-chip--research{display:none}.ci-root{height:70vh}}.vic-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#17130ed1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:vic-in .3s ease-out both}@keyframes vic-in{0%{opacity:0}to{opacity:1}}.vic-card{width:min(440px,92vw);background:var(--panel-glass);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border:1px solid var(--border);border-top:3px solid #d4a843;border-radius:var(--panel-radius-float);box-shadow:0 12px 48px #00000080,0 0 80px #d4a84326;animation:vic-card-in .4s var(--ease-out-expo) both}@keyframes vic-card-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.vic-header{padding:24px 24px 0;text-align:center}.vic-title{margin:0;font-family:Fraunces,serif;font-size:28px;font-weight:800;color:#d4a843;letter-spacing:.04em;text-shadow:0 2px 12px rgba(212,168,67,.3)}.vic-body{padding:16px 24px}.vic-description{margin:0 0 16px;font-family:Inter,sans-serif;font-size:14px;line-height:1.6;color:var(--text);text-align:center}.vic-score-block{display:flex;align-items:baseline;justify-content:center;gap:10px;padding:14px 0;margin-bottom:14px;background:#d4a84314;border:1px solid rgba(212,168,67,.2);border-radius:10px}.vic-score-label{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.vic-score-value{font-family:Fraunces,serif;font-size:32px;font-weight:800;color:#d4a843}.vic-breakdown{display:flex;flex-direction:column;gap:6px}.vic-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#28201866;border-radius:6px}.vic-breakdown-label{font-family:Inter,sans-serif;font-size:12px;color:var(--muted)}.vic-breakdown-value{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--text)}.vic-footer{display:flex;justify-content:center;gap:10px;padding:14px 24px 20px;border-top:1px solid var(--panel-border)}.vic-btn{padding:9px 28px;background:#d4a843;color:#17130e;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.vic-btn:hover{opacity:.9;transform:translateY(-1px)}.vic-btn--secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.vic-btn--secondary:hover{background:#e3c4881a}.tut-overlay{position:fixed;bottom:calc(var(--command-tray-height) + 16px);left:50%;transform:translate(-50%);z-index:48;pointer-events:none}.tut-card{pointer-events:all;width:min(460px,92vw);background:var(--panel-glass);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:var(--panel-radius-float);box-shadow:var(--panel-shadow-heavy);animation:tut-slide-in .28s var(--ease-out-expo) both}@keyframes tut-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tut-header{padding:16px 20px 0}.tut-title{margin:0;font-family:Fraunces,serif;font-size:15px;font-weight:700;color:var(--text);letter-spacing:.01em}.tut-body{padding:10px 20px}.tut-text{margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.65;color:var(--muted)}.tut-footer{display:flex;justify-content:flex-end;align-items:center;padding:10px 20px 14px;border-top:1px solid var(--panel-border)}.tut-btn{padding:7px 22px;background:var(--accent);color:#17130e;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s ease}.tut-btn:hover{opacity:.85}.tut-overlay--welcome{top:0;right:0;bottom:0;left:0;transform:none;background:#17130eb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;pointer-events:all}.tut-overlay--welcome .tut-card{width:min(520px,92vw);animation:tut-fade-in .3s ease-out both}.tut-overlay--welcome .tut-title{font-size:20px;color:var(--accent)}@keyframes tut-fade-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.menu-config-card--full{grid-column:1 / -1}.menu-tutorial-toggle{display:flex;align-items:center;gap:14px;cursor:pointer;-webkit-user-select:none;user-select:none}.menu-tutorial-checkbox{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent);cursor:pointer}.menu-tutorial-label{display:flex;flex-direction:column;gap:3px}.menu-tutorial-label strong{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:var(--text)}.menu-tutorial-label span{font-family:Inter,sans-serif;font-size:12px;color:var(--muted)}.tdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;display:grid;place-items:center;background:#0a0702d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:tdm-in .25s ease-out both}@keyframes tdm-in{0%{opacity:0}to{opacity:1}}.tdm-card{position:relative;width:min(420px,92vw);background:linear-gradient(160deg,#1e160a,#120e06 60%,#1a1208);border:1px solid rgba(201,146,42,.45);border-top:2px solid #d4a843;border-radius:var(--panel-radius-float, 12px);box-shadow:0 0 0 1px #f2c94c0d,0 16px 64px #000000bf,0 0 80px #d4a8431a;overflow:hidden;animation:tdm-card-in .38s cubic-bezier(.34,1.4,.64,1) both}@keyframes tdm-card-in{0%{opacity:0;transform:scale(.84) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tdm-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 55% at 50% 0%,rgba(212,168,67,.13) 0%,transparent 65%);pointer-events:none}.tdm-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 24px 8px}.tdm-icon{font-size:14px;color:#d4a843;animation:tdm-pulse 2.5s ease-in-out infinite}@keyframes tdm-pulse{0%,to{opacity:1}50%{opacity:.45}}.tdm-title{margin:0;font-family:Fraunces,serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:#d4a843;text-shadow:0 0 18px rgba(212,168,67,.35)}.tdm-divider{display:flex;align-items:center;padding:0 24px;margin:8px 0}.tdm-divider:before,.tdm-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,146,42,.5) 30%,rgba(242,201,76,.55) 50%,rgba(201,146,42,.5) 70%,transparent)}.tdm-divider-gem{width:5px;height:5px;background:#d4a843;transform:rotate(45deg);flex-shrink:0;margin:0 8px;box-shadow:0 0 6px #d4a84399}.tdm-tech-row{padding:10px 24px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.tdm-tier-badge{font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#c9922acc;background:#d4a84314;border:1px solid rgba(201,146,42,.25);padding:3px 10px;border-radius:20px}.tdm-tier-badge[data-tier="3"]{color:#f2c94c;border-color:#f2c94c73;background:#f2c94c1a;box-shadow:0 0 10px #f2c94c26}.tdm-tech-name{margin:0;font-family:Fraunces,serif;font-size:28px;font-weight:800;color:#e8d4a8;text-shadow:0 0 24px rgba(200,169,110,.3),0 2px 4px rgba(0,0,0,.6);letter-spacing:.01em;line-height:1.2}.tdm-effect-block{margin:12px 20px 4px;padding:12px 16px;background:#00000047;border:1px solid rgba(122,92,26,.28);border-left:3px solid rgba(201,146,42,.65);border-radius:0 6px 6px 0}.tdm-effect-label{margin:0 0 5px;font-family:Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#c9922a99}.tdm-effect-text{margin:0;font-family:Inter,sans-serif;font-size:13px;line-height:1.6;color:#c8a96e;font-style:italic}.tdm-dismiss{display:block;width:calc(100% - 40px);margin:16px 20px 20px;padding:11px 20px;background:linear-gradient(180deg,#d4a84321,#d4a8430d);border:1px solid rgba(201,146,42,.4);border-bottom:2px solid rgba(201,146,42,.55);color:#d4a843;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border-radius:6px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}.tdm-dismiss:hover{background:linear-gradient(180deg,#d4a84338,#d4a8431a);border-color:#f2c94ca6;color:#f2c94c;box-shadow:0 0 16px #d4a84329;transform:translateY(-1px)}.tdm-dismiss:active{transform:translateY(0)}.sym-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:56;display:grid;place-items:center;background:#0a0702d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:sym-in .25s ease-out both}@keyframes sym-in{0%{opacity:0}to{opacity:1}}.sym-card{position:relative;width:min(460px,92vw);background:linear-gradient(160deg,#1a1024,#120c18 60%,#181020);border:1px solid rgba(167,139,250,.35);border-top:2px solid #a78bfa;border-radius:var(--panel-radius-float, 12px);box-shadow:0 0 0 1px #a78bfa0d,0 16px 64px #000000bf,0 0 80px #a78bfa1a;overflow:hidden;animation:sym-card-in .38s cubic-bezier(.34,1.4,.64,1) both}@keyframes sym-card-in{0%{opacity:0;transform:scale(.84) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sym-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 55% at 50% 0%,rgba(167,139,250,.12) 0%,transparent 65%);pointer-events:none}.sym-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 24px 8px}.sym-icon{font-size:14px;color:#a78bfa;animation:sym-pulse 2.5s ease-in-out infinite}@keyframes sym-pulse{0%,to{opacity:1}50%{opacity:.45}}.sym-title{margin:0;font-family:Fraunces,serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#a78bfa;text-shadow:0 0 18px rgba(167,139,250,.35)}.sym-divider{display:flex;align-items:center;padding:0 24px;margin:8px 0}.sym-divider:before,.sym-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(167,139,250,.4) 30%,rgba(192,132,252,.5) 50%,rgba(167,139,250,.4) 70%,transparent)}.sym-divider-gem{width:5px;height:5px;background:#a78bfa;transform:rotate(45deg);flex-shrink:0;margin:0 8px;box-shadow:0 0 6px #a78bfa99}.synergy-unlock{margin:6px 20px;padding:14px 16px;background:#a78bfa0f;border:1px solid rgba(167,139,250,.18);border-left:3px solid #a78bfa;border-radius:0 8px 8px 0}.synergy-unlock--triple{border-left-color:#c084fc;background:#c084fc14;border-color:#c084fc38}.synergy-unlock__name{font-family:Fraunces,serif;font-size:17px;font-weight:700;color:#e0d4f5;margin-bottom:6px;text-shadow:0 0 12px rgba(167,139,250,.2)}.synergy-unlock__domains{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.synergy-unlock__domain-tag{font-family:Inter,sans-serif;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a78bfad9;background:#a78bfa1a;border:1px solid rgba(167,139,250,.25);padding:2px 8px;border-radius:10px}.synergy-unlock__badge{font-family:Inter,sans-serif;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#c084fc;background:#c084fc1f;border:1px solid rgba(192,132,252,.3);padding:2px 10px;border-radius:10px;display:inline-block;margin-bottom:8px}.synergy-unlock__desc{margin:0;font-family:Inter,sans-serif;font-size:12px;line-height:1.55;color:#b8a9d4}.sym-dismiss{display:block;width:calc(100% - 40px);margin:16px 20px 20px;padding:11px 20px;background:linear-gradient(180deg,#a78bfa1f,#a78bfa0a);border:1px solid rgba(167,139,250,.35);border-bottom:2px solid rgba(167,139,250,.5);color:#a78bfa;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border-radius:6px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}.sym-dismiss:hover{background:linear-gradient(180deg,#a78bfa33,#a78bfa14);border-color:#c084fc99;color:#c084fc;box-shadow:0 0 16px #a78bfa29;transform:translateY(-1px)}.sym-dismiss:active{transform:translateY(0)}.clm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:54;display:grid;place-items:center;background:#0a0702d1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:clm-in .25s ease-out both}@keyframes clm-in{0%{opacity:0}to{opacity:1}}.clm-card{position:relative;width:min(420px,92vw);background:linear-gradient(160deg,#1e160a,#120e06 60%,#1a1208);border:1px solid rgba(201,146,42,.45);border-top:2px solid #d4a843;border-radius:var(--panel-radius-float, 12px);box-shadow:0 0 0 1px #f2c94c0d,0 16px 64px #000000bf,0 0 80px #d4a8431a;overflow:hidden;animation:clm-card-in .38s cubic-bezier(.34,1.4,.64,1) both}@keyframes clm-card-in{0%{opacity:0;transform:scale(.84) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.clm-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 55% at 50% 0%,rgba(212,168,67,.13) 0%,transparent 65%);pointer-events:none}.clm-header{display:flex;align-items:center;justify-content:center;gap:10px;padding:22px 24px 8px}.clm-icon{font-size:14px;color:#d4a843;animation:clm-pulse 2.5s ease-in-out infinite}@keyframes clm-pulse{0%,to{opacity:1}50%{opacity:.45}}.clm-title{margin:0;font-family:Fraunces,serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#d4a843;text-shadow:0 0 18px rgba(212,168,67,.35)}.clm-divider{display:flex;align-items:center;padding:0 24px;margin:8px 0}.clm-divider:before,.clm-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(201,146,42,.5) 30%,rgba(242,201,76,.55) 50%,rgba(201,146,42,.5) 70%,transparent)}.clm-divider-gem{width:5px;height:5px;background:#d4a843;transform:rotate(45deg);flex-shrink:0;margin:0 8px;box-shadow:0 0 6px #d4a84399}.clm-body{padding:10px 24px}.clm-text{margin:0 0 10px;font-family:Inter,sans-serif;font-size:14px;line-height:1.65;color:#e8d4a8;text-align:center}.clm-text strong{color:#f2c94c;font-weight:700}.clm-hint{margin:0;font-family:Inter,sans-serif;font-size:12px;line-height:1.6;color:#b8a06a;text-align:center;font-style:italic}.clm-dismiss{display:block;width:calc(100% - 40px);margin:16px 20px 20px;padding:11px 20px;background:linear-gradient(180deg,#d4a84321,#d4a8430d);border:1px solid rgba(201,146,42,.4);border-bottom:2px solid rgba(201,146,42,.55);color:#d4a843;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;border-radius:6px;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .12s ease,box-shadow .18s ease}.clm-dismiss:hover{background:linear-gradient(180deg,#d4a84338,#d4a8431a);border-color:#f2c94ca6;color:#f2c94c;box-shadow:0 0 16px #d4a84329;transform:translateY(-1px)}.clm-dismiss:active{transform:translateY(0)}.kgm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#080604e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:kgm-overlay-in .22s ease-out}@keyframes kgm-overlay-in{0%{opacity:0}to{opacity:1}}.kgm-card{width:min(520px,88vw);display:grid;gap:18px;padding:26px 28px 22px;border-radius:24px;border:1px solid rgba(0,229,255,.28);background:linear-gradient(180deg,#002834eb,#0c0a08f5),var(--bg-elevated);box-shadow:0 0 40px #00e5ff1f,0 24px 64px #00000080;animation:kgm-card-in .3s cubic-bezier(.16,1,.3,1)}@keyframes kgm-card-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.kgm-header{display:flex;align-items:center;gap:10px;justify-content:center}.kgm-icon{font-size:1.5rem;color:#00e5ff;filter:drop-shadow(0 0 8px rgba(0,229,255,.6))}.kgm-title{margin:0;font-family:Fraunces,serif;font-size:1.35rem;font-weight:700;color:#00e5ff;letter-spacing:.02em}.kgm-announcement{margin:0;font-size:.95rem;line-height:1.5;text-align:center;color:var(--text)}.kgm-domain{color:#00e5ff;font-weight:600}.kgm-section{display:grid;gap:10px}.kgm-section-title{margin:0;font-family:Inter,sans-serif;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#00e5ff;padding-bottom:6px;border-bottom:1px solid rgba(0,229,255,.2)}.kgm-synergy{padding:12px 14px;border-radius:14px;background:#00e5ff0f;border-left:3px solid #00e5ff;box-shadow:inset 0 0 20px #00e5ff0a}.kgm-synergy-name{display:block;font-family:Fraunces,serif;font-size:.92rem;font-weight:600;color:#00e5ff;margin-bottom:4px}.kgm-synergy-desc{margin:0;font-size:.82rem;line-height:1.45;color:var(--muted)}.kgm-section--nearmiss{opacity:.75}.kgm-section--nearmiss .kgm-section-title{color:var(--muted);border-bottom-color:#e3c48826}.kgm-nearmiss{margin:0;font-size:.82rem;line-height:1.5;color:var(--muted);padding:10px 12px;border-radius:10px;background:#4d3d2c33;border:1px dashed rgba(227,196,136,.15)}.kgm-missing-domain{color:var(--accent);font-weight:600;font-style:italic}.kgm-instruction{margin:0;font-size:.82rem;line-height:1.45;color:var(--muted);text-align:center;font-style:italic;padding:10px 14px;border-radius:10px;background:#4d3d2c26}.kgm-dismiss{justify-self:center;min-width:120px;padding:10px 32px;border:1px solid #00e5ff;border-radius:999px;background:#00e5ff24;color:#00e5ff;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .16s ease,box-shadow .16s ease,transform .1s ease}.kgm-dismiss:hover{background:#00e5ff42;box-shadow:0 0 16px #00e5ff4d}.kgm-dismiss:active{transform:scale(.97)}.clp-root{position:absolute;top:var(--menubar-height);right:0;bottom:0;z-index:18;display:flex;width:36px;transition:width .28s cubic-bezier(.4,0,.2,1)}.clp-root--open{width:300px}.clp-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;width:36px;height:100%;padding:10px 0;border:none;border-right:1px solid var(--border);background:var(--panel-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--muted);cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;transition:background .15s ease,color .15s ease}.clp-toggle:hover{background:var(--panel-glass-hover);color:var(--text)}.clp-toggle__icon{font-size:16px;line-height:1;writing-mode:horizontal-tb;transform:rotate(0)}.clp-toggle__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;writing-mode:vertical-rl}.clp-body{display:none;flex-direction:column;width:264px;height:100%;background:var(--panel-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-left:1px solid var(--border);overflow:hidden}.clp-root--open .clp-body{display:flex}.clp-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid rgba(227,196,136,.1);flex-shrink:0}.clp-title{margin:0;font-family:Fraunces,serif;font-size:15px;font-weight:700;color:var(--text)}.clp-clear{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--muted);font-family:Inter,sans-serif;font-size:11px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.clp-clear:hover:not(:disabled){background:#f2643d1f;color:var(--danger);border-color:#f2643d4d}.clp-clear:disabled{opacity:.35;cursor:default}.clp-scroll{flex:1;overflow-y:auto;padding:8px 12px 16px;scrollbar-width:thin;scrollbar-color:rgba(227,196,136,.16) transparent}.clp-scroll::-webkit-scrollbar{width:5px}.clp-scroll::-webkit-scrollbar-track{background:transparent}.clp-scroll::-webkit-scrollbar-thumb{background:#e3c48829;border-radius:999px}.clp-empty{margin:40px 0;text-align:center;font-size:13px;color:var(--muted);font-style:italic}.clp-entry{display:grid;gap:6px;padding:10px 12px;margin-bottom:8px;border-radius:12px;background:#28201873;border:1px solid rgba(227,196,136,.08);animation:clp-entry-in .22s ease-out both}@keyframes clp-entry-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.clp-entry__header{display:flex;justify-content:space-between;align-items:center;gap:8px}.clp-entry__units{font-size:12px;font-weight:600;color:var(--text)}.clp-entry__round{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);flex-shrink:0}.clp-entry__damage{display:flex;align-items:center;gap:6px;font-size:12px}.clp-damage--dealt{color:#8fd694;font-weight:600}.clp-damage--taken{color:#f2643d;font-weight:600}.clp-damage--taken-zero{color:var(--muted);font-weight:400}.clp-separator{color:#e3c48840}.clp-modifiers{display:grid;gap:4px;margin-top:2px}.clp-modifier{display:grid;grid-template-columns:auto auto 1fr;gap:6px;align-items:center;padding:5px 8px;border-radius:8px;font-size:11px;line-height:1.35;animation:clp-mod-in .18s ease-out both}.clp-modifier:nth-child(1){animation-delay:0ms}.clp-modifier:nth-child(2){animation-delay:40ms}.clp-modifier:nth-child(3){animation-delay:80ms}.clp-modifier:nth-child(4){animation-delay:.12s}.clp-modifier:nth-child(5){animation-delay:.16s}@keyframes clp-mod-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.clp-modifier--positive{background:#5b9e5b14;border-left:2px solid rgba(91,158,91,.35)}.clp-modifier--positive .clp-modifier__label{color:#8fd694;font-weight:600}.clp-modifier--positive .clp-modifier__value{color:#8fd694;font-weight:700}.clp-modifier--positive .clp-modifier__detail{color:#8fd694a6}.clp-modifier--negative{background:#f2643d14;border-left:2px solid rgba(242,100,61,.35)}.clp-modifier--negative .clp-modifier__label{color:#f2643d;font-weight:600}.clp-modifier--negative .clp-modifier__value{color:#f2643d;font-weight:700}.clp-modifier--negative .clp-modifier__detail{color:#f2643d99}.clp-modifier--neutral{background:#4d3d2c33;border-left:2px solid rgba(227,196,136,.15)}.clp-modifier--neutral .clp-modifier__label{color:var(--muted);font-weight:500}.clp-modifier--neutral .clp-modifier__detail{color:var(--muted)}.clp-modifier--synergy{background:#00b2a917;border-left:2px solid rgba(0,229,255,.4);box-shadow:inset 0 0 16px #00e5ff08}.clp-modifier--synergy .clp-modifier__label,.clp-modifier--synergy .clp-modifier__value{color:#00e5ff;font-weight:700}.clp-modifier--synergy .clp-modifier__detail{color:#00e5ffa6}.clp-outcome{margin-top:4px;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:600;text-align:center;letter-spacing:.02em;background:#d6a34b14;color:var(--accent);border:1px solid rgba(214,163,75,.15)}.clp-outcome:empty{display:none}.clp-strengths{display:flex;justify-content:space-between;gap:8px;margin-top:2px;padding-top:4px;border-top:1px dashed rgba(227,196,136,.08);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}@media (max-width: 899px){.clp-root{top:auto;bottom:var(--command-tray-height);right:0;left:0;width:100%!important;height:40px;z-index:19}.clp-root--open{height:55vh}.clp-toggle{width:100%;flex-direction:row;writing-mode:horizontal-tb;border-right:none;border-bottom:1px solid var(--border);height:40px}.clp-toggle__icon,.clp-toggle__label{writing-mode:horizontal-tb}.clp-body{width:100%;border-left:none;border-top:1px solid var(--border)}.clp-root--open .clp-body{display:flex}.clp-root--open .clp-toggle{display:none}}.combat-overlay-lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;cursor:wait}.ai-processing-overlay{position:absolute;top:0;left:50%;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0f0c08d9;border:1px solid rgba(210,168,76,.4);border-radius:0 0 8px 8px;color:#d2a84a;font-size:13px;font-family:Cinzel,serif;pointer-events:none;-webkit-user-select:none;user-select:none}.ai-processing-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(210,168,76,.3);border-top-color:#d2a84a;border-radius:50%;animation:ai-spin .8s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.clp-entry{cursor:pointer;transition:background .12s ease,border-color .12s ease,box-shadow .12s ease}.clp-entry:hover{background:#282018bf;border-color:#e3c48838;box-shadow:0 0 8px #e3c4880f}.cd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#080604e0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:cd-overlay-in .18s ease-out}@keyframes cd-overlay-in{0%{opacity:0}to{opacity:1}}.cd-card{width:min(580px,90vw);max-height:85vh;display:flex;flex-direction:column;border-radius:18px;border:1px solid rgba(227,196,136,.25);background:linear-gradient(180deg,#1e1812f7,#100c08fa);box-shadow:0 24px 64px #0000008c,0 0 32px #e3c48814;animation:cd-card-in .26s cubic-bezier(.16,1,.3,1)}@keyframes cd-card-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cd-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(227,196,136,.12);flex-shrink:0}.cd-card__title{margin:0;font-family:Fraunces,serif;font-size:1.15rem;font-weight:700;color:var(--text)}.cd-card__close{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:transparent;color:var(--muted);font-size:16px;cursor:pointer;transition:background .12s ease,color .12s ease}.cd-card__close:hover{background:#f2643d26;color:var(--danger)}.cd-card__body{overflow-y:auto;padding:16px 20px 20px;display:grid;gap:16px;scrollbar-width:thin;scrollbar-color:rgba(227,196,136,.16) transparent}.cd-card__body::-webkit-scrollbar{width:5px}.cd-card__body::-webkit-scrollbar-track{background:transparent}.cd-card__body::-webkit-scrollbar-thumb{background:#e3c48829;border-radius:999px}.cd-section{display:grid;gap:8px}.cd-section__title{margin:0;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);display:flex;align-items:baseline;gap:8px}.cd-value{font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;color:var(--text)}.cd-units{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cd-unit{display:grid;gap:3px;padding:10px 12px;border-radius:10px}.cd-unit--attacker{background:#5b9e5b14;border:1px solid rgba(91,158,91,.18)}.cd-unit--defender{background:#f2643d14;border:1px solid rgba(242,100,61,.18)}.cd-unit__label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.cd-unit__name{font-size:.85rem;font-weight:600;color:var(--text)}.cd-unit__terrain,.cd-unit__hp,.cd-unit__base-stat{font-size:.72rem;color:var(--muted)}.cd-mod-table{width:100%;border-collapse:collapse}.cd-mod-row td{padding:4px 0;font-size:.75rem;border-bottom:1px solid rgba(227,196,136,.05)}.cd-mod-row__label{color:var(--muted);padding-right:12px}.cd-mod-row__value{text-align:right;font-weight:600;font-family:Inter,sans-serif;white-space:nowrap;color:var(--text)}.cd-mod-row__value--pos{color:#8fd694}.cd-mod-row__value--neg{color:#f2643d}.cd-mod-row--base .cd-mod-row__value{color:var(--text);font-weight:400}.cd-mod-row--formula .cd-mod-row__value{font-family:Inter,sans-serif;font-size:.7rem;color:var(--muted);font-style:italic}.cd-mod-row--final td{border-top:1px solid rgba(227,196,136,.15);padding-top:6px;font-weight:700;font-size:.8rem;color:var(--text)}.cd-damage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cd-damage-block{display:grid;gap:4px;padding:10px 14px;border-radius:10px;text-align:center}.cd-damage-block--dealt{background:#5b9e5b1a;border:1px solid rgba(91,158,91,.2)}.cd-damage-block--taken{background:#f2643d1a;border:1px solid rgba(242,100,61,.2)}.cd-damage-block__label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.cd-damage-block__value{font-size:1.4rem;font-weight:700;font-family:Fraunces,serif;color:var(--text)}.cd-damage-block--dealt .cd-damage-block__value{color:#8fd694}.cd-damage-block--taken .cd-damage-block__value{color:#f2643d}.cd-damage-block__formula{font-size:.65rem;font-family:Inter,sans-serif;color:var(--muted);font-style:italic}.cd-effects{display:grid;gap:6px}.cd-effect{display:flex;align-items:baseline;gap:8px;padding:6px 10px;border-radius:8px;font-size:.75rem}.cd-effect--positioning{background:#5b9e5b14;border-left:2px solid rgba(91,158,91,.35)}.cd-effect--ability{background:#00e5ff0f;border-left:2px solid rgba(0,229,255,.35)}.cd-effect--synergy{background:#00b2a914;border-left:2px solid rgba(0,229,255,.4)}.cd-effect--aftermath{background:#4d3d2c33;border-left:2px solid rgba(227,196,136,.15)}.cd-effect__label{font-weight:600;color:var(--text)}.cd-effect__detail{color:var(--muted)}.cd-outcome-row{display:flex;flex-wrap:wrap;gap:6px}.cd-outcome-tag{padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.cd-outcome-tag--destroyed{background:#f2643d26;color:#f2643d;border:1px solid rgba(242,100,61,.3)}.cd-outcome-tag--routed{background:#d6a34b1f;color:var(--accent);border:1px solid rgba(214,163,75,.25)}.cd-outcome-tag--fled{background:#e3c48814;color:var(--muted);border:1px solid rgba(227,196,136,.12)}.cd-knockback{margin:4px 0 0;font-size:.72rem;color:var(--muted)}.cd-morale{font-size:.72rem;color:var(--muted);margin-top:4px}.cd-morale--gain{color:#8fd694;font-weight:600}.cd-morale--loss{color:#f2643d;font-weight:600}.syn-chip-wrap,.we-chip-wrap{position:relative}.we-panel{position:fixed;top:200px;right:12px;width:340px;z-index:40;border-radius:12px;background:#120f0cf5;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0009;padding:16px;animation:syn-panel-in .2s cubic-bezier(.16,1,.3,1)}.syn-chip{display:inline-flex;align-items:center;gap:8px;padding:4px 14px;height:32px;min-width:165px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:var(--bg-soft);color:var(--text-muted, #9ca3af);font-family:Inter,sans-serif;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.05em}.syn-chip__label{font-size:10px;font-weight:700;color:var(--text-secondary, #c4b08a);letter-spacing:.08em}.syn-chip:hover{background:#ffffff14;border-color:#ffffff24;color:var(--text)}.syn-chip--active{border-color:color-mix(in srgb,var(--syn-accent, #d6a34b) 35%,transparent);box-shadow:0 0 8px color-mix(in srgb,var(--syn-accent, #d6a34b) 12%,transparent),inset 0 0 12px color-mix(in srgb,var(--syn-accent, #d6a34b) 4%,transparent)}.syn-chip--open{background:#ffffff1a;border-color:color-mix(in srgb,var(--syn-accent, #d6a34b) 40%,transparent);color:var(--text)}.syn-chip__domains{display:inline-flex;align-items:center;gap:2px}.syn-chip__more{font-size:9px;font-weight:600;color:var(--muted);opacity:.7}.syn-chip__pairs{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border-radius:4px;background:color-mix(in srgb,var(--syn-accent, #d6a34b) 15%,transparent);color:var(--syn-accent, #d6a34b);font-size:10px;font-weight:700;letter-spacing:-.02em}.syn-icon-link{opacity:.8}.syn-chip__emergent{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:600;color:var(--muted)}.syn-chip__emergent-bar{width:24px;height:3px;border-radius:2px;background:#ffffff1a;overflow:hidden}.syn-chip__emergent-fill{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#f59e0b,#eab308);transition:width .4s ease;animation:syn-pulse-subtle 2s ease-in-out infinite}@keyframes syn-pulse-subtle{0%,to{opacity:1}50%{opacity:.65}}.syn-chip__emergent-text{font-variant-numeric:tabular-nums}.syn-chip__triple{font-size:10px;font-weight:700;letter-spacing:.03em;text-shadow:0 0 8px currentColor;animation:syn-glow 2.5s ease-in-out infinite}@keyframes syn-glow{0%,to{text-shadow:0 0 6px currentColor}50%{text-shadow:0 0 14px currentColor,0 0 24px currentColor}}.syn-dot{display:inline-flex;align-items:center;justify-content:center;width:var(--syn-dot-size, 16px);height:var(--syn-dot-size, 16px);min-width:var(--syn-dot-size, 16px);border-radius:50%;background:color-mix(in srgb,var(--syn-dot-color, #888) 18%,rgba(255,255,255,.04));border:1.5px solid color-mix(in srgb,var(--syn-dot-color, #888) 45%,transparent);color:var(--syn-dot-color, #888);font-size:calc(var(--syn-dot-size, 16px) * .55);line-height:1;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}.syn-dot:hover{transform:scale(1.15);box-shadow:0 0 8px color-mix(in srgb,var(--syn-dot-color, #888) 30%,transparent)}.syn-dot[data-native]{border-style:double;border-width:1.5px;box-shadow:0 0 6px color-mix(in srgb,var(--syn-dot-color, #888) 20%,transparent)}.syn-dot__glyph{line-height:1;overflow:hidden;text-rendering:optimizeSpeed}.syn-dot__label{display:none}.syn-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:39}.syn-panel{position:absolute;top:calc(100% + 6px);right:0;width:380px;max-height:calc(100vh - 72px);overflow-y:auto;z-index:40;border-radius:12px;background:#120f0cf5;-webkit-backdrop-filter:blur(20px) saturate(1.4);backdrop-filter:blur(20px) saturate(1.4);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px #0009,0 0 1px #ffffff0f inset,0 -30px 60px color-mix(in srgb,var(--syn-accent, #d6a34b) 3%,transparent) inset;animation:syn-panel-in .2s cubic-bezier(.16,1,.3,1);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.syn-panel::-webkit-scrollbar{width:5px}.syn-panel::-webkit-scrollbar-track{background:transparent}.syn-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}@keyframes syn-panel-in{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.syn-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06)}.syn-panel__title{margin:0;font-family:Cinzel,Palatino,Georgia,serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);opacity:.9}.syn-panel__close{width:22px;height:22px;border:none;border-radius:4px;background:#ffffff0f;color:var(--muted);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.syn-panel__close:hover{background:#ff505026;color:#f87171}.syn-section{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.04)}.syn-section:last-of-type{border-bottom:none}.syn-section__label{margin:0 0 8px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:6px}.syn-section__count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:color-mix(in srgb,var(--syn-accent, #d6a34b) 18%,transparent);color:var(--syn-accent, #d6a34b);font-size:9px;font-weight:700}.syn-constellation{position:relative;margin-bottom:10px;padding:8px 0}.syn-constellation__svg{position:absolute;top:0;left:0;width:100%;height:36px;pointer-events:none;overflow:visible}.syn-pair-line{stroke-width:1.5;stroke-linecap:round;opacity:.35;filter:drop-shadow(0 0 3px currentColor);animation:syn-line-glow 3s ease-in-out infinite}@keyframes syn-line-glow{0%,to{opacity:.25}50%{opacity:.55}}.syn-constellation__dots{display:flex;align-items:center;gap:6px;position:relative;z-index:1}.syn-domain-list{display:flex;flex-direction:column;gap:4px}.syn-domain-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:5px;background:#ffffff05;transition:background .12s ease}.syn-domain-item--clickable{cursor:pointer}.syn-domain-item--clickable:hover{background:#ffffff14}.syn-domain-item:hover{background:#ffffff0d}.syn-domain-item[data-native]{background:color-mix(in srgb,var(--syn-dot-color, #888) 6%,rgba(255,255,255,.02))}.syn-domain-item__info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.syn-domain-item__name{font-size:12px;font-weight:500;color:var(--text)}.syn-domain-item__benefit{font-size:10px;color:var(--muted);line-height:1.4}.syn-domain-item--locked{opacity:.45}.syn-domain-item--locked .syn-domain-item__name{color:var(--muted)}.syn-domain-item__unlock-hint{font-size:9px;color:var(--accent);font-style:italic;opacity:.8}.syn-domain-item__tag--locked{background:#ffffff0f;color:var(--muted);opacity:.6}.syn-domain-item__tag{font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:1px 5px;border-radius:3px}.syn-domain-item__tag--native{background:color-mix(in srgb,var(--syn-accent, #d6a34b) 15%,transparent);color:var(--syn-accent, #d6a34b)}.syn-domain-item__tag--codified{background:#4ade801f;color:#4ade80}.syn-empty{margin:0;font-size:11px;color:var(--muted);font-style:italic;line-height:1.5;opacity:.7}.syn-pair-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.syn-pair-item{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;border-radius:6px;background:#ffffff05;transition:background .12s ease;animation:syn-fade-in .3s ease backwards}.syn-pair-item:nth-child(1){animation-delay:50ms}.syn-pair-item:nth-child(2){animation-delay:.1s}.syn-pair-item:nth-child(3){animation-delay:.15s}.syn-pair-item:nth-child(4){animation-delay:.2s}.syn-pair-item:nth-child(5){animation-delay:.25s}@keyframes syn-fade-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.syn-pair-item:hover{background:#ffffff0d}.syn-pair-item__domains{display:flex;align-items:center;gap:2px;flex-shrink:0;padding-top:1px}.syn-pair-item__plus{font-size:10px;font-weight:700;color:var(--muted);opacity:.5}.syn-pair-item__info{display:flex;flex-direction:column;gap:1px;min-width:0}.syn-pair-item__name{font-size:12px;font-weight:600;color:var(--text)}.syn-pair-item__desc{font-size:11px;color:var(--muted);line-height:1.5}.syn-triple-active{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--syn-accent, #d6a34b) 10%,transparent),color-mix(in srgb,var(--syn-accent, #d6a34b) 4%,transparent));border:1px solid color-mix(in srgb,var(--syn-accent, #d6a34b) 20%,transparent);animation:syn-triple-glow 3s ease-in-out infinite}@keyframes syn-triple-glow{0%,to{box-shadow:0 0 12px color-mix(in srgb,var(--syn-accent, #d6a34b) 8%,transparent)}50%{box-shadow:0 0 24px color-mix(in srgb,var(--syn-accent, #d6a34b) 15%,transparent)}}.syn-triple-active__icon{font-size:20px;line-height:1;color:var(--syn-accent, #d6a34b);animation:syn-star-spin 6s linear infinite}@keyframes syn-star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.syn-triple-active__info{display:flex;flex-direction:column;gap:2px}.syn-triple-active__name{font-family:Cinzel,Palatino,Georgia,serif;font-size:14px;font-weight:700;letter-spacing:.06em}.syn-triple-active__effect{font-size:11px;color:var(--muted);line-height:1.4}.syn-rule-list{display:flex;flex-direction:column;gap:8px}.syn-rule-item{padding:8px 10px;border-radius:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);transition:border-color .2s ease,background .2s ease}.syn-rule-item--clickable{cursor:pointer}.syn-rule-item--clickable:hover{background:#ffffff0f;border-color:#ffffff1f}.syn-rule-item--clickable:active{background:#ffffff17}.syn-rule-item--done{border-color:color-mix(in srgb,var(--syn-accent, #d6a34b) 20%,transparent);background:color-mix(in srgb,var(--syn-accent, #d6a34b) 4%,rgba(255,255,255,.02))}.syn-rule-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.syn-rule-item__name{font-size:12px;font-weight:600;color:var(--text)}.syn-rule-item--done .syn-rule-item__name{color:var(--syn-accent, #d6a34b)}.syn-rule-item__progress-text{font-size:10px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.syn-rule-item__bar{width:100%;height:3px;border-radius:2px;background:#ffffff0f;overflow:hidden;margin-bottom:5px}.syn-rule-item__fill{display:block;height:100%;border-radius:2px;background:var(--syn-rule-color, #f59e0b);transition:width .5s cubic-bezier(.16,1,.3,1);position:relative}.syn-rule-item__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:syn-shimmer 2.5s ease-in-out infinite}@keyframes syn-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.syn-rule-item__detail{font-size:10px;color:var(--muted);line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;gap:3px}.syn-rule-item__domain{display:inline-flex;align-items:center;gap:2px;padding:1px 4px;border-radius:3px;background:color-mix(in srgb,currentColor 8%,transparent);font-size:9px;font-weight:500}.syn-rule-item__domain--missing{opacity:.5;text-decoration:line-through}.syn-rule-item__effect{font-size:10px;color:var(--muted);font-style:italic;line-height:1.5}.syn-panel__footer{padding:10px 16px;border-top:1px solid rgba(255,255,255,.05);font-size:9px;color:var(--muted);text-align:center;letter-spacing:.03em;opacity:.6}.syn-emergent-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.syn-emergent-popup{background:var(--bg-primary, #1a1915);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:20px;max-width:340px;position:relative;box-shadow:0 12px 48px #0009}.syn-emergent-popup__close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;line-height:1;padding:0}.syn-emergent-popup__close:hover{color:var(--text)}.syn-emergent-popup__title{margin:0 0 12px;font-size:16px;font-weight:700;color:var(--syn-accent, #d6a34b)}.syn-emergent-popup__effect{margin:0 0 12px;font-size:13px;color:var(--text);line-height:1.5}.syn-emergent-popup__req{display:flex;flex-direction:column;gap:4px;padding:10px;background:#ffffff0a;border-radius:6px;font-size:11px;color:var(--text-secondary, #c4b08a)}.syn-emergent-popup__label{font-weight:600;color:var(--text)}.syn-solo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.syn-solo-popup{position:relative;max-width:320px}.syn-solo-popup__close{position:absolute;top:-8px;right:-8px;z-index:1;width:28px;height:28px;border-radius:50%;background:var(--bg-primary, #1a1915);border:1px solid rgba(255,255,255,.15);color:var(--muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;padding:0}.syn-solo-popup__close:hover{color:var(--text);border-color:#ffffff4d}.syn-hand-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:190}.syn-hand-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;padding:24px 16px 16px}.syn-hand-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.syn-hand-title{margin:0;font-size:18px;font-weight:700;color:var(--text)}.syn-hand-count{font-size:12px;color:var(--muted)}.syn-hand-close{margin-left:auto;background:none;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:var(--muted);font-size:16px;cursor:pointer;padding:4px 10px;line-height:1}.syn-hand-close:hover{color:var(--text);border-color:#ffffff40}.syn-hand{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:0;padding-bottom:32px;overflow-x:auto;overflow-y:visible;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.syn-hand__card{flex-shrink:0;width:220px;transition:transform .4s cubic-bezier(.16,1,.3,1),z-index 0ms;z-index:1;transform:rotate(calc((var(--hand-index) - (var(--hand-total) - 1) / 2) * 3deg)) translateY(calc(max(var(--hand-index) - (var(--hand-total) - 1) / 2,(var(--hand-total) - 1) / 2 - var(--hand-index))*8px));margin-left:-40px}.syn-hand__card:first-child{margin-left:0}.syn-hand__card:hover{transform:rotate(0) translateY(-80px) scale(1.45);z-index:50}.scard{position:relative;border-radius:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--scard-accent, #d6a34b) 4%,rgba(18,15,12,.96)),#0e0c0af7 60%,color-mix(in srgb,var(--scard-accent, #d6a34b) 3%,rgba(18,15,12,.96)));border:1px solid color-mix(in srgb,var(--scard-accent, #d6a34b) 18%,rgba(255,255,255,.08));overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 0 0 1px color-mix(in srgb,var(--scard-accent, #d6a34b) 8%,transparent),0 4px 14px #00000059,inset 0 0 0 1px #ffffff06,inset 0 -28px 40px color-mix(in srgb,var(--scard-accent, #d6a34b) 4%,transparent)}.scard:hover{border-color:color-mix(in srgb,var(--scard-accent, #d6a34b) 38%,rgba(255,255,255,.12));box-shadow:0 0 0 1px color-mix(in srgb,var(--scard-accent, #d6a34b) 18%,transparent),0 6px 26px #00000073,0 0 22px color-mix(in srgb,var(--scard-accent, #d6a34b) 12%,transparent),inset 0 -28px 40px color-mix(in srgb,var(--scard-accent, #d6a34b) 6%,transparent);transform:translateY(-1px)}.scard__foil{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:3;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,255,255,.04) 40deg,color-mix(in srgb,var(--scard-accent, #d6a34b) 18%,transparent) 80deg,rgba(255,255,255,.06) 130deg,transparent 180deg,rgba(255,255,255,.03) 220deg,color-mix(in srgb,var(--scard-accent, #d6a34b) 10%,transparent) 280deg,transparent 360deg);mix-blend-mode:overlay;opacity:.55;animation:scard-foil-rotate 14s linear infinite}@keyframes scard-foil-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scard--triple{box-shadow:0 0 0 1px color-mix(in srgb,var(--scard-accent, #d6a34b) 22%,transparent),0 6px 24px #00000073,0 0 26px color-mix(in srgb,var(--scard-accent, #d6a34b) 18%,transparent),inset 0 0 0 1px #ffffff0d,inset 0 -36px 50px color-mix(in srgb,var(--scard-accent, #d6a34b) 8%,transparent)}.scard__title{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--scard-accent, #d6a34b) 12%,transparent),color-mix(in srgb,var(--scard-accent, #d6a34b) 4%,transparent));border-bottom:1px solid color-mix(in srgb,var(--scard-accent, #d6a34b) 15%,transparent)}.scard__badge{font-size:8px;font-weight:700;letter-spacing:.1em;padding:2px 6px;border-radius:3px;background:color-mix(in srgb,var(--scard-accent, #d6a34b) 18%,transparent);color:var(--scard-accent, #d6a34b);flex-shrink:0}.scard--triple .scard__badge{background:linear-gradient(135deg,var(--scard-accent, #d6a34b),color-mix(in srgb,var(--scard-accent, #d6a34b) 60%,#fff));color:#1a1915;font-weight:800;text-shadow:0 0 4px rgba(0,0,0,.2)}.scard--inactive{opacity:.45;filter:saturate(.2) brightness(.8)}.scard--inactive .scard__foil{display:none}.scard--inactive .scard__art{filter:grayscale(.8)}.scard--inactive .scard__badge,.scard--inactive .scard__name{opacity:.6}.scard__name{font-family:Cinzel,Palatino,Georgia,serif;font-size:13px;font-weight:700;color:var(--text);letter-spacing:.04em;line-height:1.2}.scard__art{position:relative;height:96px;background:linear-gradient(135deg,color-mix(in srgb,var(--scard-accent, #d6a34b) 10%,rgba(0,0,0,.4)),color-mix(in srgb,var(--scard-accent, #d6a34b) 3%,rgba(0,0,0,.55)),color-mix(in srgb,var(--scard-accent, #d6a34b) 8%,rgba(0,0,0,.4)));overflow:hidden;isolation:isolate}.scard__art-parallax{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;display:flex;align-items:center;justify-content:center;transition:transform .6s cubic-bezier(.16,1,.3,1);will-change:transform}.scard:hover .scard__art-parallax{transform:scale(1.04) translateY(-2px)}.scard__art-img{width:100%;height:100%;object-fit:cover;display:block}.scard__art-svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.scard__art-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(10,8,6,.55) 0%,transparent 30%,transparent 70%,rgba(10,8,6,.6) 100%),linear-gradient(to right,rgba(10,8,6,.35) 0%,transparent 18%,transparent 82%,rgba(10,8,6,.35) 100%);pointer-events:none;z-index:1}@keyframes scard-arc-flow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-8}}.scard__art-arc{animation:scard-arc-flow 2.2s linear infinite}@keyframes scard-nexus-outer{0%,to{transform:scale(1);opacity:.25}50%{transform:scale(1.6);opacity:.06}}@keyframes scard-nexus-ring{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.25);opacity:.85}}.scard__nexus-outer{transform-box:fill-box;transform-origin:center;animation:scard-nexus-outer 3.4s ease-in-out infinite}.scard__nexus-ring{transform-box:fill-box;transform-origin:center;animation:scard-nexus-ring 3.4s ease-in-out infinite}.scard--report.scard--tier1 .scard__art-vignette:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.12) 3px,rgba(0,0,0,.12) 4px);pointer-events:none}.scard__art-frame{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid color-mix(in srgb,var(--scard-accent, #d6a34b) 28%,rgba(255,255,255,.06));border-radius:4px;pointer-events:none;box-shadow:inset 0 0 12px #0000008c,inset 0 0 1px color-mix(in srgb,var(--scard-accent, #d6a34b) 18%,transparent)}.scard__art-frame:before,.scard__art-frame:after{content:"";position:absolute;width:8px;height:8px;border:1px solid color-mix(in srgb,var(--scard-accent, #d6a34b) 55%,transparent)}.scard__art-frame:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.scard__art-frame:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.scard__particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:2}.scard__particle{position:absolute;bottom:-6px;left:var(--p-x, 50%);width:3px;height:3px;border-radius:50%;background:var(--p-color, #fff);box-shadow:0 0 6px var(--p-color, #fff);opacity:0;animation:scard-particle-rise var(--p-duration, 6s) ease-in-out var(--p-delay, 0s) infinite}@keyframes scard-particle-rise{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:.7}60%{transform:translateY(-60px) translate(4px);opacity:.5}to{transform:translateY(-110px) translate(-2px);opacity:0}}.scard__name-redacted{font-family:Cinzel,Palatino,Georgia,serif;letter-spacing:.18em;font-style:normal;color:var(--muted);opacity:.65;font-size:11px;font-weight:600}.scard--obscured .scard__title{background:linear-gradient(135deg,#ffffff0a,#ffffff05);border-bottom-color:#ffffff0f}.scard__domains{display:flex;align-items:center;gap:6px;padding:6px 12px;border-bottom:1px solid rgba(255,255,255,.04);flex-wrap:wrap}.scard__domain-chip{font-size:10px;font-weight:500;display:inline-flex;align-items:center;gap:3px}.scard__prose{padding:10px 12px}.scard__prose p{margin:0;font-size:12px;line-height:1.55;color:var(--text-secondary, #c4b08a);font-style:italic}.scard__mechanics{padding:8px 12px 10px;border-top:1px solid rgba(255,255,255,.04)}.scard__mechanics p{margin:0;font-size:11px;line-height:1.5;color:var(--muted)}.scard__tiers{padding:8px 12px 10px;border-top:1px solid rgba(255,255,255,.04)}.scard__tier-row{display:flex;gap:8px;align-items:baseline;padding:3px 0;opacity:.5}.scard__tier-row--base{opacity:.7}.scard__tier-row--done{opacity:1}.scard__tier-label{flex-shrink:0;width:32px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.scard__tier-row--done .scard__tier-label{color:var(--scard-accent, #d6a34b)}.scard__tier-desc{font-size:11px;line-height:1.4;color:var(--muted)}.scard__tier-row--done .scard__tier-desc{color:var(--text)}.scard--compact{border-radius:6px;cursor:pointer}.scard--compact .scard__title{padding:6px 10px}.scard--compact .scard__name{font-size:11px}.scard--compact .scard__badge{font-size:7px;padding:1px 4px}.scard--compact .scard__prose{padding:4px 10px 6px}.scard--compact .scard__prose p{font-size:10px;line-height:1.4}.scard--compact .scard__mechanics{padding:4px 10px 6px}.scard--compact .scard__mechanics p{font-size:9px}.scard__compact-dots{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:12px;flex-shrink:0}.scard--report .scard__prose p,.scard--tier0 .scard__name{color:var(--muted);font-style:italic}.scard--tier2.scard--report .scard__mechanics{border-top:1px solid color-mix(in srgb,var(--scard-accent, #d6a34b) 15%,transparent);position:relative}.scard--tier2.scard--report .scard__mechanics:before{content:"STUDIED";position:absolute;top:4px;right:8px;font-size:7px;font-weight:700;letter-spacing:.1em;color:var(--scard-accent, #d6a34b);opacity:.6}.scard--full{box-shadow:0 8px 32px #0006,0 0 1px #ffffff0f inset}.scard--full .scard__art{height:100px}.ci-synergy-cards{display:flex;flex-direction:column;gap:6px}.ci-synergy-section{padding:0;border-bottom:none}.scard-flip-stage{perspective:1400px;perspective-origin:50% 30%}.scard-flip-stage>.scard{animation:scard-flip-in .76s cubic-bezier(.22,1,.32,1) both;transform-style:preserve-3d;transform-origin:50% 50%}@keyframes scard-flip-in{0%{opacity:0;transform:rotateY(-92deg) translateZ(20px) scale(.94);box-shadow:0 0 0 transparent}35%{opacity:.85;transform:rotateY(-32deg) translateZ(0) scale(.98)}70%{opacity:1;transform:rotateY(8deg) scale(1.02)}85%{transform:rotateY(-3deg) scale(1.005)}to{opacity:1;transform:rotateY(0) scale(1)}}.scard-flip-stage>.scard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);opacity:0;animation:scard-flash-sweep 1.2s ease-out .55s 1 both;z-index:4}@keyframes scard-flash-sweep{0%{opacity:0;transform:translate(-30%)}40%{opacity:.9}to{opacity:0;transform:translate(40%)}}.frp-list{display:flex;flex-direction:column;gap:20px}.frp-faction__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.frp-faction__count{margin-left:auto;font-size:11px;color:#9ca3af}.syn-enc__card-wrap{cursor:pointer}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#17130ee0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:help-overlay-in .2s ease-out}@keyframes help-overlay-in{0%{opacity:0}to{opacity:1}}.help-panel{width:min(780px,94vw);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--panel-radius-float);border:1px solid var(--panel-border);background:var(--panel-glass);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);box-shadow:var(--panel-shadow-heavy);color:var(--text)}.help-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.help-panel__title{margin:0;font-family:Cinzel,serif;font-size:20px;font-weight:700;color:var(--text);letter-spacing:.02em}.help-panel__close{background:none;border:none;font-size:22px;line-height:1;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:6px;transition:color .12s ease,background .12s ease}.help-panel__close:hover{color:var(--accent);background:#d6a34b1a}.help-tab-bar{display:flex;flex-direction:row;gap:2px;padding:0 20px;border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto}.help-tab{background:none;border:none;border-bottom:2px solid transparent;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--muted);padding:10px 14px;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease}.help-tab:hover:not(:disabled){color:var(--text);background:#ffffff08}.help-tab--active{color:var(--accent)!important;border-bottom-color:var(--accent)!important}.help-tab--disabled{color:#c7b79259;cursor:not-allowed}.help-tab--disabled:hover{color:#c7b79259;background:none}.help-panel__body{flex:1;overflow-y:auto;padding:24px 28px}.help-content{max-width:640px;margin:0 auto}.help-prose h3{font-family:Cinzel,serif;font-size:16px;font-weight:700;color:var(--accent);margin:24px 0 8px;letter-spacing:.01em}.help-prose h3:first-child{margin-top:0}.help-prose p{margin:0 0 12px;line-height:1.65;color:var(--text)}.help-prose ul,.help-prose ol{margin:0 0 12px;padding-left:20px}.help-prose li{margin-bottom:6px;line-height:1.6;color:var(--text)}.help-prose strong{color:var(--accent);font-weight:600}.help-prose em{color:var(--muted);font-style:italic}.combat-tab__synergy-cta{margin-top:28px;padding:14px 18px;border-radius:10px;border-left:3px solid var(--accent);background:var(--bg-soft);color:var(--muted);font-size:14px;line-height:1.55}.combat-tab__synergy-cta strong{color:var(--accent);font-weight:600}.controls-tab{display:flex;flex-direction:column;gap:24px}.controls-tab__section{display:flex;flex-direction:column;gap:10px}.controls-tab__heading{font-family:Fraunces,serif;font-size:15px;font-weight:700;color:var(--accent);margin:0;letter-spacing:.02em}.controls-tab__table{width:100%;border-collapse:collapse}.controls-tab__table tr{border-bottom:1px solid var(--border)}.controls-tab__table tr:last-child{border-bottom:none}.controls-tab__table td{padding:8px 12px;font-size:14px;line-height:1.5;color:var(--text);vertical-align:middle}.controls-tab__table kbd,.controls-tab__mouse{display:inline-block;min-width:120px;padding:5px 10px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:6px;text-align:center;white-space:nowrap;vertical-align:middle}.controls-tab__mouse{font-weight:500;min-width:130px;font-size:12.5px}.controls-tab__note{margin:0;font-size:14px;line-height:1.55;color:var(--muted)}.controls-tab__note kbd{display:inline-block;padding:2px 7px;font-family:Inter,sans-serif;font-size:12.5px;font-weight:600;color:var(--text);background:var(--bg-soft);border:1px solid var(--border);border-radius:5px;vertical-align:1px}.tribe-list{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;padding-right:4px}.tribe-list::-webkit-scrollbar{width:6px}.tribe-list::-webkit-scrollbar-track{background:transparent}.tribe-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.tribe-card{display:block;min-height:unset;background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--tribe-accent, var(--accent));border-radius:10px;padding:16px 18px;box-shadow:var(--panel-shadow);transition:transform .15s ease,box-shadow .15s ease}.tribe-card:hover{transform:translateY(-1px);box-shadow:var(--panel-shadow-heavy)}.tribe-card__header{display:flex;align-items:center;gap:10px;margin-bottom:6px}.tribe-card__swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0}.tribe-card__name{font-weight:700;font-size:15px;color:var(--text)}.tribe-card__domain{font-size:13px;margin-left:auto;opacity:.9}.tribe-card__biome{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--bg-soft);padding:2px 8px;border-radius:4px;margin-bottom:10px}.tribe-card__behavior{font-size:12px;font-style:italic;color:var(--muted);margin:0 0 10px}.tribe-card__intro{font-size:13.5px;line-height:1.6;color:var(--text);margin:0 0 14px}.tribe-card__label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-weight:600}.tribe-card__label--strength{color:var(--accent)}.tribe-card__label--weakness{color:var(--danger)}.tribe-card__strengths ul,.tribe-card__weaknesses ul{margin:0;padding-left:18px}.tribe-card__strengths li{font-size:13px;line-height:1.55;color:var(--text);margin-bottom:5px}.tribe-card__strengths li::marker{color:var(--accent)}.tribe-card__weaknesses li{font-size:13px;line-height:1.55;color:var(--muted);margin-bottom:5px}.tribe-card__weaknesses li::marker{color:var(--danger)}.tribe-card__strengths{margin-bottom:12px}.tribe-card__tip{display:flex;gap:8px;align-items:flex-start;background:var(--bg-soft);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding:10px 14px;margin-top:14px;font-size:13px;line-height:1.55;color:var(--text)}.tribe-card__tip-icon{flex-shrink:0;font-size:14px;margin-top:1px}.syn-enc{padding:16px;display:flex;flex-direction:column;gap:10px;max-height:100%;overflow-y:auto}.syn-enc__search{width:100%;padding:9px 14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s}.syn-enc__search:focus{border-color:var(--accent)}.syn-enc__search::placeholder{color:var(--muted)}.syn-enc__filters{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0;align-items:center}.syn-enc__filter-dot{width:30px;height:30px;border-radius:50%;border:2px solid transparent;background:var(--dot-color, #888);opacity:.5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s,transform .15s,border-color .15s;padding:0;font-size:14px;color:#fff}.syn-enc__filter-dot:hover{opacity:.8;transform:scale(1.1)}.syn-enc__filter-dot--active{opacity:1;border-color:#fff;transform:scale(1.1)}.syn-enc__filter-dot__glyph{line-height:1;pointer-events:none}.syn-enc__filter-clear{background:none;border:1px solid var(--border);border-radius:6px;padding:4px 10px;color:var(--muted);font-size:12px;cursor:pointer;transition:color .15s,border-color .15s}.syn-enc__filter-clear:hover{color:var(--accent);border-color:var(--accent)}.syn-enc__count{font-size:12px;color:var(--muted);padding:0 2px}.syn-enc__list{display:flex;flex-direction:column;gap:8px}.syn-enc__item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:12px 14px;transition:background .15s}.syn-enc__item:hover{background:var(--bg-soft)}.syn-enc__item__domains{display:flex;align-items:center;gap:6px;margin-bottom:6px}.syn-enc__item__dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;line-height:1;flex-shrink:0}.syn-enc__item__plus{color:var(--muted);font-size:13px;font-weight:600}.syn-enc__item__name{font-weight:700;font-size:15px;margin-bottom:4px;color:var(--text)}.syn-enc__item__desc{font-size:13px;line-height:1.55;color:var(--muted)}.syn-enc__item__tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.syn-enc__item__tag{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--bg-soft);border:1px solid var(--border);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.syn-enc__section{font-size:14px;font-weight:700;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:6px;margin-top:12px}.syn-enc__emergent{background:var(--bg-elevated);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;padding:12px 14px}.syn-enc__emergent__name{font-weight:700;font-size:14px;color:var(--text);margin-bottom:4px}.syn-enc__emergent__condition{font-size:12px;color:var(--muted);margin-bottom:4px;font-style:italic}.syn-enc__emergent__effect{font-size:13px;line-height:1.5;color:var(--text)}.syn-enc__empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px}.research-tab__pipeline{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin-top:28px;padding:20px;border-radius:10px;background:var(--bg-soft);border:1px solid var(--border)}.research-tab__pipeline-segment{display:flex;align-items:center;gap:12px}.research-tab__step{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:140px;padding:16px 12px;border-radius:8px;background:var(--bg);border:1px solid var(--border)}.research-tab__step-icon{font-size:28px;margin-bottom:6px;line-height:1}.research-tab__step-label{font-weight:700;font-size:13px;color:var(--accent);margin-bottom:4px}.research-tab__step-desc{font-size:12px;color:var(--muted);line-height:1.4;max-width:150px}.research-tab__arrow{font-size:20px;color:var(--accent);line-height:1;flex-shrink:0}