:root{color-scheme:dark;font-family:Pretendard Variable,SUIT Variable,Noto Sans KR,Malgun Gothic,sans-serif;line-height:1.5;font-weight:400;background:radial-gradient(circle at top left,rgba(244,196,65,.16),transparent 24%),radial-gradient(circle at top right,rgba(35,184,255,.14),transparent 22%),radial-gradient(circle at bottom right,rgba(57,255,128,.14),transparent 24%),linear-gradient(180deg,#060708,#0d1014);color:#f4f7fb;--panel: rgba(12, 16, 22, .86);--panel-strong: rgba(16, 20, 27, .96);--line: rgba(255, 255, 255, .1);--shadow: 0 20px 44px rgba(0, 0, 0, .35);--red: #f4c441;--blue: #23b8ff;--gold: #39ff80}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(244,196,65,.08),transparent 24%),radial-gradient(circle at top right,rgba(35,184,255,.08),transparent 20%),linear-gradient(180deg,#060708,#0d1014)}button,input,select,textarea{font:inherit}h1,h2,h3,p,dd,dt,ul{margin:0}h1,h2,h3,.eyebrow,.capital-mark,.order-pill{font-family:Pretendard Variable,SUIT Variable,Noto Sans KR,Malgun Gothic,sans-serif}#root{min-height:100vh}.app-shell{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:28px 0 132px}.brand-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand-link{display:inline-flex}.brand-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.brand-wallet-button,.brand-wallet-pill{min-height:44px;white-space:nowrap}.brand-wallet-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#0f151deb;color:#d9e2ee}.brand-logo{display:block;width:min(260px,52vw);height:auto;object-fit:contain}.hero,.panel{border:1px solid var(--line);border-radius:28px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:30px;margin-bottom:24px}.landing-hero{align-items:stretch}.panel{padding:24px;margin-bottom:24px}.hero-copy,.hero-side,.panel-header,.flow-panel,.replay-io,.diplomacy-builder,.offer-list,.relations-board,.resolution-stack{display:grid;gap:14px}.panel-header{margin-bottom:16px}.panel-header-split{grid-template-columns:1fr auto;align-items:start}.panel-header-action{justify-self:end}.hero-actions,.segmented,.stat-row,.hero-faction-strip,.order-controls,.order-toggle-group{display:flex;gap:10px;flex-wrap:wrap}.eyebrow{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:#f4c441;font-weight:700}h1{font-size:clamp(2.6rem,5vw,4rem);line-height:.98;letter-spacing:-.03em;font-weight:800}h2{font-size:1.45rem;letter-spacing:-.01em;font-weight:700}h3{font-weight:700}.subtitle,.hero-meta,.mini-panel p{color:#9da9ba}.hero-winner{font-weight:700;color:#f4c441}.landing-copy{align-content:center}.landing-side,.landing-points{display:grid;gap:14px}.landing-copy .hero-actions{margin-top:10px;align-items:center}.landing-primary-action{display:flex;justify-content:center;margin-top:14px}.landing-mode-grid,.landing-disclosure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;align-items:stretch}.mode-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#121820fa,#0a0e14f5);height:100%;align-items:stretch}.mode-card-free{border-color:#23b8ff3d;background:radial-gradient(circle at top right,rgba(35,184,255,.14),transparent 30%),linear-gradient(180deg,#121820fa,#0a0e14f5)}.mode-card-paid{border-color:#f4c4413d;background:radial-gradient(circle at top right,rgba(244,196,65,.24),transparent 30%),radial-gradient(circle at bottom left,rgba(168,85,247,.18),transparent 34%),linear-gradient(180deg,#121820fa,#0a0e14f5);box-shadow:inset 0 1px #ffffff0d,0 22px 44px #6031123d,0 0 0 1px #f4c44114;position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.mode-card-paid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(244,196,65,.1),transparent 38%,rgba(168,85,247,.14));pointer-events:none}.mode-card-paid:after{content:"";position:absolute;inset:-30% auto -30% -22%;width:26%;transform:rotate(18deg);background:linear-gradient(180deg,transparent,rgba(255,255,255,.1),transparent);opacity:.36;pointer-events:none}.mode-card-paid:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff0d,0 28px 52px #6031124d,0 0 0 1px #f4c4411f}.mode-card-paid h2{color:#fff0bf;text-shadow:0 0 18px rgba(244,196,65,.16)}.mode-card-paid .mode-card__eyebrow{color:#ffd76a}.mode-card-paid__topline{display:flex;justify-content:flex-end}.mode-card-paid__signal{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#ffc23d38,#ff8a3d33);border:1px solid rgba(255,210,118,.28);color:#ffe8b0;font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 10px 24px #5c2a123d}.mode-card-free{opacity:.96}.mode-card__eyebrow{color:#f4c441;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wallet-stack,.hero-session-tags{display:grid;gap:10px}.wallet-stack{margin-top:auto}.landing-wallet-actions{align-items:stretch;display:grid;grid-template-columns:1fr;gap:10px}.landing-wallet-actions .ghost-button,.landing-wallet-actions .primary-button,.mode-card .secondary-button{min-height:56px;width:100%;justify-content:center;text-align:center;font-weight:800;line-height:1.2;padding:14px 20px;white-space:normal}.mode-card-free .secondary-button{box-shadow:0 18px 34px #124c6c29;margin-top:auto}.mode-card-paid .primary-button{box-shadow:0 18px 34px #8f3d2247}.mode-card-paid .primary-button:not(:disabled){background:linear-gradient(135deg,#f4c441,#ff8a3d 48%,#a855f7)}.mode-card-paid .primary-button:hover{box-shadow:0 22px 38px #8f3d2257}.wallet-status-card{display:grid;gap:10px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#0b0f14d6}.wallet-ready{border-color:#39ff803d}.wallet-wrong_chain{border-color:#f4c4413d}.wallet-disconnected,.wallet-unsupported{border-color:#23b8ff33}.mode-badge.mode-free{background:#23b8ff24;color:#74d6ff}.mode-badge.mode-paid{background:#f4c44124;color:#f4c441}.landing-copy .primary-button{min-width:260px;min-height:60px;padding:14px 26px;font-size:1.08rem;font-weight:800;box-shadow:0 16px 30px #8f3d223d}.landing-secondary-actions{justify-content:center}.landing-panel .hero-faction-strip{margin-top:6px}.locale-switcher,.field{display:grid;gap:8px;font-size:.95rem}.locale-switcher select,.field select,.field input,.replay-textarea{border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:11px 14px;background:#0b0f14f5;color:#f4f7fb}.primary-button,.secondary-button,.ghost-button,.chip,.active-chip,.order-toggle{border-radius:999px;padding:10px 16px;border:1px solid rgba(51,34,23,.14);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.chip:hover,.active-chip:hover,.order-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 18px #3b221414}.primary-button{background:linear-gradient(135deg,#f4c441,#a855f7);color:#101317}.secondary-button,.active-chip,.order-toggle.active{background:linear-gradient(135deg,#0f1722,#152130);color:#f4f7fb;border-color:#ffffff24}.ghost-button,.chip,.order-toggle{background:#0f151deb;color:#d9e2ee;border-color:#ffffff1a}.primary-button:disabled{opacity:.45;cursor:not-allowed}.hero-faction-strip,.summary-grid,.flow-grid,.faction-grid,.orders-grid,.replay-list{display:grid;gap:16px}.hero-faction-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.faction-grid,.orders-grid,.replay-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.summary-card,.faction-card,.order-card,.replay-card,.mini-panel,.relation-card{border-radius:20px;padding:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#121820fa,#0a0e14f5)}.summary-card dt{color:#8f9db0;font-size:.88rem}.summary-card dd{margin-top:4px;font-size:1.9rem;font-weight:700}.intro-tip-card{border-radius:20px;padding:18px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top right,rgba(244,196,65,.14),transparent 28%),linear-gradient(180deg,#121820fa,#0a0e14f5);display:grid;gap:10px;color:#edf3fb}.intro-tip-head,.intro-tip-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.intro-tip-line span{color:#f4c441;font-weight:700}.intro-tip-card p,.intro-tip-card strong{color:#edf3fb}.intro-sheet{width:min(720px,100%)}.intro-sheet .hero-actions{justify-content:center;margin-top:14px}.flow-next{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#9da9ba}.flow-card{display:grid;gap:10px;padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#121820f5,#0c1016f0)}.flow-card.active{border-color:#8f4f2a47;box-shadow:0 12px 22px #4a2c1814;transform:translateY(-1px)}.flow-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.step-badge,.section-step{display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#f4c44124;color:#f4c441;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section-step{margin-bottom:6px}.flow-status{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:700}.flow-status.ready,.flow-status.done{background:#f4c4411f;color:#f4c441}.flow-status.pending,.flow-status.current{background:linear-gradient(135deg,#39ff8029,#a855f729);color:#b8ffd4}.flow-status.optional{background:#23b8ff24;color:#74d6ff}.sigil,.relation-badge,.faction-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff8ef;font-weight:700;letter-spacing:.06em}.faction-mark{position:relative;width:40px;height:34px;border-radius:0;background:transparent}.faction-mark__glyph,.capital-mark__glyph{display:grid;place-items:center;font-weight:800;color:#f7fbff;text-shadow:0 1px 0 rgba(5,8,12,.46),0 0 10px rgba(255,255,255,.08)}.faction-mark__glyph{font-size:.85rem}.faction-mark__pole{position:absolute;left:3px;top:1px;width:4px;height:32px;border-radius:999px;background:linear-gradient(180deg,#eef4ff,#75849a 72%,#485365);box-shadow:0 0 0 1px #04060a94,0 8px 16px #0000003d}.faction-mark__cloth{position:absolute;left:8px;top:4px;width:28px;height:19px;display:grid;place-items:center;border-radius:4px 8px 8px 4px;clip-path:polygon(0 0,100% 0,100% 34%,86% 50%,100% 66%,100% 100%,0 100%,10% 50%);box-shadow:inset 0 0 0 1px #ffffff2e,0 16px 28px #0000006b,0 0 28px #00000080}.faction-mark.tone-red .faction-mark__glyph,.faction-mark.tone-blue .faction-mark__glyph{color:#071018;text-shadow:0 1px 0 rgba(255,255,255,.24),0 0 8px rgba(255,255,255,.08)}.faction-mark.tone-gold .faction-mark__glyph{color:#071018;text-shadow:0 1px 0 rgba(255,255,255,.16),0 1px 8px rgba(50,16,86,.24)}.faction-mark.tone-red .faction-mark__cloth{background:linear-gradient(135deg,#fff1aa,#f4c441 40%,#b98613)}.faction-mark.tone-blue .faction-mark__cloth{background:linear-gradient(135deg,#c4f4ff,#23b8ff 44%,#126cab)}.faction-mark.tone-gold .faction-mark__cloth{background:linear-gradient(135deg,#89ffb6,#39ff80 42%,#9d57f2)}.tone-red .sigil,.relation-badge.tone-red,.score-segment.tone-red,.faction-banner.tone-red,.legend-chip.tone-red,.order-pill.tone-red{background:linear-gradient(135deg,#f7d774,var(--red))}.tone-blue .sigil,.relation-badge.tone-blue,.score-segment.tone-blue,.faction-banner.tone-blue,.legend-chip.tone-blue,.order-pill.tone-blue{background:linear-gradient(135deg,#79ddff,var(--blue))}.tone-gold .sigil,.relation-badge.tone-gold,.score-segment.tone-gold,.faction-banner.tone-gold,.legend-chip.tone-gold,.order-pill.tone-gold{background:linear-gradient(135deg,var(--gold),#a855f7)}.faction-banner{display:flex;align-items:center;gap:10px;border-radius:18px;padding:12px;color:#081018}.faction-banner>div{text-align:right;margin-left:auto}.war-table-layout,.two-column{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.map-column{display:grid;gap:14px}.map-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.map-metric-legend{display:grid;gap:10px;margin-top:14px;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#0f151efa,#090e15f5)}.map-metric-legend__title{margin:0;font-size:.84rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f4c441}.map-metric-legend__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.map-metric-legend__item{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;color:#dce6f1;font-size:.9rem}.map-metric-chip{min-width:40px;justify-content:center;padding-inline:10px}.legend-chip{display:flex;align-items:center;gap:10px;border-radius:16px;padding:10px 12px;color:#081018;box-shadow:0 10px 20px #3b221414}.map-stage{position:relative;min-height:640px;border-radius:26px;padding:18px;background:linear-gradient(180deg,#0e131bfa,#080b10fa);border:1px solid rgba(255,255,255,.08);overflow:hidden}.map-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.map-links line{stroke:#c4d1e342;stroke-width:1.3}.map-node{position:absolute;width:23%;min-width:168px;transform:translate(-50%,-50%);border-radius:18px;padding:12px;border:1px solid rgba(255,255,255,.1);background:#10151df5;box-shadow:0 16px 30px #00000047;display:grid;grid-template-rows:auto minmax(2.5rem,auto) auto;align-content:start;gap:10px}.map-node.is-targeted{outline:3px solid rgba(121,221,255,.48)}.map-node.tone-red{border-color:#f4c44175;background:#10151df5;box-shadow:inset 0 4px #f4c441eb,0 14px 26px #00000038}.map-node.tone-blue{border-color:#23b8ff70;background:#10151df5;box-shadow:inset 0 4px #23b8ffeb,0 14px 26px #00000038}.map-node.tone-gold{border-color:#39ff8070;background:#10151df5;box-shadow:inset 0 4px #39ff80e0,0 14px 26px #00000038}.map-red-capital{left:18%;top:16%}.map-red-border{left:18%;top:50%}.map-red-outpost{left:18%;top:84%}.map-blue-capital{left:50%;top:16%}.map-blue-border{left:50%;top:50%}.map-blue-outpost{left:50%;top:84%}.map-gold-capital{left:82%;top:16%}.map-gold-border{left:82%;top:50%}.map-gold-outpost{left:82%;top:84%}.node-banner,.faction-card-head,.order-card-top,.replay-card-top,.relation-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.node-banner{min-height:32px}.capital-mark,.order-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;padding:6px 12px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#141c26f5,#0b1018eb);box-shadow:inset 0 1px #ffffff0d,0 8px 18px #00000042;color:#eef4fb;font-size:.82rem;font-weight:700;letter-spacing:.01em}.capital-mark{position:relative;width:32px;min-width:32px;padding:0;border-color:#f4c44157;color:#ffe8a8}.capital-mark__glyph{font-size:.95rem;color:#ffe8a8}.order-pill{min-width:96px;padding-inline:14px;text-align:center}.order-pill.tone-red{border-color:#f4c44161;background:linear-gradient(180deg,#2d250cf0,#12100aeb),linear-gradient(135deg,#f7d77424,#f4c44114);color:#ffe39a}.order-pill.tone-blue{border-color:#23b8ff61;background:linear-gradient(180deg,#081e2cf0,#071018eb),linear-gradient(135deg,#79ddff24,#23b8ff14);color:#b9f0ff}.order-pill.tone-gold{border-color:#39ff8066;background:linear-gradient(180deg,#0b2218f0,#0a0f15eb),linear-gradient(135deg,#39ff8026,#a855f71f);color:#d6ffe3}.node-stats,.trust-list{display:grid;gap:6px}.node-stats.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.node-title{font-size:1rem;line-height:1.2;display:block;color:#f4f7fb}.node-stat-pill{border-radius:12px;padding:6px 8px;background:transparent;font-size:.84rem;text-align:center;min-height:40px;display:grid;place-items:center;color:#dfe7f2}.metric-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 9px;background:#ffffff14;line-height:1;white-space:nowrap;color:#f0f5fb}.metric-chip.metric-score{min-width:88px;justify-content:center;padding-inline:14px;background:linear-gradient(180deg,#111924fa,#090e16f0);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #ffffff0f,0 10px 24px #00000047;font-weight:800;color:#fff}.metric-icon{font-size:.9rem}.trust-chip{display:inline-flex;border-radius:999px;padding:7px 10px;background:#ffffff14;color:#d4deea}.relation-link{height:4px;flex:1;border-radius:999px;background:linear-gradient(90deg,#f4c44199,#39ff808c)}.relation-side{display:inline-flex;align-items:center;gap:8px;min-width:0}.relation-side-end{justify-content:flex-end}.relation-name{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#121820f5;color:#e6edf5;font-size:.84rem;font-weight:700;white-space:nowrap}.relation-name.tone-red{background:#f4c44129;border-color:#f4c44142;color:#ffe8a8}.relation-name.tone-blue{background:#23b8ff29;border-color:#23b8ff42;color:#b9f0ff}.relation-name.tone-gold{background:linear-gradient(135deg,#39ff8029,#a855f724);border-color:#39ff803d;color:#c9ffd9}.relation-code{letter-spacing:.08em}.relation-card{display:grid;gap:10px;align-content:start}.faction-card{position:relative;overflow:hidden}.faction-card.tone-red{border-color:#f4c44147;background:linear-gradient(180deg,rgba(244,196,65,.16),transparent 34%),linear-gradient(180deg,#121820fa,#0a0e14f0)}.faction-card.tone-blue{border-color:#23b8ff47;background:linear-gradient(180deg,rgba(35,184,255,.16),transparent 34%),linear-gradient(180deg,#121820fa,#0a0e14f0)}.faction-card.tone-gold{border-color:#39ff8047;background:linear-gradient(180deg,rgba(57,255,128,.18),rgba(168,85,247,.12) 34%,transparent 56%),linear-gradient(180deg,#121820fa,#0a0e14f0)}.faction-card-head{display:flex;align-items:flex-start;gap:14px;align-items:start}.faction-card-summary{margin-left:auto;display:grid;justify-items:end;gap:10px;min-width:0}.faction-score-line{display:flex;justify-content:flex-end;margin:0}.faction-score-line .metric-chip.metric-score{min-width:112px;min-height:42px;padding-inline:18px;font-size:1rem;font-weight:900;letter-spacing:.01em}.faction-name{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#121820f5;color:#edf3fb}.faction-name.tone-red{background:#f4c44129;border-color:#f4c4413d;color:#ffe8a8}.faction-name.tone-blue{background:#23b8ff29;border-color:#23b8ff3d;color:#b9f0ff}.faction-name.tone-gold{background:linear-gradient(135deg,#39ff8029,#a855f724);border-color:#39ff803d;color:#ccffde}.order-card,.faction-card{display:grid;gap:12px}.order-card .metric-chip{background:transparent;border-color:transparent;box-shadow:none}.order-toggle-group{margin-top:2px}.order-toggle{padding-inline:12px}.order-controls{align-items:flex-end}.offer-row,.offer-card-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.offer-card-row{align-items:flex-start;flex-direction:column;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0f151de6}.plain-list,.timeline-list{padding-left:18px;display:grid;gap:8px}.compact-list{gap:6px}.timeline-list{padding-left:0;list-style:none}.timeline-item{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start;padding:10px 12px;border-radius:14px}.timeline-dot{width:10px;height:10px;margin-top:6px;border-radius:50%;background:currentColor}.timeline-item.tone-diplomacy{background:#23b8ff24;color:#b9f0ff}.timeline-item.tone-economy{background:#f4c44124;color:#ffe29a}.timeline-item.tone-battle{background:#a855f729;color:#e4ccff}.timeline-item.tone-standing{background:#39ff8024;color:#c8ffd8}.timeline-item.tone-score,.timeline-item.tone-neutral{background:#ffffff12;color:#d5e0ec}.score-track{display:flex;align-items:center;gap:6px;min-height:18px;padding:6px 8px;border-radius:999px;background:#060a109e;border:1px solid rgba(255,255,255,.08)}.score-segment{display:inline-flex;height:14px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff2e,0 0 12px #0000002e}.replay-textarea{min-height:220px;resize:vertical}.status-success,.status-error{border-radius:999px;padding:8px 12px;width:fit-content}.status-success{background:#39ff8024;color:#cbffdc}.status-error{background:#a855f724;color:#e1ccff}.floating-resolve-bar{position:fixed;left:50%;bottom:18px;z-index:15;transform:translate(-50%);width:min(960px,calc(100% - 24px));display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#0c1016eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 36px #301c112e}.floating-resolve-copy{display:grid;gap:8px}.floating-resolve-copy p{color:#c1ccda;font-weight:700}.floating-resolve-button{min-width:220px;justify-content:center;box-shadow:0 12px 24px #8f3d2233}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:20px;background:#261c1575;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-sheet{width:min(960px,100%);max-height:min(88vh,920px);overflow:auto;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0d1219fa,#090c12f5);box-shadow:0 24px 50px #23160e3d;padding:24px}.resolution-sheet{width:min(1040px,100%);position:relative;padding-top:16px}.modal-head,.modal-grid{display:grid;gap:16px}.modal-head{grid-template-columns:1fr auto;align-items:start;margin-bottom:18px}.modal-grid{grid-template-columns:1fr 1fr}.resolution-progress,.resolution-overlay-grid,.resolution-summary-stack{display:grid;gap:16px}.resolution-sheet .modal-head,.resolution-sheet .resolution-progress{position:sticky;z-index:2}.resolution-sheet .modal-head{top:0;padding-top:8px;padding-bottom:12px;background:linear-gradient(180deg,#0d1219fa,#0d1219eb)}.resolution-progress{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:18px;top:88px;padding-bottom:10px;background:linear-gradient(180deg,#0d1219f5,#0d1219e0)}.resolution-turn-indicator{margin-top:14px;display:grid;gap:8px;max-width:260px}.resolution-turn-indicator__meta{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#d9e3ef;font-size:.82rem}.resolution-turn-indicator__meta strong{color:#f4c441;font-size:.95rem;letter-spacing:.04em}.resolution-turn-indicator__track{height:10px;border-radius:999px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.resolution-turn-indicator__fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f4c441,#39ff80);box-shadow:0 0 18px #f4c4413d}.resolution-progress-step{display:flex;justify-content:center;padding:8px;border-radius:18px;background:#5f48360f;border:1px solid rgba(51,34,23,.06)}.resolution-progress-step.active{background:#a63d281f;border-color:#a63d282e}.resolution-progress-step.done{background:#5883301f;border-color:#5883302e}.resolution-overlay-grid{grid-template-columns:1.35fr .85fr;margin-bottom:18px}.resolution-next-turn{font-weight:700;color:#f4c441}.app-footer{display:flex;justify-content:center;padding:10px 0 4px;color:#9da9ba;font-size:.92rem;letter-spacing:.04em}@media(max-width:1100px){.hero,.war-table-layout,.two-column,.landing-mode-grid,.landing-disclosure-grid,.landing-wallet-actions{grid-template-columns:1fr}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-stage{min-height:760px}.resolution-overlay-grid{grid-template-columns:1fr}}@media(max-width:820px){.hero-faction-strip,.flow-grid,.map-legend{grid-template-columns:1fr}.map-metric-legend__item{grid-template-columns:auto 1fr}.map-stage{min-height:auto;display:grid;gap:14px}.map-links{display:none}.map-node{position:static;width:auto;min-width:0;transform:none}}@media(max-width:720px){.app-shell{width:min(100% - 20px,1280px);padding-top:20px;padding-bottom:152px}.brand-bar{align-items:stretch;flex-direction:column}.brand-actions{justify-content:stretch}.brand-wallet-button,.brand-wallet-pill{width:100%;justify-content:center}.panel-header-split{grid-template-columns:1fr}.panel-header-action{justify-self:start}.modal-head,.modal-grid{grid-template-columns:1fr}.relation-head{flex-direction:column;align-items:stretch}.relation-side,.relation-side-end{justify-content:space-between}.relation-link{width:100%}.floating-resolve-bar{bottom:12px;width:min(100% - 16px,960px);flex-direction:column;align-items:stretch}.floating-resolve-button{width:100%;min-width:0}}