*{box-sizing:border-box}:root{--hand-dock-collapsed-height: 64px;--hand-dock-expanded-height: clamp(316px, 42vh, 462px);color:#1f2933;background:#101827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#090e1894,#f4f6f8db 42%,#f4f6f8f2),url(/assets/board/table_background_nebula.jpg) center top / cover fixed}button,input,select,textarea{font:inherit}button{min-height:40px;border:1px solid #c9d2dc;border-radius:6px;background:#fff;color:#17202a;cursor:pointer;font-weight:700}button:hover:not(:disabled),button:focus-visible{border-color:#2f80ed;outline:2px solid rgba(47,128,237,.24);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{min-height:40px;border:1px solid #b7c1cc;border-radius:6px;padding:0 12px;background:#fff}input:focus,select:focus,textarea:focus{border-color:#2f80ed;outline:2px solid rgba(47,128,237,.22)}textarea{min-width:0;padding:10px 12px;resize:vertical}.app-shell{width:min(1440px,100%);margin:0 auto;padding:20px}@media(min-width:861px){.app-shell:has(.game-grid){width:min(1760px,calc(100vw - 24px))}}.top-bar,.session-grid,.lobby-grid,.game-grid{display:grid;gap:16px}.top-bar{grid-template-columns:1fr auto;align-items:center;margin-bottom:16px;color:#f8fafc;text-shadow:0 1px 2px rgba(9,14,24,.6)}.hotspots-debug-page{width:min(1280px,100%);margin:0 auto;padding:20px}.hotspots-debug-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-bottom:16px;color:#f8fafc;text-shadow:0 1px 2px rgba(9,14,24,.6)}.hotspots-debug-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.hotspots-debug-actions button{min-height:34px;padding-inline:10px;font-size:.78rem}.hotspots-debug-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.hotspots-debug-tabs button{min-height:34px;border:1px solid rgba(203,213,225,.86);border-radius:6px;padding:6px 10px;background:#f8fafcf5;color:#17202a;font-size:.78rem;font-weight:900}.hotspots-debug-tabs button[aria-pressed=true]{border-color:#2f80ed;background:#eff6ff;color:#1d4ed8}.hotspots-debug-panel{background:#fffffff7}.hotspots-debug-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:16px;align-items:start}.hotspots-debug-stage{min-width:0;overflow:visible}.hotspots-debug-canvas-controls,.hotspots-debug-inspector-section,.hotspots-debug-selection,.hotspots-debug-inspector-actions{display:flex;flex-wrap:wrap;gap:8px}.hotspots-debug-canvas-controls{margin-bottom:10px}.hotspots-debug-canvas-controls label,.hotspots-debug-inspector-section label{display:grid;gap:3px;min-width:96px;color:#344054;font-size:.72rem;font-weight:900}.hotspots-debug-canvas-controls input,.hotspots-debug-inspector-section input{min-height:32px;border:1px solid #cbd5e1;border-radius:6px;padding:5px 7px;font:inherit;font-size:.78rem}.hotspots-debug-scene-frame{width:min(100%,960px);margin:0;overflow:visible;border:2px solid rgba(37,99,235,.86);border-radius:4px;background:linear-gradient(90deg,rgba(148,163,184,.16) 1px,transparent 1px),linear-gradient(180deg,rgba(148,163,184,.16) 1px,transparent 1px),#f8fafc;background-size:24px 24px}.hotspots-debug-background-hitbox{position:absolute;z-index:1;border:1px dashed rgba(14,165,233,.92);padding:0;background:#0ea5e914;cursor:move}.hotspots-debug-background-hitbox[data-selected=true]{border-color:#ef4444;box-shadow:0 0 0 2px #ef444447}.hotspots-debug-background-resize,.hotspots-debug-canvas-handle{position:absolute;z-index:20;display:block;border:1px solid rgba(15,23,42,.36);border-radius:4px;background:#fff;box-shadow:0 2px 8px #0f172a2e}.hotspots-debug-background-resize{right:-8px;bottom:-8px;width:16px;height:16px;cursor:nwse-resize}.hotspots-debug-canvas-handle{min-width:0;min-height:0;padding:0;line-height:0}.hotspots-debug-canvas-handle.right{top:50%;right:-9px;width:14px;height:48px;transform:translateY(-50%);cursor:ew-resize}.hotspots-debug-canvas-handle.bottom{left:50%;bottom:-9px;width:48px;height:14px;transform:translate(-50%);cursor:ns-resize}.hotspots-debug-canvas-handle.corner{right:-10px;bottom:-10px;width:18px;height:18px;cursor:nwse-resize}.hotspots-debug-inspector{display:grid;gap:12px;min-width:0;border:1px solid #e2e8f0;border-radius:8px;padding:12px;background:#fff}.hotspots-debug-inspector button,.hotspots-debug-inspector-actions button{min-height:30px;border-radius:6px;padding:5px 8px;font-size:.72rem;font-weight:900}.hotspots-debug-selection button[aria-pressed=true],.hotspots-debug-hotspot-list button[aria-pressed=true]{border-color:#2f80ed;background:#eff6ff;color:#1d4ed8}.hotspots-debug-inspector-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #e2e8f0;padding-top:10px}.hotspots-debug-inspector-section h3,.hotspots-debug-inspector-section p,.hotspots-debug-inspector-actions{grid-column:1 / -1}.hotspots-debug-inspector-section h3,.hotspots-debug-inspector-section p{margin:0}.hotspots-debug-inspector-section h3{color:#17202a;font-size:.86rem}.hotspots-debug-inspector-section p{color:#667485;font-size:.72rem;font-weight:800;overflow-wrap:anywhere}.hotspots-debug-hotspot-list{display:grid;gap:6px;max-height:360px;overflow:auto;border-top:1px solid #e2e8f0;padding-top:10px}.hotspots-debug-hotspot-list button{min-width:0;overflow-wrap:anywhere;text-align:left}.top-actions{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap;justify-content:flex-end}.route-nav,.account-pill{display:flex;align-items:center;gap:8px}.route-nav button,.account-pill button{min-height:38px}.account-pill{border:1px solid rgba(203,213,225,.75);border-radius:8px;padding:4px;background:#0f172a61}.account-pill span{max-width:160px;overflow:hidden;padding:0 8px;color:#f8fafc;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.language-control{display:grid;gap:4px;min-width:128px}.language-control span{color:#dbeafe;font-size:.72rem;font-weight:800;text-transform:uppercase}.language-control select{min-height:38px;border-color:#cbd5e1bf;background:#fffffff0}.top-bar .eyebrow{color:#c7d2fe}.eyebrow,.panel span,.panel small,dt{color:#667485;font-size:.78rem;font-weight:700;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:clamp(1.5rem,3vw,2.25rem)}h2{font-size:1rem}.connection{min-width:118px;border-radius:999px;padding:8px 14px;text-align:center;text-transform:capitalize;font-weight:800}.connection.connected{background:#dcfce7;color:#166534}.connection.connecting{background:#fff7ed;color:#9a3412}.connection.disconnected{background:#fee2e2;color:#991b1b}.panel{border:1px solid #d6dee7;border-radius:8px;background:#fffffff2;padding:16px;box-shadow:0 1px 2px #0f172a0f}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.stack-form{display:grid;gap:10px}.stack-form label{display:grid;gap:5px;color:#344054;font-size:.85rem;font-weight:800}.form-error{color:#991b1b;font-weight:800}.form-status{color:#526070;font-weight:700}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.admin-reports-panel{grid-column:1 / -1}.report-filters,.admin-report-layout{display:grid;gap:12px}.report-filters{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px}.report-filters label{display:grid;gap:5px;color:#344054;font-size:.78rem;font-weight:800}.admin-report-layout{grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);align-items:start}.admin-report-list,.admin-list{display:grid;gap:8px}.admin-report-row,.admin-row{display:grid;gap:4px;min-width:0;border:1px solid #d6dee7;border-radius:6px;padding:10px;background:#fbfdff;text-align:left}.admin-report-row[aria-pressed=true]{border-color:#2f80ed;background:#eff6ff}.admin-report-row strong,.admin-report-row span,.admin-report-row small,.admin-row strong,.admin-row small{min-width:0;overflow-wrap:anywhere}.admin-report-detail{display:grid;gap:10px;min-width:0;border:1px solid #e2e8f0;border-radius:6px;padding:12px;background:#fff}.session-grid{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(160px,.5fr);margin-bottom:16px}.tutorial-lobby-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-bottom:16px;border-color:#fbbf24bf;background:radial-gradient(circle at 92% 20%,rgba(251,191,36,.18),transparent 34%),linear-gradient(135deg,#fffdf5,#fff)}.tutorial-lobby-card h2,.tutorial-lobby-card p{margin-top:0}.tutorial-lobby-card p:last-child{margin-bottom:0}.tutorial-lobby-card>button{min-height:48px;padding-inline:20px}.tutorial-lobby-status{color:#92400e;font-weight:800}@media(max-width:720px){.tutorial-lobby-card{grid-template-columns:1fr}.tutorial-lobby-card>button{width:100%}}.profile-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:16px}.game-route-shell{width:min(1760px,calc(100vw - 24px))}.session-panel{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.session-panel label{grid-column:1 / -1;color:#344054;font-size:.85rem;font-weight:800}.session-panel input{min-width:0}.room-create-panel{align-items:stretch}.room-create-panel>.segmented-field,.room-create-panel>.solo-room-options,.room-create-panel>button[type=submit]{grid-column:1 / -1}.solo-room-options{display:grid;gap:10px;border-top:1px solid #d6dee7;padding-top:10px}.solo-room-options label{display:grid;gap:6px;color:#344054;font-size:.85rem;font-weight:800}.solo-room-options select{width:100%}.solo-room-options .solo-x2-option{display:flex;align-items:center;gap:8px}.solo-x2-option input{width:18px;height:18px;margin:0}.route-panel{display:grid;gap:12px;margin-bottom:16px}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.room-summary{display:grid;align-items:center}.room-summary strong{font-size:1.6rem;letter-spacing:0}.waiting-room-list{display:grid;gap:12px}.section-heading{display:grid;gap:4px}.section-heading h2{margin:0}.section-heading p{margin:0;color:#526070}.lobby-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.lobby-room-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px}.lobby-room-card strong{display:block;font-size:1.35rem;letter-spacing:0}.lobby-room-card span,.lobby-room-card small{color:#526070;font-weight:700}.lobby-room-card button{grid-row:1 / span 3;grid-column:2;align-self:stretch}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #fca5a5;border-radius:8px;margin-bottom:16px;padding:12px;background:#fff1f2;color:#991b1b}.error-banner-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.error-report-dialog{display:grid;gap:12px;width:min(640px,calc(100vw - 24px));max-height:min(780px,calc(100vh - 24px));overflow:auto;border:1px solid #d6dee7;border-radius:8px;padding:16px;background:#fff;box-shadow:0 22px 70px #0f172a57}.report-context-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:0}.report-context-list>div{display:grid;gap:2px;min-width:0;border:1px solid #e2e8f0;border-radius:6px;padding:8px;background:#f8fafc}.report-context-list dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#1f2933;font-weight:800}.lobby-grid{grid-template-columns:1.4fr 1fr;margin-bottom:16px}.seat-list,.player-list,.hand-card-row,.pending-options,.pending-option-list,.final-score-list,.color-row{display:grid;gap:10px}.seat-row,.player-card header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.seat-color{width:18px;height:18px;border:2px solid #ffffff;border-radius:50%;background:var(--seat-color);box-shadow:0 0 0 1px #94a3b8}.lobby-actions{display:grid;align-content:start;gap:12px}.rename-form{display:grid;gap:8px}.rename-form label,.segmented-field>span,.lobby-field>span{color:#344054;font-size:.85rem;font-weight:800}.segmented-field,.lobby-field,.focus-set-picker{display:grid;gap:8px}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border:1px solid #cbd5e1;border-radius:8px;padding:3px;background:#f8fafc}.segmented-control button{min-height:34px;border-color:transparent;border-radius:6px;background:transparent;color:#526070;font-size:.84rem}.segmented-control button.selected{background:#17202a;color:#fff}.lobby-field{grid-template-columns:minmax(0,1fr) auto;align-items:center}.solo-lobby-settings{display:flex;flex-wrap:wrap;gap:6px}.solo-lobby-settings span{border:1px solid #cbd5e1;border-radius:999px;padding:4px 8px;background:#f8fafc;color:#344054;font-size:.76rem;font-weight:800}.lobby-field strong{color:#17202a;font-size:.86rem}.color-row{grid-template-columns:repeat(4,40px)}.color-swatch{min-height:40px;background:var(--swatch)}.color-swatch.selected{box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #17202a}.color-swatch.selected:disabled{opacity:1}.focus-set-row{display:grid;grid-template-columns:repeat(4,minmax(38px,1fr));gap:8px}.focus-set-choice{min-height:40px;padding:0;font-weight:900}.focus-set-choice.selected{border-color:#166534;background:#dcfce7;color:#14532d}.primary{border-color:#166534;background:#15803d;color:#fff}.danger{border-color:#991b1b;background:#dc2626;color:#fff}.empty-state{padding:56px 16px;text-align:center;color:#526070}.game-grid{grid-template-columns:1fr;grid-template-areas:"status" "play" "pending" "scores" "log";align-items:start}.game-grid.has-hand-dock{padding-bottom:calc(var(--hand-dock-collapsed-height) + 18px)}.game-grid.has-hand-dock:has(.hand-dock.expanded){padding-bottom:calc(var(--hand-dock-expanded-height) + 22px)}.game-status{grid-area:status;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.game-play-area{--player-side-column: minmax(300px, .58fr);--board-column: minmax(560px, 1.42fr);grid-area:play;position:relative;display:grid;grid-template-columns:var(--player-side-column) var(--board-column) var(--player-side-column);gap:16px;align-items:start;min-width:0}@media(max-width:1224px)and (min-width:861px){.game-play-area{--player-side-column: minmax(0, .56fr);--board-column: minmax(480px, 1.44fr)}}.game-pending-area{grid-area:pending;min-width:0}.game-final-scores-area{grid-area:scores;min-width:0}.game-event-log-area{grid-area:log;min-width:0}.game-status div{display:grid}.game-status-action{align-content:end}.game-status-action button{min-height:40px}.game-status strong{font-size:1.25rem}.board-panel{grid-column:2;grid-row:1;position:relative;z-index:1;min-width:0}.solo-panel{grid-column:1;grid-row:1;z-index:3;display:grid;align-content:start;gap:12px;min-width:0;max-height:min(900px,calc(100vh - var(--hand-dock-collapsed-height) - 174px));overflow:auto;pointer-events:auto}.solo-panel-header h2,.solo-ghost-summary h3,.solo-panel-section summary,.solo-last-progress p,.solo-last-progress ul,.solo-challenge-card p,.solo-active-constraint p,.solo-claimed-objectives{margin:0}.solo-rules-summary{display:flex;flex-wrap:wrap;gap:6px}.solo-rules-summary span{border:1px solid #cbd5e1;border-radius:999px;padding:3px 7px;background:#f8fafc;color:#344054;font-size:.7rem;font-weight:800}.solo-ghost-summary{display:grid;gap:8px}.solo-ghost-summary h3{font-size:.95rem}.solo-stat-grid,.solo-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.solo-stat-grid>div,.solo-result-grid>div{display:grid;gap:2px;min-width:0;border-left:3px solid #94a3b8;padding:5px 8px;background:#f8fafc}.solo-stat-grid dt,.solo-result-grid dt{color:#526070;font-size:.72rem;font-weight:800}.solo-stat-grid dd,.solo-result-grid dd{min-width:0;overflow-wrap:anywhere}.solo-objective-marker-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.solo-objective-marker-list span{display:grid;gap:2px;min-width:0;border-bottom:2px solid #821546;padding:4px}.solo-objective-marker-list b{overflow:hidden;font-size:.66rem;text-overflow:ellipsis}.solo-objective-marker-list small{color:#526070;font-weight:900}.solo-panel-section{border-top:1px solid #d6dee7;padding-top:8px}.solo-panel-section summary{cursor:pointer;color:#17202a;font-size:.86rem;font-weight:900}.solo-panel-section[open] summary{margin-bottom:8px}.solo-challenge-list{display:grid;gap:8px}.solo-challenge-card{display:grid;gap:6px;border-left:5px solid #64748b;padding:8px 9px;background:#f8fafc}.solo-challenge-card.green{border-left-color:#15803d}.solo-challenge-card.yellow{border-left-color:#ca8a04}.solo-challenge-card.red{border-left-color:#dc2626}.solo-challenge-card.completed{opacity:.68}.solo-challenge-card header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px}.solo-challenge-card header b{color:#526070;font-size:.68rem;text-transform:uppercase}.solo-challenge-card p,.solo-last-progress li{color:#344054;font-size:.78rem;line-height:1.35}.solo-active-constraint{display:grid;gap:3px;border-top:1px dashed #d97706;padding-top:6px;color:#92400e}.solo-last-progress{display:grid;gap:5px;border-left:3px solid #7c3aed;padding:7px 9px;background:#f5f3ff}.solo-last-progress ul{display:grid;gap:3px;padding-left:18px}.solo-lifeform-race{display:grid;gap:7px}.solo-lifeform-race>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px;font-size:.8rem}.solo-progress-pips{grid-column:1 / -1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.solo-progress-pips i{height:5px;border-radius:99px;background:#cbd5e1}.solo-progress-pips i.removed{background:#821546}.solo-claimed-objectives{display:flex;align-items:baseline;gap:7px;margin-top:9px;color:#526070;font-size:.78rem}.solo-claimed-objectives strong{color:#17202a}.solo-result{display:grid;gap:10px;margin-bottom:16px;border-left:6px solid #dc2626}.solo-result.won{border-left-color:#15803d}.solo-result-reason{margin:0;color:#991b1b;font-weight:800}.scientist-token.ghost-scientist{outline:2px dashed #f8fafc;outline-offset:2px;filter:drop-shadow(0 0 3px rgba(130,21,70,.9))}.objective-marker-dot.ghost-objective-marker{outline:2px dashed #f8fafc;outline-offset:1px}.board-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.board-artwork{position:relative;width:min(100%,1040px);aspect-ratio:1;min-width:0;height:auto;margin-inline:auto;margin-bottom:12px;border:1px solid transparent;border-radius:8px;overflow:visible;background:transparent}.hotspot-scene-frame{position:relative;min-width:0;height:auto;overflow:hidden}.hotspot-scene-frame-inner{position:absolute;min-width:0;min-height:0}.hotspot-scene-frame.preview .hotspot-scene-frame-inner{pointer-events:none}.hotspot-scene-background{position:absolute;display:block;object-fit:fill}.hotspot-scene-frame.hotspots-debug-scene-frame{overflow:visible}.board-artwork .board-image{position:absolute;display:block;object-fit:contain}.board-supply-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;color:#17202a;pointer-events:none}.board-action-tile-overlay,.board-action-marker-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.board-action-tile-overlay{z-index:2}.board-action-marker-overlay{z-index:3}.board-action-tile{position:absolute;display:block;margin:0;transform:rotate(var(--tile-rotation));transform-origin:center;filter:drop-shadow(0 6px 10px rgba(15,23,42,.24))}.board-action-tile img{width:100%;height:100%;display:block;object-fit:contain}.board-action-marker{position:absolute;display:flex;align-items:center;justify-content:center;gap:4px}.board-supply-group{display:contents}.board-staged-claims{position:absolute;right:clamp(8px,1.2vw,14px);top:clamp(8px,1.2vw,14px);z-index:3;display:grid;gap:6px;width:min(280px,34%);border:1px solid transparent;border-radius:8px;padding:8px;background:transparent;color:#17202a;box-shadow:none;text-shadow:0 1px 2px rgba(255,255,255,.86),0 0 3px rgba(255,255,255,.7)}.board-artwork.has-board-entropy-exchange .board-staged-claims{top:clamp(58px,5.2vw,68px)}.board-staged-claims>strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.board-staged-claims>div{display:grid;gap:6px}.board-staged-claim{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:7px}.board-staged-claim img{width:42px;height:42px;border:1px solid transparent;border-radius:6px;object-fit:contain;background:transparent}.board-staged-claim span{min-width:0;display:grid;gap:1px}.board-staged-claim b,.board-staged-claim small{min-width:0;overflow-wrap:anywhere}.board-staged-claim b{color:#17202a;font-size:.76rem;line-height:1.1}.board-staged-claim small{color:#526070;font-size:.66rem;font-weight:800;line-height:1.14}.board-supply-piece{position:absolute;z-index:2;display:grid;min-width:0;min-height:0}.board-supply-piece.objective-marker-piece{z-index:3;pointer-events:none}.board-generation-track-markers{pointer-events:none}.board-supply-piece.generation-marker-piece{z-index:3;place-items:center;pointer-events:none}.board-generation-marker-image{position:absolute;left:calc(50% + var(--generator-marker-offset-x, 0%));top:calc(50% + var(--generator-marker-offset-y, 0%));display:block;width:42%;max-width:42%;height:auto;max-height:56%;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 1px 2px rgba(15,23,42,.5));pointer-events:none;-webkit-user-select:none;user-select:none}.board-supply-piece .supply-tile{width:100%;height:100%;min-height:0}.board-hotspot-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.board-hotspot-layer:has(.board-detail-backdrop){z-index:1200}.board-entropy-exchange-control{position:absolute;top:clamp(10px,1.4vw,16px);right:clamp(10px,1.4vw,16px);z-index:5;min-width:136px;min-height:40px;border:1px solid rgba(23,32,42,.24);border-radius:8px;padding:8px 12px;background:#fff;color:#17202a;box-shadow:0 10px 26px #0f172a33;cursor:pointer;font:inherit;font-size:.86rem;font-weight:900;pointer-events:auto}.board-entropy-exchange-control:hover:not(:disabled),.board-entropy-exchange-control:focus-visible{border-color:#2563eb;outline:2px solid rgba(37,99,235,.32);outline-offset:2px}.board-entropy-exchange-control:disabled{cursor:not-allowed;opacity:.62}.board-entropy-exchange-dialog{width:min(420px,100%)}.hotspot-button,.hotspot-anchor{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid transparent;padding:0;min-height:0;background:transparent;box-shadow:none;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,opacity .14s ease}.hotspot-button{min-width:var(--hotspot-min-size, 24px);min-height:var(--hotspot-min-size, 24px);pointer-events:auto}.hotspot-button:disabled{opacity:1;cursor:default}.hotspot-button:hover:not(:disabled),.hotspot-button:focus-visible{border-color:#2f80edad;outline:2px solid rgba(47,128,237,.22);outline-offset:2px}.hotspot-button.debug-visible,.hotspot-anchor.debug-visible{border-color:currentColor;box-shadow:0 0 0 1px #0f172a80}.hotspot-anchor{pointer-events:none}.hotspot-anchor.debug-visible{pointer-events:auto;cursor:move}.hotspot-button.attention .hotspot-attention-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid rgba(47,128,237,.9);border-radius:inherit;background:#2f80ed1a;box-shadow:0 0 0 4px #2f80ed1f;animation:hotspot-pulse 1.35s ease-in-out infinite}.hotspot-debug-info{position:absolute;left:calc(100% + 4px);top:50%;z-index:20;display:grid;gap:2px;width:max-content;max-width:220px;transform:translateY(-50%) rotate(var(--hotspot-counter-rotation, 0deg));border:1px solid rgba(15,23,42,.9);border-radius:4px;padding:5px 7px;background:#0f172af5;color:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;line-height:1.15;overflow-wrap:anywhere;text-align:left;text-transform:uppercase;pointer-events:none}.hotspot-debug-info small{color:#cbd5e1;font-size:.6rem;text-transform:none}.hotspot-resize-handle{position:absolute;right:-5px;bottom:-5px;z-index:21;width:13px;height:13px;border:1px solid #0f172a;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #0f172a73;cursor:nwse-resize;pointer-events:auto}.hotspot-rotate-handle{position:absolute;right:-24px;top:50%;z-index:21;width:12px;height:12px;transform:translateY(-50%);border:1px solid #0f172a;border-radius:999px;background:#facc15;box-shadow:0 0 0 1px #0f172a73,0 0 0 6px #facc1529;cursor:grab;pointer-events:auto}.hotspot-rotate-handle:active{cursor:grabbing}@keyframes hotspot-pulse{0%,to{opacity:.7}50%{opacity:1}}.board-zone{position:absolute;z-index:1;display:grid;grid-template-rows:minmax(0,1fr);gap:3px;padding:clamp(3px,.55vw,7px);border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;overflow:hidden}.board-zone.overflow-zone{display:none}.board-zone-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}.board-zone-content{min-height:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:clamp(2px,.45vw,6px);overflow:hidden}.overflow-zone .board-zone-content{align-content:flex-end;justify-content:flex-end}.star-zone .board-zone-content,.planet-zone .board-zone-content,.biome-zone .board-zone-content,.main-objective-zone .board-zone-content{align-items:flex-start}.life-card-zone .board-zone-content,.lifeform-objective-zone .board-zone-content{flex-wrap:nowrap}.supply-tile,.life-card-supply,.objective-tile{position:relative;min-width:0;border:1px solid rgba(148,163,184,.56);border-radius:5px;background:#ffffffe6;box-shadow:0 1px 2px #0f172a14}.board-artwork .supply-tile,.board-artwork .life-card-supply,.board-artwork .objective-tile{border-color:transparent;background:transparent;box-shadow:none}.supply-tile{width:clamp(46px,7.2vw,78px);min-height:clamp(50px,7.4vw,82px);display:grid;justify-items:center;align-content:stretch;padding:2px}.board-supply-piece .supply-tile{grid-template-rows:minmax(0,1fr);width:100%;height:100%;padding:clamp(1px,.3vw,3px)}.board-supply-piece .supply-stack{grid-template-rows:minmax(0,1fr)}.supply-tile strong,.supply-tile span,.life-card-supply strong,.life-card-supply span,.objective-tile strong,.objective-tile span,.objective-tile b{max-width:100%;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supply-tile strong,.life-card-supply strong,.objective-tile strong{color:#1f2933;font-size:clamp(.48rem,.78vw,.68rem);font-weight:900}.supply-tile span,.life-card-supply span,.objective-tile span{color:#526070;font-size:clamp(.44rem,.68vw,.6rem);font-weight:800;text-transform:uppercase}.stacked-thumb{position:relative;width:clamp(30px,4.7vw,50px);height:clamp(22px,3.4vw,38px)}.board-supply-piece .stacked-thumb{align-self:center;width:100%;height:100%}.stacked-thumb img,.thumb-fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:4px;transform:none;filter:drop-shadow(0 1px 1px rgba(15,23,42,.24))}.board-supply-piece .stacked-thumb img,.board-supply-piece .thumb-fallback{width:100%;height:100%;transform:none}.board-artwork .stacked-thumb img,.board-artwork .thumb-fallback{border-color:transparent;background:transparent;box-shadow:none;filter:none}.stack-count-badge{position:absolute;right:-2px;bottom:-2px;min-width:1.35em;border:1px solid rgba(15,23,42,.72);border-radius:999px;padding:1px 4px;background:#0f172ae0;color:#f8fafc;font-size:clamp(.48rem,.72vw,.64rem);font-weight:900;line-height:1.15;text-align:center}.board-artwork .stack-count-badge{border-color:transparent;background:transparent;box-shadow:none;color:#f8fafc;text-shadow:0 1px 2px rgba(15,23,42,.88),0 0 4px rgba(15,23,42,.78)}.thumb-fallback{display:grid;place-items:center;border:1px solid rgba(15,23,42,.18);background:#e2e8f0;color:#1f2933;font-size:.72rem;font-weight:900}.board-artwork .thumb-fallback{color:#f8fafc;text-shadow:0 1px 2px rgba(15,23,42,.88),0 0 4px rgba(15,23,42,.78)}.tone-star{border-color:#d69e2e7a}.tone-heat,.tone-abundant{border-color:#e15d3a7a}.tone-carbon,.tone-bacteria{border-color:#2f80ed7a}.tone-water,.tone-plant{border-color:#38a1697a}.tone-radiation,.tone-scarce,.tone-animal{border-color:#851c4b7a}.life-card-supply{flex:1 1 0;min-width:0;display:grid;gap:2px;padding:4px 5px}.life-offer-row{display:flex;min-width:0;gap:3px;overflow:hidden}.life-offer-card{min-width:0;max-width:96px;border-radius:4px;padding:2px 4px;background:#f8fafc;color:#1f2933!important;text-transform:none!important}.board-artwork .life-offer-card{border-color:transparent;background:transparent;box-shadow:none;color:#f8fafc!important;text-shadow:0 1px 2px rgba(15,23,42,.88),0 0 4px rgba(15,23,42,.78)}.supply-overflow-summary{display:flex;flex-wrap:wrap;justify-content:flex-end;align-content:start;gap:2px;margin-left:auto}.supply-overflow-row{min-width:0;display:inline-grid;min-height:18px;min-width:28px;place-items:center;align-items:center;border:1px solid rgba(148,163,184,.42);border-radius:999px;padding:2px 4px;background:#ffffffdb;color:#1f2933;font-size:clamp(.42rem,.68vw,.58rem);font-weight:900}.board-artwork .supply-overflow-row{border-color:transparent;background:transparent;box-shadow:none;color:#f8fafc;text-shadow:0 1px 2px rgba(15,23,42,.88),0 0 4px rgba(15,23,42,.78)}.supply-overflow-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.objective-tile{min-width:clamp(70px,11vw,120px);display:grid;gap:3px;padding:4px 6px}.board-supply-piece .objective-tile{width:100%;height:100%;min-width:0}.objective-marker-row{display:flex;gap:3px}.objective-marker-dot{width:clamp(15px,2.1vw,22px);height:clamp(15px,2.1vw,22px);display:grid;place-items:center;border-radius:999px;background:var(--marker-color);color:#fff!important;font-size:clamp(.48rem,.78vw,.66rem)!important;font-weight:900;text-transform:none!important}.objective-marker-dot.positioned{position:absolute;left:50%;top:50%;transform:translate(calc(-50% + var(--marker-offset-x, 0px)),calc(-50% + var(--marker-offset-y, 0px)));filter:drop-shadow(0 1px 2px rgba(15,23,42,.42))}.lifeform-objective-tile{flex:1 1 0;min-width:0}.lifeform-objective-tile{display:grid;place-items:center;gap:2px;padding:2px}.lifeform-objective-tile img{width:100%;min-width:0;max-height:100%;object-fit:contain}.board-supply-piece .lifeform-objective-tile{min-height:0;overflow:hidden}.board-supply-piece .lifeform-objective-tile img{height:100%}.board-supply-piece .lifeform-objective-tile .stack-count-badge{right:1px;bottom:1px}.lifeform-objective-tile.claimed:after{content:"";position:absolute;right:4px;top:4px;width:7px;height:7px;border-radius:999px;background:#15803d}.token-row{display:flex;min-height:22px;gap:6px;margin-top:6px}.scientist-token,.creation-token{display:grid;flex:0 0 auto;place-items:center;background:var(--token)}.scientist-token{width:16px;height:22px;overflow:hidden;border-radius:3px}.creation-token{width:18px;height:18px;border-radius:4px}.scientist-token img,.creation-token img{display:block;width:100%;height:100%;object-fit:contain}.player-region{grid-column:1 / -1;grid-row:1;z-index:2;display:grid;grid-template-columns:var(--player-side-column) var(--board-column) var(--player-side-column);gap:16px;align-items:start;min-width:0;pointer-events:none}.player-region:focus-visible{outline:2px solid #2563eb;outline-offset:4px}.player-card{border:1px solid #d6dee7;border-radius:8px;padding:12px;background:#fffffff2;box-shadow:0 1px 2px #0f172a0f}.player-card.active-turn{border-color:#2f80ed;animation:active-player-card-pulse 1.8s ease-in-out infinite}.player-area{min-width:0;pointer-events:auto}.player-region .solar-detail-backdrop,.player-region .starting-preview-backdrop{pointer-events:auto}.player-area[data-player-side=left]{grid-column:1}.player-area[data-player-side=right]{grid-column:3}.player-area header{grid-template-columns:auto minmax(0,1fr) auto auto}.player-area header strong{min-width:0;overflow-wrap:anywhere}.player-area-toggle{min-height:30px;border:1px solid #cbd5e1;border-radius:6px;padding:5px 9px;background:#f8fafc;color:#17202a;cursor:pointer;font:inherit;font-size:.75rem;font-weight:800}.player-area-toggle:hover{border-color:#9fb1c6;background:#eef4fa}.player-area-toggle:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.player-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}.player-card .player-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.player-lifeform-summary{display:grid;gap:8px;margin-top:10px;border-top:1px solid #d6dee7;padding-top:9px}.player-card .player-lifeform-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}.player-lifeform-totals>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px}.player-lifeform-totals dt{min-width:0;display:flex;align-items:center;gap:2px;color:#526070;font-size:.62rem;font-weight:800}.player-lifeform-totals dt span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-lifeform-totals img{width:18px;height:18px;flex:0 0 18px;object-fit:contain}.player-lifeform-totals dd{margin:0;font-size:.84rem}.player-claimed-lifeform-objectives{display:grid;gap:5px}.player-claimed-lifeform-objectives>strong{color:#344054;font-size:.7rem}.player-claimed-lifeform-objectives ul{display:flex;gap:6px;margin:0;padding:0 0 2px;overflow-x:auto;list-style:none}.player-claimed-lifeform-objectives li{flex:0 0 124px;min-width:124px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:5px}.player-claimed-lifeform-objectives li img{width:34px;height:51px;object-fit:contain}.player-claimed-lifeform-objectives li span,.player-claimed-lifeform-objectives-empty{color:#526070;font-size:.65rem;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.player-vp-counter{display:grid;grid-template-columns:auto 2.1rem;align-items:center;gap:4px;min-width:0}.player-resource-counter{position:relative}.player-resource-counter>.player-counter-change-slot{position:absolute;right:0;bottom:-1px}.player-counter-change-slot{width:2.05rem;min-height:1.35rem;display:grid;place-items:center}.player-counter-change{min-width:1.9rem;border:1px solid currentColor;border-radius:999px;padding:1px 3px;font-size:.72rem;font-weight:900;line-height:1.25;text-align:center;text-transform:none;box-shadow:0 2px 8px #0f172a29;animation:player-counter-change-pop 4s ease-out both}.player-counter-change[data-direction=gain]{background:#dcfce7;color:#166534}.player-counter-change[data-direction=loss]{background:#fee2e2;color:#991b1b}.announcement-live-host{position:fixed;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.player-card div{min-width:0}.player-area-details{display:grid;gap:12px}.player-area-details[hidden]{display:none}.player-console-board{position:relative;display:block;width:100%;min-height:0;overflow:hidden;border:1px solid #c3cbd6;border-radius:8px;background:#d8c888;box-shadow:inset 0 0 0 1px #ffffff6b}.player-console-shell{min-width:0}.player-console-open-surface{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;font:inherit;cursor:pointer}.player-console-open-surface:hover,.player-console-open-surface:focus-visible{border-color:#2f80ed;outline:2px solid rgba(47,128,237,.34);outline-offset:2px}.player-console-bg{position:absolute;display:block;object-fit:fill;opacity:.78}.console-focus-aid{position:absolute;z-index:2;display:grid;grid-template-columns:minmax(42px,32%) minmax(0,1fr);align-items:center;gap:6px;border:1px solid rgba(15,23,42,.28);border-radius:7px;padding:4px 7px;background:#ffffffe0;color:#17202a;font-size:.74rem;font-weight:900;font-family:inherit;box-shadow:0 4px 10px #0f172a24}.console-focus-aid img{width:100%;aspect-ratio:16 / 9;object-fit:contain}.console-generator-track{position:absolute;z-index:2;pointer-events:none}.console-generator-space{position:absolute;min-width:0;min-height:31px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(15,23,42,.28);border-radius:7px;padding:3px 2px 2px;background:#ffffffdb;color:#17202a;font-family:inherit;font-weight:900;box-shadow:0 3px 8px #0f172a24}.console-generator-space.active{border-color:#047857c7;background:#ecfdf5f0}.console-generator-position{position:absolute;top:2px;left:2px;display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#0f172a14;font-size:.55rem;line-height:1}.console-generator-benefits{display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:0;width:100%;padding-left:10px}.console-generator-discount,.console-generator-vp{display:inline-flex;align-items:center;justify-content:center;gap:1px;min-width:0;font-size:.55rem;line-height:1}.console-generator-discount img,.console-generator-vp img{width:9px;height:9px;object-fit:contain}.console-generator-discount small{color:#516071;font-size:.52rem}.console-generator-vp{color:#8f3f08}.console-generator-marker{position:absolute;width:18px;height:18px;right:-4px;bottom:-5px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(15,23,42,.35))}.console-token{position:absolute;z-index:2;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:0;padding:0;background:#ffffffdb;font:inherit;box-shadow:0 2px 6px #0f172a2e}.console-token img{display:block;width:86%;height:86%;object-fit:contain}.console-token.status-onBoard,.console-token.status-lyingDown{opacity:.52}.console-focus-card{position:absolute;z-index:2;min-width:0;display:grid;place-items:center;border:1px solid rgba(15,23,42,.26);border-radius:7px;padding:3px;background:#ffffffe0;color:#17202a;font:inherit;box-shadow:0 4px 10px #0f172a24}.console-detail-selector{cursor:pointer}.console-detail-selector:hover,.console-detail-selector:focus-visible,.console-detail-selector.selected{border-color:#2f80ed;outline:2px solid rgba(47,128,237,.34);outline-offset:2px}.console-detail-board{min-height:0}.console-focus-card img{width:100%;height:100%;min-width:0;min-height:0;border-radius:6px;object-fit:contain;background:#f8fafc}.solar-systems{display:grid;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #e2e8f0}.solar-systems-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.solar-systems-heading strong{color:#344054;font-size:.78rem;font-weight:800}.solar-systems-heading span{color:#526070;font-size:.76rem;font-weight:800}.solar-system-list{display:grid;gap:10px}.solar-system-tile{display:grid;gap:10px;min-width:0;border:1px solid rgba(148,163,184,.38);border-radius:8px;padding:10px;background:linear-gradient(180deg,#fffffffa,#f1f5f9f0),#fffffff5;box-shadow:0 10px 24px #0f172a14}.solar-system-tile>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px}.solar-system-tile>header strong{min-width:0;color:#17202a;font-size:.88rem;overflow-wrap:anywhere}.solar-system-tile>header span{grid-column:1;color:#667485;font-size:.72rem;font-weight:800;white-space:nowrap}.solar-system-open{grid-column:2;grid-row:1 / span 2;min-height:30px;border:1px solid #cbd5e1;border-radius:6px;padding:5px 9px;background:#f8fafc;color:#17202a;font-size:.72rem;font-weight:900}.solar-system-open-surface{display:block;width:100%;border:0;padding:0;background:transparent;text-align:left;font:inherit;cursor:pointer}.solar-system-open-surface:hover .solar-system-board,.solar-system-open-surface:focus-visible .solar-system-board{border-color:#2f80ed;outline:2px solid rgba(47,128,237,.34);outline-offset:2px}.solar-system-board{position:relative;isolation:isolate;width:100%;min-height:0;margin:4px 0 6px;overflow:hidden;border:1px solid rgba(29,44,84,.72);border-radius:8px;background:radial-gradient(circle at 50% 50%,#2563eb42,#0f172a0f 48%,#0f172a8a),#10193b;box-shadow:inset 0 0 0 1px #ffffff14,0 14px 28px #0f172a2e}.solar-system-board-art{position:absolute;z-index:0;object-fit:fill;border-radius:inherit;filter:saturate(1.1) contrast(1.04)}.solar-slot{position:absolute;display:grid;place-items:center;min-width:0;transform:translate(-50%,-50%)}.solar-slot.occupied:before{content:"";position:absolute;top:7%;right:7%;bottom:7%;left:7%;z-index:-1;border-radius:inherit;background:radial-gradient(circle,rgba(255,255,255,.2),rgba(59,130,246,.09) 44%,transparent 68%);filter:blur(1px)}.solar-slot.empty{border:1px dashed rgba(255,255,255,.3);border-radius:999px;background:#050c2142}.solar-star-slot{left:50%;top:50%;z-index:4;width:28%;aspect-ratio:1;border-radius:999px}.solar-planet-slot{top:50%;z-index:3;width:32%;aspect-ratio:756 / 442;border-radius:18%/28%}.solar-planet-slot.planet-slot-0{left:22%}.solar-planet-slot.planet-slot-1{left:78%}.solar-component-image{display:block;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(0,0,0,.48)) drop-shadow(0 0 8px rgba(255,255,255,.1))}.solar-component-image.star,.solar-component-image.planet{width:100%;height:100%}.solar-asteroid-slot{position:absolute;left:14%;display:grid;place-items:center;width:24%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:999px}.solar-asteroid-slot.asteroid-slot-0{top:24%}.solar-asteroid-slot.asteroid-slot-1{top:76%}.solar-asteroid-slot.empty{border:1px dashed rgba(255,255,255,.35);background:#080f2252}.solar-component-image.asteroid{width:100%;height:100%}.solar-biome-thumbnail,.solar-played-life-cards,.solar-lifeform-stack{position:absolute;z-index:3}.solar-biome-thumbnail{right:6%;bottom:3%;width:42%;aspect-ratio:3 / 1;display:grid;place-items:center;border-radius:4px;filter:drop-shadow(0 2px 4px rgba(15,23,42,.42));overflow:hidden}.solar-biome-thumbnail img,.solar-card-thumbnail img,.solar-lifeform-token img{display:block;width:100%;height:100%;object-fit:contain}.solar-played-life-cards{right:45%;bottom:2%;display:flex;align-items:end;gap:2px;max-width:42%}.solar-card-thumbnail{width:clamp(18px,2.3vw,32px);aspect-ratio:488 / 744;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(15,23,42,.28);border-radius:3px;background:#f8fafc;color:#17202a;font-size:.48rem;font-weight:900;line-height:1;filter:drop-shadow(0 1px 2px rgba(15,23,42,.38))}.solar-card-thumbnail span{padding:2px;overflow:hidden;text-overflow:ellipsis}.solar-card-overflow{align-self:end;min-width:18px;border-radius:999px;padding:1px 4px;background:#0f172ad6;color:#f8fafc;font-size:.58rem;font-weight:900;line-height:1.3}.solar-lifeform-stack{right:5%;top:4%;display:grid;gap:2px}.solar-lifeform-token{width:clamp(20px,2.5vw,34px);min-height:clamp(18px,2.2vw,30px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px;border:1px solid rgba(15,23,42,.24);border-radius:999px;padding:1px 3px 1px 1px;background:#ffffffe0;color:#17202a;font-size:clamp(.48rem,.92vw,.66rem);font-weight:900;line-height:1;filter:drop-shadow(0 1px 2px rgba(15,23,42,.36))}.solar-lifeform-token img{min-width:0}.solar-lifeform-token b{color:#17202a;font-size:inherit}.solar-system-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:6px}.solar-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;border:1px solid #e2e8f0;border-left:4px solid #94a3b8;border-radius:6px;padding:7px 8px;background:#ffffffe0}.solar-summary-row strong{min-width:0;color:#17202a;font-size:.78rem;overflow-wrap:anywhere}.solar-summary-row span{color:#526070;font-size:.7rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.solar-summary-row small{grid-column:1 / -1;min-width:0;color:#526070;font-size:.72rem;line-height:1.25;overflow-wrap:anywhere}.solar-summary-row.star{border-color:#f59e0b}.solar-summary-row.planet.tone-heat{border-color:#dc2626}.solar-summary-row.planet.tone-carbon{border-color:#166534}.solar-summary-row.planet.tone-water{border-color:#2563eb}.solar-summary-row.planet.tone-radiation{border-color:#7c3aed}.solar-system-section{display:grid;gap:5px;min-width:0}.solar-system-section-label{color:#667485;font-size:.68rem;font-weight:900;text-transform:uppercase}.solar-item-list{display:grid;gap:5px}.solar-item-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;border-left:3px solid #94a3b8;padding:6px 7px;background:#fff}.solar-item-row strong{min-width:0;color:#17202a;font-size:.78rem;overflow-wrap:anywhere}.solar-item-row span{color:#526070;font-size:.7rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.solar-item-row small{grid-column:1 / -1;min-width:0;color:#526070;font-size:.72rem;line-height:1.25;overflow-wrap:anywhere}.solar-item-row.star{border-color:#f59e0b}.solar-item-row.planet.tone-heat{border-color:#dc2626}.solar-item-row.planet.tone-carbon{border-color:#166534}.solar-item-row.planet.tone-water{border-color:#2563eb}.solar-item-row.planet.tone-radiation{border-color:#7c3aed}.solar-system-empty{margin:0;color:#667485;font-size:.78rem;font-weight:800}.solar-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:clamp(10px,2.6vw,24px);background:radial-gradient(circle at 50% 42%,rgba(59,130,246,.2),transparent 32%),#0f172ac2}.solar-detail-dialog{display:grid;gap:12px;width:min(1240px,100%);max-height:calc(100vh - 20px);overflow:auto;border:1px solid rgba(203,213,225,.84);border-radius:8px;padding:16px;background:linear-gradient(180deg,#f8fafcfa,#e2e8f0f5),#fff;color:#17202a;box-shadow:0 24px 64px #0f172a61}.solar-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px}.solar-detail-header div{min-width:0;display:grid;gap:2px}.solar-detail-header h3{margin:0;color:#17202a;font-size:1rem;overflow-wrap:anywhere}.solar-detail-header span{color:#526070;font-size:.78rem;font-weight:800}.solar-detail-close{min-height:34px;border-radius:6px;padding:6px 12px;background:#f8fafc;font-size:.82rem;font-weight:900}.solar-detail-layout{display:grid;grid-template-columns:minmax(520px,1fr) minmax(280px,360px);gap:16px;align-items:start}.solar-detail-stage{display:grid;gap:10px;min-width:0}.solar-detail-system-button{justify-self:start;min-height:34px;max-width:100%;border-radius:6px;padding:6px 10px;background:#f8fafc;color:#17202a;font-size:.82rem;font-weight:900;overflow-wrap:anywhere}.solar-detail-board{min-height:0;margin:4px 8px 8px}.solar-detail-selector{border:1px solid rgba(226,232,240,.68);border-radius:7px;padding:0;background:#ffffff14;color:#17202a;line-height:1;box-shadow:0 0 0 1px #0f172a1f,0 8px 18px #0f172a1f}.solar-detail-selector:hover,.solar-detail-selector:focus-visible,.solar-detail-selector.selected,.solar-detail-system-button.selected{border-color:#2f80ed;outline:2px solid rgba(47,128,237,.34);outline-offset:2px}.solar-detail-star-layer{position:absolute;left:50%;top:50%;z-index:6;width:28%;aspect-ratio:1;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;transform:translate(-50%,-50%)}.solar-detail-star-button,.solar-detail-planet-button,.solar-detail-asteroid-button,.solar-detail-biome-button{position:relative;display:grid;place-items:center;min-width:0;min-height:0}.solar-detail-star-button{width:100%;height:100%;border-radius:999px}.solar-detail-planet-layer{position:absolute;top:50%;z-index:3;width:32%;aspect-ratio:756 / 442;transform:translate(-50%,-50%)}.solar-detail-planet-layer.planet-slot-0{left:22%}.solar-detail-planet-layer.planet-slot-1{left:78%}.solar-detail-planet-layer.empty{border:1px dashed rgba(255,255,255,.35);border-radius:999px;background:#080f223d}.solar-detail-planet-button{width:100%;height:100%}.solar-detail-asteroid-button{position:absolute;left:14%;z-index:4;width:24%;aspect-ratio:1;border-radius:999px;clip-path:circle(50%);transform:translate(-50%,-50%)}.solar-detail-asteroid-button.asteroid-slot-0{top:24%}.solar-detail-asteroid-button.asteroid-slot-1{top:76%}.solar-detail-biome-button{position:absolute;right:6%;bottom:3%;z-index:5;width:42%;aspect-ratio:3 / 1;overflow:hidden}.solar-detail-biome-button img{display:block;width:100%;height:100%;object-fit:contain}.solar-detail-life-card-buttons{position:absolute;right:45%;bottom:1%;z-index:5;display:flex;align-items:end;gap:3px;max-width:42%}.solar-detail-life-card-button{width:clamp(28px,3.4vw,52px);aspect-ratio:488 / 744;display:grid;place-items:center;overflow:hidden;background:#f8fafc}.solar-detail-life-card-button img{display:block;width:100%;height:100%;object-fit:cover}.solar-detail-life-card-button span{padding:3px;font-size:.54rem;font-weight:900;line-height:1.05;overflow-wrap:anywhere}.solar-detail-lifeform-buttons{position:absolute;right:5%;top:4%;z-index:5;display:grid;gap:3px}.solar-detail-lifeform-button{min-height:28px;display:grid;grid-template-columns:26px auto;align-items:center;gap:2px;border-radius:999px;padding:1px 5px 1px 1px;background:#ffffffe6}.solar-detail-lifeform-button img{width:26px;height:26px;object-fit:contain}.solar-detail-lifeform-button b{color:#17202a;font-size:.72rem;font-weight:900}.solar-detail-panel{min-width:0;display:grid;gap:10px;border:1px solid rgba(203,213,225,.86);border-radius:8px;padding:12px;background:#ffffffe6;box-shadow:0 10px 22px #0f172a14}.solar-detail-panel-image{width:min(100%,220px);max-height:220px;justify-self:center;border:1px solid #d6dee7;border-radius:6px;background:#fff;object-fit:contain}.solar-detail-panel-copy{display:grid;gap:7px;min-width:0}.solar-detail-panel-copy h4,.solar-detail-panel-copy p,.solar-detail-panel-copy dl{margin:0}.solar-detail-panel-copy h4{color:#17202a;font-size:.98rem;overflow-wrap:anywhere}.solar-detail-panel-copy p{color:#526070;font-size:.82rem;font-weight:800;overflow-wrap:anywhere}.solar-detail-panel-copy dl{display:grid;gap:6px}.solar-detail-panel-copy dl>div{display:grid;grid-template-columns:minmax(86px,.42fr) minmax(0,1fr);gap:8px;align-items:start}.solar-detail-panel-copy dt{color:#64748b;font-size:.72rem;font-weight:900;line-height:1.25}.solar-detail-panel-copy dd{min-width:0;color:#17202a;font-size:.82rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.starting-setup{display:grid;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #e2e8f0}.starting-setup-heading,.starting-setup-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 10px}.starting-setup-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:0;border-radius:6px;padding:0;background:transparent;cursor:pointer;font:inherit;text-align:left}.starting-setup-toggle:hover{color:#0f172a}.starting-setup-toggle:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.starting-setup-heading strong,.starting-setup-row span{color:#344054;font-size:.78rem;font-weight:800}.starting-setup-heading b{color:#526070;font-size:.74rem;font-weight:900}.starting-setup-heading span,.starting-setup-row strong{color:#17202a;font-size:.82rem;overflow-wrap:anywhere;text-align:right}.starting-setup-content{display:grid;gap:8px}.starting-setup-content[hidden]{display:none}.starting-components{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.starting-component-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;width:100%;min-width:0;min-height:58px;border:1px solid #d6dee7;border-radius:8px;padding:5px;background:#f8fafc;color:inherit;cursor:pointer;font:inherit;text-align:left}.starting-component-button:hover{border-color:#9fb1c6;background:#eef4fa}.starting-component-button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.starting-components img{width:48px;height:48px;border-radius:6px;background:#f8fafc;object-fit:contain}.starting-component-caption{display:grid;min-width:0;line-height:1.25}.starting-component-caption strong{color:#667485;font-size:.72rem}.starting-component-caption span{color:#17202a;font-size:.82rem;font-weight:800;overflow-wrap:anywhere}.starting-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:clamp(12px,3vw,28px);background:#0f172aa8}.starting-preview-dialog{display:grid;gap:12px;width:min(520px,100%);max-height:calc(100vh - 24px);overflow:auto;border:1px solid #cbd5e1;border-radius:8px;padding:14px;background:#fff;box-shadow:0 24px 60px #0f172a57}.starting-preview-close{justify-self:end;min-height:34px;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;background:#f8fafc;color:#17202a;cursor:pointer;font:inherit;font-size:.82rem;font-weight:800}.starting-preview-close:hover{background:#eef4fa}.starting-preview-close:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.starting-preview-copy{display:grid;gap:2px;min-width:0}.starting-preview-copy h3,.starting-preview-copy p{margin:0;overflow-wrap:anywhere}.starting-preview-copy h3{color:#17202a;font-size:1rem}.starting-preview-copy p{color:#526070;font-size:.86rem;font-weight:800}.starting-preview-image{display:block;width:min(100%,460px);max-height:min(68vh,620px);justify-self:center;border:1px solid #d6dee7;border-radius:8px;background:#f8fafc;object-fit:contain}.board-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:clamp(12px,3vw,28px);background:#0f172aa8;pointer-events:auto}.board-detail-dialog{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:10px;position:relative;width:min(560px,100%);max-height:calc(100vh - 24px);overflow:hidden;border:1px solid #cbd5e1;border-radius:8px;padding:14px;background:#fff;box-shadow:0 24px 60px #0f172a57}.board-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;min-width:0}.board-detail-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;min-width:0;padding-right:2px}.board-detail-heading>div{display:grid;gap:2px;min-width:0}.board-detail-status-dot{width:10px;height:10px;border-radius:999px;margin-top:6px;background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e,0 0 16px #f59e0b57}.board-detail-heading span{color:#92400e;font-size:.68rem;font-weight:950;text-transform:uppercase}.board-detail-heading h3,.board-detail-heading p{margin:0;overflow-wrap:anywhere}.board-detail-heading h3{color:#17202a;font-size:1rem}.board-detail-heading p{color:#526070;font-size:.82rem;font-weight:800}.board-detail-toolbar{display:flex;flex-wrap:wrap;justify-content:start;gap:8px}.board-detail-close,.board-detail-reset-turn{justify-self:end;min-height:34px;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;background:#f8fafc;color:#17202a;cursor:pointer;font:inherit;font-size:.82rem;font-weight:800}.board-detail-body{display:grid;grid-row:3;gap:12px;min-height:0;overflow:auto;padding-right:2px}.board-detail-close:focus-visible,.board-detail-reset-turn:focus-visible,.board-detail-actions button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.board-detail-image{display:block;width:min(100%,480px);max-height:min(58vh,560px);justify-self:center;border:1px solid #d6dee7;border-radius:8px;background:#f8fafc;object-fit:contain}.board-detail-copy{display:grid;gap:6px;min-width:0}.board-detail-copy dl{margin:0}.board-detail-copy dd{color:#526070;font-size:.86rem;font-weight:800}.board-detail-copy dl{display:grid;gap:4px}.board-detail-copy dl>div{display:grid;grid-template-columns:minmax(86px,auto) minmax(0,1fr);gap:8px;align-items:start;border-left:3px solid #f59e0b;padding:6px 8px;background:#f8fafc}.board-detail-copy dt{color:#475569;font-size:.76rem;font-weight:900;text-transform:uppercase}.board-detail-copy dd{min-width:0;overflow-wrap:anywhere}.board-detail-actions{display:grid;gap:8px}.board-detail-actions button{min-height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;background:#f8fafc;color:#17202a;cursor:pointer;font:inherit;font-size:.86rem;font-weight:800;text-align:left}.board-detail-reset-turn:disabled,.board-detail-actions button:disabled{cursor:not-allowed;opacity:.55}.board-detail-actions button small{display:block;color:#64748b;font-size:.72rem}dd{margin:0;font-weight:900}.hand-panel,.pending-panel,.final-scores-panel,.log-panel{grid-column:1 / -1}.log-panel{min-height:220px}.hand-dock{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));z-index:900;width:min(1360px,calc(100% - 24px));max-height:var(--hand-dock-expanded-height);margin:0 auto;overflow:hidden;border-color:#aab7c4;padding:10px;box-shadow:0 18px 48px #0f172a47}.hand-dock.collapsed{max-height:var(--hand-dock-collapsed-height)}.hand-dock.locked{border-color:#2f80ed}.hand-dock-rail{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:42px}.hand-dock-rail h2,.hand-dock-rail span,.hand-dock-rail small{margin:0;min-width:0;overflow-wrap:anywhere}.hand-dock-rail h2{color:#17202a;font-size:1rem}.hand-dock-rail span,.hand-dock-rail small{color:#526070;font-size:.84rem;font-weight:800}.hand-dock-content{height:calc(var(--hand-dock-expanded-height) - 76px);max-height:calc(var(--hand-dock-expanded-height) - 76px);margin-top:8px;overflow-x:auto;overflow-y:hidden}.hand-dock .hand-card{width:auto;height:100%;flex:0 0 auto}.hand-card-row{height:100%;display:flex;align-items:stretch;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 10px;scrollbar-gutter:stable}.hand-card{position:relative;flex:0 0 clamp(132px,15vw,176px);aspect-ratio:488 / 744;overflow:hidden;border:1px solid #c9d2dc;border-radius:8px;background:#f8fafc;box-shadow:0 8px 18px #0f172a1f}.hand-card.has-image{background:#0f172a}.hand-card-image{display:block;width:100%;height:100%;object-fit:cover}.hand-card-fallback{min-height:100%;display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:12px;background:linear-gradient(180deg,#fffffff0,#f8fafcfa),radial-gradient(circle at 70% 15%,rgba(47,128,237,.12),transparent 32%)}.hand-card.life .hand-card-fallback{border-top:5px solid #2f80ed}.hand-card.mission .hand-card-fallback{border-top:5px solid #16a34a}.hand-card-fallback strong,.hand-card-fallback span,.hand-card-fallback small{min-width:0;overflow-wrap:anywhere}.hand-card-fallback strong{align-self:start;color:#17202a;font-size:.94rem;line-height:1.2}.hand-card-fallback span{align-self:start;color:#526070;font-size:.78rem;line-height:1.3}.hand-card-fallback small{align-self:end;color:#17202a;font-size:.78rem;font-weight:900}.hand-card-detail-button{position:absolute;right:7px;bottom:7px;z-index:2;min-height:28px;border:1px solid rgba(15,23,42,.28);border-radius:6px;padding:4px 8px;background:#ffffffeb;color:#17202a;font-size:.7rem;font-weight:900;box-shadow:0 3px 8px #0f172a2e}.hand-card-detail-button:hover,.hand-card-detail-button:focus-visible{border-color:#2f80ed;outline:2px solid rgba(47,128,237,.2);outline-offset:2px}.pending-panel.active{border-color:#2f80ed}.pending-input-float,.pending-input-float-panel{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(var(--hand-dock-expanded-height) + max(18px,env(safe-area-inset-bottom)));z-index:920;width:min(360px,calc(100vw - 28px));border:1px solid #f0b64b;border-radius:8px;background:linear-gradient(180deg,#fffbebf5,#fffffffa),#fff;color:#17202a;box-shadow:0 0 0 1px #92400e14,0 18px 46px #0f172a3d;animation:pending-panel-enter .14s ease-out}.pending-input-float{display:grid;grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:2px 8px;min-height:54px;padding:8px 12px;text-align:left}.pending-input-float .pending-input-status-dot{grid-row:1 / span 2;margin-top:5px}.pending-input-float strong{min-width:0;overflow-wrap:anywhere}.pending-input-float span{color:#526070;font-size:.78rem;font-weight:800}.pending-input-float-panel{display:grid;gap:8px;padding:10px;max-height:min(560px,calc(100dvh - var(--hand-dock-expanded-height) - max(36px,env(safe-area-inset-bottom))));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.pending-input-summary{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px}.pending-input-status-heading{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px;min-width:0}.pending-input-status-heading>div{display:grid;gap:2px;min-width:0}.pending-input-status-dot{width:10px;height:10px;border-radius:999px;margin-top:6px;background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e,0 0 16px #f59e0b6b;animation:pending-status-dot-pulse 1.6s ease-in-out infinite}.pending-input-status-label{color:#92400e;font-size:.68rem;font-weight:950;text-transform:uppercase}.pending-input-summary h2,.pending-input-summary p,.pending-input-modal .panel-header h2,.pending-input-modal .panel-header p{margin:0}.pending-input-summary h2,.pending-input-modal .panel-header h2{color:#17202a;font-size:.94rem;line-height:1.2;overflow-wrap:anywhere}.pending-input-summary p,.pending-input-modal .panel-header p,.pending-input-board-hint{color:#526070;font-size:.84rem;font-weight:800;overflow-wrap:anywhere}.pending-input-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:6px}.pending-input-actions button,.pending-input-modal .panel-header button{display:inline-grid;place-items:center;min-height:34px;min-width:34px;border:1px solid #d6dee7;border-radius:7px;padding:6px 9px;background:#fff;color:#17202a;font-weight:900;font-size:.8rem}.pending-input-summary .pending-input-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:6px;border-top:1px solid rgba(214,222,231,.9);padding-top:8px}.pending-input-summary .pending-input-actions button{display:grid;min-width:0;min-height:50px;grid-template-rows:1rem auto;align-content:center;gap:3px;padding:5px 3px}.pending-input-action-icon{color:#92400e;font-size:1rem;line-height:1}.pending-input-action-label{color:#344054;font-size:.68rem;font-weight:850;line-height:1.15;text-transform:none;overflow-wrap:anywhere}.pending-input-actions button:hover:not(:disabled),.pending-input-modal .panel-header button:hover:not(:disabled){border-color:#f59e0b;background:#fffbeb}.pending-input-actions button:focus-visible,.pending-input-modal .panel-header button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.pending-input-drag-handle{cursor:grab;touch-action:none}.pending-input-drag-handle:active{cursor:grabbing}.pending-input-reset-position{color:#526070}.pending-input-fallback{max-height:min(42vh,360px);overflow:auto;border-top:1px solid rgba(214,222,231,.8);padding-top:8px;padding-right:2px}.pending-input-modal{animation:pending-panel-enter .14s ease-out}@keyframes pending-panel-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pending-status-dot-pulse{0%,to{transform:scale(.96);opacity:.78}50%{transform:scale(1.08);opacity:1}}.transfer-flash-ghost-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;pointer-events:none}.transfer-flash-ghost{position:fixed;display:block;border:2px solid rgba(245,158,11,.96);border-radius:8px;background:#f59e0b1f;box-shadow:0 0 0 4px #f59e0b33,0 0 26px #f59e0b61}[data-transfer-flash=true][data-flash-phase=source],[data-transfer-flash=true][data-flash-phase=destination]{outline:2px solid rgba(245,158,11,.96);outline-offset:3px;box-shadow:0 0 0 4px #f59e0b2e,0 0 24px #f59e0b57}[data-transfer-flash=true][data-flash-phase=source]{animation:transfer-source-flash .48s ease-in-out 0s 3}[data-transfer-flash=true][data-flash-phase=destination]{animation:transfer-destination-flash .52s ease-in-out .68s 3 both}@keyframes transfer-source-flash{0%,to{filter:brightness(1)}50%{filter:brightness(1.18)}}@keyframes transfer-destination-flash{0%,to{filter:brightness(1)}50%{filter:brightness(1.16)}}@keyframes player-counter-change-pop{0%{opacity:0;transform:translateY(4px) scale(.82)}14%,82%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-3px) scale(.96)}}@keyframes active-player-card-pulse{0%,to{box-shadow:0 1px 2px #0f172a0f,0 0 #2f80ed00}50%{box-shadow:0 1px 2px #0f172a0f,0 0 0 4px #2f80ed2e}}@media(prefers-reduced-motion:reduce){.player-card.active-turn,.pending-input-float,.pending-input-float-panel,.pending-input-modal,.pending-input-status-dot,.hotspot-button.attention .hotspot-attention-ring,.player-counter-change,[data-transfer-flash=true][data-flash-phase=source],[data-transfer-flash=true][data-flash-phase=destination]{animation:none}.player-card.active-turn{box-shadow:0 0 0 3px #2f80ed33}[data-transfer-flash=true][data-flash-phase=source],[data-transfer-flash=true][data-flash-phase=destination]{background-color:#f59e0b1f}.player-counter-change{opacity:1}}@media(max-width:860px),(pointer:coarse){.pending-input-float,.pending-input-float-panel{left:max(10px,env(safe-area-inset-left))!important;right:max(10px,env(safe-area-inset-right))!important;bottom:calc(var(--hand-dock-expanded-height) + max(10px,env(safe-area-inset-bottom)))!important;top:auto!important;width:auto;max-height:min(58vh,460px)}.pending-input-float-panel{overflow:auto}.pending-input-drag-handle,.pending-input-reset-position{display:none}.pending-input-summary .pending-input-actions button{min-height:44px;grid-template-rows:auto}.pending-input-action-label{display:none}}.pending-input-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:grid;place-items:center;padding:clamp(12px,3vw,28px);background:#0f172aa8}.pending-input-modal{display:grid;gap:12px;width:min(720px,100%);max-height:calc(100vh - 24px);overflow:auto;border:1px solid #cbd5e1;border-radius:8px;padding:14px;background:#fff;box-shadow:0 24px 60px #0f172a57}.pending-options,.pending-option-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.image-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px}.image-choice-card{position:relative;min-width:0;min-height:226px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;border:1px solid #cbd5e1;border-radius:8px;padding:8px;background:#fff;color:#17202a;box-shadow:0 8px 18px #0f172a14}.image-choice-submit{min-width:0;min-height:178px;display:grid;grid-template-rows:minmax(136px,1fr) auto auto;align-items:stretch;gap:8px;border:0;border-radius:6px;padding:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.image-choice-card:has(.image-choice-submit:hover),.image-choice-card:has(.image-choice-submit:focus-visible){border-color:#2f80ed;outline:2px solid rgba(47,128,237,.2);outline-offset:2px}.image-choice-card[aria-disabled=true]{border-color:#f4b4a5;background:#fff7ed}.image-choice-submit:disabled{cursor:not-allowed;opacity:.6}.image-choice-figure{min-height:0;display:grid;place-items:center;border:1px solid #d6dee7;border-radius:6px;background:#f8fafc;overflow:hidden}.image-choice-figure img{display:block;width:100%;height:100%;max-height:184px;object-fit:contain}.image-choice-figure.symbol,.image-choice-figure.token{background:#fff}.image-choice-figure.symbol img,.image-choice-figure.token img{width:min(76%,96px);height:min(76%,96px)}.image-choice-figure.card img{max-height:220px}.image-choice-figure>span{color:#64748b;font-size:1.2rem;font-weight:900}.image-choice-copy,.image-choice-footer{min-width:0;display:grid;gap:3px}.image-choice-copy strong,.image-choice-copy span,.image-choice-copy small,.image-choice-footer{min-width:0;overflow-wrap:anywhere}.image-choice-copy strong{color:#17202a;font-size:.88rem;line-height:1.18}.image-choice-copy span,.image-choice-footer{color:#526070;font-size:.76rem;font-weight:800;line-height:1.22}.image-choice-copy small{color:#8a1f11;font-size:.72rem;font-weight:800;line-height:1.2}.traffic-lifeform-advance{display:grid;gap:10px}.traffic-lifeform-advance-summary{display:grid;gap:3px;border:1px solid #cbd5e1;border-radius:8px;padding:10px;background:#f8fafc;color:#17202a}.traffic-lifeform-advance-summary strong{font-size:.92rem}.traffic-lifeform-advance-summary span,.traffic-lifeform-advance-summary b{color:#526070;font-size:.78rem;line-height:1.22}.traffic-lifeform-transition{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.traffic-lifeform-token{min-width:0;display:inline-flex;align-items:center;gap:4px}.traffic-lifeform-token img{width:18px;height:18px;object-fit:contain}.traffic-lifeform-token span,.traffic-lifeform-transition-arrow{color:#344054;font-size:.72rem;font-weight:900}.image-choice-detail-button{justify-self:start;min-height:28px;display:inline-grid;place-items:center;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;background:#f8fafc;color:#17202a;cursor:pointer;font:inherit;font-size:.72rem;font-weight:900}.image-choice-detail-button:hover,.image-choice-detail-button:focus-visible{border-color:#2f80ed;outline:2px solid rgba(47,128,237,.18);outline-offset:2px}.image-detail-backdrop,.hand-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1120;display:grid;place-items:center;padding:clamp(12px,3vw,28px);background:#0f172ab3}.image-detail-dialog,.hand-detail-dialog{display:grid;gap:12px;width:min(620px,100%);max-height:calc(100vh - 24px);overflow:auto;border:1px solid #cbd5e1;border-radius:8px;padding:14px;background:#fff;color:#17202a;box-shadow:0 24px 60px #0f172a61}.image-detail-close,.hand-detail-close{justify-self:end;min-height:34px;border:1px solid #cbd5e1;border-radius:6px;padding:6px 10px;background:#f8fafc;color:#17202a;font-size:.82rem;font-weight:900}.image-detail-image,.hand-detail-image{width:min(100%,420px);max-height:min(62vh,620px);justify-self:center;border:1px solid #d6dee7;border-radius:8px;background:#f8fafc;object-fit:contain}.image-detail-copy,.hand-detail-copy{min-width:0;display:grid;gap:7px}.image-detail-copy h3,.image-detail-copy p,.image-detail-copy dl,.hand-detail-copy h3,.hand-detail-copy p,.hand-detail-copy dl{margin:0}.image-detail-copy h3,.hand-detail-copy h3{color:#17202a;font-size:1rem;overflow-wrap:anywhere}.image-detail-copy p,.hand-detail-copy p{color:#526070;font-size:.84rem;font-weight:800;overflow-wrap:anywhere}.image-detail-copy dl,.hand-detail-copy dl{display:grid;gap:6px}.image-detail-copy dl>div,.hand-detail-copy dl>div{display:grid;grid-template-columns:minmax(92px,.34fr) minmax(0,1fr);gap:8px}.image-detail-copy dt,.hand-detail-copy dt{color:#64748b;font-size:.72rem;font-weight:900}.image-detail-copy dd,.hand-detail-copy dd{min-width:0;color:#17202a;font-size:.82rem;font-weight:800;overflow-wrap:anywhere}.pending-placement-layout,.pending-choice-stage{display:grid;gap:10px}.pending-choice-stage-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.pending-choice-stage-header strong{min-width:0;color:#17202a;font-size:.92rem;overflow-wrap:anywhere}.pending-choice-stage-header button{min-height:32px;border:1px solid #cbd5e1;border-radius:6px;padding:5px 10px;background:#f8fafc;color:#17202a;font:inherit;font-size:.78rem;font-weight:900}.pending-staged-preview,.pending-selection-preview{min-width:0;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:10px;border:1px solid #d6dee7;border-radius:8px;padding:8px;background:#f8fafc}.pending-staged-preview img,.pending-selection-preview img{width:74px;height:74px;border:1px solid #d6dee7;border-radius:6px;object-fit:contain;background:#fff}.pending-staged-preview div,.pending-selection-preview div{min-width:0;display:grid;gap:3px}.pending-staged-preview strong,.pending-staged-preview span,.pending-selection-preview strong,.pending-selection-preview span{min-width:0;overflow-wrap:anywhere}.pending-staged-preview strong,.pending-selection-preview strong{color:#17202a;font-size:.9rem}.pending-staged-preview span,.pending-selection-preview span{color:#526070;font-size:.78rem;font-weight:800}.pending-selection-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.pending-option-card{min-height:72px;display:grid;align-content:center;justify-items:start;gap:3px;padding:10px 12px;text-align:left}.pending-option-card[aria-disabled=true],.board-detail-dialog button[aria-disabled=true]{border-color:#f4b4a5;background:#fff7ed;color:#8a1f11}.pending-option-card[aria-disabled=true]:hover,.board-detail-dialog button[aria-disabled=true]:hover{border-color:#dc2626}.pending-option-card strong,.pending-option-card span,.pending-option-card small{max-width:100%;overflow-wrap:anywhere}.pending-form{display:grid;gap:12px}.pending-form label{display:grid;gap:6px;color:#344054;font-weight:800}.pending-form label span{color:#667485;font-size:.78rem;text-transform:uppercase}.pending-inline-fields,.pending-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pending-detail-grid>div{display:grid;gap:4px;border:1px solid #d6dee7;border-radius:8px;padding:10px;background:#f8fafc}.pending-detail-grid strong{overflow-wrap:anywhere}.pending-option-card small{color:#8a1f11;text-transform:none}.turn-commitment-input{display:grid;gap:12px}.turn-commitment-input>p{margin:0;color:#526070}.turn-commitment-actions{display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.turn-commitment-actions .pending-option-card{min-height:52px}.turn-commitment-reset-turn{min-width:132px}@media(max-width:560px){.turn-commitment-actions{grid-template-columns:1fr}.turn-commitment-reset-turn{width:100%}}.challenge-option-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.challenge-option-list .pending-option-card{align-content:stretch;padding:0;overflow:hidden}.challenge-option-card{width:100%;min-height:112px;display:grid;align-content:start;gap:8px;border-left:6px solid #64748b;padding:11px 12px}.challenge-option-card.green{border-left-color:#15803d}.challenge-option-card.yellow{border-left-color:#ca8a04}.challenge-option-card.red{border-left-color:#dc2626}.challenge-option-card.skip{min-height:72px;align-content:center}.challenge-option-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.challenge-option-card>span:not(.challenge-option-heading){color:#344054;font-size:.82rem;line-height:1.35}.empty-options,.pending-warning{grid-column:1 / -1;border:1px solid #d6dee7;border-radius:6px;padding:10px;background:#f8fafc;color:#526070}.empty-options button{width:fit-content;margin-top:8px}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.pending-warning{margin-top:10px;border-color:#fed7aa;background:#fff7ed;color:#9a3412}.final-score-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.final-score-row{display:grid;gap:4px;border:1px solid #d6dee7;border-radius:8px;padding:12px;background:#fbfdff}.log-panel ol{margin:0;padding-left:20px;max-height:280px;overflow-y:auto;overscroll-behavior:contain;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-gutter:stable}.log-panel ol:active{cursor:grabbing}.log-panel li{padding:4px 0;line-height:1.35}.rules-page{width:min(1480px,100%);margin:0 auto;padding:20px;color:#17202a}.rules-header,.rules-toolbar,.rules-section,.rules-error,.rules-warning,.rules-empty{border:1px solid #d6dee7;border-radius:8px;background:#fffffff5;box-shadow:0 1px 2px #0f172a0f}.rules-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin-bottom:14px;padding:16px}.rules-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto auto;align-items:center;gap:10px;margin-bottom:12px;padding:12px}.rules-toolbar div{min-width:0;display:grid;gap:2px}.rules-toolbar strong{overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.rules-pill{min-width:96px;border-radius:999px;padding:7px 10px;text-align:center;font-size:.78rem;font-weight:900}.rules-pill.ready{background:#dcfce7;color:#166534}.rules-pill.blocked{background:#fee2e2;color:#991b1b}.rules-pill.dirty{background:#fff7ed;color:#9a3412}.rules-warning,.rules-error,.rules-empty{margin-bottom:12px;padding:12px}.rules-warning{border-color:#fed7aa;background:#fff7ed;color:#9a3412;font-weight:700}.rules-error{border-color:#fca5a5;background:#fff1f2;color:#991b1b}.rules-error ul{margin:6px 0 0;padding-left:20px}.rules-empty{display:grid;gap:8px;min-height:220px;place-content:center;text-align:center}.rules-section{margin-bottom:14px;padding:14px}.rules-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.rules-section-title span,.rules-toolbar span,.number-field span,.effect-editor>span,.implementation-status>span{color:#667485;font-size:.76rem;font-weight:900;text-transform:uppercase}.rules-cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.rules-generator-track{grid-column:1 / -1;display:grid;gap:8px;border:1px solid #d6dee7;border-radius:8px;padding:10px;background:#f8fafc}.rules-generator-track>span{color:#667485;font-size:.76rem;font-weight:900;text-transform:uppercase}.rules-generator-track-row{display:grid;grid-template-columns:repeat(7,minmax(68px,1fr));gap:6px;overflow-x:auto}.rules-generator-track-space{min-width:68px;display:grid;gap:3px;justify-items:center;border:1px solid #d6dee7;border-radius:8px;padding:8px 6px;background:#fff}.rules-generator-track-space b{font-size:1rem}.rules-generator-track-space small{color:#516071;font-size:.72rem;font-weight:800}.rules-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px}.implementation-status{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #d6dee7;border-radius:8px;padding:10px;background:#f8fafc}.number-field{min-width:0;display:grid;gap:5px}.number-field input{width:100%}.number-field.compact{min-width:72px}.rules-coverage-grid,.rules-fields-grid,.rules-instance-list,.rules-subsection{display:grid;gap:10px}.rules-coverage-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.rules-metric{display:grid;gap:2px;border:1px solid #d6dee7;border-radius:8px;padding:10px;background:#f8fafc}.rules-metric span,.rules-fields-grid label>span,.resource-editor span,.lifeform-editor span,.identity-editor span,.asset-side label>span,.asset-path-field>span{color:#667485;font-size:.72rem;font-weight:900;text-transform:uppercase}.rules-metric strong{color:#17202a;font-size:1.25rem}.rules-subsection{margin-bottom:12px}.rules-subsection h3{margin:0;font-size:.95rem}.rules-instance-list{gap:12px}.rules-instance-row{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,2.15fr);gap:12px;border:1px solid #d6dee7;border-radius:8px;padding:10px;background:#fbfdff}.rules-instance-row.compact{grid-template-columns:minmax(200px,.65fr) minmax(0,2.35fr)}.rules-fields-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:start}.star-grid,.planet-grid,.biome-grid,.mission-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.mission-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.setup-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.rules-fields-grid label,.identity-editor,.asset-path-field,.icon-editor{min-width:0;display:grid;gap:5px}.rules-fields-grid input,.rules-fields-grid select,.asset-side input,.asset-side select,.asset-path-field input,.icon-editor input{width:100%}.identity-editor small{overflow-wrap:anywhere;color:#526070;font-size:.72rem;font-weight:800}.toggle-field{align-content:start}.toggle-field input{justify-self:start;width:18px;height:18px}.resource-editor,.lifeform-editor{display:grid;grid-template-columns:repeat(3,minmax(62px,1fr));gap:6px}.upgrade-path-editor{display:grid;grid-template-columns:minmax(120px,1fr) minmax(80px,.45fr);gap:6px}.asset-side-grid{min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));align-content:start;gap:8px}.asset-side{min-width:0;display:grid;gap:6px;margin:0;border:1px solid #d6dee7;border-radius:8px;padding:8px;background:#f8fafc}.asset-side img,.asset-missing{width:100%;aspect-ratio:1 / 1;border:1px solid #cbd5e1;border-radius:6px;background:#eef2f7}.asset-side img{object-fit:contain}.asset-missing{display:grid;place-content:center;padding:8px;color:#991b1b;font-size:.68rem;font-weight:800;overflow-wrap:anywhere;text-align:center}.asset-side figcaption{color:#526070;font-size:.72rem;font-weight:900;text-align:center}.asset-side-detail{display:grid;gap:6px;margin:2px 0 0;border-top:1px solid #d6dee7;padding-top:7px}.asset-side-detail div{display:grid;gap:2px}.asset-side-detail dt{color:#667485;font-size:.68rem;font-weight:900;text-transform:uppercase}.asset-side-detail dd{margin:0;color:#17202a;font-size:.74rem;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.asset-side.editable,.asset-side-grid.editable .asset-side{background:#fff}.rules-table{display:grid;gap:8px}.rules-table-head,.rules-table-row{display:grid;gap:10px;align-items:stretch}.biome-table .rules-table-head,.biome-table .rules-table-row{grid-template-columns:minmax(220px,1.2fr) minmax(150px,.8fr) minmax(190px,1fr) minmax(230px,1.2fr) minmax(230px,1.2fr)}.planet-table .rules-table-head,.planet-table .rules-table-row{grid-template-columns:minmax(220px,1.4fr) minmax(100px,.6fr) minmax(110px,.55fr) minmax(140px,.8fr) minmax(260px,1.4fr)}.star-table .rules-table-head,.star-table .rules-table-row{grid-template-columns:minmax(220px,1.3fr) minmax(110px,.6fr) minmax(130px,.8fr) minmax(180px,1fr) minmax(260px,1.4fr)}.rules-table-head{padding:0 8px}.rules-table-head span{color:#526070;font-size:.76rem;font-weight:900;text-transform:uppercase}.rules-table-row{border:1px solid #d6dee7;border-radius:8px;padding:8px;background:#fbfdff}.rules-traffic-grid,.rules-traffic-block{display:grid;gap:12px}.rules-traffic-block h3{margin:0;color:#17202a;font-size:.95rem}.rules-traffic-table{overflow-x:auto;display:grid;gap:8px;padding-bottom:2px}.rules-traffic-row{display:grid;gap:8px;min-width:1180px;align-items:stretch;border:1px solid #d6dee7;border-radius:8px;padding:8px;background:#fbfdff}.inner-traffic-table .rules-traffic-row{grid-template-columns:minmax(150px,.85fr) minmax(130px,.75fr) repeat(4,minmax(150px,1fr)) minmax(92px,.5fr) minmax(210px,1.1fr)}.outer-traffic-table .rules-traffic-row{min-width:1380px;grid-template-columns:minmax(170px,.9fr) minmax(130px,.7fr) minmax(170px,.95fr) repeat(4,minmax(150px,1fr)) minmax(92px,.5fr) minmax(220px,1.1fr)}.rules-traffic-row.header{border-color:transparent;padding:0 8px;background:transparent}.rules-traffic-row.header span,.rules-traffic-row small{color:#667485;font-size:.72rem;font-weight:900;text-transform:uppercase}.rules-traffic-row>div,.traffic-bonus-cell,.traffic-source-list{min-width:0;display:grid;align-content:start;gap:4px}.rules-traffic-row strong,.traffic-bonus-cell strong{color:#17202a;font-size:.82rem;line-height:1.25;overflow-wrap:anywhere}.traffic-bonus-cell code,.traffic-source-list code{color:#526070;font-size:.68rem;overflow-wrap:anywhere;white-space:normal}.traffic-bonus-cell{border:1px solid #e2e8f0;border-radius:6px;padding:7px;background:#fff}.traffic-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.traffic-assets figure{display:grid;gap:4px;margin:0}.traffic-assets img,.traffic-assets .asset-missing{width:100%;aspect-ratio:1 / 1;border:1px solid #cbd5e1;border-radius:6px;background:#eef2f7}.traffic-assets img{object-fit:contain}.traffic-assets figcaption{color:#667485;font-size:.68rem;font-weight:900;text-align:center;text-transform:uppercase}.rules-identity{min-width:0;display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:center}.rules-identity img{width:74px;height:54px;object-fit:contain;border:1px solid #d6dee7;border-radius:6px;background:#eef2f7}.rules-identity div{min-width:0;display:grid;gap:4px}.rules-identity small,.effect-editor small{color:#8a1f11;font-size:.72rem;font-weight:700;text-transform:none}.upgrade-path-list{display:grid;gap:6px}.upgrade-path-list>span{align-self:center;color:#667485;font-weight:800}.effect-editor{min-width:0;display:grid;gap:5px}.effect-editor textarea,.icon-legend-row textarea{width:100%;min-height:86px;resize:vertical;border:1px solid #b7c1cc;border-radius:6px;padding:8px;background:#fff;color:#17202a;font:.78rem ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.mission-json-editor.invalid textarea{border-color:#dc2626;background:#fff7f7}.effect-editor>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none}.icon-legend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.icon-legend-grid.small{margin-top:10px}.icon-legend-row{display:grid;grid-template-columns:auto 1fr;gap:10px;border:1px solid #d6dee7;border-radius:8px;padding:10px;background:#fbfdff}.icon-token{width:74px;min-height:82px;display:grid;justify-items:center;align-content:center;gap:5px;border:1px solid #d6dee7;border-radius:8px;background:#f8fafc}.icon-token img{width:42px;height:42px;object-fit:contain}.icon-token small{max-width:68px;overflow:hidden;color:#526070;font-size:.58rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.icon-editor textarea{margin-top:4px}@media(max-width:860px){.app-shell{padding:12px}.top-bar,.session-grid,.lobby-grid,.game-grid,.session-panel,.game-status,.game-play-area{grid-template-columns:1fr}.board-panel{grid-column:1;grid-row:1}.player-region{grid-column:1;grid-row:2;grid-template-columns:1fr;pointer-events:auto}.player-area[data-player-side]{grid-column:1;grid-row:auto!important}.solo-game-play-area .board-panel{grid-column:1;grid-row:1}.solo-game-play-area .solo-panel{grid-column:1;grid-row:2;max-height:none;overflow:visible}.solo-game-play-area .player-region{grid-row:3}.pending-input-actions button,.image-choice-detail-button,.hand-card-detail-button,.hand-dock-rail button{min-width:44px;min-height:44px}.room-create-panel button,.room-create-panel input,.room-create-panel select,.lobby-actions button,.lobby-actions input,.lobby-actions select{min-height:44px}.solo-result-grid{grid-template-columns:1fr}.top-actions,.route-nav,.account-pill{align-items:stretch;flex-direction:column}.account-pill span{max-width:none}.profile-grid{grid-template-columns:1fr}.language-control{min-width:0}.board-track{grid-template-columns:1fr}.board-panel{overflow-x:auto}.board-artwork{min-width:620px}.board-staged-claims{width:230px}.board-entropy-exchange-control{right:auto;left:max(10px,min(calc(100vw - 210px),452px));min-width:132px}.hand-dock{width:calc(100% - 16px);right:8px;left:8px;padding:8px}.hand-dock-rail{grid-template-columns:auto minmax(0,1fr)}.hand-dock-rail span,.hand-dock-rail small{grid-column:2}.pending-input-summary{grid-template-columns:1fr}.pending-input-actions{justify-content:start}.image-choice-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.image-detail-copy dl>div,.hand-detail-copy dl>div{grid-template-columns:1fr;gap:2px}.solar-system-tile>header{grid-template-columns:minmax(0,1fr) auto}.solar-system-open{grid-column:1 / -1;justify-self:start}.solar-detail-layout,.hotspots-debug-layout{grid-template-columns:1fr}.hotspots-debug-page .hotspot-debug-info{right:calc(100% + 4px);left:auto;width:min(220px,60vw);max-width:min(220px,60vw)}.solar-detail-board{min-height:220px}.solar-detail-panel-copy dl>div{grid-template-columns:1fr;gap:2px}.error-banner{align-items:stretch;flex-direction:column}.error-banner-actions{justify-content:stretch}.error-banner-actions button{flex:1 1 140px}.report-filters,.admin-report-layout,.admin-grid{grid-template-columns:1fr}.rules-page{padding:12px}.rules-header,.rules-toolbar,.rules-instance-row,.rules-instance-row.compact,.star-table .rules-table-head,.star-table .rules-table-row,.biome-table .rules-table-head,.biome-table .rules-table-row,.planet-table .rules-table-head,.planet-table .rules-table-row,.rules-fields-grid,.setup-grid,.star-grid,.planet-grid,.biome-grid{grid-template-columns:1fr}.rules-toolbar{align-items:stretch}.rules-table-head{display:none}}.mobile-game-root,.mobile-game-shell{width:100%;min-width:0}.mobile-game-shell{min-height:100dvh;background:#f4f6f8f5}.mobile-game-hud{position:sticky;top:0;z-index:940;display:grid;gap:7px;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));border-bottom:1px solid rgba(148,163,184,.7);background:#0f172af5;color:#f8fafc;box-shadow:0 4px 16px #0f172a33}.mobile-game-hud-context{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:.75rem}.mobile-game-hud-context span,.mobile-game-hud-context strong{min-width:0;overflow-wrap:anywhere}.mobile-connection-connected strong{color:#86efac}.mobile-connection-connecting strong{color:#fde68a}.mobile-connection-disconnected strong{color:#fca5a5}.mobile-game-resources{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0}.mobile-game-resources>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px;min-width:0;border:1px solid rgba(255,255,255,.16);border-radius:7px;padding:4px 6px;background:#ffffff14}.mobile-game-resources dt{min-width:0;overflow:hidden;font-size:.65rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mobile-game-resources dd{color:#fff;font-size:.95rem}.mobile-game-content{min-width:0;padding:10px max(10px,env(safe-area-inset-right)) calc(68px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.mobile-game-panel{min-width:0;outline:none}.mobile-game-panel[hidden]{display:none}.mobile-game-tabs{position:fixed;right:0;bottom:0;left:0;z-index:990;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:4px max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));border-top:1px solid #94a3b8;background:#f8fafcfa;box-shadow:0 -5px 18px #0f172a2e}.mobile-game-tabs button{position:relative;min-width:0;min-height:48px;border-color:transparent;padding:4px 2px;background:transparent;color:#475569;font-size:.7rem;line-height:1.1}.mobile-game-tabs button.active{border-color:#2563eb;background:#dbeafe;color:#1e3a8a}.mobile-tab-badge{position:absolute;top:5px;right:max(5px,16%);width:9px;height:9px;border:2px solid #f8fafc;border-radius:999px;background:#dc2626}.mobile-turn-stack,.mobile-systems-stack,.mobile-more-stack{display:grid;gap:10px;min-width:0}.mobile-pending-input{display:grid;gap:12px;border-color:#f0b64b}.mobile-pending-header{align-items:start}.mobile-pending-content,.mobile-pending-content>*{min-width:0}.mobile-board-shell{display:grid;gap:8px;min-width:0}.mobile-board-controls{display:grid;grid-template-columns:minmax(72px,1fr) 44px auto 44px minmax(84px,1fr);align-items:center;gap:4px}.mobile-board-controls button{min-width:44px;min-height:44px;padding:4px 6px;font-size:.72rem}.mobile-board-controls [data-testid=mobile-board-zoom]{min-width:38px;text-align:center;color:#334155;font-size:.72rem;font-weight:900}.mobile-board-viewport{width:100%;max-width:100%;height:var(--mobile-board-available-height, calc(100dvh - 190px - env(safe-area-inset-bottom)) );max-height:var(--mobile-board-available-height, calc(100dvh - 190px - env(safe-area-inset-bottom)) );min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;border:1px solid #94a3b8;border-radius:8px;background:#0f172a;scrollbar-gutter:stable}.mobile-board-target-chooser-dialog .panel-header p{margin:4px 0 0;color:#526070}.mobile-board-content{min-width:0;min-height:0;margin-inline:auto;transform-origin:top left}.mobile-board-content .board-panel{grid-column:1;grid-row:1;width:100%;height:100%;min-width:0;margin:0;overflow:visible;border:0;border-radius:0;padding:0}.mobile-board-content .board-panel>.panel-header{display:none}.mobile-board-content .board-artwork{width:100%;height:100%;min-width:0;margin-bottom:0}.mobile-board-content .hotspot-button{min-width:max(44px,var(--hotspot-min-size, 0px));min-height:max(44px,var(--hotspot-min-size, 0px))}.hand-dock.inline{position:static;inset:auto;z-index:auto;width:100%;max-height:none;margin:0;overflow:visible;box-shadow:none}.hand-dock.inline .hand-dock-rail{grid-template-columns:minmax(0,1fr) auto}.hand-dock.inline .hand-dock-content{height:auto;max-height:none;overflow:visible}.hand-dock.inline .hand-card-row{height:auto;min-height:220px;overflow-x:auto;overflow-y:hidden}.hand-dock.inline .hand-card{height:min(58dvh,420px);min-height:220px}.mobile-utility-panel,.mobile-connection-error{display:grid;gap:10px}.mobile-connection-error h2,.mobile-connection-error p,.mobile-opponents-section>h2,.mobile-opponents-section>p{margin:0}.mobile-utility-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-utility-actions>button,.mobile-language-control,.mobile-language-control select{min-width:0;min-height:44px}.mobile-language-control{display:grid;gap:3px;color:#334155;font-size:.74rem;font-weight:800}.mobile-language-control select{width:100%}.mobile-opponents-section{display:grid;gap:8px;min-width:0}.solo-turn-summary,.solo-active-constraints{display:grid;gap:8px}.solo-active-constraints ul{margin:0;padding-left:20px}@media(max-width:767px),(pointer:coarse)and (max-width:932px)and (max-height:480px){html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:hidden}body{min-width:0;min-height:100dvh}@supports (background-image: image-set(url(/assets/board/table_background_nebula-960.webp) 1x)){body{background-image:linear-gradient(180deg,#090e1894,#f4f6f8db 42%,#f4f6f8f2),image-set(url(/assets/board/table_background_nebula-960.webp) 1x,url(/assets/board/table_background_nebula-1600.webp) 2x)}}.game-route-shell.mobile-game-route-shell{width:100%;max-width:none;min-height:100dvh;margin:0;padding:0}.mobile-game-root button,.mobile-game-root select,.mobile-game-root input{min-height:44px}.app-shell :is(button,input,select,textarea){min-height:44px}.mobile-game-root .player-region{grid-template-columns:minmax(0,1fr)}.mobile-game-root .player-area[data-player-side]{grid-column:1;grid-row:auto!important}.mobile-game-root .solo-panel{max-height:none;overflow:visible}.mobile-game-root .pending-options,.mobile-game-root .pending-option-list,.mobile-game-root .image-choice-grid{grid-template-columns:minmax(0,1fr)}[data-modal-portal-host] :is(.pending-input-backdrop,.board-detail-backdrop,.solar-detail-backdrop,.starting-preview-backdrop,.image-detail-backdrop,.hand-detail-backdrop){place-items:end center;padding:max(8px,env(safe-area-inset-top)) max(0px,env(safe-area-inset-right)) 0 max(0px,env(safe-area-inset-left))}[data-modal-portal-host] :is(.pending-input-modal,.board-detail-dialog,.solar-detail-dialog,.starting-preview-dialog,.image-detail-dialog,.hand-detail-dialog,.error-report-dialog){width:100%;max-width:none;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)));border-radius:12px 12px 0 0;padding-bottom:max(14px,env(safe-area-inset-bottom))}[data-modal-portal-host] .solar-detail-dialog{height:calc(100dvh - max(8px,env(safe-area-inset-top)))}[data-modal-portal-host] :is(button,input,select,textarea){min-height:44px}}.rules-reference-panel{display:flex;width:min(43rem,calc(100vw - 2rem));max-width:100%;height:100dvh;max-height:100dvh;margin-left:auto;overflow:hidden;flex-direction:column;border-left:1px solid #cbd5e1;background:#f8fafc;color:#17202a;box-shadow:-18px 0 48px #090e1852}.rules-reference-header{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem .8rem 1.25rem;border-bottom:1px solid #dbe2ea;background:#fff}.rules-reference-header h2,.rules-reference-header p{margin:0}.rules-reference-header h2{font-size:clamp(1.25rem,4vw,1.65rem);line-height:1.15}.rules-reference-kicker{color:#52616f;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.rules-reference-close{width:44px;min-width:44px;min-height:44px;border-radius:999px;font-size:1.5rem;line-height:1}.rules-reference-navigation{display:flex;min-height:56px;gap:.45rem;padding:.55rem 1rem;overflow-x:auto;border-bottom:1px solid #dbe2ea;background:#f1f5f9;scrollbar-width:thin}.rules-reference-navigation button,.rules-access-action{min-height:44px;padding:.55rem .8rem}.rules-reference-navigation button{flex:0 0 auto;border-color:transparent;background:transparent;color:#334155;white-space:nowrap}.rules-reference-navigation button[aria-current=location]{border-color:#2563eb;background:#dbeafe;color:#1d4ed8}.rules-reference-scroll-region{min-height:0;padding:1rem 1.25rem 3rem;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable}.rules-reference-scroll-region:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:-3px}.rules-reference-authority-note{margin-bottom:1.5rem;border-left:4px solid #2563eb;padding:.75rem .9rem;background:#eff6ff;color:#1e3a5f;font-size:.92rem}.rules-reference-section{scroll-margin-top:.75rem}.rules-reference-section+.rules-reference-section{margin-top:2.25rem;padding-top:1.75rem;border-top:1px solid #cbd5e1}.rules-reference-section h3{margin:0;color:#0f172a;font-size:1.2rem}.rules-reference-intro{max-width:65ch;margin:.45rem 0 1rem;color:#475569}.rules-reference-rows{margin:0}.rules-reference-row{display:grid;grid-template-columns:minmax(9rem,.34fr) minmax(0,1fr);gap:.45rem 1rem;padding:.9rem 0;border-top:1px solid #e2e8f0}.rules-reference-row dt,.rules-reference-row dd{margin:0}.rules-reference-row dt{display:flex;align-items:flex-start;flex-wrap:wrap;gap:.4rem;color:#0f172a;font-weight:800}.rules-reference-row dd{color:#334155}.rules-reference-scope{display:inline-flex;min-height:1.45rem;align-items:center;border:1px solid currentColor;border-radius:999px;padding:.1rem .45rem;font-size:.68rem;font-weight:800;line-height:1.1}.rules-reference-scope-soloOnly{color:#7c3aed}.rules-reference-scope-multiplayerOnly{color:#0369a1}@media(max-width:34rem){.rules-reference-panel{width:100vw;border-left:0;box-shadow:none}.rules-reference-header{padding-left:1rem}.rules-reference-scroll-region{padding-inline:1rem}.rules-reference-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.rules-reference-scroll-region{scroll-behavior:auto}}.rules-modal-layer{position:fixed;z-index:1200;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#090e1894;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rules-modal-layer:focus-visible{outline:3px solid #60a5fa;outline-offset:-3px}.tutorial-overlay{--tutorial-coachmark-width: min(360px, calc(100vw - 32px) );position:fixed;z-index:1050;top:0;right:0;bottom:0;left:0;pointer-events:none}.tutorial-spotlight{position:fixed;top:var(--tutorial-target-top);left:var(--tutorial-target-left);width:var(--tutorial-target-width);height:var(--tutorial-target-height);border:3px solid #fbbf24;border-radius:12px;box-shadow:0 0 0 4px #0f172ab3,0 0 0 9999px #070d1933,0 0 28px #fbbf2466}.tutorial-coachmark{position:fixed;top:var(--tutorial-coach-top, auto);width:var(--tutorial-coachmark-width);max-width:calc(100vw - 32px);border:1px solid rgba(251,191,36,.78);border-radius:12px;padding:18px;background:linear-gradient(145deg,#1e293bfa,#0a1220fa);box-shadow:0 18px 48px #02061757;color:#f8fafc;pointer-events:none}.tutorial-coachmark--right{right:16px}.tutorial-coachmark--left{left:16px}.tutorial-coachmark--sidecar{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}.tutorial-coachmark__progress{margin:0 0 6px;color:#fcd34d;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tutorial-coachmark__title{margin:0;color:#fff;font-size:clamp(1.08rem,2vw,1.3rem);line-height:1.25}.tutorial-coachmark__body,.tutorial-coachmark__notice{margin:10px 0 0;color:#e2e8f0;font-size:.94rem;line-height:1.55}.tutorial-coachmark__notice{border-left:3px solid #38bdf8;padding:7px 10px;background:#0e749033;color:#e0f2fe}.tutorial-coachmark__actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;pointer-events:none}.tutorial-coachmark__action{min-width:88px;min-height:44px;border-color:#ffffff52;padding:8px 14px;pointer-events:auto}.tutorial-coachmark__action:first-child:not(:disabled){border-color:#fbbf24;background:#fbbf24;color:#172033}.tutorial-coachmark__action:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}.tutorial-announcer{position:fixed;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.tutorial-pending-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #f59e0b;border-radius:8px;padding:12px;background:#fffbeb;color:#17202a}.tutorial-pending-controls h3,.tutorial-pending-controls p{margin:0}.tutorial-pending-controls h3{font-size:.95rem}.tutorial-pending-controls p{margin-top:4px;color:#526070;font-size:.84rem;line-height:1.4}.tutorial-pending-controls .tutorial-pending-controls__progress{margin-top:0;color:#92400e;font-size:.7rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.tutorial-pending-controls .tutorial-pending-controls__notice{color:#075985;font-weight:800}.tutorial-pending-controls__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.tutorial-pending-controls__actions button{min-height:40px;border-color:#f59e0b;background:#fff;color:#17202a;font-weight:900}.tutorial-pending-controls__actions button:first-child:not(:disabled){background:#fbbf24}.tutorial-pending-controls__actions button:focus-visible{outline:3px solid #2563eb;outline-offset:2px}@media(max-width:720px),(max-height:560px){.tutorial-overlay{--tutorial-coachmark-width: auto}.tutorial-coachmark,.tutorial-coachmark--left,.tutorial-coachmark--right,.tutorial-coachmark--sidecar{top:auto;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:10px;width:auto;max-width:none;padding:14px}.tutorial-coachmark__body,.tutorial-coachmark__notice{font-size:.88rem;line-height:1.45}.tutorial-coachmark__actions{gap:8px;margin-top:12px}.tutorial-coachmark__action{flex:1 1 112px;min-height:46px}.tutorial-pending-controls{grid-template-columns:1fr}.tutorial-pending-controls__actions{justify-content:stretch}.tutorial-pending-controls__actions button{flex:1 1 120px}}@media(prefers-reduced-motion:no-preference){.tutorial-spotlight{transition:top .14s ease,left .14s ease,width .14s ease,height .14s ease}}@media(forced-colors:active){.tutorial-spotlight,.tutorial-coachmark{border:3px solid CanvasText}.tutorial-spotlight{box-shadow:none}}.learning-center-layer,.learning-fallback-layer{position:fixed;z-index:1240;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden;padding:1rem;background:#040a18b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.learning-center-layer:focus-visible,.learning-fallback-layer:focus-visible{outline:3px solid #7dd3fc;outline-offset:-3px}.learning-center{display:grid;width:min(78rem,calc(100vw - 2rem));height:min(52rem,calc(100dvh - 2rem));min-height:0;grid-template-columns:14rem minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(125,211,252,.42);border-radius:1.25rem;background:#071222;color:#e8f4ff;box-shadow:0 28px 90px #0000008c}.learning-center-header{display:flex;grid-column:1 / -1;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(148,163,184,.22);background:linear-gradient(135deg,#0e74903d,#1e293bb8)}.learning-center-header h2,.learning-center-header p{margin:0}.learning-center-header h2{font-size:clamp(1.35rem,2vw,2rem)}.learning-center-header>button{width:2.75rem;min-width:2.75rem;min-height:2.75rem;border-radius:999px;font-size:1.55rem}.learning-center-nav{display:flex;min-height:0;flex-direction:column;gap:.35rem;padding:.85rem;overflow-y:auto;border-right:1px solid rgba(148,163,184,.22);background:#0f172acc}.learning-center-nav button{min-height:2.75rem;justify-content:flex-start;border-color:transparent;background:transparent;color:#cbd5e1;text-align:left}.learning-center-nav button[aria-current=page]{border-color:#38bdf88c;background:#0ea5e92e;color:#f0f9ff}.learning-center-content{min-width:0;min-height:0;padding:1.1rem;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.learning-service-banner{display:flex;gap:.5rem 1rem;margin-bottom:1rem;flex-wrap:wrap;border:1px solid rgba(251,191,36,.55);border-radius:.75rem;padding:.75rem .9rem;background:#78350f38;color:#fef3c7}.learning-lobby-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;align-items:center;margin-bottom:1rem;border-color:#38bdf880;background:radial-gradient(circle at 85% 20%,rgba(14,165,233,.16),transparent 42%),linear-gradient(135deg,#0f172af5,#082f49d1);color:#e8f4ff;box-shadow:0 12px 32px #02081733}.learning-lobby-card h2,.learning-lobby-card p{margin-block:0 .45rem}.learning-lobby-card>div:first-child{min-width:0}.learning-lobby-card .eyebrow{color:#bae6fd;letter-spacing:.04em}.learning-lobby-card h2{color:#f8fafc;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.25;text-shadow:0 1px 2px rgba(2,8,23,.7)}.learning-lobby-card>div:first-child>p:not(.eyebrow):not(.learning-progress-copy):not(.learning-inline-error){max-width:68ch;color:#dbeafe;line-height:1.5}.learning-lobby-card .learning-progress-copy{margin-bottom:0;color:#7dd3fc}.learning-lobby-actions,.learning-dock-actions,.learning-concept-actions,.learning-journey-actions,.learning-check-actions,.learning-fallback-dialog>div{display:flex;gap:.55rem;flex-wrap:wrap}.learning-lobby-actions{display:grid;width:min(21rem,100%);grid-template-columns:repeat(2,minmax(0,1fr));justify-self:end;gap:.55rem;border-left:1px solid rgba(186,230,253,.24);padding-left:1.25rem}.learning-lobby-actions .primary{grid-column:1 / -1}.learning-lobby-actions button{width:100%;min-height:2.75rem}.learning-progress-copy{color:#7dd3fc;font-weight:800}.learning-inline-error{color:#fcd34d}.learning-dock{position:fixed;z-index:990;left:max(1rem,env(safe-area-inset-left));bottom:calc(var(--hand-dock-collapsed-height) + max(1.5rem,env(safe-area-inset-bottom)));width:min(25rem,calc(100vw - 2rem));max-height:calc(100dvh - var(--hand-dock-collapsed-height) - max(3rem,env(safe-area-inset-bottom)));overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(56,189,248,.5);border-radius:1rem;padding:.85rem;background:#071222f5;color:#e0f2fe;box-shadow:0 18px 46px #0000006b}.learning-table-guide-bar{position:fixed;z-index:1000;left:50%;bottom:calc(var(--hand-dock-collapsed-height) + max(1.5rem,env(safe-area-inset-bottom)));display:flex;max-width:calc(100vw - 2rem);align-items:center;gap:.55rem;border:1px solid rgba(250,204,21,.65);border-radius:999px;padding:.45rem .55rem .45rem .9rem;background:#071222f7;color:#fef9c3;box-shadow:0 14px 40px #00000073;transform:translate(-50%)}body:has(.hand-dock.expanded) .learning-dock,body:has(.hand-dock.expanded) .learning-table-guide-bar{bottom:calc(var(--hand-dock-expanded-height) + max(1.5rem,env(safe-area-inset-bottom)))}body:has(.hand-dock.expanded) .learning-dock{max-height:calc(100dvh - var(--hand-dock-expanded-height) - max(3rem,env(safe-area-inset-bottom)))}.learning-table-guide-bar button{min-height:2.5rem}.learning-dock.minimized{width:auto;max-width:calc(100vw - 2rem);border-radius:999px;padding:.45rem .65rem}.learning-dock-summary{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.learning-dock-summary span{color:#7dd3fc;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.learning-dock p{margin:.5rem 0 .7rem;color:#cbd5e1;font-size:.9rem}.learning-dock button,.learning-pending-controls button{min-height:2.5rem;padding:.4rem .7rem}.learning-pending-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;margin:.65rem 0;border:1px solid #a5d8e8;border-radius:.75rem;padding:.65rem;background:linear-gradient(135deg,#f0f9ff,#e8f4f7);color:#172b3a;box-shadow:inset 0 1px #ffffffb8}.learning-pending-controls>div:first-child{min-width:0}.learning-pending-controls>div:first-child>strong{color:#102a3a;font-size:.95rem;line-height:1.3}.learning-pending-controls p{margin:.25rem 0 0;color:#314b5b;font-size:.88rem;line-height:1.45}.learning-pending-controls>div:last-child{display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.learning-pending-controls .learning-mistake-warning{border-left:3px solid #f59e0b;border-radius:0 .45rem .45rem 0;padding:.35rem .5rem;background:#fffbeb;color:#78350f}.learning-pending-branch-evidence{display:grid;min-width:0;gap:.4rem;margin-top:.55rem;border-top:1px solid #bfd7e1;padding-top:.55rem}.learning-pending-branch-evidence>strong{color:#173b50;font-size:.78rem;letter-spacing:.04em}.learning-pending-evidence-options{display:grid;max-height:min(16rem,35dvh);gap:.4rem;margin:0;padding:0 .15rem 0 0;overflow-y:auto;overscroll-behavior:contain;list-style:none}.learning-pending-evidence-options>li{display:grid;min-width:0;gap:.35rem;border:1px solid #9fc1d0;border-radius:.55rem;padding:.45rem;background:#ffffffe0;color:#173b50}.learning-pending-evidence-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.35rem}.learning-pending-evidence-heading>span:first-child{min-width:0;flex:1 1 13rem;font-weight:800;line-height:1.3}.learning-pending-branch-label{flex:0 1 auto;border-radius:999px;padding:.22rem .42rem;background:#dff3fa;color:#0c4a6e;font-size:.7rem;font-weight:800}.learning-pending-option-refs{display:flex;flex-wrap:wrap;gap:.28rem;margin:0;padding:0;list-style:none}.learning-pending-option-refs>li{min-width:0;border:1px solid #c5dce5;border-radius:.4rem;padding:.22rem .34rem;background:#f4fafc;color:#173b50;font-size:.7rem;line-height:1.25;overflow-wrap:anywhere}.pending-input-float-panel .learning-pending-controls{grid-template-columns:minmax(0,1fr);padding:.75rem}.pending-input-float-panel .learning-pending-controls>div:last-child{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.pending-input-float-panel .learning-pending-controls button{min-width:0;padding-inline:.4rem;line-height:1.2;white-space:normal}.learning-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.learning-journey>section{min-height:10rem;border:1px solid rgba(148,163,184,.24);border-radius:.9rem;padding:1rem;background:#0f172ab3}.learning-journey h3,.learning-journey p{margin-top:0}.learning-journey>.learning-orientation-step,.learning-journey>.learning-durable-result,.learning-result-sync{grid-column:1 / -1;min-height:0}.learning-orientation-step ul{display:grid;gap:.35rem;margin:0 0 .9rem;padding-left:1.25rem;color:#cbd5e1}.learning-orientation-demo{margin:1rem 0}.learning-orientation-progress{border-left:4px solid #38bdf8;border-radius:0 .55rem .55rem 0;padding:.55rem .7rem;background:#0ea5e921;color:#e0f2fe;font-weight:800}.learning-orientation-step label,.learning-durable-result>label{display:flex;align-items:flex-start;gap:.55rem;margin:.75rem 0;color:#e2e8f0}.learning-orientation-step input,.learning-durable-result input{width:1.1rem;height:1.1rem;margin-top:.12rem}.learning-durable-result>dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.8rem 0}.learning-durable-result>dl>div{border-radius:.65rem;padding:.65rem;background:#0e749024}.learning-durable-result dt{color:#94a3b8;font-size:.76rem}.learning-durable-result dd{margin:.15rem 0 0;font-weight:800}.learning-result-sync{border-left:3px solid #38bdf8;padding-left:.65rem;color:#bae6fd}.learning-completion-grid{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0}.learning-completion-grid>div{border-radius:.75rem;padding:.8rem;background:#0e749024}.learning-completion-grid dt{color:#94a3b8;font-size:.8rem}.learning-completion-grid dd{margin:.2rem 0 0;font-size:1.1rem;font-weight:800}.learning-journey-actions{grid-column:1 / -1}.learning-catalog{display:grid;min-height:100%;grid-template-columns:minmax(16rem,.38fr) minmax(0,1fr);gap:1rem}.learning-catalog-list{min-height:0}.learning-catalog-list label{display:grid;gap:.35rem}.learning-catalog-list input{min-height:2.75rem}.learning-catalog-list>p{color:#94a3b8;font-size:.82rem}.learning-catalog-list ul{display:grid;max-height:calc(100dvh - 18rem);gap:.35rem;margin:0;padding:0 .2rem 1rem 0;overflow-y:auto;list-style:none}.learning-catalog-list li button{display:flex;width:100%;min-height:3rem;align-items:center;justify-content:space-between;gap:.6rem;border-color:#94a3b82e;background:#0f172ab3;color:#e2e8f0;text-align:left}.learning-catalog-list li button[aria-current=true]{border-color:#38bdf8;background:#0ea5e929}.learning-catalog-list small{flex:0 0 auto;border-radius:999px;padding:.2rem .45rem;color:#cbd5e1;background:#64748b3d}.learning-catalog-list small[data-learning-status=verified]{color:#bbf7d0;background:#16a34a38}.learning-concept-detail{align-self:start;min-height:20rem;border:1px solid rgba(148,163,184,.24);border-radius:1rem;padding:clamp(1rem,3vw,2rem);background:#0f172ab8}.learning-concept-detail h3{margin:.15rem 0 .75rem;font-size:clamp(1.35rem,2.2vw,2rem)}.learning-concept-detail>p:not(.eyebrow){max-width:66ch;font-size:1.05rem;line-height:1.65}.learning-symbol-image,.learning-check-art{width:min(11rem,40%);max-height:11rem;object-fit:contain;border-radius:1rem;padding:.75rem;background:#f8fafc}.learning-location-check-art{position:relative;width:min(34rem,100%);margin:.75rem auto 1rem;overflow:hidden;border:1px solid rgba(186,230,253,.45);border-radius:1rem;background:#071426;box-shadow:0 1rem 2rem #02061752}.learning-location-check-art--board{aspect-ratio:1;max-height:min(42dvh,32rem)}.learning-location-check-art--console{aspect-ratio:125 / 54}.learning-location-check-art--system{aspect-ratio:1214 / 613}.learning-location-check-art--planet{aspect-ratio:756 / 442}.learning-location-check-art--screen{aspect-ratio:16 / 9}.learning-location-check-art>img,.learning-location-check-art>svg{display:block;width:100%;height:100%;object-fit:fill}.learning-planet-schematic{position:absolute;top:0;right:0;bottom:0;left:0}.learning-planet-schematic-base{display:block;width:100%;height:100%;object-fit:fill}.learning-planet-schematic-asteroid,.learning-planet-schematic-biome,.learning-planet-schematic-cards,.learning-planet-schematic-lifeforms{position:absolute;z-index:1}.learning-planet-schematic-asteroid{left:2%;width:24%;aspect-ratio:1}.learning-planet-schematic-asteroid--first{top:5%}.learning-planet-schematic-asteroid--second{bottom:4%}.learning-planet-schematic-asteroid img,.learning-planet-schematic-biome img,.learning-planet-schematic-cards img,.learning-planet-schematic-lifeforms img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 .2rem .3rem rgba(2,6,23,.75))}.learning-planet-schematic-biome{right:6%;bottom:3%;width:42%;height:24%}.learning-planet-schematic-cards{left:13%;bottom:2%;display:flex;align-items:end;gap:1%;width:42%;height:34%}.learning-planet-schematic-cards img{width:22%;height:100%}.learning-planet-schematic-lifeforms{top:4%;right:5%;display:grid;grid-template-rows:repeat(3,1fr);gap:3%;width:19%;height:46%}.learning-planet-schematic-lifeforms img{justify-self:end;width:55%}.learning-location-check-focus{position:absolute;z-index:1;border:clamp(3px,.35vw,6px) solid #facc15;border-radius:.65rem;background:#facc151f;box-shadow:0 0 0 999px #02061757,0 0 1.25rem #facc15e6;pointer-events:none}.learning-answer-protected{border-left:4px solid #f59e0b;padding:.75rem .9rem;background:#78350f33}.learning-check-empty,.learning-check{width:min(46rem,100%);margin:0 auto;border:1px solid rgba(125,211,252,.28);border-radius:1rem;padding:clamp(1rem,3vw,2rem);background:#0f172ab3}.learning-check-correction{margin:.8rem 0;border-left:4px solid #f59e0b;padding:.8rem 1rem;background:#78350f33}.learning-check-correction p{margin-bottom:0;line-height:1.55}.learning-check-correction h4{margin:0;color:#f8fafc}.learning-check-correction dl{display:grid;gap:.45rem;margin:.7rem 0}.learning-check-correction dl>div{display:grid;grid-template-columns:minmax(8rem,.35fr) minmax(0,1fr);gap:.6rem;border-radius:.55rem;padding:.55rem .65rem;background:#0f172a6b}.learning-check-correction dl>div[data-tone=prohibited]{border-left:3px solid #f59e0b}.learning-check-correction dt{color:#fcd34d;font-weight:800}.learning-check-correction dd{margin:0;color:#f8fafc}.learning-check-targeted-explanation,.learning-check-misconception{margin-top:.55rem;border-radius:.55rem;padding:.65rem;background:#0284c729;color:#e2e8f0}.learning-check-targeted-explanation strong,.learning-check-misconception strong{color:#7dd3fc}.learning-check-game-choice-note{border-left:3px solid #38bdf8;padding-left:.65rem;color:#bae6fd;line-height:1.45}.learning-check-subject{display:inline-flex;border-radius:999px;padding:.35rem .65rem;background:#0ea5e92b;color:#bae6fd;font-weight:800}.learning-check fieldset{display:grid;gap:.55rem;margin:1rem 0;border:0;padding:0}.learning-check fieldset label{display:flex;min-height:3rem;align-items:center;gap:.75rem;border:1px solid rgba(148,163,184,.28);border-radius:.75rem;padding:.65rem .8rem;background:#1e293bb8}.learning-check fieldset label:has(input:checked){border-color:#38bdf8;background:#0ea5e92b}.learning-check input[type=radio]{width:1.25rem;height:1.25rem}.learning-fallback-dialog{display:grid;width:min(64rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);gap:.75rem;overflow:auto;border:1px solid rgba(125,211,252,.42);border-radius:1rem;padding:1rem;background:#071222;color:#e8f4ff}.learning-fallback-dialog h2,.learning-fallback-dialog p{margin:0}.learning-fallback-dialog>img{width:100%;max-height:calc(100dvh - 13rem);object-fit:contain;border-radius:.75rem;background:#111827}.learning-table-tour-stage{display:grid;min-width:0;gap:.7rem}.learning-table-tour-stage>h2,.learning-table-tour-stage>p{margin:0}.learning-table-tour-evidence{min-width:0;border:1px solid rgba(125,211,252,.38);border-radius:.75rem;padding:.35rem;background:#eef5f7}.learning-table-tour-evidence>img,.learning-table-tour-evidence>.learning-location-check-art{display:block;width:100%;max-height:calc(100dvh - 18rem);object-fit:contain}.learning-table-tour-evidence .visual-evidence-scene{width:100%;max-height:calc(100dvh - 18rem)}.learning-fallback-dialog .learning-table-tour-controls span{color:#bae6fd}[data-learning-highlighted=true]{outline:5px solid #facc15!important;outline-offset:5px!important;animation:learning-target-pulse 1.2s ease-in-out infinite alternate}.learning-center-rules.rules-reference-panel{width:100%;height:auto;max-height:none;border:0;border-radius:.75rem}@keyframes learning-target-pulse{0%{filter:drop-shadow(0 0 0 rgba(250,204,21,0))}to{filter:drop-shadow(0 0 12px rgba(250,204,21,.72))}}@media(max-width:70rem)and (min-width:45.01rem){.learning-center{grid-template-columns:11rem minmax(0,1fr)}.learning-journey{grid-template-columns:1fr}.learning-journey>section,.learning-completion-grid,.learning-journey-actions{grid-column:1}.learning-journey>section{min-height:0}.learning-durable-result>dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:52rem)and (min-width:45.01rem){.learning-center{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}.learning-center-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(148,163,184,.22)}.learning-center-nav button{flex:0 0 auto}.learning-catalog{grid-template-columns:minmax(14rem,.42fr) minmax(0,1fr)}.learning-lobby-card{grid-template-columns:1fr}.learning-lobby-actions{max-width:none;justify-content:flex-start}}@media(max-width:45rem){.learning-lobby-card,.learning-center-button,.learning-dock,.learning-center-layer,.learning-fallback-layer,.learning-pending-controls,.learning-table-guide-bar{display:none!important}}@media(prefers-reduced-motion:reduce){[data-learning-highlighted=true]{animation:none}}.learning-center[data-lesson-focus=true]{width:min(92rem,calc(100vw - 2rem));height:min(58rem,calc(100dvh - 2rem));grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.learning-center[data-lesson-focus=true] .learning-center-header{grid-column:1;padding-block:.7rem}.learning-center[data-lesson-focus=true] .learning-center-header .eyebrow,.learning-center[data-lesson-focus=true] .learning-center-header div>p:last-child{display:none}.learning-center[data-lesson-focus=true] .learning-center-header h2{font-size:1.15rem}.learning-center[data-lesson-focus=true] .learning-center-nav{display:none}.learning-center[data-lesson-focus=true] .learning-center-content{grid-column:1;padding:1rem 1.25rem 1.5rem;overflow-y:auto;scrollbar-gutter:stable}.learning-lesson-focus{width:100%;max-width:88rem;margin:0 auto}.learning-lesson-focus-breadcrumb{display:flex;align-items:center;gap:.45rem;margin:0 0 .75rem;color:#b8d8e8;font-size:1rem;font-weight:750}.learning-lesson-focus-breadcrumb span{color:#6f9eb5}.learning-demo{display:grid;gap:14px;margin-top:18px;color:#e8f4ff;container-name:lesson-demo;container-type:inline-size}.learning-demo-header,.learning-objective-heading,.evolve-path-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.learning-demo-header h4,.learning-objective-heading h4{margin:2px 0 0;color:#f2f8fc;font-size:1rem}.evolve-path-heading h4{margin:2px 0 0;color:#0b1f33;font-size:1rem}.learning-demo-mode,.learning-objective-heading span{border:1px solid #9fb8ca;border-radius:999px;background:#eef7fb;color:#16445f;padding:5px 9px;font-size:.74rem;font-weight:800;white-space:nowrap}.learning-demo-frame{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);min-height:238px;overflow:hidden;border:1px solid #9ab2c2;border-radius:14px;background:#f7fbfd;box-shadow:0 12px 30px #0f2b3d1a}.learning-example-picker{display:flex;flex-wrap:wrap;gap:7px}.learning-example-picker button{min-height:36px;border:1px solid #8ea9b9;border-radius:999px;background:#f6fafc;color:#173b50;padding:6px 11px;font-weight:800}.learning-example-picker button[aria-selected=true]{border-color:#0e7799;background:#0e7799;color:#fff;box-shadow:0 0 0 3px #0e77992e}.learning-canonical-state{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;border:1px solid #a9c0ce;border-left:5px solid #e79a27;border-radius:9px;background:#f4f9fb;color:#173547;padding:10px 12px}.learning-canonical-state span{border-radius:5px;background:#173f56;color:#fff;padding:3px 7px;font-size:.69rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.learning-canonical-state p{margin:0;line-height:1.5}.learning-demo-visual{position:relative;display:grid;place-items:center;min-height:238px;overflow:hidden;background:radial-gradient(circle at 45% 30%,#295c77,#10293b 70%)}.learning-demo-visual>img{width:100%;height:100%;max-height:280px;object-fit:contain;filter:saturate(.9) contrast(1.05)}.learning-demo-step-number{position:absolute;inset:12px auto auto 12px;display:grid;width:34px;height:34px;place-items:center;border:2px solid #fff;border-radius:50%;background:#f0a429;color:#17212b;box-shadow:0 4px 16px #00000052}.learning-demo-callouts{position:absolute;inset:auto 12px 48px;display:grid;gap:6px;pointer-events:none}.learning-demo-callouts span{width:fit-content;max-width:min(78%,430px);border:1px solid rgb(255 255 255 / 72%);border-radius:7px;background:#082131eb;color:#f4fbff;padding:6px 9px;box-shadow:0 4px 14px #00000047;font-size:.74rem;font-weight:800;line-height:1.35}.learning-demo-callouts span:before{content:attr(data-callout-index);display:inline-grid;width:18px;height:18px;margin-right:6px;place-items:center;border-radius:50%;background:#f0a429;color:#17212b;font-size:.65rem}.learning-demo-route{position:absolute;left:12%;right:12%;bottom:15px;display:flex;align-items:center;color:#fff}.learning-demo-route span{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border:2px solid #fff;border-radius:50%;background:#0c6d8f;font-size:.7rem;font-weight:900}.learning-demo-route i{height:3px;flex:1;background:repeating-linear-gradient(90deg,#fff 0 8px,transparent 8px 13px);transform-origin:left center}.learning-demo-visual[data-playing=true] .learning-demo-route i{animation:learning-route-trace 1.25s ease-in-out infinite alternate}.visual-evidence-scene{position:relative;width:100%;min-height:260px;margin:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent, #64d8ff) 55%,transparent);border-radius:16px;background:radial-gradient(circle at 72% 38%,rgb(31 102 142 / .32),transparent 42%),linear-gradient(145deg,#071321,#0c2436 56%,#07101b);box-shadow:inset 0 0 38px #07c3ff14}.visual-evidence-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.visual-evidence-canvas,.visual-evidence-svg,.visual-evidence-callout-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.visual-evidence-canvas{overflow:hidden}.visual-evidence-layer{position:absolute;box-sizing:border-box}.visual-evidence-asset{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 8px rgb(0 0 0 / .38))}.visual-evidence-label{display:flex;align-items:center;justify-content:center;padding:.35rem .55rem;border:1px solid rgb(255 255 255 / .18);border-radius:9px;background:#040e18d1;color:#f4fbff;font-size:clamp(.68rem,1.05vw,.92rem);font-weight:700;line-height:1.18;text-align:center;text-wrap:balance}.visual-evidence-label[data-tone=instruction]{border-color:#60d9ff;color:#dff8ff}.visual-evidence-label[data-tone=success]{border-color:#58dc91;color:#dfffee}.visual-evidence-label[data-tone=warning]{border-color:#ff8278;color:#ffe9e6;background:#481016e0}.visual-evidence-value{display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:9px;background:#030a13e0;color:#f8fbff;font-variant-numeric:tabular-nums;font-size:clamp(.9rem,1.6vw,1.35rem);line-height:1}.visual-evidence-value strong{line-height:1}.visual-evidence-value[data-tone=before]{outline:2px solid #79bfff}.visual-evidence-value[data-tone=cost]{outline:2px solid #ff8d78;color:#ffd8d1}.visual-evidence-value[data-tone=after]{outline:2px solid #66e19d;color:#ddffeb}.visual-evidence-svg{z-index:20;pointer-events:none;overflow:visible}.visual-evidence-svg marker path{fill:currentColor}.visual-evidence-arrow{fill:none;stroke:#ecfaff;color:#ecfaff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px rgb(0 0 0 / .8))}.visual-evidence-arrow[data-tone=gain]{stroke:#69e6a2;color:#69e6a2}.visual-evidence-arrow[data-tone=cost]{stroke:#ff8d78;color:#ff8d78}.visual-evidence-arrow[data-tone=prohibited]{stroke:#ff625b;color:#ff625b}.visual-evidence-outline{fill:#ffffff06;stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:4 2}.visual-evidence-outline[data-tone=current]{stroke:#79bfff}.visual-evidence-outline[data-tone=completed]{stroke:#66e19d}.visual-evidence-outline[data-tone=destination]{stroke:#f8d45c}.visual-evidence-outline[data-tone=warning]{stroke:#ff625b}.visual-evidence-prohibited{stroke:#ff625b;stroke-width:2.2;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #250000)}.visual-evidence-prohibited>line:first-child{stroke-dasharray:5 3}.visual-evidence-callout-number{display:grid;width:1.8rem;height:1.8rem;translate:-50% -50%;place-items:center;border:2px solid white;border-radius:50%;background:#1678a8;color:#fff;font-weight:900}.visual-evidence-callout-copy{max-width:24%;padding:.3rem .45rem;border-radius:7px;background:#020a12e6;color:#fff;font-size:.72rem;line-height:1.2}.visual-evidence-callout-line{z-index:19;pointer-events:none}.visual-evidence-callout-line line{stroke:#bdeeff;stroke-width:.7;vector-effect:non-scaling-stroke}.visual-evidence-scene[data-frame-role=operation][data-reduced-motion=false] .visual-evidence-asset,.visual-evidence-scene[data-frame-role=operation][data-reduced-motion=false] .visual-evidence-value{animation:visual-evidence-enter .45s cubic-bezier(.2,.75,.22,1) both}.visual-evidence-scene[data-frame-role=operation][data-reduced-motion=false] .visual-evidence-arrow{stroke-dasharray:120;stroke-dashoffset:120;animation:visual-evidence-draw .8s .15s ease-out forwards}@keyframes visual-evidence-enter{0%{opacity:0;transform:translateY(8px) scale(.97)}}@keyframes visual-evidence-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.visual-evidence-scene *,.visual-evidence-scene *:before,.visual-evidence-scene *:after{animation:none!important;transition:none!important}}.debug-learning-scenes{min-height:100vh;padding:28px;background:#050b12;color:#eef9ff}.debug-learning-scenes>header,.debug-learning-scene-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.debug-learning-scenes>section{margin:36px 0 64px}.debug-learning-frame-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:24px}.debug-learning-frame-grid>article{min-width:0;padding:16px;border:1px solid rgb(126 217 255 / .2);border-radius:16px;background:#0b1621}.debug-learning-frame-grid h3{overflow-wrap:anywhere;font-size:.82rem;color:#9fdfff}.debug-learning-frame-grid p{color:#c7d9e4;line-height:1.5}@keyframes learning-route-trace{0%{opacity:.35;transform:scaleX(.25)}to{opacity:1;transform:scaleX(1)}}.learning-demo-narration{align-self:stretch;padding:25px 26px;background:linear-gradient(145deg,#fff,#edf5f8)}.learning-demo-narration>p:first-child{margin:0 0 12px;color:#38657b;font-size:.76rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.learning-demo-narration h5{margin:0 0 10px;color:#0d2639;font-size:1.13rem}.learning-demo-narration p{margin:0;color:#294252;line-height:1.65}.learning-demo-warning{display:grid;gap:4px;margin-top:14px;border-left:4px solid #d87a16;background:#fff5df;color:#5a3510;padding:10px 12px;line-height:1.45}.learning-demo-deltas{margin-top:14px;border:1px solid #a7c7b4;border-radius:8px;background:#eef9f2;color:#17442d;padding:9px 11px}.learning-demo-deltas ul{margin:5px 0 0;padding-left:18px}.learning-demo-deltas li{line-height:1.45}.learning-demo-progress{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.learning-demo-progress button{display:grid;width:max(29px,2.25em);height:max(29px,2.25em);flex:0 0 auto;place-items:center;border:1px solid #9eb2bf;border-radius:50%;background:#f7fbfd;color:#36576a;padding:0}.learning-demo-progress button[aria-current=step]{border-color:#0e7799;background:#0e7799;color:#fff;box-shadow:0 0 0 3px #0e77992e}.learning-demo-controls{display:flex;flex-wrap:wrap;gap:8px}.learning-demo-controls button{min-height:38px;border:1px solid #8da8b9;border-radius:8px;background:#fff;color:#17384c;padding:7px 12px;font-weight:760}.learning-demo-controls button:nth-last-child(1){margin-left:auto;border-color:#146e8c;background:#146e8c;color:#fff}.learning-demo-controls button:focus-visible,.learning-demo-progress button:focus-visible,.learning-demo-transcript button:focus-visible{outline:3px solid #f3a829;outline-offset:2px}.learning-demo-controls button:disabled{opacity:.42}.learning-demo-transcript{display:grid;gap:7px;margin:0;padding-left:24px}.learning-demo-transcript button{display:grid;width:100%;gap:3px;border:1px solid #b6c8d2;border-radius:9px;background:#f7fafc;color:#183244;padding:10px 12px;text-align:left}.learning-demo-transcript span{color:#476172;line-height:1.45}.learning-objective-list{border-top:1px solid #c5d3dc;padding-top:16px}.learning-objective-list ol{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.learning-objective-list li{display:grid;grid-template-columns:26px 1fr;gap:8px;border:1px solid #c2d0d8;border-radius:10px;background:#f8fbfc;color:#172332;padding:11px 12px}.learning-objective-list li[data-verified=true]{border-color:#68a882;background:#f0faf4}.learning-objective-list li>span{color:#14734b;font-size:1.15rem;font-weight:900}.learning-objective-list p{margin:4px 0 0;color:#3d5666;line-height:1.45}.evolve-path{display:grid;gap:12px;border:1px solid #9cb4c3;border-radius:13px;background:linear-gradient(145deg,#f9fcfd,#e8f1f5);color:#172332;padding:15px}.evolve-cost-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.evolve-cost-legend span{border-radius:999px;background:#173f56;color:#f6fbfd;padding:4px 7px;font-size:.68rem}.evolve-path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.evolve-starting-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.evolve-starting-routes>div{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid #a7bdca;border-radius:9px;background:#fff;padding:9px 10px}.evolve-starting-routes>div>span{color:#a65b0d;font-weight:900}.evolve-starting-routes>div>div,.evolve-tier li>span{display:flex;flex-wrap:wrap;gap:4px}.evolve-starting-routes em,.evolve-tier em{border-radius:999px;background:#edf3f6;color:#455e6c;padding:2px 5px;font-size:.64rem;font-style:normal}.evolve-starting-routes em[data-available-now=true],.evolve-tier em[data-available-now=true],.evolve-tier li[data-available-now=true]{outline:2px solid #1680a5;outline-offset:1px;background:#e6f6fb;color:#0f526b}.evolve-tier li>b{color:#0f6886;font-size:.62rem}.evolve-tier{position:relative;border:1px solid #adc0cb;border-radius:10px;background:#fff;padding:10px}.evolve-tier:not(:last-child):after{position:absolute;top:47%;right:-11px;z-index:1;content:"→";color:#b8680c;font-size:1.2rem;font-weight:900}.evolve-tier h5,.evolve-tier p{margin:0}.evolve-tier-cost{color:#9b550a;font-size:.72rem;font-weight:850}.evolve-tier ul{display:grid;gap:5px;margin:9px 0 0;padding:0;list-style:none}.evolve-tier li{display:grid;gap:1px;border-left:3px solid #207596;background:#eef6f9;padding:5px 6px}.evolve-tier li span{color:#526b79;font-size:.64rem}.evolve-path-notes{display:grid;gap:5px}.evolve-path-notes p{margin:0;color:#314d5d;font-size:.79rem;line-height:1.42}.evolve-path-notes span{display:inline-grid;width:23px;place-items:center;color:#ad5b09;font-weight:900}@media(max-width:1050px){.learning-demo-frame{grid-template-columns:1fr}.learning-demo-visual{min-height:190px}.evolve-starting-routes{grid-template-columns:1fr}.evolve-path-grid{grid-template-columns:repeat(2,1fr)}.evolve-tier:after{display:none}}@media(prefers-reduced-motion:reduce){.learning-demo-visual[data-playing=true] .learning-demo-route i{animation:none}}.learning-encounter-heading{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center}.learning-encounter-heading>span{grid-column:1;color:#416274;font-size:.7rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.learning-encounter-heading>strong{grid-column:1;color:#102b3d}.learning-encounter-heading>button{grid-column:2;grid-row:1 / span 2;min-height:34px;border:1px solid #8ca6b5;border-radius:7px;background:#f8fbfc;color:#173b50;padding:5px 9px}.learning-current-cost{margin:9px 0 0;border-left:4px solid #1681a5;background:#e8f5fa;color:#163f54;padding:7px 10px}.learning-encounter-detail{margin-top:10px}.learning-resolution-order{display:grid;gap:5px;margin:10px 0;padding:0;list-style:none;counter-reset:none}.learning-resolution-order li{border-left:3px solid #e09227;background:#fff7e7;color:#533a1e;padding:7px 9px;line-height:1.4}.learning-table-tour-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:10px}.learning-table-tour-controls button{min-height:38px;border:1px solid #8da7b6;border-radius:8px;background:#f8fbfc;color:#183b50;font-weight:800}.learning-table-tour-controls span{color:#34566a;font-variant-numeric:tabular-nums;font-weight:850}.learning-context-example{display:grid;gap:12px;margin-top:18px;color:#153447}.learning-context-example>header{display:flex;align-items:start;justify-content:space-between;gap:16px}.learning-context-example h4{margin:2px 0 0;color:#eff8fc}.learning-context-example>header>span{border-radius:999px;background:#e9f4f8;color:#17445b;padding:4px 8px;font-weight:900}.learning-context-frame{display:grid;grid-template-columns:minmax(0,3fr) minmax(280px,2fr);min-height:220px;overflow:hidden;border:1px solid #9cb5c4;border-radius:13px;background:#f7fbfd}.learning-context-visual{position:relative;display:grid;min-height:220px;place-items:center;overflow:hidden;background:radial-gradient(circle at 45% 30%,#2c627e,#10293b 72%)}.learning-context-visual>img{width:100%;height:100%;max-height:310px;object-fit:contain}.learning-context-visual>span{position:absolute;inset:12px auto auto 12px;display:grid;width:32px;height:32px;place-items:center;border:2px solid #fff;border-radius:50%;background:#f0a429;color:#152430;font-weight:900}.learning-context-visual[data-incorrect=true]>img{filter:grayscale(.8) brightness(.72)}.learning-prohibited-mark{position:absolute;color:#ff5a48;font-size:clamp(7rem,16vw,13rem);line-height:1;text-shadow:0 4px 20px rgb(0 0 0 / 45%)}.learning-context-copy{min-inline-size:0;padding:25px 26px;background:linear-gradient(145deg,#fff,#edf5f8);overflow-wrap:anywhere}.learning-context-copy h5{margin:0 0 10px;color:#0d2639;font-size:1.12rem}.learning-context-copy p{margin:0;color:#294252;line-height:1.65}.learning-context-copy>strong{display:block;margin-top:14px;color:#8b241a}.learning-context-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px}.learning-context-controls button{min-height:44px;border:1px solid #8da8b9;border-radius:8px;background:#fff;color:#17384c;padding:8px 12px;font-weight:800;line-height:1.35;text-align:left}.learning-context-controls button[aria-current=step]{border-color:#0e7799;background:#e7f5fa;color:#0a5570}.learning-context-controls button:last-child{border-color:#146e8c;background:#146e8c;color:#fff;text-align:center}.learning-demo[data-focus-mode=true]{width:100%;margin-top:0;gap:1rem}.learning-demo[data-focus-mode=true] .learning-example-picker{display:none}.learning-demo-header{align-items:center}.learning-demo-header h4{margin:.25rem 0 0;color:#f8fbff;font-size:clamp(1.25rem,2vw,1.8rem)}.learning-demo-header p:not(.learning-demo-context-badge){margin:.3rem 0 0;color:#cbdce8;font-size:1rem}.learning-demo-context-badge{width:fit-content;margin:0;border:1px solid #8fd7f1;border-radius:999px;background:#0d3b54;color:#e8f8ff;padding:.35rem .65rem;font-size:1rem;font-weight:800}.learning-demo-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.learning-demo-header-actions button,.learning-example-picker button{min-height:2.75rem;font-size:1rem}.learning-demo-header-actions button{border:1px solid #8fd7f1;border-radius:.65rem;background:#f4fbff;color:#12364c;padding:.55rem .85rem;font-weight:800}.learning-example-state-strip{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:.7rem;border:1px solid #6f899a;border-radius:.75rem;background:#e8f1f5;color:#102c3d;padding:.65rem}.learning-example-state-strip>strong{display:grid;min-height:2.75rem;place-items:center;border-radius:.55rem;background:#163f56;color:#fff;padding:.45rem .7rem;font-size:1rem}.learning-example-state-strip dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.5rem;margin:0}.learning-example-state-strip dl>div{min-width:0;border:2px solid #879ba8;border-radius:.55rem;background:#fff;padding:.42rem .6rem}.learning-example-state-strip dl>div[data-tone=before]{border-color:#2275aa}.learning-example-state-strip dl>div[data-tone=action]{border-color:#ad6a00;background:#fff7df}.learning-example-state-strip dl>div[data-tone=after]{border-color:#198653;background:#effbf4}.learning-example-state-strip dl>div[data-tone=prohibited]{border-color:#c13838;background:#fff0f0}.learning-example-state-strip dt{color:#3d5868;font-size:1rem}.learning-example-state-strip dd{margin:.15rem 0 0;color:#102c3d;font-size:1.25rem;font-weight:900}.learning-demo-chapter{display:flex;align-items:baseline;gap:.6rem;color:#d7e8f2;font-size:1rem}.learning-demo-chapter>span{color:#91bed3}.learning-demo-frame{grid-template-columns:minmax(0,1fr) minmax(20rem,22.5rem);min-height:0;border:1px solid #6e8999;border-radius:1rem;background:#f5fafc}.learning-demo[data-focus-mode=true] .learning-demo-frame{grid-template-columns:minmax(45rem,1fr) minmax(20rem,22.5rem)}.learning-demo-visual{min-width:0;min-height:0;align-self:start;background:#071321}.visual-evidence-scene{width:100%;min-height:0;border:0;border-radius:0;container-type:inline-size}.visual-evidence-asset-frame{overflow:hidden}.visual-evidence-asset-frame>.visual-evidence-asset{display:block;width:100%;height:100%}.visual-evidence-production-hand-dock,.visual-evidence-production-planet-tableau{overflow:hidden}.visual-evidence-production-hand-dock .hand-dock.evidence-preview{position:relative;inset:auto;z-index:auto;width:100%;height:100%;max-height:none;margin:0;padding:.4rem;border-color:#aab7c4;box-shadow:0 8px 24px #0f172a40}.visual-evidence-production-hand-dock .hand-dock-rail{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;min-height:20%}.visual-evidence-production-hand-dock .hand-dock-rail h2{font-size:1rem}.visual-evidence-production-hand-dock .hand-dock-rail span{font-size:.78rem}.visual-evidence-production-hand-dock .hand-dock-content{height:76%;max-height:76%;margin-top:.2rem;overflow:hidden}.visual-evidence-production-hand-dock .hand-card-row{height:100%;gap:.4rem;padding:.1rem .1rem .25rem;overflow:hidden}.visual-evidence-production-hand-dock .hand-card{width:auto;height:100%;min-height:0;flex:0 0 auto}.visual-evidence-production-planet-tableau .solar-system-board.evidence-preview{width:100%;height:100%;margin:0;overflow:hidden}.visual-evidence-production-planet-tableau .solar-system-board-art{top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.5}.visual-evidence-production-planet-tableau .solar-planet-slot.evidence-preview{left:50%!important;top:51%!important;width:72%!important;height:auto!important}.visual-evidence-production-planet-tableau [data-learning-target="location:planet.played-life-cards"],.visual-evidence-production-planet-tableau [data-learning-target="location:planet.lifeforms"]{z-index:7;border-radius:.3rem;outline:3px solid #f8d45c;outline-offset:2px;background:#071321b8;box-shadow:0 0 0 2px #000000b3,0 0 18px #f8d45ca6}.visual-evidence-label{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;height:auto!important;min-height:10%;border-width:2px;background:#030c15f0;color:#fff;padding:.08rem .28rem;font-size:max(16px,min(1rem,1.8cqw));line-height:1;overflow-wrap:anywhere;word-break:break-word}.visual-evidence-label[data-placement=annotation]{border-color:#94aabb;background:#0a1d2c;box-shadow:0 3px 12px #0006}.visual-evidence-label[data-tone=instruction]{border-color:#62c9ed;color:#effbff}.visual-evidence-label[data-tone=success]{border-color:#4bce88;color:#f1fff7;background:#0b3422}.visual-evidence-label[data-tone=warning]{border-color:#ff6969;color:#fff4f4;background:#4a1418}.visual-evidence-value{flex-direction:column;gap:.08rem;min-inline-size:0;max-inline-size:100%;height:auto!important;min-height:15%;border:1px solid #fff;background:#020b13f2;color:#fff;padding:.1rem .18rem;font-size:max(20px,min(1.25rem,2.2cqw));line-height:1;text-align:center;overflow-wrap:anywhere}.visual-evidence-value small{font-size:max(12px,min(.75rem,1.35cqw));font-weight:750;line-height:1.05;overflow-wrap:anywhere;text-wrap:balance}.visual-evidence-value strong{min-inline-size:0;max-inline-size:100%;font-size:max(20px,min(1.25rem,2.2cqw));line-height:1;overflow-wrap:anywhere;word-break:break-word}.visual-evidence-value[data-tone=before]{outline:3px solid #47a7e2}.visual-evidence-value[data-tone=cost]{outline:3px solid #f3b33d;color:#fff5d7}.visual-evidence-value[data-tone=after]{outline:3px solid #52d58c;color:#effff6}.visual-evidence-scene[data-scene-id^="scene:batch6:"]{container-type:inline-size}.visual-evidence-scene[data-scene-id^="scene:batch6:"] .visual-evidence-label{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;padding:clamp(.0625rem,.25cqw,.125rem) clamp(.1875rem,.6cqw,.375rem);font-size:max(16px,min(1rem,1.6cqw));line-height:1;overflow-wrap:anywhere}.visual-evidence-scene[data-scene-id^="scene:batch6:"] .visual-evidence-value{box-sizing:border-box;min-inline-size:0;max-inline-size:100%;gap:0;padding:0 clamp(.125rem,.4cqw,.25rem);font-size:max(20px,min(1.25rem,2cqw))}.visual-evidence-scene[data-scene-id^="scene:batch6:"] .visual-evidence-value small{font-size:max(12px,min(.75rem,1.2cqw));line-height:1;overflow-wrap:anywhere}.visual-evidence-scene[data-scene-id^="scene:batch6:"] .visual-evidence-value strong{font-size:max(20px,min(1.25rem,2cqw));line-height:1;white-space:nowrap}.learning-demo-frame:has(.visual-evidence-scene[data-production-ui-scene=true]),.learning-context-frame:has(.visual-evidence-scene[data-production-ui-scene=true]){grid-template-columns:repeat(auto-fit,minmax(min(100%,40rem),1fr));overflow:visible}.visual-evidence-scene[data-production-ui-scene=true]{min-height:0;aspect-ratio:auto!important;overflow:visible}.visual-evidence-scene[data-production-ui-scene=true]>.visual-evidence-canvas{position:relative;inset:auto;height:auto;overflow:visible}.visual-evidence-production-ui{position:relative;display:grid;min-width:0;min-height:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,40rem),1fr));grid-template-rows:auto auto auto;align-items:start;gap:.625rem;padding:1.125rem;color:#17202a}.production-ui-evidence-target{position:relative;min-width:0;border:2px solid transparent;border-radius:10px}.production-ui-evidence-target.is-active{border-color:#f8d45c;box-shadow:0 0 0 3px #030c15eb,0 0 22px #f8d45cb8}.production-ui-evidence-status{grid-column:1 / -1}.visual-evidence-production-ui .game-status.evidence-preview{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;padding:.625rem .75rem;border-radius:8px;background:#f8fbfd}.visual-evidence-production-ui .game-status.evidence-preview div{display:grid;min-width:0;gap:1px}.visual-evidence-production-ui .game-status.evidence-preview span,.visual-evidence-production-ui .game-status.evidence-preview strong{min-width:0;overflow-wrap:anywhere}.visual-evidence-production-ui .game-status.evidence-preview span{color:#526070;font-size:1rem;line-height:1.2}.visual-evidence-production-ui .game-status.evidence-preview strong{color:#17202a;font-size:1.125rem;line-height:1.2}.production-ui-evidence-board{grid-column:1;grid-row:2;display:grid;min-width:0;min-height:0;grid-template-rows:auto auto;gap:.5rem;overflow:visible;border:1px solid #54738a;border-radius:9px;background:radial-gradient(circle at 50% 45%,#1c4f6d,#071321 72%);color:#eefaff;padding:.625rem}.production-ui-evidence-board>strong{font-size:1rem;line-height:1.25}.production-ui-evidence-scene-proof{position:relative;display:block;justify-self:center;min-width:0;min-height:0;width:100%;max-width:100%;height:auto;overflow:hidden;border:1px solid #78a7bf;border-radius:8px;background:radial-gradient(circle at 48% 40%,#235c7b,#071321 72%)}.production-ui-evidence-pending{position:relative;inset:auto;grid-column:2;grid-row:2;align-self:stretch;width:auto;max-height:none;overflow:visible;padding:.625rem;animation:none}.visual-evidence-production-ui .pending-input-summary{display:grid;min-width:0;grid-template-columns:1fr;gap:7px}.visual-evidence-production-ui .pending-input-status-heading{gap:6px}.visual-evidence-production-ui .pending-input-status-label{font-size:1rem}.visual-evidence-production-ui .pending-input-summary h2{font-size:1.125rem;line-height:1.2;overflow-wrap:anywhere}.visual-evidence-production-ui .pending-input-summary p{font-size:1rem;line-height:1.3}.visual-evidence-production-ui .pending-input-summary .pending-input-actions{display:flex;align-items:center;justify-content:flex-end;padding-top:4px}.production-ui-evidence-option-count{border:1px solid #6d8798;border-radius:999px;background:#e9f4f8;color:#17384c;padding:5px 9px;font-size:1.125rem;font-weight:850}.visual-evidence-production-ui .pending-input-summary.is-active{border-radius:7px;outline:3px solid #f8d45c;outline-offset:3px}.production-ui-evidence-options{display:block;min-width:0}.visual-evidence-production-ui .pending-option-card,.visual-evidence-production-ui .image-choice-submit,.visual-evidence-production-ui .image-choice-detail-button,.visual-evidence-production-ui .turn-commitment-input button{min-width:0;min-height:48px;border:1px solid #8aa2b3;border-radius:6px;background:#fff;color:#17384c;padding:7px 9px;font-size:1.125rem;font-weight:800;opacity:1;overflow-wrap:anywhere}.visual-evidence-production-ui .image-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-evidence-production-ui .image-choice-copy strong{font-size:1.125rem}.visual-evidence-production-ui .image-choice-copy span,.visual-evidence-production-ui .image-choice-copy small,.visual-evidence-production-ui .image-choice-footer{font-size:1rem}.production-ui-evidence-warning,.production-ui-evidence-reset-open{margin:0;border-left:4px solid #d46a17;background:#fff0dc;color:#713507;padding:8px 10px;font-size:1rem;font-weight:800;line-height:1.3}.production-ui-evidence-reset-open{border-left-color:#168653;background:#e7f8ef;color:#0f5135}.visual-evidence-production-ui .turn-commitment-input,.visual-evidence-production-ui .turn-commitment-actions{display:grid;gap:8px}.visual-evidence-production-ui .turn-commitment-input>p{margin:0;color:#344054;font-size:1rem;line-height:1.3}.visual-evidence-production-ui .turn-commitment-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.production-ui-evidence-log{grid-column:1 / -1;grid-row:3}.visual-evidence-production-ui .log-panel.evidence-preview{min-height:0;padding:.625rem .75rem;background:#f8fbfd}.visual-evidence-production-ui .log-panel.evidence-preview .panel-header{margin-bottom:4px}.visual-evidence-production-ui .log-panel.evidence-preview h2,.visual-evidence-production-ui .log-panel.evidence-preview span,.visual-evidence-production-ui .log-panel.evidence-preview li{color:#17202a;font-size:1rem;line-height:1.3}.visual-evidence-production-ui .log-panel.evidence-preview ol{display:grid;max-height:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 16px;padding-left:24px}.production-ui-evidence-log-boundary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:7px}.production-ui-evidence-log-boundary>*{border-radius:6px;background:#e9f4f8;color:#17384c;padding:7px 9px;font-size:1.125rem;line-height:1.3;overflow-wrap:anywhere}.production-ui-evidence-log-boundary>strong{border:2px solid #b42318;background:#fff0ee;color:#7a271a}.production-ui-evidence-caption{display:block;margin-top:4px;border-radius:5px;background:#0a1d2c;color:#f4fbff;padding:6px 9px;font-size:1rem;font-weight:800;line-height:1.3;text-align:left;text-wrap:pretty;overflow-wrap:anywhere}@container (max-width: 72rem){.visual-evidence-production-ui{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.production-ui-evidence-status,.production-ui-evidence-board,.production-ui-evidence-pending,.production-ui-evidence-log{grid-column:1}.production-ui-evidence-status{grid-row:1}.production-ui-evidence-board{grid-row:2}.production-ui-evidence-pending{grid-row:3}.production-ui-evidence-log{grid-row:4}.visual-evidence-production-ui .game-status.evidence-preview{grid-template-columns:repeat(3,minmax(0,1fr))}}.visual-evidence-arrow{stroke-width:3;filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 2px #000)}.visual-evidence-arrow[data-tone=gain]{stroke:#5cde96;color:#5cde96}.visual-evidence-arrow[data-tone=cost]{stroke:#f3b33d;color:#f3b33d}.visual-evidence-arrow[data-tone=prohibited]{stroke:#ff6464;color:#ff6464}.visual-evidence-outline{stroke-width:2.5}.visual-evidence-prohibited{stroke:#ff5f62;stroke-width:3.5}.visual-evidence-transition-path{fill:none;stroke:#f3b33d;color:#f3b33d;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:180;stroke-dashoffset:180;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px #000) drop-shadow(0 0 5px rgb(243 179 61 / .65));animation:visual-evidence-draw .82s ease-out forwards}.visual-evidence-motion-layer{position:absolute;box-sizing:border-box;overflow:hidden;pointer-events:none;animation:visual-evidence-subject-move .82s cubic-bezier(.2,.72,.2,1) both}.visual-evidence-motion-layer[data-transition-operation=replace],.visual-evidence-motion-layer[data-transition-operation=flip]{animation-name:visual-evidence-subject-replace}.visual-evidence-motion-layer>.visual-evidence-asset,.visual-evidence-motion-layer>.visual-evidence-value{display:block;width:100%;height:100%}.visual-evidence-transition-target{animation:visual-evidence-target-reveal .82s ease-out both}@keyframes visual-evidence-subject-move{0%{opacity:1}78%{left:var(--visual-evidence-target-left);top:var(--visual-evidence-target-top);width:var(--visual-evidence-target-width);height:var(--visual-evidence-target-height);opacity:1}to{left:var(--visual-evidence-target-left);top:var(--visual-evidence-target-top);width:var(--visual-evidence-target-width);height:var(--visual-evidence-target-height);opacity:0}}@keyframes visual-evidence-subject-replace{0%{opacity:1;transform:rotateY(0) scale(1)}68%{left:var(--visual-evidence-target-left);top:var(--visual-evidence-target-top);width:var(--visual-evidence-target-width);height:var(--visual-evidence-target-height);opacity:1;transform:rotateY(75deg) scale(.96)}to{left:var(--visual-evidence-target-left);top:var(--visual-evidence-target-top);width:var(--visual-evidence-target-width);height:var(--visual-evidence-target-height);opacity:0;transform:rotateY(90deg) scale(.94)}}@keyframes visual-evidence-target-reveal{0%,64%{opacity:0}to{opacity:1}}.learning-demo-visual[data-playing=true] .visual-evidence-arrow{stroke-dasharray:180;stroke-dashoffset:180;animation:visual-evidence-draw .85s ease-out forwards}.learning-demo-visual[data-playing=true] .visual-evidence-value,.learning-demo-visual[data-playing=true] .visual-evidence-outline,.learning-demo-visual[data-playing=true] .visual-evidence-prohibited{animation:visual-evidence-focus-pulse .7s ease-out both}.learning-demo-visual[data-playing=true] .visual-evidence-transition-target{animation:visual-evidence-target-reveal .82s ease-out both}@keyframes visual-evidence-focus-pulse{0%{opacity:.25}55%{opacity:1;filter:drop-shadow(0 0 8px rgb(243 179 61 / .75))}to{opacity:1}}.learning-demo-narration{min-width:0;align-self:stretch;padding:1.35rem 1.45rem;background:#f7fbfd}.learning-demo-step-position{margin:0 0 .7rem;color:#315f76;font-size:1rem;font-weight:850}.learning-demo-question-label{display:block;margin-bottom:.35rem;color:#8a4e00;font-size:1rem;font-weight:850}.learning-demo-narration h5{margin:0 0 .85rem;color:#09283a;font-size:1.25rem;line-height:1.35}.learning-demo-causal-chain{display:grid;gap:.45rem;margin:0;padding-left:1.45rem;color:#183d50;font-size:1rem;line-height:1.55}.learning-demo-causal-chain li::marker{color:#a96500;font-weight:900}.learning-demo-deltas,.learning-demo-warning{margin-top:1rem;border-radius:.65rem;padding:.75rem .85rem;font-size:1rem}.learning-demo-deltas{border:2px solid #3b9567;background:#eaf8f0;color:#123e29}.learning-demo-warning{border:2px solid #be3f3f;border-left-width:5px;background:#fff0f0;color:#642020}.learning-demo-semantic-rail{display:grid;min-width:0;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:.45rem}.learning-demo-semantic-rail[data-rail=compact]{display:none}.learning-demo-semantic-rail button{display:grid;width:100%;min-width:0;height:auto;min-height:4.1rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.4rem;border:2px solid #6f8796;border-radius:.65rem;background:#eff5f8;color:#183b4d;padding:.45rem .5rem;text-align:left}.learning-demo-semantic-rail button[aria-current=step]{border-color:#28a5d1;background:#0d5d7c;color:#fff;box-shadow:0 0 0 3px #36bdeb40}.learning-demo-rail-index{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:#173f56;color:#fff;font-size:1rem;font-weight:900}button[aria-current=step] .learning-demo-rail-index{background:#fff;color:#0d5d7c}.learning-demo-rail-label{display:block;min-width:0;overflow:visible;font-size:1rem;font-weight:750;line-height:1.25;overflow-wrap:anywhere;white-space:normal}.learning-demo-teaching-controls{display:grid;grid-template-columns:repeat(var(--learning-control-count, 6),auto) minmax(15rem,1fr);align-items:center;gap:.5rem;border:1px solid #708a9b;border-radius:.8rem;background:#e8f1f5;padding:.65rem}.learning-orientation-demo{--learning-control-count: 5;--learning-rail-columns: 6}.learning-demo-teaching-controls button{min-height:2.75rem;border:2px solid #627e8f;border-radius:.6rem;background:#fff;color:#12384d;padding:.55rem .8rem;font-size:1rem;font-weight:800}.learning-demo-teaching-controls button.primary{border-color:#0b6f92;background:#0b6f92;color:#fff}.learning-demo-teaching-controls .learning-demo-show-table{border-color:#176c49;background:#176c49;color:#fff}.learning-demo-shortcuts{display:flex;min-width:0;justify-content:flex-end;gap:.7rem;color:#34576a;font-size:.9rem}.learning-demo-shortcuts>span{display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap}.learning-demo-shortcuts kbd{min-width:1.9rem;border:1px solid #728b9a;border-bottom-width:3px;border-radius:.35rem;background:#fff;color:#173c50;padding:.18rem .35rem;font:800 .82rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}.learning-demo-transcript{font-size:1rem}.learning-demo-transcript button{min-height:2.75rem;font-size:1rem}.learning-demo-related{border:1px solid #708a9b;border-radius:.75rem;background:#edf4f7;color:#17394b;padding:.75rem .9rem;font-size:1rem}.learning-demo-related>summary{min-height:2.75rem;cursor:pointer;font-weight:850;line-height:2.75rem}.learning-demo-related .learning-objective-list{margin-top:.7rem}@media(max-width:72rem){.learning-demo[data-focus-mode=true] .learning-demo-frame,.learning-demo-frame{grid-template-columns:1fr}.learning-demo-narration{min-height:0}.learning-demo-semantic-rail[data-rail=wide]{display:none}.learning-demo-semantic-rail[data-rail=compact]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.learning-demo-teaching-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-demo-shortcuts{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}}@container lesson-demo (max-width: 72rem){.learning-demo[data-focus-mode=true] .learning-demo-frame,.learning-demo-frame{grid-template-columns:1fr}.learning-demo-narration{min-height:0}.learning-demo-semantic-rail[data-rail=wide]{display:none}.learning-demo-semantic-rail[data-rail=compact]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.learning-demo-teaching-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-demo-shortcuts{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}}.debug-learning-evidence-review{display:grid;min-height:100vh;place-items:center;padding:1.5rem;background:#050b12}.debug-learning-evidence-review>.visual-evidence-scene{width:min(75rem,calc(100vw - 3rem));border:1px solid #4d758c;border-radius:1rem}.debug-production-pending-route{min-height:100vh;container-type:inline-size;padding:2rem;background:#050b12}.debug-production-pending-layout{display:grid;min-height:calc(100vh - 4rem);grid-template-columns:minmax(0,1fr) minmax(22rem,30rem);align-items:start;gap:1.5rem}.debug-production-board,.debug-production-pending-column{min-width:0;border:1px solid #55778b;border-radius:1rem;background:#0b2030;padding:1rem}.debug-production-board{display:grid;gap:1rem;color:#f4fbff}.debug-production-board h1,.debug-production-board p{margin:0;font-size:1rem;line-height:1.4}.debug-production-board h1{font-size:1.5rem}.debug-production-board img{display:block;width:100%;max-height:43rem;object-fit:contain}.debug-production-pending-column{position:relative;align-self:stretch;min-height:34rem;background:#e8f0f5}.debug-production-pending-column>.pending-input-float-panel{position:static;inset:auto;width:100%;max-height:none;overflow:visible;animation:none}@container (max-width: 72rem){.debug-production-pending-layout{grid-template-columns:1fr}.debug-production-pending-column{min-height:0}}.debug-learning-focus-review{display:grid;min-height:100vh;place-items:center;padding:1rem;background:#040a18eb}.debug-learning-focus-review>.learning-center{position:relative}.debug-learning-focus-review[data-review-mode=lesson],.debug-learning-focus-review[data-review-mode=focus]{place-items:start center}.debug-learning-focus-review[data-review-mode=lesson]>.learning-center,.debug-learning-focus-review[data-review-mode=focus]>.learning-center{height:auto;grid-template-rows:auto auto;overflow:visible}.debug-learning-focus-review[data-review-mode=lesson] .learning-center-content,.debug-learning-focus-review[data-review-mode=focus] .learning-center-content{overflow:visible}.debug-learning-concept-review{min-height:100vh;padding:1.25rem;background:#040a18f2}.debug-learning-concept-card{width:min(78rem,calc(100vw - 2.5rem));margin:0 auto;border:1px solid #55778b;border-radius:1rem;background:#0b2030;padding:1.25rem}.debug-learning-concept-card>header h2{margin:.2rem 0 .4rem;color:#f3f9fc}.debug-learning-concept-card>header p:not(.eyebrow){margin:0;color:#c8dce8;line-height:1.55}.debug-learning-focus-review[data-review-mode=orientation]{place-items:start center}.debug-learning-focus-review[data-review-mode=orientation]>.learning-center{height:auto;grid-template-rows:auto auto;overflow:visible}.debug-learning-focus-review[data-review-mode=orientation] .learning-center-content{overflow:visible}@media(max-width:52rem){.learning-demo-header,.learning-demo-header-actions{align-items:stretch;flex-direction:column}.learning-example-state-strip{grid-template-columns:1fr}.learning-demo-teaching-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-demo-shortcuts{display:none}}@media(prefers-reduced-motion:reduce){.learning-demo-visual[data-playing=true] .visual-evidence-arrow,.learning-demo-visual[data-playing=true] .visual-evidence-value,.learning-demo-visual[data-playing=true] .visual-evidence-outline,.learning-demo-visual[data-playing=true] .visual-evidence-prohibited{animation:none}.visual-evidence-motion-layer,.visual-evidence-transition-path{display:none!important}}
