:root{
  --ss-bg:#06101d;
  --ss-panel:#0d1a2a;
  --ss-panel2:#122238;
  --ss-line:#294967;
  --ss-line2:#497498;
  --ss-text:#edf8ff;
  --ss-dim:#9cb7ca;
  --ss-cyan:#8de9ff;
  --ss-pink:#ff9bd4;
  --ss-yellow:#ffe58a;
  --ss-green:#9df0b8;
  --ss-red:#ff8d9d;
  --ss-purple:#c9a8ff;
}
*{box-sizing:border-box}
.space-stories-page{background:radial-gradient(circle at 50% -10%,#1d3a61 0,transparent 28%),linear-gradient(180deg,#050c16,#081321 62%,#050b13);color:var(--ss-text);min-height:100vh}
.space-stories-page button,.space-stories-page textarea{font:inherit}
.space-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
.space-mini-button{border:1px solid var(--ss-line);background:#0c1929;color:var(--ss-text);padding:8px 12px;font-weight:800;letter-spacing:.08em;border-radius:8px}
.space-shell{width:min(1700px,calc(100% - 26px));margin:0 auto;padding:24px 0 56px}
.space-titlebar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px}
.space-titlebar h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:.9;margin:8px 0 12px;letter-spacing:-.05em}
.space-titlebar p:not(.runtime-kicker){max-width:860px;color:var(--ss-dim);font-size:1rem;line-height:1.55}
.space-command-ribbon{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}
.space-command-ribbon article,.space-game-stat{border:1px solid var(--ss-line);background:linear-gradient(180deg,rgba(13,27,43,.96),rgba(7,17,30,.96));border-radius:12px;padding:10px 12px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.space-command-ribbon span,.space-game-stat span,.scene-pilot-strip span,.panel-objective-card span,.panel-loot-card>span,.help-card span,.viewport-panel header span{display:block;font-size:.64rem;letter-spacing:.14em;color:var(--ss-cyan);font-weight:900}
.space-command-ribbon b,.space-game-stat b{display:block;margin-top:4px;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.space-command-stage{display:grid;grid-template-columns:150px minmax(0,980px) 150px;gap:16px;align-items:center;justify-content:center}
.command-rail{display:flex;flex-direction:column;gap:12px;align-self:stretch;justify-content:center}
.command-rail-left{align-items:flex-end}
.command-rail-right{align-items:flex-start}
.command-node{position:relative;width:128px;min-height:92px;padding:13px 10px 12px;border:1px solid var(--ss-line2);border-radius:18px;background:linear-gradient(180deg,rgba(11,24,39,.98),rgba(7,17,28,.98));color:var(--ss-text);cursor:pointer;box-shadow:0 14px 32px rgba(0,0,0,.28);text-align:left;overflow:hidden}
.command-node::before,.command-node::after{content:"";position:absolute;border:2px solid rgba(141,233,255,.35);width:16px;height:16px;pointer-events:none}
.command-node::before{left:8px;top:8px;border-right:0;border-bottom:0;border-radius:6px 0 0 0}
.command-node::after{right:8px;bottom:8px;border-left:0;border-top:0;border-radius:0 0 6px 0}
.command-node span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#142c43;color:var(--ss-cyan);font-size:.68rem;font-weight:900;margin-bottom:10px}
.command-node b{display:block;font-size:.86rem;letter-spacing:.08em}
.command-node small{display:block;margin-top:4px;color:var(--ss-dim);line-height:1.3}
.command-node:hover,.command-node.is-active{transform:translateY(-2px);border-color:var(--ss-cyan);box-shadow:0 0 0 2px rgba(141,233,255,.12),0 16px 36px rgba(0,0,0,.35)}
.space-center-frame{border:1px solid var(--ss-line);background:linear-gradient(180deg,rgba(17,34,55,.96),rgba(8,20,34,.96));box-shadow:0 18px 50px rgba(0,0,0,.25);border-radius:22px;padding:16px;min-width:0}
.space-game-topbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.auto-pilot-button{margin-left:auto;border-radius:12px;border:1px solid #2e6b57;padding:11px 16px;background:#12352d;color:var(--ss-green);font-weight:900;letter-spacing:.05em;cursor:pointer}
.auto-pilot-button[aria-pressed="false"]{background:#2b1720;color:#ffafbb;border-color:#71394a}
.rpg-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.rpg-bar{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:8px;font-size:.68rem}.rpg-bar>span{font-weight:900;letter-spacing:.08em}.rpg-bar>i{height:10px;background:#06101b;border-radius:999px;overflow:hidden}.rpg-bar>i>em{display:block;height:100%;width:50%;border-radius:999px}.rpg-bar.hp em{background:linear-gradient(90deg,#ff788f,#ffb098)}.rpg-bar.xp em{background:linear-gradient(90deg,#78d8ff,#b9a0ff)}.rpg-bar.boss{grid-column:1/-1}.rpg-bar.boss em{background:linear-gradient(90deg,#ff91cc,#c789ff)}
.space-canvas-wrap{position:relative;border:1px solid #2c4a64;border-radius:18px;overflow:hidden;background:#07111e;aspect-ratio:11/5.8;min-height:420px}
.space-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none}
.space-scene-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,rgba(2,8,15,.1),rgba(2,8,15,.25))}
.space-scene-overlay[hidden]{display:none}
.scene-glass{width:min(600px,92%);background:linear-gradient(180deg,rgba(10,23,38,.88),rgba(6,15,25,.88));border:1px solid rgba(141,233,255,.35);border-radius:18px;padding:24px 24px 22px;backdrop-filter:blur(8px);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.scene-kicker{display:block;font-size:.72rem;letter-spacing:.16em;color:var(--ss-cyan);font-weight:900}
.scene-glass h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:8px 0 10px}
.scene-glass p{margin:0;color:var(--ss-dim);line-height:1.6}
.scene-pilot-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 18px}
.scene-pilot-strip div{border:1px solid #284660;background:#091724;border-radius:10px;padding:10px}
.scene-pilot-strip b{display:block;margin-top:5px;font-size:.92rem}
.scene-actions{display:flex;gap:10px;flex-wrap:wrap}
.space-primary,.space-secondary,.world-chat-form button,.gear-actions button,.skill-bar button,.mobile-controls button,.shop-list button,.inventory-item button,.panel-close{border-radius:10px;border:1px solid #335a7b;padding:11px 15px;font-weight:900;letter-spacing:.05em;cursor:pointer}
.space-primary{background:linear-gradient(135deg,#8de9ff,#a7bbff);color:#082034;border-color:#b9f2ff}
.space-secondary,.gear-actions button,.inventory-item button,.shop-list button,.panel-close{background:#0a1928;color:var(--ss-text)}
.space-primary:disabled,.space-secondary:disabled,button:disabled{opacity:.45;cursor:not-allowed}
.viewport-panels{position:absolute;inset:0;padding:18px;pointer-events:none}
.viewport-panel{pointer-events:auto;position:absolute;inset:18px auto 18px 18px;width:min(420px,calc(100% - 36px));display:flex;flex-direction:column;gap:12px;border:1px solid rgba(141,233,255,.28);background:linear-gradient(180deg,rgba(11,25,40,.96),rgba(6,16,28,.96));border-radius:18px;padding:16px;box-shadow:0 22px 60px rgba(0,0,0,.35);backdrop-filter:blur(8px);overflow:hidden}
.viewport-panel[hidden]{display:none}
.viewport-panel-wide{width:min(760px,calc(100% - 36px))}
.viewport-panel-chat{left:auto;right:18px}
.viewport-panel header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:start;gap:10px;border-bottom:1px solid #24415b;padding-bottom:12px}
.viewport-panel header h2{margin:4px 0 0;font-size:1.35rem}
.viewport-panel header>b{color:var(--ss-yellow)}
.panel-close{padding:6px 12px;font-size:1.15rem;line-height:1}
.star-map{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;overflow:auto;padding-right:4px}
.star-node{border:1px solid #294762;background:#091725;border-radius:12px;padding:10px;min-height:76px;cursor:pointer;position:relative;text-align:left;color:var(--ss-text)}
.star-node b{display:block;font-size:.86rem}.star-node span{display:block;color:var(--ss-dim);font-size:.68rem;margin-top:5px}.star-node.is-current{border-color:var(--ss-cyan);box-shadow:0 0 0 2px rgba(141,233,255,.12)}.star-node.is-cleared:after{content:"✓";position:absolute;right:8px;top:7px;color:var(--ss-green);font-weight:900}.star-node.is-locked{opacity:.38;cursor:not-allowed}.star-node.is-boss{background:linear-gradient(180deg,#23162e,#101624);border-color:#684f86}
.shop-list,.mission-list{display:grid;gap:9px;overflow:auto;padding-right:2px}
.shop-item,.mission,.help-card,.panel-objective-card,.panel-loot-card{border:1px solid #294762;background:#091725;border-radius:11px;padding:11px}
.shop-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.shop-item b{display:block}.shop-item small{display:block;color:var(--ss-dim);margin-top:3px}.shop-item button{background:#12273c;color:var(--ss-yellow);padding:8px 10px}
.equipment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.equipment-slot{border:1px solid #294762;background:#091725;border-radius:10px;padding:9px;min-height:70px}.equipment-slot span{display:block;color:var(--ss-dim);font-size:.63rem;letter-spacing:.08em}.equipment-slot b{display:block;font-size:.78rem;margin-top:5px;line-height:1.2}.gear-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.gear-actions button{padding:9px 10px;font-size:.72rem}
.mission-top{display:flex;justify-content:space-between;gap:10px}.mission b{font-size:.82rem}.mission small{color:var(--ss-yellow)}.mission i,.objective-progress i{display:block;height:7px;background:#05101b;border-radius:999px;overflow:hidden;margin-top:8px}.mission em,.objective-progress em{display:block;height:100%;background:linear-gradient(90deg,var(--ss-cyan),var(--ss-purple));border-radius:999px}
.objective-progress b{display:block;text-align:right;font-size:.68rem;margin-top:5px;color:var(--ss-dim)}
.world-chat-notice{font-size:.68rem;line-height:1.45;color:#ffd4df;background:#321626;border:1px solid #713348;padding:9px 10px;border-radius:9px}.chat-live{color:var(--ss-green);font-size:.78rem}.world-chat-messages{flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px;min-height:220px}.chat-message{border:1px solid #213c55;background:#081522;border-radius:11px;padding:9px 10px}.chat-message.is-you{border-color:#41728d;background:#0c1c2c}.chat-message-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.chat-message-head b{font-size:.78rem;color:var(--ss-cyan)}.chat-message-head time{font-size:.62rem;color:#7894a8}.chat-message p{font-size:.84rem;line-height:1.45;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-empty{margin:auto;color:var(--ss-dim);text-align:center}.world-chat-form{border-top:1px solid #233e57;padding-top:10px;margin-top:auto}.world-chat-form textarea{width:100%;resize:none;background:#06111d;color:var(--ss-text);border:1px solid #2b4b66;border-radius:10px;padding:10px;outline:none}.world-chat-form textarea:focus{border-color:var(--ss-cyan)}.world-chat-form>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px}.world-chat-form span{font-size:.68rem;color:var(--ss-dim)}.world-chat-form button{background:#16314a;color:var(--ss-text);padding:8px 12px}
.help-grid{display:grid;gap:10px;overflow:auto}.help-card p{margin:8px 0 0;color:var(--ss-dim);font-size:.78rem;line-height:1.6}
.run-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px}.run-stat{background:#0e1e2e;border-radius:8px;padding:7px}.run-stat span{display:block;font-size:.58rem;color:var(--ss-dim)}.run-stat b{font-size:.78rem}.recent-loot{display:grid;gap:6px;margin-top:8px}.loot-chip{border-left:3px solid #6c8395;background:#0d1c2b;padding:7px 8px;border-radius:7px}.loot-chip b{font-size:.72rem}.loot-chip small{display:block;color:var(--ss-dim);font-size:.62rem}
.inventory-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow:auto;padding-right:2px}.inventory-item{border:1px solid #294762;background:#081522;border-radius:11px;padding:10px}.inventory-item header{display:flex;justify-content:space-between;gap:8px}.inventory-item h3{font-size:.82rem;margin:0}.inventory-item p{font-size:.68rem;color:var(--ss-dim);line-height:1.45}.inventory-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.inventory-item button{width:100%;background:#10253a;color:var(--ss-text);padding:8px}.inventory-item [data-delete]{background:#321722;border-color:#6d3143;color:#ffb8c5}.inventory-item [data-delete]:hover{background:#4a1c2c;border-color:#a24b63}.rarity-common{color:#c8d7e1}.rarity-uncommon{color:#9df0b8}.rarity-rare{color:#8de9ff}.rarity-epic{color:#d8a8ff}.rarity-cosmic{color:#ffe58a}
.story-overlay{position:absolute;inset:0;background:rgba(4,9,17,.72);display:grid;place-items:center;padding:20px;z-index:25}.story-overlay[hidden]{display:none}.story-overlay>div{width:min(520px,90%);background:#0d1d30;border:1px solid #47708f;border-radius:16px;padding:24px;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.4)}.story-overlay span{font-size:.72rem;color:var(--ss-cyan);letter-spacing:.16em}.story-overlay h2{font-size:2rem;margin:6px 0}.story-overlay p{color:var(--ss-dim)}.story-overlay>div>div{display:flex;gap:8px;justify-content:center;margin-top:16px;flex-wrap:wrap}
.combat-feed{margin:10px 0 0;border:1px solid #243f57;background:#07131f;border-radius:9px;padding:8px 10px;color:var(--ss-dim);font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.skill-bar button{background:#0b1a2a;color:var(--ss-text);padding:9px 8px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;text-align:left;column-gap:8px}.skill-bar button>span{grid-row:1/3;display:grid;place-items:center;background:#152d44;border-radius:8px;color:var(--ss-cyan);font-size:.78rem}.skill-bar button b{font-size:.72rem}.skill-bar button small{font-size:.62rem;color:var(--ss-dim)}.skill-bar button.on-cooldown{opacity:.45}.mobile-controls{display:none;justify-content:space-between;margin-top:10px}.mobile-controls>div{display:flex;gap:8px}.mobile-controls button{background:#10253a;color:var(--ss-text);min-width:62px}
@media(max-width:1380px){.space-command-stage{grid-template-columns:130px minmax(0,1fr) 130px}.command-node{width:114px}}
@media(max-width:1140px){.space-command-ribbon{grid-template-columns:repeat(3,1fr)}.space-command-stage{grid-template-columns:1fr;gap:12px}.command-rail{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.command-rail-left,.command-rail-right{align-items:center}.command-node{width:min(160px,calc(50% - 8px))}.space-center-frame{order:-1}.viewport-panel,.viewport-panel-wide,.viewport-panel-chat{inset:auto 12px 12px 12px;width:auto;max-height:calc(100% - 24px)}}
@media(max-width:760px){.rpg-bars{grid-template-columns:1fr}.rpg-bar.boss{grid-column:auto}.space-shell{width:min(100% - 16px,1700px);padding-top:16px}.space-titlebar{display:block}.space-titlebar .runtime-back{display:inline-block;margin-top:10px}.space-command-ribbon{grid-template-columns:1fr 1fr}.scene-pilot-strip{grid-template-columns:1fr 1fr}.space-game-stat{flex:1 1 100px}.auto-pilot-button{margin-left:0;flex:1 1 100%}.skill-bar{grid-template-columns:1fr 1fr}.mobile-controls{display:flex}.star-map{grid-template-columns:1fr 1fr}.equipment-grid,.inventory-list{grid-template-columns:1fr 1fr}.viewport-panel header{grid-template-columns:minmax(0,1fr) auto auto}.space-canvas-wrap{aspect-ratio:auto;height:58vh;min-height:390px}}
@media(max-width:520px){.space-command-ribbon{grid-template-columns:1fr}.command-node{width:calc(50% - 8px);min-width:132px}.scene-glass{padding:18px}.scene-actions{flex-direction:column}.star-map,.inventory-list,.equipment-grid,.run-stats{grid-template-columns:1fr}.space-header-actions .space-mini-button{display:none}.site-header .brand b{display:none}}