.preview-page{min-height:100vh;padding:12px;background:#14141c;color:#e8e8f0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.preview-header h1{margin:0 0 4px;font-size:18px}.preview-hint{margin:0 0 12px;font-size:12px;opacity:.7}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.preview-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;min-height:44px;background:#1e1e2c;border:1px solid #3a3a52;border-radius:6px;color:inherit;font:inherit;cursor:pointer}.preview-item-label{font-size:10px;text-align:center;overflow-wrap:anywhere;opacity:.8}.sprite{background-repeat:no-repeat;image-rendering:pixelated;animation-name:sprite-steps;animation-iteration-count:infinite}@keyframes sprite-steps{0%{background-position-x:0}to{background-position-x:calc(-1 * var(--sprite-shift, 0px))}}.sprite-placeholder{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#26263a;border:1px dashed #4a4a6a;font-size:9px;text-align:center;padding:4px;opacity:.8}.tile-sprite{background-repeat:no-repeat;image-rendering:pixelated}.preview-inspect{position:sticky;bottom:0;margin-top:12px;background:#1e1e2c;border:1px solid #e0b64a;border-radius:6px 6px 0 0;padding:8px 12px;max-height:40vh;overflow:auto}.preview-inspect-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.preview-inspect-header button{background:none;border:none;color:inherit;font-size:16px;cursor:pointer}.preview-inspect-body{margin:0;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere}.scenario-gallery{margin-top:20px;border-top:1px solid #3a3a52;padding-top:12px}.scenario-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.scenario-link{display:block;min-height:44px;display:flex;align-items:center;padding:8px 10px;background:#1e1e2c;border-radius:6px;color:#e0b64a;text-decoration:none}.scenario-view{min-height:100vh;padding:12px;background:#14141c;color:#e8e8f0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.scenario-back{display:inline-block;margin-bottom:8px;color:#e0b64a;text-decoration:none}@media (min-width: 640px){.preview-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media (max-width: 480px){.sprite{transform:scale(.8);transform-origin:center center}}body{margin:0;background:#14141c;color:#e8e8f0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.app{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.turn-tracker{display:flex;align-items:center;gap:10px}.turn-tracker-round{font-weight:700}.turn-tracker-order{display:flex;gap:6px;list-style:none;margin:0;padding:0}.turn-tracker-slot{padding:4px 8px;border-radius:4px;background:#26263a}.turn-tracker-slot.active{background:#e0b64a;color:#14141c;font-weight:700}.app-main{display:flex;gap:16px;align-items:flex-start}.board{display:flex;flex-direction:column;border:1px solid #3a3a52}.board-row{display:flex}.tile{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px}.tile-hero{background:#2b6f4a;color:#fff}.tile-monster{background:#7a2b2b;color:#fff}.tile-corpse{background:#4a4a2b}.tile-active{outline:2px solid #e0b64a}.ooda-panel{width:240px;background:#1e1e2c;border-radius:6px;padding:8px 12px}.ooda-panel-active{outline:2px solid #e0b64a}.ooda-panel-pending{opacity:.6}.ooda-pending{font-style:italic;font-size:13px}.ooda-meta{font-size:11px;opacity:.6;margin-bottom:4px}.ooda-stages{list-style:none;margin:0;padding:0}.ooda-stage{display:flex;gap:8px;opacity:.5;padding:2px 0;font-size:12px}.ooda-stage.current{opacity:1;font-weight:700}.ooda-stage-label{width:56px;flex-shrink:0;color:#e0b64a}.ooda-act-rejected{color:#d97a4a;text-decoration:line-through}.ooda-act-idle{font-style:italic;opacity:.7}.ooda-act-error{color:#e05a5a;font-weight:700;font-style:normal}.ooda-stage-text{white-space:pre-wrap;overflow-wrap:anywhere}.economy-meters{display:flex;gap:16px}.meter{display:flex;align-items:center;gap:6px}.meter-segments{display:flex;gap:2px;width:200px;height:14px}.meter-segment{display:flex;align-items:center;justify-content:center;border-radius:2px;background:#4a90d9;color:#14141c;font-size:9px;overflow:hidden;white-space:nowrap}.meter-segment-unspent{background:#333}.narrative-strip{width:100%;max-width:640px;background:#1e1e2c;border-radius:6px;padding:8px 12px}.narrative-strip h3{margin:0 0 6px;font-size:13px;opacity:.7}.narrative-entries{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.narrative-entry{padding:4px 8px;border-radius:4px;background:#26263a;font-size:12px;opacity:.7}.narrative-entry.is-current{opacity:1;outline:2px solid #e0b64a}.narrative-entry-heading{font-weight:700;color:#e0b64a}.narrative-entry-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.narrative-terminal{margin-top:2px;font-style:italic;opacity:.8}.narrative-terminal-rejected{color:#d97a4a}.narrative-terminal-idle{opacity:.7}.narrative-entry-log{list-style:none;margin:4px 0 0;padding:0;opacity:.8}.app-controls{display:flex;gap:8px;align-items:center}.app-outcome{background:#1e1e2c;border:1px solid #e0b64a;border-radius:6px;padding:10px 16px;text-align:center}.app-outcome ul{list-style:none;margin:4px 0 0;padding:0}.layout-shell{display:flex;flex-direction:column;gap:12px}.layout-desktop{align-items:center;padding:16px}.layout-phone{min-height:100vh;padding:8px 8px 64px}.layout-board{display:flex;justify-content:center;overflow:auto}.layout-sheet{background:#1e1e2c;border-radius:6px;padding:8px}.layout-tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:#1e1e2c;border-top:1px solid #3a3a52}.layout-tab{flex:1;min-height:44px;background:none;border:none;color:inherit;font:inherit;font-size:11px}.layout-tab.active{color:#e0b64a;font-weight:700}@media (max-width: 480px){.tile{width:14px;height:14px;font-size:10px}.ooda-panel{width:100%}.narrative-strip{max-width:none}.economy-meters{flex-direction:column;align-items:stretch;gap:8px}.meter-segments{width:auto;flex:1}}