.outpost-game{background:linear-gradient(140deg,#1c2641,#0e172d);border:1px solid #957ce455;border-radius:20px;width:100%;min-width:0;padding:12px}.outpost-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.outpost-top>span{letter-spacing:.1em;color:#cab8f1;font-size:8px;font-weight:700}.outpost-game button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px}.outpost-game button:disabled{opacity:.4;cursor:default}.outpost-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 3px 10px;display:grid}.outpost-hud span{letter-spacing:.08em;color:#acbbd8;font-size:8px;display:block}.outpost-hud strong{color:#eef0ff;font-variant-numeric:tabular-nums;font-size:21px;line-height:1.3}.outpost-hud>div:nth-child(2) strong{color:#f29cfa}.outpost-hud>div:last-child{text-align:right}.outpost-hud>div:last-child strong{color:#ffdc8b}.outpost-stage{background:#0b1530;border:1px solid #858cba55;border-radius:14px;width:min(100%,max(180px,69.2308svh - 207.692px));max-width:360px;margin:auto;position:relative;overflow:hidden;container-type:inline-size}.outpost-stage canvas{aspect-ratio:360/520;touch-action:pan-y;width:100%;height:auto;display:block}.outpost-pads{pointer-events:none;position:absolute;inset:0}.outpost-pad{pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:10px;width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.outpost-pad span{color:#d2e1ff;background:#101a35e8;border-radius:50%;place-items:center;min-width:16px;height:16px;font-size:10px;display:grid;position:absolute;top:0;right:0}.outpost-pad[aria-pressed=true]{border-color:#90e9ff}.outpost-pad:focus-visible{outline-offset:1px;outline:2px solid #e4b8ff}.outpost-overlay{text-align:center;background:linear-gradient(#0b1230dd,#0b112be8);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;animation:.18s ease-out outpost-reveal;display:flex;position:absolute;inset:0}.outpost-overlay[hidden],.outpost-panel[hidden],.outpost-summary[hidden]{display:none}.outpost-badge{letter-spacing:.1em;color:#d9b5ff;font-size:8px;font-weight:800}.outpost-overlay h2{text-transform:uppercase;color:#d3f8ff;letter-spacing:-.035em;margin:3px 0;font-size:32px;font-style:italic;line-height:1}.outpost-overlay h2 em{color:#d994ff;display:block}.outpost-overlay p{color:#d2ddf0;margin:0;font-size:11px;line-height:1.4}.outpost-roles span{color:#b9d8fb;font-size:10px;display:block}.outpost-overlay a{color:#c9b7ee;justify-content:center;align-items:center;min-height:44px;font-size:12px;display:inline-flex}.outpost-primary{background:linear-gradient(110deg,#a940eb,#7925e8);border:1px solid #d090ff77;border-radius:22px;padding:10px 14px;color:#fff!important;font-weight:750!important}.outpost-overlay .outpost-primary{width:100%;max-width:240px}.outpost-summary{background:#09132be0;border:1px solid #b387ef44;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;width:100%;margin:0;padding:10px;display:grid}.outpost-summary dt{color:#afbdd7;font-size:9px;line-height:1.2}.outpost-summary dd{color:#f0eaff;margin:0;font-size:20px;font-weight:750;line-height:1.4}.outpost-panel{background:#15203a;border:1px solid #7e66b7;border-radius:14px;margin-top:10px;padding:10px}.outpost-panel-heading{color:#d9f1ff;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.outpost-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:6px 0;display:grid}.outpost-choices button{color:#e7dfff;background:#222a47;border:1px solid #6e7199;border-radius:10px;padding:6px}.outpost-choices button[aria-pressed=true]{background:#25465b;border-color:#71e8ff}.outpost-choices span,.outpost-choices small{font-size:12px;display:block}.outpost-choices small{color:#f7d99a;font-size:9px}.outpost-stats{color:#b7c8e5;min-height:30px;margin:6px 0;font-size:11px;line-height:1.5}.outpost-panel-actions{flex-wrap:wrap;gap:6px;display:flex}.outpost-panel-actions>button{color:#e8dbff;background:#2a2750;border:1px solid #8b76bc;border-radius:12px;flex:1;padding:8px;font-size:12px}.outpost-panel-actions>button[hidden]{display:none}.outpost-actions{gap:10px;margin-top:10px;display:flex}.outpost-actions>.outpost-primary{flex:1}.outpost-status{text-align:center;color:#b4c4df;min-height:16px;margin:8px 0 0;font-size:11px;line-height:1.4}.outpost-save{color:#8f9eb9;text-align:center;margin:6px 0 0;font-size:10px;line-height:1.4}@container (width<=240px){.outpost-overlay{gap:5px;padding:10px}.outpost-overlay h2{font-size:24px}.outpost-overlay p{font-size:10px}.outpost-summary{gap:5px;padding:6px}.outpost-summary dd{font-size:16px}.outpost-summary dt{font-size:8px}.outpost-overlay a{font-size:11px}.outpost-roles span{font-size:9px}}@media (width<=699px){.prism-outpost-page .header-inner{min-height:56px}.prism-outpost-page .game-heading{justify-content:space-between;align-items:center;gap:8px;padding:4px 0 10px;display:flex}.prism-outpost-page .game-heading .back-link{flex-shrink:0;margin:0}.prism-outpost-page .game-heading h1{margin:0;font-size:clamp(23px,5.8vw,27px)}.prism-outpost-page .game-heading .tag-row,.prism-outpost-page .game-heading>p{display:none}.outpost-game{padding:10px}}@media (width>=700px){.outpost-stage{width:min(100%,360px)}}.game-viewport.is-expanded .outpost-stage{width:min(100%,69.2308dvh - 144px);max-width:480px}.game-viewport.is-expanded .outpost-save{display:none}@media (orientation:landscape) and (height<=650px){.game-viewport.is-expanded>.outpost-game{grid-template-columns:minmax(0,1fr) minmax(230px,310px)}.game-viewport.is-expanded .outpost-stage{grid-area:1/1/span 7;width:min(100%,69.2308dvh - 29.0769px);margin:auto}.game-viewport.is-expanded .outpost-top{grid-area:1/2}.game-viewport.is-expanded .outpost-top>span{display:none}.game-viewport.is-expanded .outpost-hud{grid-area:2/2}.game-viewport.is-expanded .outpost-panel{grid-area:3/2}.game-viewport.is-expanded .outpost-actions{grid-area:4/2}.game-viewport.is-expanded .outpost-status{grid-area:5/2}}@keyframes outpost-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.outpost-overlay{animation:none}}@container (width<=200px){.outpost-overlay{gap:4px;padding:8px}.outpost-overlay h2{font-size:21px}.outpost-game[data-phase=victory] [data-po-detail],.outpost-game[data-phase=defeat] [data-po-detail],.outpost-game[data-phase=complete] [data-po-detail]{display:none}.outpost-summary dd{font-size:14px;line-height:1.2}}:root:has([data-outpost]){overflow-anchor:none}