:root{--bg: #10141a;--panel: #1a212b;--panel2: #222b38;--border: #33404f;--text: #e6edf3;--dim: #8b98a5;--accent: #4da3ff;--good: #3fb950;--bad: #f85149;--gold: #e3b341;font-size:14px}:root{--z-strip: 40;--z-strip-handle: 41;--z-sidebar-reopen: 45;--z-end-turn-fab: 60;--z-curtain: 100;--z-toast: 200;--z-legend-fab: 400;--z-legend-card: 405;--z-sail-docks: 450;--z-staging-bar: 470;--z-zoom: 600;--z-dialog-backdrop: 800;--z-dialog: 810;--z-drag-ghost: 900}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button{touch-action:manipulation}button{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 10px;cursor:pointer;font-size:13px}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.primary{background:#1f4b7a;border-color:var(--accent)}button.danger{border-color:var(--bad)}button.selected{outline:2px solid var(--accent)}input,select{background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:13px}.app{display:flex;flex-direction:column;min-height:100vh;-webkit-user-select:none;user-select:none}.header{display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.header h1{font-size:16px;margin:0;color:var(--gold)}.header .spacer{flex:1}.header .status{color:var(--dim)}.layout{display:grid;grid-template-columns:1fr 340px;grid-template-rows:minmax(0,1fr);gap:12px;padding:12px;align-items:stretch;flex:1 0 auto}.board-column{display:flex;flex-direction:column;min-width:0}.layout.sidebar-collapsed{grid-template-columns:1fr}.layout.sidebar-collapsed .sidebar{display:none}.sidebar{display:flex;flex-direction:column;min-width:0;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow-y:auto}@media(max-width:1000px){.layout{grid-template-columns:1fr}.sidebar{position:static;max-height:none;overflow-y:visible}.sidebar .log-section{flex:0 0 auto;min-height:0}.sidebar .log-section .log{max-height:300px}}.sidebar-toggle{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px}.sidebar-reopen{position:fixed;right:0;top:96px;z-index:var(--z-sidebar-reopen);writing-mode:vertical-rl;padding:12px 6px;font-size:12px;white-space:nowrap;border-top-right-radius:0;border-bottom-right-radius:0}.viewer-status{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-left:4px solid var(--dim);border-radius:8px;padding:8px 12px 10px;margin-bottom:12px;flex:0 0 auto}.viewer-status.active{border-left-color:var(--gold)}.vs-head{display:flex;align-items:baseline;gap:8px}.vs-name{font-weight:700;font-size:13px}.vs-turn{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--bg);background:var(--gold);border-radius:999px;padding:1px 7px;font-weight:700}.vs-cash{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.vs-amount{color:var(--gold);font-size:34px;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.vs-loans{color:var(--bad);font-size:12px;font-weight:600}.vs-card{margin-top:4px}.vs-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin-bottom:3px}.vs-values{font-size:14px;font-weight:600;line-height:1.5}.vs-values .chip{width:20px;height:15px;margin-right:3px}.vs-island{margin-top:6px}.vs-counts{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:14px;font-weight:600;line-height:1.5}.vs-count{display:inline-flex;align-items:center;font-variant-numeric:tabular-nums}.vs-count .chip{width:20px;height:15px;margin-right:3px}.vs-count.none{opacity:.45}.section{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:12px}.section h2{font-size:13px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:6px}.dim{color:var(--dim)}.money{color:var(--gold);font-weight:600}.small{font-size:12px}.chip{display:inline-block;width:16px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.5);vertical-align:middle;margin-right:1px}.chip.red{background:#d94b3f}.chip.green{background:#3fa856}.chip.blue{background:#3f7bd9}.chip.yellow{background:#e0c23a}.chip.white{background:#e8e8e8}.chip.clickable{cursor:pointer}.chip.clickable:hover{outline:2px solid var(--accent)}.chip.big{width:22px;height:16px}.board{border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin-bottom:8px;background:var(--panel2)}.board.active{border-color:var(--gold)}.board .board-title{display:flex;gap:8px;align-items:baseline;margin-bottom:6px;flex-wrap:wrap}.board .board-title .name{font-weight:700}.lots{display:flex;gap:6px;flex-wrap:wrap}.lot{min-width:52px;min-height:40px;border:1px dashed var(--border);border-radius:6px;padding:3px 5px;font-size:11px;color:var(--dim)}.lot .price{font-weight:700;color:var(--text)}.lot .chips{min-height:14px}.grid-wrap{overflow-x:auto}table.grid{border-collapse:collapse}table.grid th,table.grid td{border:1px solid var(--border);padding:3px 6px;text-align:center;font-size:12px;white-space:nowrap}table.grid td button{padding:0 6px;font-size:12px;margin:0 2px}.log{max-height:300px;overflow-y:auto;font-size:12px;display:flex;flex-direction:column-reverse}.sidebar .log-section{display:flex;flex-direction:column;flex:1 1 auto;min-height:170px;margin-bottom:0}.sidebar .log-section .log{flex:1 1 auto;min-height:0;max-height:none}.log .entry{padding:2px 0;border-bottom:1px solid #202834}.log .entry .t{color:var(--dim);margin-right:6px}.curtain{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:var(--z-curtain)}.curtain h2{font-size:22px}.error-banner{background:#4a1d1d;border:1px solid var(--bad);border-radius:6px;padding:6px 10px;margin-bottom:8px}.turn-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:var(--z-toast);background:#1d2a3a;border:1px solid var(--gold);color:#fff;padding:10px 18px;border-radius:8px;font-size:15px;font-weight:600;box-shadow:0 4px 16px #0006;cursor:pointer;animation:turn-toast-in .25s ease-out}@keyframes turn-toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.turn-bar .primary{flex:1;min-width:110px}.turn-bar-hint{margin:8px 0 2px}.disclosure-toggle{background:none;border:none;padding:4px 0 0;color:var(--dim);font-size:12px;cursor:pointer}.disclosure-toggle:hover{color:var(--text);background:none}.bank-lots{display:flex;gap:10px;flex-wrap:wrap}.bank-lot{border:1px solid var(--border);border-radius:6px;padding:5px 8px;min-width:70px;font-size:12px}.bank-lot.frozen{border-color:var(--gold)}.bank-lot .label{color:var(--dim)}.chart-block{margin-top:18px}.chart-block h3{margin:0 0 4px;font-size:15px}.chart-caption{margin:0 0 10px;max-width:70ch;line-height:1.45}.chart-legend{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.chart-legend-sep{width:1px;align-self:stretch;background:var(--border);margin:0 4px}.chart-toggle{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-size:12px}.chart-toggle.off{opacity:.4}.chart-key{width:18px;height:10px;flex:none}.chart-scroll{overflow-x:auto}.chart-plot{position:relative;min-width:600px}.chart-svg{display:block;width:100%;height:auto;background:var(--panel);border-radius:6px}.chart-svg:focus-visible{outline:2px solid var(--accent)}.chart-grid,.chart-axis{stroke:var(--border);stroke-width:1}.chart-crosshair{stroke:var(--dim);stroke-width:1}.chart-axis-text{fill:var(--dim);font-size:11px}.chart-end-label{fill:var(--text);font-size:11px}.chart-tooltip{position:absolute;top:8px;background:var(--panel2);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12px;pointer-events:none;box-shadow:0 4px 16px #0006;white-space:nowrap}.chart-tooltip-head{color:var(--dim);margin-bottom:4px}.chart-tooltip-row{display:flex;align-items:center;gap:6px}.chart-tooltip-label{color:var(--dim);margin-right:auto}.chart-tooltip-event{margin-top:5px;padding-top:5px;border-top:1px solid var(--border);max-width:300px;white-space:normal}.chart-player{font-weight:600}.chart-auction-pill{fill:var(--panel);stroke-width:1.2}.chart-auction-leader{stroke:var(--border);stroke-width:.8}.chart-auction-chip.red{fill:#d94b3f}.chart-auction-chip.green{fill:#3fa856}.chart-auction-chip.blue{fill:#3f7bd9}.chart-auction-chip.yellow{fill:#e0c23a}.chart-auction-chip.white{fill:#e8e8e8}.chart-disclosures{display:flex;gap:14px;flex-wrap:wrap}.chart-table-wrap{max-height:320px;overflow:auto;margin-top:6px}.score-table{width:100%;border-collapse:collapse}.score-table th,.score-table td{border:1px solid var(--border);padding:5px 8px;text-align:right}.score-table td:first-child,.score-table th:first-child{text-align:left}.score-table td.best{color:var(--gold);font-weight:700}.card{border:1px solid var(--gold);border-radius:6px;padding:6px 8px;font-size:12px;background:#262115}.ocean-table{display:flex;flex-direction:column;gap:12px;flex:1 0 auto;min-width:0;min-height:0;overflow-y:auto;container-type:inline-size}.ocean-table:has(.island-wrap.zoom-active,.island-wrap.zoom-pinned,.mat-zoom.zoom-active){overflow-y:visible}.ocean-strip{display:flex;gap:10px;align-items:stretch;background:linear-gradient(180deg,#2c5c93,#1e4570);border:1px solid var(--border);border-radius:10px;padding:10px;overflow-x:auto;z-index:var(--z-strip);flex:1 0 auto;max-height:calc((100cqw - 400px) / 2.769 + 20px)}.ocean-table:has(.island-wrap.zoom-active,.island-wrap.zoom-pinned,.mat-zoom.zoom-active) .strip-resize-handle{z-index:0}.ocean-table:has(.island-wrap.zoom-active,.island-wrap.zoom-pinned) .ocean-strip{z-index:var(--z-zoom)}.ocean-strip:has(.island-wrap.zoom-active,.island-wrap.zoom-pinned){overflow:visible}.my-ship-badge{background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:8px 6px;box-shadow:0 2px 8px #0006;pointer-events:none}.my-ship-badge-emoji{font-size:20px;line-height:1}.my-ship-badge .ship-name{text-align:center}.island-wrap{flex:0 0 auto;width:auto;min-height:275px;max-height:calc((100cqw - 400px) / 2.769);min-width:180px;position:relative;aspect-ratio:1120 / 860;cursor:zoom-in}.bank-wrap{aspect-ratio:1320 / 900}.island-wrap.zoom-active,.island-wrap.zoom-pinned{z-index:var(--z-zoom);cursor:default}.island-svg{display:block;width:100%;height:auto;transform-box:border-box;transform-origin:center center;transition:transform .18s ease}.island-wrap.zoom-active .island-svg,.island-wrap.zoom-pinned .island-svg{transform:translate(var(--zoom-tx, 0px),var(--zoom-ty, 0px)) scale(var(--zoom-scale, 2.3));filter:drop-shadow(0 20px 44px rgba(0,0,0,.65))}.open-water{flex:1 1 200px;min-width:200px;display:flex;flex-direction:column;gap:6px;padding:8px}.water-label{color:#ffffffb3;font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-align:center}.water-ships{display:flex;flex-direction:column;gap:8px;align-items:center}.water-ship{display:flex;flex-direction:column;align-items:center;width:176px}.ship-svg-small{width:170px;height:auto}.water-ship .ship-name{font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.water-ship .ship-name-mine{color:var(--accent);font-weight:700}.supply-tray{flex:0 0 150px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-direction:column;justify-content:center;gap:8px;overflow:auto}.supply-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center}.supply-item{display:flex;flex-direction:column;align-items:center;gap:2px;width:44px}.supply-icon{width:40px;height:auto}.supply-icon-wide{width:44px;height:auto}.supply-count{font-size:12px;color:var(--dim)}.strip-resize-handle{flex:0 0 auto;height:14px;margin:-5px 0;display:flex;align-items:center;justify-content:center;cursor:row-resize;touch-action:none;position:relative;z-index:var(--z-strip-handle)}.strip-resize-grip{width:56px;height:5px;border-radius:3px;background:var(--border);transition:background .15s ease}.strip-resize-handle:hover .strip-resize-grip,.strip-resize-handle:active .strip-resize-grip{background:var(--accent)}.board-mats{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;flex:1 1 auto}.viewer-mat-wrap{position:relative;aspect-ratio:960 / 620;flex:0 1 calc(50% - 2.26px)}.opponent-mats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;align-items:start;flex:0 1 calc(50% - 7.74px)}@media(max-width:900px){.board-mats{flex-direction:column}.viewer-mat-wrap{flex-basis:auto;width:100%;max-width:none}.opponent-mats{width:100%;grid-template-columns:repeat(2,1fr)}}.mat-svg{display:block;width:100%;height:auto;border-radius:12px;transform-box:border-box;transform-origin:center center;transition:transform .18s ease}.mat-svg.mat-active{outline:3px solid var(--gold);outline-offset:2px;border-radius:22px}.mat-zoom{position:relative;aspect-ratio:960 / 620;cursor:zoom-in}.mat-zoom.zoom-active{z-index:var(--z-zoom);cursor:default}.mat-zoom.zoom-active .mat-svg{transform:translate(var(--zoom-tx, 0px),var(--zoom-ty, 0px)) scale(var(--zoom-scale, 2.2));filter:drop-shadow(0 20px 44px rgba(0,0,0,.65))}.ocean-table.trade-open .mat-zoom.zoom-active{z-index:auto}.ocean-table.trade-open .mat-zoom.zoom-active .mat-svg{transform:none;filter:none}.ocean-table.trade-open .mat-zoom.zoom-active .mat-trade-layer{opacity:0;pointer-events:none}.mat-badge text{font-family:Arial,Helvetica,sans-serif}.mat-name{fill:#fff;font-size:15px;font-weight:700}.mat-cash{fill:var(--gold);font-size:14px;font-weight:700}.mat-loans{fill:var(--bad);font-size:11px;font-weight:700}.mat-scorecard-label{fill:#ffffffb3;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px}.mat-limit-badge{fill:#fbf8f1;stroke:#3a322e;stroke-width:1.5px}.mat-limit-label{fill:#3a322e;font-family:Arial,Helvetica,sans-serif;font-size:17px;font-weight:800;dominant-baseline:middle}.mat-scorecard-value{fill:var(--gold);font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700}.lot-lock-badge{fill:#1b2430;stroke:var(--gold);stroke-width:2px}.lot-lock-badge-text{fill:var(--gold);font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:800}.produce-label{fill:#137970;fill:var(--district-ink, #137970);font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px}.produce-tray{fill:#1379701a;stroke:#137970;stroke-width:1.5;stroke-dasharray:5 4;opacity:.85}.produce-arm-box{fill:#fbf8f1;stroke:#3a322e;stroke-width:2}.produce-arm-text{fill:#3a322e;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700}.produce-arm{transition:opacity .12s ease}.produce-arm:hover .produce-arm-box{fill:#fff;stroke:var(--accent)}.loan-chip-box{fill:#2b3440;stroke:var(--gold);stroke-width:1.5}.loan-chip-text{fill:var(--gold);font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700}.loan-chip:hover .loan-chip-box{fill:#3a4757}.loan-chip-off .loan-chip-box{stroke:#55606c}.loan-chip-off .loan-chip-text{fill:#55606c}.island-label{fill:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.island-label-mine{fill:var(--accent)}.bank-frozen-badge{fill:#1b2430;stroke:var(--gold);stroke-width:2px}.bank-frozen{fill:var(--gold);font-size:22px;font-weight:800}.bank-frozen-badge-lg{fill:#1b2430;stroke:var(--gold);stroke-width:3px}.bank-frozen-lg{fill:var(--gold);font-size:30px;font-weight:800}.bank-cash-amt-badge{fill:#1b2430;stroke:var(--gold);stroke-width:1.5px}.bank-cash-amt{fill:var(--gold);font-size:30px;font-weight:800}.board-mode-toggle{display:flex;gap:4px}.zone-rect{pointer-events:all}.open-water.zone-rect{cursor:default}.drop-valid{stroke:var(--good);stroke-width:4;stroke-dasharray:10 6;animation:drop-pulse 1s ease-in-out infinite;cursor:pointer}.drop-valid.open-water{outline:3px dashed var(--good);outline-offset:-6px;border-radius:8px;animation:drop-pulse-outline 1s ease-in-out infinite}.drop-armed{stroke:var(--gold)}.drop-armed.open-water{outline-color:var(--gold)}@keyframes drop-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes drop-pulse-outline{0%,to{opacity:.6}50%{opacity:1}}.ship-draggable,.supply-draggable{cursor:grab;-webkit-user-select:none;user-select:none}.ship-armed{animation:drop-pulse 1s ease-in-out infinite}.ship-draggable:not(.ship-armed),.supply-draggable:not(.ship-armed){animation:grab-hint 2.6s ease-in-out infinite}@keyframes grab-hint{0%,to{filter:drop-shadow(0 0 0 rgba(227,179,65,0))}50%{filter:drop-shadow(0 0 5px rgba(227,179,65,.7))}}.ship-draggable:hover,.supply-draggable:hover{animation:none;filter:drop-shadow(0 3px 7px rgba(0,0,0,.55)) drop-shadow(0 0 6px rgba(227,179,65,.9)) brightness(1.06)}.trade-chip-drag:not(:hover){animation:grab-hint 2.6s ease-in-out infinite}.quick-bid-row{align-items:center}.quick-bid-step{width:34px;height:34px;font-size:18px;font-weight:700;border-radius:8px}.quick-bid-amount{font-size:20px;font-weight:700;min-width:52px;text-align:center}.quick-bid-over{color:var(--bad)}.linkish{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;text-decoration:underline}.linkish:hover{border:none;color:var(--gold)}.legend-fab{position:fixed;left:14px;bottom:14px;z-index:var(--z-legend-fab);width:34px;height:34px;border-radius:50%;font-size:16px;font-weight:700;color:var(--dim);background:var(--panel);border:1px solid var(--border);box-shadow:0 4px 12px #0006}.legend-fab:hover{color:var(--text);border-color:var(--accent)}.legend-card{position:fixed;left:14px;bottom:58px;z-index:var(--z-legend-card);width:min(88vw,340px);background:var(--panel);border:1px solid var(--gold);border-radius:12px;padding:14px 16px;box-shadow:0 12px 30px #0000008c}.legend-title{font-weight:700;margin-bottom:8px;color:var(--gold)}.legend-list{margin:0 0 10px;padding-left:4px;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:13px}.piece-gfx{animation:piece-settle .22s ease-out}@keyframes piece-settle{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ship-piece{animation:ship-arrive .4s ease-out}@keyframes ship-arrive{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.open-water{background-image:linear-gradient(115deg,#fff0 42%,#78beff0d,#fff0 58%);background-size:260% 100%;animation:water-shimmer 9s linear infinite}@keyframes water-shimmer{0%{background-position:130% 0}to{background-position:-130% 0}}@media(prefers-reduced-motion:reduce){.piece-gfx,.ship-piece,.open-water,.ship-draggable,.supply-draggable,.trade-chip-drag{animation:none!important}}.sail-docks-overlay{position:fixed;left:50%;transform:translate(-50%);z-index:var(--z-sail-docks);max-width:min(92vw,640px);background:var(--panel);border:1px solid var(--gold);border-radius:12px;padding:10px 14px;box-shadow:0 12px 30px #0000008c;display:flex;flex-direction:column;gap:6px}.sail-docks-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}.sail-docks-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sail-dock{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:78px;padding:8px 10px;font-size:12px;font-weight:600;color:#eef2f6;background:#0c1c2eb8;border:2px dashed rgba(255,255,255,.35);border-radius:10px;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .08s ease}.sail-dock:hover{border-color:var(--gold);background:#1e344ee6;transform:translateY(-1px)}.sail-dock-emoji{font-size:18px;line-height:1}.sail-dock-name{font-size:11px;white-space:nowrap}.sail-dock.drop-valid{border-style:solid;border-color:var(--good);background:#24402feb;animation:drop-pulse 1s ease-in-out infinite}.sail-dock.drop-armed{border-color:var(--gold);background:#423a1eeb}.drag-ghost{position:fixed;z-index:var(--z-drag-ghost);pointer-events:none;transform:translate(-50%,-50%) scale(1.08) rotate(-2deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.65));animation:ghost-lift .15s ease-out}@keyframes ghost-lift{0%{transform:translate(-50%,-50%) scale(1) rotate(0);filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}to{transform:translate(-50%,-50%) scale(1.08) rotate(-2deg);filter:drop-shadow(0 8px 16px rgba(0,0,0,.65))}}.staging-bar{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:var(--z-staging-bar);display:flex;align-items:center;justify-content:space-between;gap:12px;width:max-content;max-width:min(94vw,640px);background:var(--panel);border:1px solid var(--gold);border-radius:10px;padding:10px 14px;box-shadow:0 4px 16px #0006}.staging-info{display:flex;flex-direction:column;gap:2px}.mat-trade-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transform-box:border-box;transform-origin:center center;transition:transform .18s ease}.mat-zoom.zoom-active .mat-trade-layer{transform:translate(var(--zoom-tx, 0px),var(--zoom-ty, 0px)) scale(var(--zoom-scale, 2.2))}.mat-trade-buttons{position:absolute;top:8%;left:50%;transform:translate(-50%);display:flex;gap:4px;opacity:0;pointer-events:none;transition:opacity .14s ease .08s}.mat-zoom.zoom-active .mat-trade-buttons{opacity:1;pointer-events:auto}.mat-trade-btn{font-size:7px;font-weight:700;padding:3px 6px;border-radius:4px;background:#141c28f0;border:1px solid var(--gold);color:#f4e7c4;box-shadow:0 1px 4px #00000080;white-space:nowrap}.mat-trade-btn:hover:not(:disabled){background:#28364af7;border-color:var(--gold)}.trade-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog-backdrop);background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px}.trade-overlay{background:var(--panel);border:1px solid var(--gold);border-radius:14px;box-shadow:0 12px 40px #0009;max-width:min(960px,96vw);max-height:92vh;overflow:auto;display:flex;flex-direction:column}.trade-overlay-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border)}.trade-overlay-title{font-size:15px;font-weight:700}.trade-overlay-close{font-size:18px;line-height:1;padding:2px 10px;border-radius:6px}.trade-overlay-body{display:flex;align-items:stretch;gap:8px;padding:16px;flex-wrap:wrap;justify-content:center}.trade-side{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:10px;background:var(--panel2);border:1px solid var(--border)}.trade-side-source{border-color:#e3b34180}.trade-side-dest{border-color:#3fb95080}.trade-side-label{font-size:12px;font-weight:700;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.trade-lots{display:flex;gap:8px;align-items:flex-start}.trade-lot-col{display:flex;flex-direction:column;align-items:center;gap:4px}.trade-price{font-size:12px;font-weight:700;color:var(--gold)}.trade-lot{width:84px;min-height:92px;padding:6px;border-radius:8px;display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:center;gap:4px;border:1.5px dashed transparent}.trade-lot-source{background:#0003}.trade-lot-dest{background:#00000040;border-color:#ffffff1f}.trade-lot-big{width:220px;min-height:110px}.trade-lot.drop-valid{border-style:dashed;border-color:var(--good);background:#3fb95029;animation:drop-pulse 1s ease-in-out infinite;cursor:pointer}.trade-lot.drop-armed{border-color:var(--gold);background:#e3b34129}.trade-lot-empty{color:var(--dim);font-size:11px;align-self:center}.trade-chip-svg{width:54px;height:auto;display:block}.trade-chip{display:inline-flex;line-height:0;border-radius:4px}.trade-chip-drag{cursor:grab}.trade-chip-drag:hover{filter:drop-shadow(0 3px 6px rgba(0,0,0,.5)) brightness(1.08);transform:translateY(-1px)}.trade-chip-armed{animation:drop-pulse 1s ease-in-out infinite}.trade-arrow{align-self:center;font-size:26px;color:var(--gold);padding:0 4px}.trade-ship-dest{display:flex;flex-direction:column;gap:4px;align-items:center}.trade-overlay-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid var(--border);position:sticky;bottom:0;background:var(--panel)}.end-turn-fab{position:fixed;right:24px;bottom:24px;z-index:var(--z-end-turn-fab);display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 22px;background:#1f4b7a;border:2px solid var(--gold);border-radius:12px;box-shadow:0 6px 20px #00000080;cursor:pointer}.end-turn-fab:hover:not(:disabled){background:#275d95;border-color:var(--gold)}.end-turn-fab-main{font-size:16px;font-weight:700;color:#fff}.end-turn-fab-sub{font-size:11px;color:#cfe0f0}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog-backdrop);background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px}.confirm-dialog{background:var(--panel);border:1px solid var(--gold);border-radius:12px;box-shadow:0 12px 40px #0009;max-width:min(420px,96vw);padding:16px;display:flex;flex-direction:column;gap:12px}.confirm-dialog p{margin:0;line-height:1.4}.confirm-dialog-actions{justify-content:flex-end}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog-backdrop);background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px}.modal-panel{position:relative;width:min(460px,96vw);max-height:86vh;overflow-y:auto;background:var(--panel);border:1px solid var(--gold);border-radius:12px;box-shadow:0 12px 40px #0009;padding:4px}.modal-overlay-panel{position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:var(--z-dialog);width:max-content;max-width:min(94vw,640px);max-height:70vh;overflow-y:auto;background:var(--panel);border:1px solid var(--gold);border-radius:12px;box-shadow:0 12px 30px #0000008c;padding:4px}.bank-clickable{pointer-events:all}.bank-clickable:hover{fill:#e3b3412e}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-dialog-backdrop);background:#00000059}.popover-panel{position:fixed;z-index:var(--z-dialog);transform:translate(-50%,12px);width:min(420px,92vw);max-height:80vh;overflow-y:auto;background:var(--panel);border:1px solid var(--gold);border-radius:10px;box-shadow:0 8px 28px #00000080;padding:4px}.popover-close{position:absolute;top:6px;right:6px;width:24px;height:24px;padding:0;line-height:1;border-radius:50%}