.story-page{isolation:isolate;position:relative}.story-world-backdrop{z-index:-1;pointer-events:none;background:linear-gradient(180deg, var(--story-night), var(--story-ground));margin:0;position:fixed;inset:0;overflow:hidden}.story-world-scene{width:100%;height:100%;display:block;position:absolute;inset:0}.story-world-veil{background:linear-gradient(90deg,#03070b18,#03070bb0 34% 66%,#03070b18),linear-gradient(#03070b38,#0000 30%,#03070b28 75%,#03070b99);position:absolute;inset:0}.story-world-planet{aspect-ratio:1;background:repeating-linear-gradient(-24deg,#0000 0 16px,#c4b5fd14 18px 21px,#0000 23px 40px),radial-gradient(circle at 27% 24%,#b5a0f5,#6952ab 38%,#30234e 66%,#100b22 76%);border-radius:50%;width:clamp(210px,28vw,430px);position:absolute;top:13%;right:12%;transform:rotate(-18deg);box-shadow:-12px -8px 40px #a78bfa28,0 0 100px #8b5cf624}.story-world-planet:after{content:"";border:12px solid #b2a0dc55;border-top-color:#c4b5fd22;border-radius:50%;position:absolute;inset:37% -27%;transform:rotate(-14deg)}.story-world-particles{animation:10s ease-in-out infinite alternate story-weather}[data-story-arena=glacier] .story-world-particles{animation-direction:alternate-reverse}.story-world-aurora{filter:blur(13px)}@keyframes story-weather{0%{transform:translateY(0)}to{transform:translateY(-28px)}}@media (max-width:639px){.story-world-veil{background:linear-gradient(#03070b70,#03070b50 40%,#03070b90)}.story-world-planet{opacity:.8;width:280px;top:12%;right:-18%}}.story-map{width:100%;max-width:440px;margin:0 auto;position:relative}.story-pawn{z-index:6;pointer-events:none;width:0;height:0;transition:left .95s cubic-bezier(.4,0,.2,1),top .95s cubic-bezier(.4,0,.2,1);position:absolute}.story-pawn-body{filter:drop-shadow(0 0 12px #22d3eea6);width:78px;animation:2.2s ease-in-out infinite story-bob;position:absolute;bottom:30px;left:0;transform:translate(-50%)}.story-pawn-shadow{filter:blur(3px);background:#00000080;border-radius:50%;width:44px;height:12px;position:absolute;top:-6px;left:-22px}@keyframes story-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-7px)}}.story-node{z-index:4;position:absolute;transform:translate(-50%,-50%)}.story-node-label{text-align:center;color:#d4d4d8;text-shadow:0 2px 5px #000,0 0 12px #000;pointer-events:none;flex-direction:column;align-items:center;gap:5px;width:128px;margin-top:6px;font-size:11px;font-weight:500;line-height:1.15;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.story-node-stars{background:#0b1422f2;border:1px solid #3b4b60;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:max-content;min-height:26px;padding:3px 6px;display:inline-flex}.story-node-stars.has-stars{background:#211b10f2;border-color:#fbbf2466}.story-node-star{flex:0 0 18px;width:18px;height:18px;display:block}.story-node-star[data-star-filled=false] path{fill:#192537;stroke:#8494ab}.story-node-star[data-star-filled=true]{filter:drop-shadow(0 0 3px #fbbf2444)}.story-boss-chip{z-index:5;color:#fff;font-family:var(--font-mono), monospace;letter-spacing:.1em;text-transform:uppercase;pointer-events:none;background:#ef4444;border-radius:2px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2;position:absolute;top:-12px;right:-14px}.story-node-button{font-family:var(--font-display), sans-serif;border-radius:9999px;place-items:center;font-weight:700;transition:transform .15s,box-shadow .2s;display:grid;position:relative}.story-node-button:hover{transform:scale(1.1)}.story-node-button:focus-visible{outline-offset:3px;outline:3px solid #fff}.story-node-button[data-state=available]:after{content:"";border:2px solid var(--wc,#22d3ee);border-radius:9999px;animation:1.8s ease-out infinite story-ring;position:absolute;inset:-8px}@keyframes story-ring{0%{opacity:.9;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.story-sheet-wrap{inset-inline:0;z-index:40;padding:12px;position:fixed;bottom:0}.story-sheet{background-color:var(--background);flex-direction:column;width:100%;max-width:576px;max-height:85dvh;margin-inline:auto;animation:.22s ease-out story-rise;display:flex}.story-sheet-content{min-height:0;padding:16px;overflow:hidden auto}.story-player-build{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.story-player-robot{flex:0 0 56px;width:56px;height:auto;display:block}.story-sheet-actions{background:var(--background);border-top:1px solid #ffffff1a;flex-shrink:0;gap:8px;padding:12px;display:grid}@media (min-width:640px){.story-sheet-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@keyframes story-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.story-pawn{transition:none}.story-pawn-body,.story-node-button[data-state=available]:after,.story-sheet,.story-world-particles{animation:none}.story-node-button{transition:none}}
