.portal-surface{color-scheme:dark;--bg: #03000f;--panel: rgba(10, 18, 42, .74);--panel-strong: rgba(18, 28, 62, .88);--line: rgba(0, 245, 255, .3);--text: #f8fbff;--muted: #a7b0d8;--blue: #00f5ff;--violet: #9d4edd;--pink: #ff2bd6;--gold: #ffe66d;--green: #39ff14;--rose: #ff3864;--portal-accent-rgb: 0 245 255;--portal-accent-2-rgb: 255 43 214;--portal-warm-rgb: 255 230 109;--portal-surface-bg: radial-gradient(circle at 18% 4%, rgba(0, 245, 255, .32), transparent 26rem), radial-gradient(circle at 78% 0%, rgba(255, 43, 214, .25), transparent 27rem), linear-gradient(180deg, #08001d 0%, #050011 45%, #020006 100%);--portal-grid-line: rgb(var(--portal-accent-rgb) / .08);--portal-horizon-line: rgb(var(--portal-accent-2-rgb) / .12);--portal-scan-line: rgb(var(--portal-accent-rgb) / .16);--scanner-panel-border: rgb(var(--portal-accent-rgb) / .26);--scanner-panel-glow: rgb(var(--portal-accent-rgb) / .16);--scanner-card-gradient: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, .18), transparent 44%), radial-gradient(circle at 50% 0%, rgb(var(--portal-accent-rgb) / .16), transparent 18rem), linear-gradient(145deg, rgb(var(--portal-accent-rgb) / .1), rgb(var(--portal-accent-2-rgb) / .08)), rgba(3, 0, 15, .66);--scanner-beam-primary: rgb(var(--portal-accent-rgb) / .95);--scanner-beam-secondary: rgb(var(--portal-accent-2-rgb) / .94);--scanner-grid-line: rgb(var(--portal-accent-rgb) / .18);--scanner-window-glow: rgb(var(--portal-accent-rgb) / .28);--scanner-tile-shadow: rgb(var(--portal-accent-rgb) / .18);--scanner-tile-alchemy-shadow: rgb(var(--portal-warm-rgb) / .22);--scanner-scan-primary: rgb(var(--portal-accent-rgb) / .55);--scanner-scan-secondary: rgb(var(--portal-accent-2-rgb) / .32);--scanner-spark-primary: rgb(var(--portal-warm-rgb) / .6);--scanner-spark-secondary: rgb(var(--portal-accent-rgb) / .7);--scanner-spark-tertiary: rgb(var(--portal-accent-2-rgb) / .7);--shadow: 0 0 42px rgba(0, 245, 255, .16), 0 24px 90px rgba(0, 0, 0, .52);position:fixed;inset:0;z-index:0;margin:0;overflow:auto;isolation:isolate;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--portal-surface-bg)}.portal-surface.portal-flavor-quest{--bg: #100a03;--panel: rgba(42, 28, 10, .74);--panel-strong: rgba(62, 42, 18, .9);--line: rgba(255, 216, 77, .32);--text: #fff8dc;--muted: #d8ba76;--blue: #ffd84d;--violet: #d68b2d;--pink: #ff9d35;--gold: #ffe66d;--green: #a9ff68;--portal-accent-rgb: 255 216 77;--portal-accent-2-rgb: 255 157 53;--portal-warm-rgb: 255 238 157;--portal-surface-bg: radial-gradient(circle at 18% 4%, rgba(255, 216, 77, .34), transparent 26rem), radial-gradient(circle at 78% 0%, rgba(255, 157, 53, .24), transparent 27rem), linear-gradient(180deg, #1a1005 0%, #100904 48%, #050201 100%);--portal-grid-line: rgb(var(--portal-accent-rgb) / .07);--portal-horizon-line: rgb(var(--portal-accent-2-rgb) / .1);--portal-scan-line: rgb(var(--portal-accent-rgb) / .13);--scanner-panel-glow: rgb(var(--portal-accent-rgb) / .18);--scanner-card-gradient: radial-gradient(circle at 50% 50%, rgba(0, 0, 0, .16), transparent 44%), radial-gradient(circle at 50% 0%, rgb(var(--portal-accent-rgb) / .18), transparent 18rem), linear-gradient(145deg, rgb(var(--portal-accent-rgb) / .12), rgb(var(--portal-accent-2-rgb) / .09)), rgba(18, 10, 3, .74);--shadow: 0 0 42px rgba(255, 216, 77, .14), 0 24px 90px rgba(0, 0, 0, .56)}.portal-surface *{box-sizing:border-box}.portal-surface:before,.portal-surface:after{position:fixed;inset:0;pointer-events:none;content:""}.portal-surface:before{z-index:-2;background:linear-gradient(var(--portal-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--portal-grid-line) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 78%,transparent)}.portal-surface:after{z-index:-1;background:linear-gradient(180deg,transparent 0 52%,var(--portal-horizon-line) 52%,transparent 54%),repeating-linear-gradient(180deg,transparent 0 18px,var(--portal-scan-line) 19px,transparent 21px);transform:perspective(650px) rotateX(64deg) translateY(18%);transform-origin:center bottom;opacity:.72}.portal-surface button,.portal-surface input{font:inherit}.portal-surface button{cursor:pointer}.portal-surface button:disabled{cursor:not-allowed;opacity:.45}.portal-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:48px 0}.upload-only-shell{position:relative;display:grid;width:min(560px,calc(100% - 32px));min-height:100vh;align-content:center;gap:18px;place-items:center;margin:0 auto}.upload-only-shell .experience-controls{position:fixed;top:22px;right:auto;left:22px;z-index:55;align-items:flex-start;flex-direction:column;gap:10px}.upload-only-shell .experience-controls .story-settings-panel{align-self:flex-start}@media(max-width:720px){.upload-only-shell .experience-controls{top:14px;left:14px}}.upload-side-link{color:#e1f0ff99;font-size:.86rem;letter-spacing:.02em;text-decoration:none;padding:8px 14px;border:1px solid rgba(0,245,255,.18);border-radius:999px;background:#03070f52;backdrop-filter:blur(10px);transition:color .14s ease,border-color .14s ease,transform .14s ease}.upload-side-link:hover{color:#00f5fff2;border-color:#00f5ff80;transform:translateY(-1px)}.compact-shell{position:relative;width:min(1120px,calc(100% - 32px))}.eyebrow{margin:0 0 12px;color:var(--blue);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-shadow:0 0 18px rgba(0,245,255,.62);text-transform:uppercase}.experience-controls{position:absolute;top:18px;right:18px;z-index:25;display:flex;gap:8px;align-items:center}.experience-control{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;color:var(--text);font-size:.78rem;letter-spacing:.04em;border:1px solid rgba(0,245,255,.32);border-radius:999px;background:#03000f9e;box-shadow:0 8px 28px #00000052,inset 0 0 18px #00f5ff14;backdrop-filter:blur(14px)}.experience-control-select span{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.experience-control-select select{padding:4px 8px;color:var(--text);font-size:.78rem;border:0;background:transparent;appearance:none;cursor:pointer}.experience-control-pill{cursor:pointer;font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem}.experience-control-pill.is-active{color:var(--bg);background:linear-gradient(135deg,var(--blue),var(--pink));border-color:transparent;box-shadow:0 0 22px #00f5ff6b}.story-settings-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(310px,calc(100vw - 32px));display:grid;gap:10px;padding:14px;color:#f0f8ffeb;background:#03000fdb;border:1px solid rgba(0,245,255,.24);border-radius:18px;box-shadow:0 20px 48px #0000007a,inset 0 0 24px #00f5ff14;backdrop-filter:blur(18px)}.story-settings-row,.story-settings-toggle,.story-settings-slider{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.story-settings-row span,.story-settings-toggle span,.story-settings-slider span{color:#e1f0ffb8}.story-settings-row select{max-width:150px;padding:7px 10px;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:999px}.story-settings-toggle input{width:18px;height:18px;accent-color:var(--blue)}.story-settings-slider input[type=range]{flex:1;min-width:96px;accent-color:var(--blue)}.story-settings-slider b{min-width:34px;color:#f8fbffe0;font-size:.72rem;text-align:right}.story-settings-toggle.is-disabled,.story-settings-slider.is-disabled{opacity:.48}.experience-card{position:relative;min-height:690px;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:42px;background:linear-gradient(145deg,#00f5ff1a,#ff2bd60e),var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(28px)}.experience-card:before{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(90deg,transparent 0 49%,rgba(0,245,255,.12) 50%,transparent 51%),linear-gradient(0deg,transparent 0 49%,rgba(255,43,214,.09) 50%,transparent 51%);background-size:76px 76px;opacity:.16}.stage-content{position:relative;z-index:1;min-height:690px}.upload-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:24px;align-items:stretch}.upload-layout-minimal{width:100%;grid-template-columns:1fr}.upload-zone{display:grid;min-height:410px;place-items:center;padding:28px;text-align:center;border:1px dashed rgba(0,245,255,.52);border-radius:34px;background:radial-gradient(circle at 50% 35%,rgba(0,245,255,.2),transparent 13rem),linear-gradient(135deg,#ff2bd614,#00f5ff0f),#0500149e;box-shadow:inset 0 0 44px #00f5ff14}.upload-zone-minimal{width:100%;min-height:340px;border-radius:42px;background:radial-gradient(circle at 50% 34%,rgba(0,245,255,.24),transparent 12rem),radial-gradient(circle at 72% 70%,rgba(255,43,214,.2),transparent 11rem),#050014b8}.upload-zone input{display:none}.upload-icon{display:grid;width:84px;height:84px;place-items:center;margin:auto auto 20px;color:#03000f;border-radius:28px;background:linear-gradient(135deg,var(--blue),var(--pink));box-shadow:0 0 34px #00f5ff7a;font-size:2.6rem;font-weight:200}.upload-zone strong{display:block;margin-bottom:8px;font-size:1.5rem;letter-spacing:-.03em}.upload-zone small{max-width:280px;color:var(--muted);line-height:1.6}.paper-preview{position:relative;display:grid;min-height:410px;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:linear-gradient(rgba(0,245,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.09) 1px,transparent 1px),radial-gradient(circle at 50% 0%,rgba(255,43,214,.22),transparent 16rem),#020010b8;background-size:38px 38px,38px 38px,auto,auto}.paper-preview img,.mock-paper{width:min(72%,360px);aspect-ratio:.72;border-radius:18px;box-shadow:0 0 26px #00f5ff2e,0 24px 80px #0000007a;transform:rotate(-2deg)}.paper-preview img{object-fit:cover}.mock-paper{padding:28px;color:#dffcff;border:1px solid rgba(0,245,255,.38);background:linear-gradient(rgba(0,245,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,43,214,.1) 1px,transparent 1px),linear-gradient(160deg,#070c22f2,#1a052df0);background-size:24px 24px,24px 24px,auto}.mock-paper span{display:block;margin-bottom:28px;color:var(--blue);font-weight:800}.paper-line{width:72%;height:10px;margin:14px 0;border-radius:999px;background:#00f5ff52;box-shadow:0 0 12px #00f5ff40}.paper-line.wide{width:94%}.paper-line.short{width:54%}.paper-equation{margin:20px 0;color:#fff;font-size:1.7rem;font-weight:800;text-shadow:0 0 18px rgba(255,43,214,.62)}.progress-track{height:8px;margin-top:26px;overflow:hidden;border-radius:999px;background:#00f5ff1a}.progress-track span{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--pink),var(--gold));box-shadow:0 0 22px #00f5ff8c;animation:progressPulse 1.8s ease-in-out infinite}.digitize-stage{position:relative;display:grid;place-items:center;min-height:690px;overflow:hidden}.digitize-stage .transition-stage{position:absolute;inset:0;z-index:24;pointer-events:none}.transition-crossfade-wrap{display:contents}.transition-crossfade-wrap.is-crossfading{display:block;position:absolute;inset:0;z-index:24;pointer-events:none;animation:transitionCrossfadeOut .6s ease forwards}@keyframes transitionCrossfadeOut{0%{opacity:1}to{opacity:0}}.digitize-stage .story-cover-card{width:min(920px,calc(100% - 32px))}.scan-bridge-status{position:relative;z-index:30;display:grid;width:min(620px,calc(100% - 40px));justify-items:center;gap:12px;padding:28px;text-align:center;color:#f8fbfff0;border:1px solid var(--scanner-panel-border);border-radius:30px;background:var(--scanner-card-gradient);box-shadow:0 22px 72px #0000008a,inset 0 0 28px var(--scanner-panel-glow);backdrop-filter:blur(20px);animation:storyCinematicIn .52s cubic-bezier(.2,.85,.2,1) both;overflow:hidden}.scan-bridge-warp{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.82) 0 9%,transparent 18%),radial-gradient(circle at 30% 50%,rgb(var(--portal-accent-rgb) / .14),transparent 34%),radial-gradient(circle at 70% 50%,rgb(var(--portal-accent-2-rgb) / .14),transparent 34%);opacity:.82;filter:saturate(1.22);border-radius:inherit}.scan-bridge-warp:before,.scan-bridge-warp:after{position:absolute;inset:0;content:"";pointer-events:none}.scan-bridge-warp:before{background:conic-gradient(from 90deg at 50% 50%,rgb(var(--portal-accent-rgb) / .04),rgb(var(--portal-accent-rgb) / .22),transparent 16%,rgb(var(--portal-accent-2-rgb) / .2),transparent 34%,rgb(var(--portal-accent-2-rgb) / .26),transparent 58%,rgb(var(--portal-accent-rgb) / .18),rgb(var(--portal-accent-rgb) / .04));mix-blend-mode:screen;animation:scanWarpSpin 10s linear infinite}.scan-bridge-warp:after{background:radial-gradient(circle at 50% 50%,transparent 0 14%,rgba(3,0,15,.68) 72%)}.scan-bridge-warp span{position:absolute;left:50%;top:50%;width:var(--beam-length, 46%);height:var(--beam-size, 2px);border-radius:999px;background:linear-gradient(90deg,transparent,var(--beam-color, rgb(var(--portal-accent-rgb) / .92)),rgba(255,255,255,.76));box-shadow:0 0 10px var(--beam-color, rgb(var(--portal-accent-rgb) / .72)),0 0 28px var(--beam-color, rgb(var(--portal-accent-rgb) / .42));opacity:0;transform-origin:0 50%;transform:rotate(var(--beam-angle)) translate(var(--beam-start, 7%)) scaleX(.16);animation:scanWarpBeam var(--beam-duration, 1.9s) ease-in-out infinite}.scan-bridge-warp span:nth-child(odd){--beam-color: var(--scanner-beam-primary)}.scan-bridge-warp span:nth-child(2n){--beam-color: var(--scanner-beam-secondary)}.scan-bridge-warp span:nth-child(3n){--beam-size: 3px;--beam-length: 54%}.scan-bridge-warp span:nth-child(1){--beam-angle: 4deg;--beam-duration: 1.7s;animation-delay:-.1s}.scan-bridge-warp span:nth-child(2){--beam-angle: 14deg;--beam-duration: 2.1s;animation-delay:-1.2s}.scan-bridge-warp span:nth-child(3){--beam-angle: 24deg;--beam-duration: 1.8s;animation-delay:-.7s}.scan-bridge-warp span:nth-child(4){--beam-angle: 34deg;--beam-duration: 2.2s;animation-delay:-1.8s}.scan-bridge-warp span:nth-child(5){--beam-angle: 44deg;--beam-duration: 1.9s;animation-delay:-.4s}.scan-bridge-warp span:nth-child(6){--beam-angle: 54deg;--beam-duration: 2.4s;animation-delay:-2s}.scan-bridge-warp span:nth-child(7){--beam-angle: 64deg;--beam-duration: 1.8s;animation-delay:-1s}.scan-bridge-warp span:nth-child(8){--beam-angle: 74deg;--beam-duration: 2s;animation-delay:-.2s}.scan-bridge-warp span:nth-child(9){--beam-angle: 84deg;--beam-duration: 2.3s;animation-delay:-1.5s}.scan-bridge-warp span:nth-child(10){--beam-angle: 94deg;--beam-duration: 1.7s;animation-delay:-.8s}.scan-bridge-warp span:nth-child(11){--beam-angle: 104deg;--beam-duration: 2.2s;animation-delay:-1.9s}.scan-bridge-warp span:nth-child(12){--beam-angle: 114deg;--beam-duration: 1.9s;animation-delay:-.5s}.scan-bridge-warp span:nth-child(13){--beam-angle: 124deg;--beam-duration: 2.1s;animation-delay:-1.1s}.scan-bridge-warp span:nth-child(14){--beam-angle: 134deg;--beam-duration: 1.8s;animation-delay:-.3s}.scan-bridge-warp span:nth-child(15){--beam-angle: 144deg;--beam-duration: 2.4s;animation-delay:-2.2s}.scan-bridge-warp span:nth-child(16){--beam-angle: 154deg;--beam-duration: 1.9s;animation-delay:-.9s}.scan-bridge-warp span:nth-child(17){--beam-angle: 164deg;--beam-duration: 2s;animation-delay:-1.6s}.scan-bridge-warp span:nth-child(18){--beam-angle: 174deg;--beam-duration: 2.3s;animation-delay:-.6s}.scan-bridge-warp span:nth-child(19){--beam-angle: 184deg;--beam-duration: 1.7s;animation-delay:-1.3s}.scan-bridge-warp span:nth-child(20){--beam-angle: 194deg;--beam-duration: 2.1s;animation-delay:-.1s}.scan-bridge-warp span:nth-child(21){--beam-angle: 204deg;--beam-duration: 1.8s;animation-delay:-1.7s}.scan-bridge-warp span:nth-child(22){--beam-angle: 214deg;--beam-duration: 2.2s;animation-delay:-.4s}.scan-bridge-warp span:nth-child(23){--beam-angle: 224deg;--beam-duration: 1.9s;animation-delay:-1.4s}.scan-bridge-warp span:nth-child(24){--beam-angle: 234deg;--beam-duration: 2.4s;animation-delay:-2.1s}.scan-bridge-warp span:nth-child(25){--beam-angle: 244deg;--beam-duration: 1.8s;animation-delay:-.7s}.scan-bridge-warp span:nth-child(26){--beam-angle: 254deg;--beam-duration: 2s;animation-delay:-1.2s}.scan-bridge-warp span:nth-child(27){--beam-angle: 264deg;--beam-duration: 2.3s;animation-delay:-.2s}.scan-bridge-warp span:nth-child(28){--beam-angle: 274deg;--beam-duration: 1.7s;animation-delay:-1.8s}.scan-bridge-warp span:nth-child(29){--beam-angle: 284deg;--beam-duration: 2.1s;animation-delay:-.9s}.scan-bridge-warp span:nth-child(30){--beam-angle: 294deg;--beam-duration: 1.8s;animation-delay:-1.5s}.scan-bridge-warp span:nth-child(31){--beam-angle: 304deg;--beam-duration: 2.2s;animation-delay:-.5s}.scan-bridge-warp span:nth-child(32){--beam-angle: 314deg;--beam-duration: 1.9s;animation-delay:-1s}.scan-bridge-warp span:nth-child(33){--beam-angle: 324deg;--beam-duration: 2.4s;animation-delay:-2.3s}.scan-bridge-warp span:nth-child(34){--beam-angle: 334deg;--beam-duration: 1.8s;animation-delay:-.6s}.scan-bridge-warp span:nth-child(35){--beam-angle: 344deg;--beam-duration: 2s;animation-delay:-1.6s}.scan-bridge-warp span:nth-child(36){--beam-angle: 354deg;--beam-duration: 2.3s;animation-delay:-.8s}.scan-bridge-status .eyebrow{margin:0}.scan-bridge-status h2{margin:0;font-size:clamp(1.6rem,4vw,2.7rem);line-height:1.05;letter-spacing:-.05em}.scan-bridge-status p:not(.eyebrow){max-width:460px;margin:0;color:#e1f0ffb8;line-height:1.55}.scan-bridge-window{position:relative;width:min(460px,86%);aspect-ratio:16 / 10;overflow:hidden;border:1px solid rgb(var(--portal-accent-rgb) / .42);border-radius:22px;background:linear-gradient(90deg,transparent 0 47%,rgba(255,255,255,.16) 50%,transparent 53%),linear-gradient(0deg,transparent 0 47%,rgba(255,255,255,.1) 50%,transparent 53%),radial-gradient(circle at 50% 50%,rgb(var(--portal-accent-rgb) / .22),transparent 60%),#00000042;background-size:34px 34px,34px 34px,auto,auto;box-shadow:0 0 34px var(--scanner-window-glow),inset 0 0 26px rgb(var(--portal-accent-rgb) / .12)}.scan-bridge-window:before{position:absolute;inset:-40%;content:"";background:conic-gradient(from 180deg,transparent,rgb(var(--portal-accent-rgb) / .32),transparent,rgb(var(--portal-accent-2-rgb) / .26),transparent);animation:scanBridgeSpin 4.2s linear infinite}.scan-bridge-window span{position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.84),transparent);box-shadow:0 0 18px rgb(var(--portal-accent-rgb) / .8);animation:scanBridgeSweep 1.9s ease-in-out infinite}.scan-bridge-window span{z-index:2}.scan-bridge-window span:nth-of-type(1){animation-delay:-.4s}.scan-bridge-window span:nth-of-type(2){animation-delay:-.95s}.scan-bridge-window span:nth-of-type(3){animation-delay:-1.35s}.scanner-subject{position:absolute;inset:8% 18%;z-index:1;border-radius:10px;overflow:hidden;filter:drop-shadow(0 0 22px rgb(var(--portal-accent-rgb) / .45));pointer-events:none}.scanner-band{position:absolute;inset:0;overflow:hidden;will-change:transform,clip-path}.scanner-band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:contrast(1.05) saturate(1.05)}.scanner-band-1{clip-path:inset(0 0 80% 0);animation:scannerBandShift 3.4s ease-in-out infinite,scannerBandHue 5.2s linear infinite;animation-delay:-.1s,-.4s}.scanner-band-2{clip-path:inset(20% 0 60% 0);animation:scannerBandShift 3.4s ease-in-out infinite,scannerBandHue 5.2s linear infinite;animation-delay:-.9s,-1.6s}.scanner-band-3{clip-path:inset(40% 0 40% 0);animation:scannerBandShift 3.4s ease-in-out infinite,scannerBandHue 5.2s linear infinite;animation-delay:-1.5s,-2.8s}.scanner-band-4{clip-path:inset(60% 0 20% 0);animation:scannerBandShift 3.4s ease-in-out infinite,scannerBandHue 5.2s linear infinite;animation-delay:-2.2s,-3.6s}.scanner-band-5{clip-path:inset(80% 0 0 0);animation:scannerBandShift 3.4s ease-in-out infinite,scannerBandHue 5.2s linear infinite;animation-delay:-2.9s,-4.4s}.scanner-band-2 img{filter:contrast(1.08) saturate(1.18) hue-rotate(8deg)}.scanner-band-3 img{filter:contrast(1.1) saturate(1) hue-rotate(-12deg)}.scanner-band-4 img{filter:contrast(1.08) saturate(1.22) hue-rotate(18deg)}.scanner-band-5 img{filter:contrast(1.12) saturate(.9) hue-rotate(-22deg)}.scanner-swirl,.scanner-sparks{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .6s ease}.scanner-subject-alchemy .scanner-swirl,.scanner-subject-alchemy .scanner-sparks{opacity:1}.scanner-swirl{background:conic-gradient(from 0deg,transparent,rgb(var(--portal-accent-2-rgb) / .32),transparent 25%,rgb(var(--portal-warm-rgb) / .36),transparent 55%,rgb(var(--portal-accent-rgb) / .32),transparent 80%);filter:blur(6px);mix-blend-mode:screen;animation:scannerSwirlSpin 5.2s linear infinite}.scanner-sparks span{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.95),var(--scanner-spark-primary) 60%,transparent 70%);box-shadow:0 0 12px rgb(var(--portal-warm-rgb) / .7);transform-origin:0 0;animation:scannerSparkOrbit 3.8s ease-in-out infinite;animation-delay:calc(var(--spark) * -.42s);--spark-distance: 38%;--spark-angle: calc(var(--spark) * 45deg)}.scanner-sparks span:nth-child(odd){--spark-distance: 30%;background:radial-gradient(circle,rgba(255,255,255,.95),var(--scanner-spark-secondary) 60%,transparent 70%);box-shadow:0 0 14px rgb(var(--portal-accent-rgb) / .75)}.scanner-sparks span:nth-child(3n){--spark-distance: 44%;background:radial-gradient(circle,rgba(255,255,255,.95),var(--scanner-spark-tertiary) 60%,transparent 70%);box-shadow:0 0 16px rgb(var(--portal-accent-2-rgb) / .75)}.scanner-subject-alchemy .scanner-band{animation:scannerBandAlchemy 5.6s ease-in-out infinite,scannerBandAlchemyHue 6.4s linear infinite}.scanner-subject-alchemy .scanner-band-1{animation-delay:-0s,-.4s}.scanner-subject-alchemy .scanner-band-2{animation-delay:-1s,-1.6s}.scanner-subject-alchemy .scanner-band-3{animation-delay:-2s,-2.8s}.scanner-subject-alchemy .scanner-band-4{animation-delay:-3s,-4s}.scanner-subject-alchemy .scanner-band-5{animation-delay:-4s,-5.2s}.scanner-subject-alchemy .scanner-band-1 img,.scanner-subject-alchemy .scanner-band-2 img,.scanner-subject-alchemy .scanner-band-3 img,.scanner-subject-alchemy .scanner-band-4 img,.scanner-subject-alchemy .scanner-band-5 img{filter:brightness(1.05) saturate(1.25) hue-rotate(-18deg)}.scanner-subject-alchemy .scanner-tear{opacity:0;animation:none}.scanner-subject-alchemy .scanner-glitch{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.45),transparent 35%),repeating-linear-gradient(0deg,transparent 0 5px,rgba(0,0,0,.12) 6px);background-size:100% 100%,100% 100%;background-position:0 0,0 0;animation:scannerAlchemyPulse 3.4s ease-in-out infinite;mix-blend-mode:screen}.scan-bridge-status[data-phase=alchemy] .scan-bridge-window{background:linear-gradient(90deg,transparent 0 47%,rgba(255,255,255,.16) 50%,transparent 53%),linear-gradient(0deg,transparent 0 47%,rgba(255,255,255,.1) 50%,transparent 53%),radial-gradient(circle at 50% 50%,rgb(var(--portal-warm-rgb) / .18),transparent 60%),#00000042;border-color:rgb(var(--portal-warm-rgb) / .42);box-shadow:0 0 34px rgb(var(--portal-accent-2-rgb) / .28),inset 0 0 28px rgb(var(--portal-warm-rgb) / .16);transition:background .6s ease,border-color .6s ease,box-shadow .6s ease}.scan-bridge-status[data-phase=alchemy] .scan-bridge-window:before{background:conic-gradient(from 180deg,transparent,rgb(var(--portal-warm-rgb) / .36),transparent,rgb(var(--portal-accent-2-rgb) / .32),transparent);animation-duration:6.4s}.scan-bridge-status[data-phase=alchemy] .scan-bridge-window span{background:linear-gradient(180deg,transparent,rgb(var(--portal-warm-rgb) / .86),transparent);box-shadow:0 0 18px rgb(var(--portal-warm-rgb) / .85);animation-duration:2.8s}.scan-bridge-status[data-phase=alchemy] .scan-bridge-progress span{background:linear-gradient(90deg,var(--pink),var(--gold),var(--blue));box-shadow:0 0 18px rgb(var(--portal-warm-rgb) / .55);animation-duration:2.2s}@keyframes scannerBandAlchemy{0%,to{transform:translateZ(0) scale(1) rotate(0)}35%{transform:translate3d(0,-3%,0) scale(1.04) rotate(-1.4deg)}65%{transform:translate3d(0,2%,0) scale(.97) rotate(1.6deg)}}@keyframes scannerBandAlchemyHue{0%,to{filter:hue-rotate(0deg) saturate(1)}50%{filter:hue-rotate(-40deg) saturate(1.3)}}@keyframes scannerSwirlSpin{to{transform:rotate(360deg)}}@keyframes scannerSparkOrbit{0%{transform:rotate(var(--spark-angle)) translate(0) scale(.4);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:rotate(calc(var(--spark-angle) + 360deg)) translate(var(--spark-distance)) scale(1);opacity:0}}@keyframes scannerAlchemyPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.06);opacity:.8}}.scanner-tear{position:absolute;inset:38% -8%;background:linear-gradient(90deg,transparent,rgb(var(--portal-accent-rgb) / .4) 48%,rgb(var(--portal-accent-2-rgb) / .4) 52%,transparent),linear-gradient(180deg,#0009,#0009);mix-blend-mode:screen;animation:scannerTear 4.6s ease-in-out infinite;pointer-events:none}.scanner-glitch{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgb(var(--portal-accent-rgb) / .4) 48%,rgb(var(--portal-accent-rgb) / 0) 52%,transparent),repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.22) 4px);background-size:100% 32%,100% 100%;background-repeat:no-repeat,repeat;background-position:0 -32%,0 0;animation:scannerGlitchSweep 2.4s linear infinite;mix-blend-mode:screen;pointer-events:none}.scanner-subject-doc .scanner-doc{position:absolute;inset:6% 8%;display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#ffffffeb;color:#141224c7;border-radius:8px;box-shadow:0 8px 22px #0000005c;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;animation:scannerDocPulse 3.2s ease-in-out infinite}.scanner-subject-doc .scanner-doc span{font-size:10px;letter-spacing:.16em;color:#14122499;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scanner-subject-doc .scanner-doc i{display:block;height:6px;border-radius:999px;background:#14122438}.scanner-subject-doc .scanner-doc i.short{width:60%}@keyframes scannerBandShift{0%,to{transform:translateZ(0) skew(0)}20%{transform:translate3d(-4%,-1%,0) skew(-2deg)}45%{transform:translate3d(3%,1%,0) skew(2deg)}70%{transform:translate3d(-2%,2%,0) skew(-1deg)}85%{transform:translate3d(2%,-1%,0) skew(1deg)}}@keyframes scannerBandHue{0%,to{filter:none}50%{filter:hue-rotate(40deg) saturate(1.2)}}@keyframes scannerTear{0%,to{transform:translateY(0) rotate(0);opacity:0}35%{opacity:.55;transform:translateY(-12%) rotate(-1.2deg)}55%{opacity:.75;transform:translateY(8%) rotate(1.6deg)}80%{opacity:.35;transform:translateY(0) rotate(-.4deg)}}@keyframes scannerGlitchSweep{to{background-position:0 132%,0 0}}@keyframes scannerDocPulse{0%,to{transform:translateY(0) rotate(0)}35%{transform:translateY(-2px) rotate(-.6deg)}65%{transform:translateY(2px) rotate(.6deg)}}@media(prefers-reduced-motion:reduce){.scanner-band,.scanner-tear,.scanner-glitch,.scanner-swirl,.scanner-sparks span,.scanner-subject-doc .scanner-doc{animation:none!important}}.begin-gate{position:relative;display:grid;gap:22px;justify-items:center;width:min(560px,100%);padding:28px;text-align:center;color:#f8fbfff0}.begin-gate-stage{position:relative;display:flex;align-items:center;justify-content:center;width:min(320px,80%);aspect-ratio:3 / 4;isolation:isolate}.begin-gate-preview{position:relative;width:100%;height:100%;overflow:hidden;border-radius:18px;background:#fffffff5;border:1px solid rgba(0,245,255,.42);box-shadow:0 30px 80px #00000080,0 0 36px #00f5ff38,inset 0 0 22px #00f5ff2e;transform-origin:50% 50%;transition:box-shadow .32s ease,filter .32s ease;animation:beginGateFloat 4.2s ease-in-out infinite}.begin-gate-preview img{display:block;width:100%;height:100%;object-fit:fill}.begin-gate-doc{display:flex;flex-direction:column;gap:10px;width:100%;height:100%;padding:24px 22px;color:#141224c7}.begin-gate-doc-name{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#14122499;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.begin-gate-doc i{display:block;height:9px;border-radius:999px;background:#1412242e}.begin-gate-doc i.short{width:62%}.begin-gate-glow{position:absolute;inset:-6%;z-index:-1;border-radius:24px;background:radial-gradient(circle at 30% 20%,rgba(0,245,255,.35),transparent 60%),radial-gradient(circle at 70% 80%,rgba(255,43,214,.32),transparent 60%);filter:blur(18px);opacity:.85;animation:beginGateGlow 4.6s ease-in-out infinite}.begin-gate.is-launching .begin-gate-preview{filter:brightness(1.18) saturate(1.25);box-shadow:0 30px 80px #00000080,0 0 60px #00f5ff8c,0 0 38px #ff2bd652,inset 0 0 30px #00f5ff52;animation:beginGateFloat 4.2s ease-in-out infinite,beginGateLaunchJitter .32s steps(1) forwards}.begin-gate.is-launching .begin-gate-glow{opacity:1;filter:blur(22px) brightness(1.2);animation-play-state:paused}.begin-gate.is-launching .begin-gate-actions,.begin-gate.is-launching .begin-gate-copy{opacity:.4;filter:blur(2px);transition:opacity .24s ease,filter .24s ease}@keyframes beginGateLaunchJitter{0%{transform:translate(0)}20%{transform:translate(2px,-1px)}40%{transform:translate(-2px,1px)}60%{transform:translate(1px,1px)}80%{transform:translate(-1px)}to{transform:translate(0)}}.begin-gate-copy{display:grid;gap:8px;max-width:460px}.begin-gate-copy .eyebrow{color:#00f5ffe6;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.begin-gate-copy h2{margin:0;font-size:clamp(22px,3.2vw,30px);letter-spacing:-.01em}.begin-gate-copy p{margin:0;color:#dce2f4c7;font-size:14px;line-height:1.55}.begin-gate-advanced{display:grid;gap:10px;margin-top:10px}.begin-gate-advanced-toggle{display:inline-flex;align-items:center;justify-content:space-between;justify-self:center;min-width:min(320px,100%);gap:14px;padding:10px 14px;border:1px solid rgba(0,245,255,.24);border-radius:999px;background:#00f5ff0f;color:#e1f0ffd1;font:inherit;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}.begin-gate-advanced-toggle:hover:not(:disabled),.begin-gate-advanced-toggle[aria-expanded=true]{border-color:#00f5ff7a;background:#00f5ff1a;color:#f8fbfff2}.begin-gate-advanced-toggle b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#ffffff14;color:var(--blue)}.begin-gate-story-field{display:grid;gap:8px;width:min(520px,100%);justify-self:center;text-align:left}.begin-gate-story-field>span{color:#f8fbffc7;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.begin-gate-story-field textarea{width:100%;resize:vertical;min-height:112px;padding:12px 14px;border:1px solid rgba(0,245,255,.26);border-radius:16px;background:#03000f8a;color:#f8fbffeb;font:inherit;font-size:13px;line-height:1.5;outline:none;box-shadow:inset 0 0 18px #00f5ff14}.begin-gate-story-field textarea:focus{border-color:#00f5ff8f;box-shadow:0 0 24px #00f5ff2e,inset 0 0 18px #00f5ff1a}.begin-gate-story-field small{color:#dce2f49e;font-size:12px;line-height:1.45}.begin-gate-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.begin-gate-start,.begin-gate-cancel{border:none;border-radius:999px;padding:12px 26px;font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform .2s ease,filter .2s ease,opacity .2s ease}.begin-gate-start{background:linear-gradient(95deg,var(--blue),var(--pink),var(--gold));color:#080614eb;box-shadow:0 18px 46px #00f5ff47,0 0 22px #ff2bd647}.begin-gate-start:hover:not(:disabled){transform:translateY(-1px) scale(1.02);filter:brightness(1.05)}.begin-gate-cancel{background:#ffffff0d;color:#dce2f4c7;border:1px solid rgba(255,255,255,.14)}.begin-gate-cancel:hover:not(:disabled){background:#ffffff14;color:#f8fbfff2}.begin-gate-start:disabled,.begin-gate-cancel:disabled{opacity:.55;cursor:progress}@keyframes beginGateFloat{0%,to{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-6px) rotate(.6deg)}}@keyframes beginGateGlow{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}@media(prefers-reduced-motion:reduce){.begin-gate-preview,.begin-gate-glow{animation:none!important}.begin-gate.is-launching .begin-gate-preview{transition-duration:.24s}}.scan-bridge-progress{width:min(360px,100%);height:7px;overflow:hidden;border-radius:999px;background:rgb(var(--portal-accent-rgb) / .1)}.scan-bridge-progress span{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--pink),var(--gold));box-shadow:0 0 18px rgb(var(--portal-accent-rgb) / .44);animation:scanBridgeProgress 1.6s ease-in-out infinite}.game-concept-card{position:absolute;top:78px;left:22px;z-index:18;width:min(360px,calc(100% - 44px));max-height:calc(100% - 118px);overflow:auto;padding:18px;color:#f8fbfff0;border:1px solid rgba(0,245,255,.28);border-radius:24px;background:linear-gradient(145deg,#00f5ff1f,#ff2bd614),#03000fb8;box-shadow:0 18px 54px #00000075,inset 0 0 24px #00f5ff14;backdrop-filter:blur(20px);animation:storyCinematicIn .72s cubic-bezier(.2,.85,.2,1) both}.game-concept-header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:8px}.game-concept-header .eyebrow{margin:0}.game-concept-confidence{flex:0 0 auto;padding:5px 8px;color:var(--gold);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(255,230,109,.28);border-radius:999px;background:#ffe66d14}.game-concept-card h2{margin:0;font-size:clamp(1.3rem,2.5vw,1.9rem);line-height:1.05;letter-spacing:-.04em}.game-concept-premise{margin:10px 0 16px;color:#e1f0ffd1;line-height:1.5}.game-concept-fields{display:grid;gap:10px;margin:0}.game-concept-fields div{padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0b}.game-concept-fields dt,.game-concept-loop span{margin-bottom:4px;color:var(--blue);font-size:.66rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.game-concept-fields dd{margin:0;color:#f8fbffe0;font-size:.86rem;line-height:1.45}.game-concept-loop{margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,245,255,.18)}.game-concept-loop ol{display:grid;gap:6px;margin:8px 0 0;padding-left:20px;color:#e1f0ffd6;font-size:.84rem;line-height:1.4}.game-concept-play{width:100%;margin-top:16px;padding:12px 14px;color:#031018;font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--pink));box-shadow:0 0 22px #00f5ff47;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.game-concept-play:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 28px #00f5ff6b,0 0 36px #ff2bd638}.game-concept-play:disabled{color:#e1f0ff9e;border:1px solid rgba(0,245,255,.18);background:#ffffff0f;box-shadow:none}.story-skip-status{position:absolute;right:22px;bottom:22px;z-index:18;display:grid;place-items:center;pointer-events:auto;animation:storyCinematicIn .72s cubic-bezier(.2,.85,.2,1) both}.story-game-spinner{width:44px;height:44px;border:3px solid rgba(225,240,255,.16);border-top-color:var(--blue);border-right-color:var(--pink);border-radius:999px;background:#03000f7a;box-shadow:0 12px 34px #00000061,0 0 22px #00f5ff38;animation:storyGameSpinner .82s linear infinite}.story-skip-button{appearance:none;min-width:86px;padding:11px 20px;color:#031018;font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;border:0;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--pink));box-shadow:0 14px 34px #00f5ff42;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.story-skip-button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 0 28px #00f5ff6b,0 0 36px #ff2bd638}@keyframes storyGameSpinner{to{transform:rotate(360deg)}}.story-cinematic{position:absolute;inset:0;z-index:9;overflow:hidden;pointer-events:none;animation:storyCinematicIn .9s cubic-bezier(.2,.85,.2,1) both}.parallax-scene{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;perspective:1200px;transform-style:preserve-3d;--parallax-x: 0;--parallax-y: 0;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",Twemoji Mozilla,system-ui,sans-serif}.parallax-camera{position:absolute;inset:0;animation:parallaxKenBurns 42s ease-in-out infinite alternate;will-change:transform}.parallax-layer{position:absolute;inset:0;pointer-events:none;opacity:var(--opacity, .85);transform:translate3d(calc(var(--parallax-x) * var(--depth, .5) * -32px),calc(var(--parallax-y) * var(--depth, .5) * -20px),0) scale(var(--scale, 1));transition:transform .36s cubic-bezier(.2,.8,.2,1);will-change:transform}.parallax-layer-wash{background-size:cover;background-position:center}.parallax-emoji-row{position:absolute;top:var(--y, 50%);left:50%;transform:translate(-50%,-50%);display:flex;gap:clamp(28px,5vw,80px);white-space:nowrap;filter:drop-shadow(0 8px 22px rgba(0,0,0,.32)) blur(calc((1 - var(--depth, .5)) * 2.4px));user-select:none;-webkit-user-drag:none}.parallax-emoji{display:inline-block;font-size:clamp(48px,calc(var(--depth, .5) * 12vw + 36px),200px);line-height:1}.parallax-motion-drift-left .parallax-emoji-row{animation:parallaxDriftLeft 80s linear infinite;animation-delay:var(--phase, 0s)}.parallax-motion-drift-right .parallax-emoji-row{animation:parallaxDriftRight 80s linear infinite;animation-delay:var(--phase, 0s)}.parallax-motion-bob .parallax-emoji-row{animation:parallaxBob 9s ease-in-out infinite;animation-delay:var(--phase, 0s)}.parallax-motion-sway .parallax-emoji-row{animation:parallaxSway 11s ease-in-out infinite;animation-delay:var(--phase, 0s)}.parallax-motion-rise .parallax-emoji-row{animation:parallaxRise 22s ease-in-out infinite;animation-delay:var(--phase, 0s)}@keyframes parallaxDriftLeft{0%{transform:translate(calc(-50% + 8vw),-50%)}to{transform:translate(calc(-50% - 8vw),-50%)}}@keyframes parallaxDriftRight{0%{transform:translate(calc(-50% - 8vw),-50%)}to{transform:translate(calc(-50% + 8vw),-50%)}}@keyframes parallaxBob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 10px))}}@keyframes parallaxSway{0%,to{transform:translate(calc(-50% - 8px),-50%) rotate(-1.4deg)}50%{transform:translate(calc(-50% + 8px),-50%) rotate(1.4deg)}}@keyframes parallaxRise{0%{transform:translate(-50%,calc(-50% + 18px));opacity:0}20%,80%{opacity:1}to{transform:translate(-50%,calc(-50% - 18px));opacity:0}}@keyframes parallaxKenBurns{0%{transform:scale(1.04) translate(-1.2%,.6%)}to{transform:scale(1.08) translate(1.2%,-.6%)}}.story-vignette{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(120% 80% at 50% 38%,transparent 38%,rgba(0,0,0,.45) 88%);mix-blend-mode:multiply}.story-letterbox{position:absolute;left:0;right:0;height:clamp(18px,6vh,56px);z-index:5;pointer-events:none;background:linear-gradient(180deg,#000000eb,#00000073);animation:letterboxIn .8s cubic-bezier(.2,.8,.2,1) both}.story-letterbox-top{top:0;transform-origin:top center}.story-letterbox-bottom{bottom:0;background:linear-gradient(0deg,#000000eb,#00000073);transform-origin:bottom center}.story-dialog{position:absolute;left:0;right:0;bottom:clamp(18px,6vh,56px);z-index:6;display:flex;align-items:flex-end;justify-content:center;min-height:clamp(150px,32vh,280px);padding:clamp(24px,5vw,64px) clamp(24px,6vw,80px) clamp(20px,4vh,48px);background:linear-gradient(0deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.55) 35%,rgba(0,0,0,.22) 75%,transparent 100%);pointer-events:none}.story-line{margin:0;max-width:min(900px,100%);text-align:center;font-size:clamp(1.4rem,3.4vw,2.8rem);line-height:1.32;letter-spacing:-.01em;font-weight:600;color:#fffffff5;text-shadow:0 2px 14px rgba(0,0,0,.6),0 1px 0 rgba(0,0,0,.45);text-wrap:balance;animation:storyLineCycle 4.4s cubic-bezier(.2,.8,.2,1) infinite both}.story-line.is-manual,.story-line.is-auto{animation:storyLineManualIn .56s cubic-bezier(.2,.85,.2,1) both}.story-chapter-controls{position:absolute;left:50%;bottom:clamp(10px,2.8vh,24px);z-index:8;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;transform:translate(-50%);pointer-events:auto}.story-chapter-button,.story-chapter-count{display:inline-flex;min-height:34px;align-items:center;justify-content:center;padding:8px 12px;color:#f0f8ffe0;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;background:#03000f8f;border:1px solid rgba(0,245,255,.24);border-radius:999px;box-shadow:0 10px 28px #00000047,inset 0 0 18px #00f5ff12;backdrop-filter:blur(14px)}.story-chapter-button{appearance:none;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease}.story-chapter-button:hover:not(:disabled){transform:translateY(-1px);border-color:#00f5ff85;box-shadow:0 14px 32px #00f5ff29,inset 0 0 18px #00f5ff1a}.story-chapter-button:disabled{opacity:.38;cursor:not-allowed}.story-chapter-auto.is-active{color:#041016;background:linear-gradient(135deg,var(--blue),#ffffff,#ffb6e3);border-color:#ffffff73}.story-show-effects{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none}.story-show-effects:before,.story-show-effects:after{position:absolute;inset:8% 10%;content:"";border-radius:999px;background:radial-gradient(circle at 22% 28%,rgba(255,255,255,.3),transparent .45rem),radial-gradient(circle at 78% 32%,rgba(0,245,255,.28),transparent .6rem),radial-gradient(circle at 52% 78%,rgba(255,119,196,.22),transparent .55rem);filter:blur(.4px) drop-shadow(0 0 18px rgba(0,245,255,.28));opacity:0;animation:storyGlitterHalo 2.4s ease-out both}.story-show-effects:after{inset:4% 18% 18%;animation-delay:.26s;transform:scaleX(-1)}.story-show-effects span{position:absolute;left:calc(var(--x, 50) * 1%);top:calc(var(--y, 50) * 1%);width:5px;height:5px;border-radius:999px;background:#fff;box-shadow:0 0 12px #ffffffe6,0 0 24px #00f5ff6b;opacity:0;transform:translate(-50%,-50%) scale(.4);animation:storyGlitterParticle 1.6s ease-out both;animation-delay:calc(var(--delay, 0) * 1ms)}.story-show-effects span:nth-child(1){--x: 14;--y: 24;--delay: 40}.story-show-effects span:nth-child(2){--x: 22;--y: 64;--delay: 120}.story-show-effects span:nth-child(3){--x: 31;--y: 36;--delay: 210}.story-show-effects span:nth-child(4){--x: 42;--y: 18;--delay: 80}.story-show-effects span:nth-child(5){--x: 51;--y: 72;--delay: 260}.story-show-effects span:nth-child(6){--x: 58;--y: 28;--delay: 160}.story-show-effects span:nth-child(7){--x: 67;--y: 58;--delay: 320}.story-show-effects span:nth-child(8){--x: 76;--y: 21;--delay: 110}.story-show-effects span:nth-child(9){--x: 86;--y: 48;--delay: 230}.story-show-effects span:nth-child(10){--x: 18;--y: 78;--delay: 360}.story-show-effects span:nth-child(11){--x: 35;--y: 83;--delay: 430}.story-show-effects span:nth-child(12){--x: 62;--y: 82;--delay: 390}.story-show-effects span:nth-child(13){--x: 81;--y: 74;--delay: 500}.story-show-effects span:nth-child(14){--x: 10;--y: 45;--delay: 300}.story-show-effects span:nth-child(15){--x: 91;--y: 27;--delay: 450}.story-show-effects span:nth-child(16){--x: 47;--y: 43;--delay: 520}.story-show-effects span:nth-child(17){--x: 71;--y: 38;--delay: 610}.story-show-effects span:nth-child(18){--x: 27;--y: 52;--delay: 560}@media(prefers-reduced-motion:reduce){.parallax-layer{transition:none}.parallax-camera,.parallax-emoji-row,.story-show-effects,.story-show-effects:before,.story-show-effects:after,.story-show-effects span{animation:none!important}}.story-cinematic-japanese-ink{background:radial-gradient(circle at 18% 12%,rgba(80,47,17,.18),transparent 18rem),radial-gradient(circle at 82% 78%,rgba(60,32,12,.22),transparent 22rem),linear-gradient(180deg,#ffffff1f,#d8b2702e),#ead6a3;box-shadow:inset 0 0 120px #552f1252,inset 0 0 22px #28160840}.story-cinematic-japanese-ink .story-line{color:#fbe6c2;font-family:Georgia,Times New Roman,serif;text-shadow:0 2px 14px rgba(40,22,8,.65),0 1px 0 rgba(0,0,0,.4)}.story-cinematic-japanese-ink .parallax-emoji-row{filter:drop-shadow(0 6px 18px rgba(48,28,12,.42)) grayscale(.55) sepia(.35) saturate(.9) contrast(1.05) blur(calc((1 - var(--depth, .5)) * 2.4px))}.story-cinematic-japanese-ink .parallax-layer-wash{mix-blend-mode:multiply;opacity:.82}.story-cinematic-neon-holo{background:radial-gradient(circle at 22% 18%,rgba(0,245,255,.18),transparent 22rem),radial-gradient(circle at 78% 80%,rgba(255,43,214,.16),transparent 22rem),#03000f9e;backdrop-filter:blur(18px)}.story-cinematic-neon-holo .story-line{color:#e6fcff;font-family:Inter,system-ui,sans-serif;font-weight:700;letter-spacing:-.02em;text-shadow:0 0 18px rgba(0,245,255,.55),0 0 32px rgba(255,43,214,.36),0 2px 14px rgba(0,0,0,.6)}.story-cinematic-neon-holo .parallax-emoji-row{filter:drop-shadow(0 0 12px rgba(0,245,255,.55)) drop-shadow(0 0 22px rgba(255,43,214,.4)) saturate(1.25) brightness(1.05) blur(calc((1 - var(--depth, .5)) * 2.4px))}.story-cinematic-neon-holo .parallax-layer-wash{mix-blend-mode:screen;opacity:.6}.story-cinematic-crystal-scroll{background:radial-gradient(circle at 50% 40%,rgba(255,230,109,.16),transparent 24rem),radial-gradient(circle at 22% 80%,rgba(0,245,255,.1),transparent 22rem),#050014b3;backdrop-filter:blur(14px)}.story-cinematic-crystal-scroll .story-line{background:linear-gradient(110deg,#fff,var(--gold),#cfe6ff);background-clip:text;color:transparent;font-weight:800;text-shadow:0 0 24px rgba(255,230,109,.4)}.story-cinematic-crystal-scroll .parallax-emoji-row{filter:drop-shadow(0 0 12px rgba(255,230,109,.65)) drop-shadow(0 0 22px rgba(0,245,255,.28)) saturate(1.1) brightness(1.06) blur(calc((1 - var(--depth, .5)) * 2.4px))}.story-cinematic-crystal-scroll .parallax-layer-wash{mix-blend-mode:lighten;opacity:.68}.story-cinematic-signal-trace{background:#04080f}.story-cinematic-signal-trace .story-line{color:#defafff5;font-family:JetBrains Mono,SFMono-Regular,Fira Code,Consolas,ui-monospace,monospace;font-weight:500;letter-spacing:.06em;text-shadow:0 0 12px rgba(0,245,255,.7),0 0 26px rgba(0,245,255,.32),0 2px 16px rgba(0,0,0,.75)}.signal-scene{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;background:radial-gradient(120% 80% at 50% 36%,#003c5a73,#000000eb 78%),linear-gradient(180deg,#050b16,#02060c)}.signal-grid{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(0,245,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,245,255,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(80% 60% at 50% 38%,black 30%,transparent 92%);-webkit-mask-image:radial-gradient(80% 60% at 50% 38%,black 30%,transparent 92%);animation:signalGridPulse 6s ease-in-out infinite}.signal-scanlines{position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(0deg,rgba(180,245,255,.06) 0 1px,transparent 1px 3px);mix-blend-mode:overlay;animation:signalScanlineDrift 9s linear infinite}.signal-wave{position:absolute;left:-8%;right:-8%;width:116%;top:22%;height:30%;z-index:2;pointer-events:none}.signal-wave path{fill:none;stroke-linecap:round;stroke-linejoin:round}.signal-wave-primary path{stroke:#4dffff;stroke-width:1.4;stroke-dasharray:3 1.4 5 1.8 9 1.2 4 1.4 12 1.6;filter:drop-shadow(0 0 8px rgba(0,245,255,.8)) drop-shadow(0 0 18px rgba(0,245,255,.36));animation:signalWaveSweep 4.2s linear infinite}.signal-wave-ghost{filter:blur(3px);transform:translate(2px,3px)}.signal-wave-ghost path{stroke:#ff58c4;stroke-width:1.3;stroke-dasharray:4 2 7 2 11 2;opacity:.6;filter:drop-shadow(0 0 14px rgba(255,88,196,.45));animation:signalWaveSweep 5.6s linear infinite reverse}@keyframes signalWaveSweep{to{stroke-dashoffset:-200}}@keyframes signalScanlineDrift{0%{background-position:0 0}to{background-position:0 8px}}@keyframes signalGridPulse{0%,to{opacity:.85}50%{opacity:1}}.signal-glyph{position:absolute;top:8%;left:50%;width:clamp(190px,24vw,340px);height:clamp(190px,24vw,340px);z-index:3;transform:translate(-50%);pointer-events:none;filter:drop-shadow(0 0 12px rgba(0,245,255,.85)) drop-shadow(0 0 32px rgba(0,245,255,.45)) drop-shadow(0 0 64px rgba(120,90,255,.25));animation:signalGlyphLife 4.4s cubic-bezier(.2,.8,.2,1) both}.signal-glyph path{fill:none;stroke:#e9ffff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}@keyframes signalGlyphLife{0%{opacity:0;transform:translate(-50%,14px) scale(.92)}14%{opacity:1;transform:translate(-50%) scale(1)}82%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-16px) scale(1.06)}}.signal-burst{position:absolute;top:8%;left:50%;width:clamp(360px,44vw,620px);height:clamp(360px,44vw,620px);z-index:2;transform:translate(-50%) translateY(8%) scale(.6);pointer-events:none;background:radial-gradient(circle,rgba(0,245,255,.55) 0%,rgba(120,90,255,.22) 40%,transparent 65%);filter:blur(24px);opacity:0;animation:signalBurst 4.4s cubic-bezier(.4,.05,.2,1) both}@keyframes signalBurst{0%{opacity:0;transform:translate(-50%) translateY(8%) scale(.6)}22%{opacity:0;transform:translate(-50%) translateY(8%) scale(.78)}32%{opacity:1;transform:translate(-50%) translateY(0) scale(1.05)}46%{opacity:.42;transform:translate(-50%) translateY(0) scale(1)}82%{opacity:.3}to{opacity:0;transform:translate(-50%) translateY(-4%) scale(1.18)}}.signal-particles{position:absolute;inset:0;z-index:2;pointer-events:none}.signal-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#8cf5fff2;box-shadow:0 0 8px #00f5ffd9,0 0 18px #00f5ff6b;animation-name:signalParticleFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes signalParticleFloat{0%,to{transform:translateY(0) scale(.8);opacity:.35}50%{transform:translateY(-32px) scale(1.05);opacity:1}}.signal-readout{position:absolute;top:clamp(36px,8vh,64px);right:clamp(20px,5vw,56px);z-index:4;display:flex;flex-direction:column;gap:4px;font-family:JetBrains Mono,SFMono-Regular,Fira Code,Consolas,ui-monospace,monospace;font-size:.72rem;color:#00f5ffc7;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 8px rgba(0,245,255,.55);pointer-events:none;animation:signalReadoutFlicker 3.4s steps(24,end) infinite}@keyframes signalReadoutFlicker{0%,92%,to{opacity:1}94%{opacity:.45}96%{opacity:.85}}@media(prefers-reduced-motion:reduce){.signal-grid,.signal-scanlines,.signal-wave path,.signal-particle,.signal-readout,.signal-burst{animation:none!important}.signal-glyph{animation-duration:.001ms;animation-fill-mode:forwards}.signal-glyph path{transition:none!important;stroke-dashoffset:0!important}}.story-cinematic-ai-sketch,.story-cinematic-ai-brush,.story-cinematic-ink-brush{background:radial-gradient(120% 80% at 50% 38%,#003c5a73,#000000f0 78%),linear-gradient(180deg,#050b16,#02060c)}.story-cinematic-ai-sketch .story-line,.story-cinematic-ai-brush .story-line,.story-cinematic-ink-brush .story-line{color:#f4fbff;text-shadow:0 0 16px rgba(0,245,255,.45),0 2px 18px rgba(0,0,0,.85)}.story-cinematic-anime-cel{background:radial-gradient(circle at 18% 16%,rgba(255,119,196,.2),transparent 24rem),radial-gradient(circle at 78% 26%,rgba(87,190,255,.22),transparent 24rem),linear-gradient(180deg,#080819,#12071d 54%,#03050f)}.story-cinematic-anime-cel .story-line{color:#fff7ff;font-weight:800;text-shadow:0 0 18px rgba(255,119,196,.45),0 2px 16px rgba(0,0,0,.8)}.story-cinematic-storybook-watercolor{background:radial-gradient(circle at 25% 18%,rgba(255,214,148,.26),transparent 24rem),radial-gradient(circle at 75% 70%,rgba(120,205,255,.18),transparent 28rem),linear-gradient(180deg,#1d1720,#120f17 58%,#08070b)}.story-cinematic-storybook-watercolor .story-line{color:#fff4df;font-family:Georgia,Times New Roman,serif;text-shadow:0 2px 18px rgba(54,34,18,.8)}.story-cinematic-noir-comic{background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.16),transparent 20rem),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 8px),linear-gradient(180deg,#101010,#050505)}.story-cinematic-noir-comic .story-line{color:#f8f8f2;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-weight:800;letter-spacing:.02em;text-shadow:2px 2px 0 #000,0 0 18px rgba(255,255,255,.18)}.story-cinematic-neon-dream{background:radial-gradient(circle at 20% 28%,rgba(255,43,214,.22),transparent 24rem),radial-gradient(circle at 80% 20%,rgba(0,245,255,.24),transparent 26rem),linear-gradient(180deg,#060019,#040717 62%,#01030b)}.story-cinematic-neon-dream .story-line{color:#e9fcff;text-shadow:0 0 16px rgba(0,245,255,.62),0 0 32px rgba(255,43,214,.32),0 2px 16px rgba(0,0,0,.86)}.ai-sketch-scene{position:absolute;inset:0;overflow:hidden}.ai-sketch-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;padding:clamp(20px,5vh,56px);padding-bottom:clamp(150px,28vh,240px)}.ai-sketch-frame{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.ai-sketch-local-stage{pointer-events:none}.ai-sketch-local-frame{position:relative;width:min(360px,56vmin);aspect-ratio:1;display:grid;place-items:center}.ai-sketch-local-glow{position:absolute;inset:10%;border-radius:999px;background:radial-gradient(circle,rgba(0,245,255,.16),transparent 62%),radial-gradient(circle,rgba(255,255,255,.08),transparent 42%);filter:blur(12px);animation:aiSketchLocalPulse 1.4s ease-in-out infinite alternate}.ai-sketch-local-glyph{position:relative;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 10px rgba(0,245,255,.34))}.ai-sketch-local-glyph path{fill:none;stroke:#f4fbffe6;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ai-sketch-local-glyph-brush path{stroke:#fff6e2b8;stroke-width:9}.ai-sketch-marker-stage{pointer-events:none}.story-beat-marker{position:relative;width:min(380px,58vmin);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 24px rgba(255,255,255,.12))}.story-beat-marker-core,.story-beat-marker-particle{position:absolute;display:block;border-radius:999px;transform-origin:center}.story-beat-marker-core{width:34%;height:34%;animation:storyMarkerCore 1.3s cubic-bezier(.25,.9,.22,1) both}.story-beat-marker-particle{width:11%;height:11%;opacity:0;animation:storyMarkerParticle 1.3s cubic-bezier(.25,.9,.22,1) both}.story-beat-marker-particle:nth-child(2){--tx: -112%;--ty: -18%;--scale: 1.25;animation-delay:20ms}.story-beat-marker-particle:nth-child(3){--tx: 96%;--ty: -48%;--scale: .9;animation-delay:70ms}.story-beat-marker-particle:nth-child(4){--tx: 76%;--ty: 66%;--scale: 1.15;animation-delay:.11s}.story-beat-marker-particle:nth-child(5){--tx: -64%;--ty: 86%;--scale: .82;animation-delay:.15s}.story-beat-marker-particle:nth-child(6){--tx: 8%;--ty: -108%;--scale: .75;animation-delay:.19s}.story-beat-marker-particle:nth-child(7){--tx: -108%;--ty: -74%;--scale: .68;animation-delay:.23s}.story-beat-marker-particle:nth-child(8){--tx: 122%;--ty: 8%;--scale: .72;animation-delay:.27s}.story-beat-marker-ink-drop .story-beat-marker-core,.story-beat-marker-ink-drop .story-beat-marker-particle{background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle,rgba(19,18,21,.94),rgba(0,0,0,.36) 68%,transparent 72%);filter:blur(.4px)}.story-beat-marker-anime-flare .story-beat-marker-core,.story-beat-marker-anime-flare .story-beat-marker-particle{border-radius:32% 68% 48% 52%/42% 34% 66% 58%;background:radial-gradient(circle,rgba(255,255,255,.98),rgba(255,231,113,.74) 36%,rgba(255,68,187,.08) 72%,transparent 76%);box-shadow:0 0 28px #ff5dbe70,0 0 58px #52c8ff42}.story-beat-marker-watercolor-bloom .story-beat-marker-core,.story-beat-marker-watercolor-bloom .story-beat-marker-particle{background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.28),transparent 18%),radial-gradient(circle,rgba(255,184,126,.58),rgba(114,189,240,.22) 62%,transparent 74%);filter:blur(5px) saturate(1.16)}.story-beat-marker-noir-blot .story-beat-marker-core,.story-beat-marker-noir-blot .story-beat-marker-particle{border-radius:54% 46% 61% 39%/44% 58% 42% 56%;background:radial-gradient(circle,rgba(255,255,255,.78),rgba(90,90,90,.38) 18%,rgba(0,0,0,.86) 54%,transparent 72%);box-shadow:0 0 0 2px #ffffff1f}.story-beat-marker-neon-ripple .story-beat-marker-core,.story-beat-marker-neon-ripple .story-beat-marker-particle{background:radial-gradient(circle,rgba(255,255,255,.94),rgba(0,245,255,.58) 34%,rgba(255,43,214,.14) 70%,transparent 76%);box-shadow:0 0 32px #00f5ff8f,0 0 68px #ff2bd647}.story-cinematic-anime-cel .ai-brush-svg{filter:saturate(1.22) contrast(1.08) drop-shadow(0 0 24px rgba(255,119,196,.16))}.story-cinematic-anime-cel .ai-brush-backdrop{filter:blur(24px) saturate(1.28) contrast(1.08)}.story-cinematic-storybook-watercolor .ai-brush-svg{filter:saturate(.92) contrast(.96) sepia(.08) drop-shadow(0 0 18px rgba(255,220,170,.14))}.story-cinematic-storybook-watercolor .ai-brush-backdrop{filter:blur(24px) saturate(.98) contrast(.94) sepia(.12)}.story-cinematic-noir-comic .ai-sketch-svg,.story-cinematic-noir-comic .ai-sketch-image-hint{filter:grayscale(1) contrast(1.42) drop-shadow(0 0 6px rgba(255,255,255,.18))}.story-cinematic-neon-dream .ai-brush-svg{filter:saturate(1.35) contrast(1.08) drop-shadow(0 0 28px rgba(0,245,255,.2))}.story-cinematic-neon-dream .ai-brush-backdrop{filter:blur(24px) saturate(1.45) contrast(1.1)}.ai-sketch-svg{width:100%;height:100%;max-height:100%;filter:drop-shadow(0 0 6px rgba(0,245,255,.32));transform-origin:center;animation:aiGeneratedImageDrift 8s ease-in-out infinite alternate;will-change:transform}.ai-sketch-stroke{fill:none;stroke:#f4fbff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ai-sketch-image-hint{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;object-fit:contain;opacity:0;mix-blend-mode:screen;filter:saturate(.6) contrast(.9);transition:opacity .9s ease .28s;pointer-events:none;transform-origin:center;animation:aiGeneratedImageDrift 8s ease-in-out infinite alternate;will-change:transform}.ai-sketch-image-hint.is-visible{opacity:.16}.ai-brush-frame{position:relative;width:100%;height:100%;max-height:100%;overflow:hidden}.ai-brush-backdrop{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;opacity:.42;filter:blur(22px) saturate(1.18) contrast(1.05);transform:scale(1.06)}.ai-brush-svg{position:relative;z-index:1;width:100%;height:100%;max-height:100%;filter:contrast(1.04) saturate(1.08) drop-shadow(0 0 18px rgba(255,255,255,.08));transform-origin:center;animation:aiGeneratedImageDrift 9s ease-in-out infinite alternate;will-change:transform}.ai-brush-stroke{fill:none}@keyframes aiSketchLocalPulse{0%{opacity:.54;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}@keyframes storyMarkerCore{0%{opacity:0;transform:scale(.2) rotate(-8deg)}42%{opacity:1;transform:scale(1.08) rotate(4deg)}to{opacity:.7;transform:scale(1.42) rotate(0)}}@keyframes storyMarkerParticle{0%{opacity:0;transform:translateZ(0) scale(.25)}32%{opacity:1}to{opacity:0;transform:translate3d(var(--tx, 0),var(--ty, 0),0) scale(var(--scale, 1))}}@keyframes aiGeneratedImageDrift{0%{transform:scale(1.012) translate3d(-.55%,-.35%,0)}45%{transform:scale(1.018) translate3d(.42%,-.55%,0)}to{transform:scale(1.014) translate3d(.6%,.45%,0)}}@media(prefers-reduced-motion:reduce){.ai-sketch-stroke,.ai-brush-stroke,.ai-sketch-local-glyph path{transition:none!important;stroke-dashoffset:0!important}.ai-sketch-local-glow{animation:none!important}.story-beat-marker-core,.story-beat-marker-particle{animation:none!important;opacity:.72!important}.ai-sketch-svg,.ai-sketch-image-hint,.ai-brush-svg,.ai-brush-backdrop{animation:none!important;transform:none!important}.ai-sketch-image-hint{transition:none!important;opacity:.16!important}}.story-studio-shell{position:relative;min-height:100vh;width:100%;display:grid;align-content:center;justify-items:center;padding:clamp(20px,4vw,64px) clamp(16px,4vw,48px);background:radial-gradient(120% 80% at 50% 38%,#004e6e6b,#02060cf0 78%),linear-gradient(180deg,#050b16,#02060c);color:var(--text);overflow:hidden}.story-studio-shell.story-studio-playing,.story-studio-shell.story-studio-cover{align-content:start;padding-top:clamp(16px,3vw,28px)}.story-cover-card{position:relative;z-index:1;width:min(920px,100%);display:grid;justify-items:center;gap:18px;padding:clamp(20px,4vw,44px);background:#03070fbd;border:1px solid rgba(0,245,255,.2);border-radius:24px;box-shadow:0 26px 70px #000000a3,inset 0 0 28px #00f5ff14;backdrop-filter:blur(20px)}.story-cover-copy{display:grid;gap:8px;max-width:650px;text-align:center}.story-cover-copy h1{margin:0;color:#f4fbff;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.08;text-shadow:0 0 24px rgba(0,245,255,.22)}.story-cover-copy p{margin:0;color:#e1f0ffad;line-height:1.5}.story-cover-frame{position:relative;width:min(680px,100%);aspect-ratio:16 / 10;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.18);background:#02060c;box-shadow:0 28px 60px #00000094,0 0 0 8px #ffffff09,inset 0 0 34px #00000073;cursor:grab;touch-action:none;user-select:none}.story-cover-frame:active{cursor:grabbing}.story-cover-card.is-materializing .story-cover-frame{cursor:wait}.story-cover-image,.story-cover-image img,.story-cover-developing,.story-cover-scratch,.story-cover-materialize,.story-cover-complete-effect{position:absolute;inset:0}.story-cover-image img{width:100%;height:100%;object-fit:contain;animation:aiGeneratedImageDrift 10s ease-in-out infinite alternate;-webkit-user-drag:none;user-select:none}.story-cover-developing{background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.2),transparent 14rem),radial-gradient(circle at 76% 60%,rgba(0,245,255,.22),transparent 18rem),linear-gradient(135deg,#ffffff14,#00000029),#07101c;animation:storyCoverDeveloping 1.8s ease-in-out infinite alternate}.story-cover-materialize{z-index:5;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1),transparent 24%),linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);animation:storyCoverMaterializeFade 3.6s ease both}.story-cover-materialize:before,.story-cover-materialize:after{content:"";position:absolute;width:min(54%,360px);aspect-ratio:1;border-radius:999px;border:1px solid rgba(0,245,255,.34);box-shadow:0 0 24px #00f5ff3d,inset 0 0 30px #ffffff14;animation:storyCoverRing 1.8s ease-in-out infinite alternate}.story-cover-materialize:after{width:min(34%,230px);border-color:#ff77c447;animation-delay:.24s;animation-direction:alternate-reverse}.story-cover-materialize span{position:absolute;width:7px;height:7px;border-radius:999px;background:#ffffffe0;box-shadow:0 0 18px #00f5ffb3;animation:storyCoverOrbit 1.8s linear infinite}.story-cover-materialize span:nth-child(1){--orbit: 95px;animation-delay:0ms}.story-cover-materialize span:nth-child(2){--orbit: 125px;animation-delay:-.36s}.story-cover-materialize span:nth-child(3){--orbit: 155px;animation-delay:-.72s}.story-cover-materialize span:nth-child(4){--orbit: 185px;animation-delay:-1.08s}.story-cover-materialize span:nth-child(5){--orbit: 215px;animation-delay:-1.44s}.story-cover-scratch{z-index:3;width:100%;height:100%;opacity:0;transition:opacity .32s ease}.story-cover-card.is-rubbable .story-cover-scratch,.story-cover-card.is-complete .story-cover-scratch{opacity:1}.story-cover-finger-hint{position:absolute;inset:0;z-index:10;pointer-events:none;display:grid;place-items:center;animation:coverFingerFadeIn .6s ease both}.story-cover-finger-svg{width:clamp(42px,8vw,64px);filter:drop-shadow(0 4px 12px rgba(0,0,0,.45));animation:coverFingerRub 1.6s cubic-bezier(.4,0,.3,1) infinite;transform-origin:center}@keyframes coverFingerFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes coverFingerRub{0%{transform:translate(0) rotate(-6deg);opacity:.92}18%{transform:translate(22px,-10px) rotate(2deg);opacity:1}36%{transform:translate(-18px,8px) rotate(-4deg);opacity:1}54%{transform:translate(14px,6px) rotate(3deg);opacity:.95}72%{transform:translate(-10px,-6px) rotate(-2deg);opacity:1}to{transform:translate(0) rotate(-6deg);opacity:.92}}.story-cover-complete-effect{z-index:4;pointer-events:none;opacity:0}.story-cover-card.is-complete .story-cover-complete-effect{opacity:1}.story-cover-complete-effect span{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:999px;background:#ffffffeb;box-shadow:0 0 18px #00f5ffbf;opacity:0;animation:storyCoverBurst .95s cubic-bezier(.2,.8,.2,1) both}.story-cover-complete-effect span:nth-child(1){--tx: -240px;--ty: -110px;animation-delay:0ms}.story-cover-complete-effect span:nth-child(2){--tx: -160px;--ty: 120px;animation-delay:45ms}.story-cover-complete-effect span:nth-child(3){--tx: -40px;--ty: -170px;animation-delay:80ms}.story-cover-complete-effect span:nth-child(4){--tx: 80px;--ty: 160px;animation-delay:.11s}.story-cover-complete-effect span:nth-child(5){--tx: 210px;--ty: -90px;animation-delay:.15s}.story-cover-complete-effect span:nth-child(6){--tx: 240px;--ty: 98px;animation-delay:.19s}.story-cover-complete-effect span:nth-child(7){--tx: -270px;--ty: 26px;animation-delay:.22s}.story-cover-complete-effect span:nth-child(8){--tx: 0px;--ty: 210px;animation-delay:.25s}.story-cover-complete-effect span:nth-child(9){--tx: 150px;--ty: -180px;animation-delay:.28s}.story-cover-complete-effect span:nth-child(10){--tx: -90px;--ty: 190px;animation-delay:.31s}.story-cover-chains{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden;border-radius:inherit}.cover-chain{position:absolute;pointer-events:none;filter:drop-shadow(0 6px 12px rgba(0,0,0,.55)) drop-shadow(0 0 18px rgba(0,0,0,.35));transform-origin:50% 50%;animation:coverChainShake 2.2s ease-in-out infinite}.cover-chain-h{left:-4%;right:-4%;height:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 26' preserveAspectRatio='none'><defs><linearGradient id='m' x1='0' x2='0' y1='0' y2='1'><stop offset='0' stop-color='%23eef1f7'/><stop offset='.5' stop-color='%23808a99'/><stop offset='1' stop-color='%231a212d'/></linearGradient></defs><g stroke='url(%23m)' fill='none' stroke-width='6' stroke-linecap='round'><ellipse cx='15' cy='13' rx='12' ry='7.5'/><ellipse cx='45' cy='13' rx='12' ry='7.5'/></g><g fill='%23000' opacity='.18'><ellipse cx='15' cy='16' rx='10' ry='3.5'/><ellipse cx='45' cy='16' rx='10' ry='3.5'/></g></svg>");background-repeat:repeat-x;background-size:auto 100%}.cover-chain-v{top:-4%;bottom:-4%;width:30px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 60' preserveAspectRatio='none'><defs><linearGradient id='m' x1='0' x2='1' y1='0' y2='0'><stop offset='0' stop-color='%23eef1f7'/><stop offset='.5' stop-color='%23808a99'/><stop offset='1' stop-color='%231a212d'/></linearGradient></defs><g stroke='url(%23m)' fill='none' stroke-width='6' stroke-linecap='round'><ellipse cx='13' cy='15' rx='7.5' ry='12'/><ellipse cx='13' cy='45' rx='7.5' ry='12'/></g><g fill='%23000' opacity='.18'><ellipse cx='16' cy='15' rx='3.5' ry='10'/><ellipse cx='16' cy='45' rx='3.5' ry='10'/></g></svg>");background-repeat:repeat-y;background-size:100% auto}.cover-chain-top{top:16%}.cover-chain-bottom{bottom:16%}.cover-chain-left{left:12%}.cover-chain-right{right:12%}.cover-chain-bottom{animation-delay:-1.1s}.cover-chain-left{animation-delay:-.4s}.cover-chain-right{animation-delay:-1.5s}.cover-padlock{position:absolute;left:50%;top:50%;width:92px;height:116px;transform:translate(-50%,-50%);pointer-events:none;z-index:8;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55));animation:coverPadlockShake 2.2s ease-in-out infinite}.cover-padlock-shackle{position:absolute;top:0;left:50%;width:64px;height:56px;transform:translate(-50%);border:10px solid #cdd2dc;border-top-color:#e8ecf2;border-right-color:#8a93a2;border-bottom:0;border-radius:38px 38px 0 0;background:transparent;box-shadow:inset 0 7px 14px #ffffff38,0 5px 8px #00000052;transform-origin:0 100%}.cover-padlock-body{position:absolute;bottom:0;left:50%;width:92px;height:72px;transform:translate(-50%);border-radius:16px;background:linear-gradient(180deg,#dee2eb,#818b9a 36%,#232a37);box-shadow:inset 0 -8px 14px #00000080,inset 0 6px 10px #ffffff3d,0 6px 12px #00000073}.cover-padlock-keyhole{position:absolute;bottom:16px;left:50%;width:14px;height:24px;transform:translate(-50%);border-radius:50% 50% 4px 4px;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.18) 0 2px,transparent 4px),linear-gradient(180deg,#000,#1a1f2a)}.cover-break-flash{position:absolute;left:50%;top:50%;width:80px;height:80px;margin:-40px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,200,90,.55) 38%,transparent 72%);opacity:0;transform:scale(.2);z-index:9}.cover-break-sparks{position:absolute;inset:0;pointer-events:none;z-index:7}.cover-break-sparks span{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:999px;background:radial-gradient(circle,#fff,rgba(255,200,90,.85) 50%,transparent 70%);box-shadow:0 0 14px #ffc85ad9;transform:rotate(var(--spark-angle, 0deg)) translate(0) scale(.4);opacity:0}.cover-break-sparks span:nth-child(odd){background:radial-gradient(circle,#fff,rgba(0,245,255,.85) 50%,transparent 70%);box-shadow:0 0 14px #00f5ffd9}.cover-break-sparks span:nth-child(3n){background:radial-gradient(circle,#fff,rgba(255,80,130,.85) 50%,transparent 70%);box-shadow:0 0 14px #ff5082d9}.story-cover-card.is-sealed .story-cover-frame{animation:coverPound 2.2s cubic-bezier(.6,0,.4,1) infinite}.story-cover-card.is-sealed .story-cover-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;background:radial-gradient(circle at 50% 50%,rgba(255,70,95,.22),transparent 55%);opacity:0;animation:coverPoundFlash 2.2s cubic-bezier(.6,0,.4,1) infinite}.story-cover-card.is-bursting .story-cover-frame{animation:coverBurst .9s cubic-bezier(.2,.85,.4,1.05) forwards}.story-cover-chains.is-breaking .cover-chain{animation:coverChainSnap .7s cubic-bezier(.2,.8,.4,1) forwards}.story-cover-chains.is-breaking .cover-chain-h{animation-name:coverChainSnapH}.story-cover-chains.is-breaking .cover-chain-v{animation-name:coverChainSnapV}.story-cover-chains.is-breaking .cover-padlock{animation:none}.story-cover-chains.is-breaking .cover-padlock-shackle{animation:coverPadlockShackleBreak .9s ease-out forwards}.story-cover-chains.is-breaking .cover-padlock-body{animation:coverPadlockBodyBreak .9s ease-out forwards}.story-cover-chains.is-breaking .cover-break-flash{animation:coverBreakFlash .7s ease-out forwards}.story-cover-chains.is-breaking .cover-break-sparks span{animation:coverBreakSpark .9s cubic-bezier(.25,.7,.4,1) forwards;animation-delay:var(--spark-delay, 0ms)}@keyframes coverChainShake{0%,to{transform:translate(0)}10%{transform:translate(-2px,2px)}12%{transform:translate(2px,-2px)}16%{transform:translate(0)}60%{transform:translate(-2px,2px)}62%{transform:translate(2px,-2px)}66%{transform:translate(0)}}@keyframes coverPadlockShake{0%,to{transform:translate(-50%,-50%) rotate(0)}8%{transform:translate(-50%,-52%) rotate(-2deg)}12%{transform:translate(-50%,-48%) rotate(2deg)}16%{transform:translate(-50%,-50%) rotate(0)}58%{transform:translate(-50%,-52%) rotate(-2deg)}62%{transform:translate(-50%,-48%) rotate(2deg)}66%{transform:translate(-50%,-50%) rotate(0)}}@keyframes coverPound{0%,to{transform:scale(1)}10%{transform:scale(1.018) translateY(-2px)}14%{transform:scale(.992) translateY(1px)}18%{transform:scale(1.01)}22%{transform:scale(1)}60%{transform:scale(1.014)}64%{transform:scale(.994)}70%{transform:scale(1)}}@keyframes coverPoundFlash{0%,to{opacity:0}10%{opacity:.85}20%{opacity:0}60%{opacity:.65}68%{opacity:0}}@keyframes coverBurst{0%{transform:scale(1) rotate(0)}20%{transform:scale(1.07) rotate(-1deg)}35%{transform:scale(.97) rotate(.8deg)}55%{transform:scale(1.03) rotate(-.3deg)}to{transform:scale(1) rotate(0)}}@keyframes coverChainSnapH{0%{transform:scaleX(1);opacity:1}18%{transform:scaleX(1.08);opacity:1}to{transform:scaleX(.04);opacity:0;filter:blur(3px)}}@keyframes coverChainSnapV{0%{transform:scaleY(1);opacity:1}18%{transform:scaleY(1.08);opacity:1}to{transform:scaleY(.04);opacity:0;filter:blur(3px)}}@keyframes coverPadlockShackleBreak{0%{transform:translate(-50%) rotate(0);opacity:1}20%{transform:translate(-50%) rotate(-6deg);opacity:1}to{transform:translate(-78%,-42px) rotate(-72deg) scale(.85);opacity:0}}@keyframes coverPadlockBodyBreak{0%{transform:translate(-50%) rotate(0);opacity:1}20%{transform:translate(-50%) rotate(2deg);opacity:1}to{transform:translate(-42%,70px) rotate(26deg) scale(.85);opacity:0}}@keyframes coverBreakFlash{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(3.4)}to{opacity:0;transform:scale(5.4)}}@keyframes coverBreakSpark{0%{transform:rotate(var(--spark-angle, 0deg)) translate(0) scale(.4);opacity:0}20%{opacity:1}to{transform:rotate(var(--spark-angle, 0deg)) translate(var(--spark-distance, 140px)) scale(1);opacity:0}}@media(prefers-reduced-motion:reduce){.cover-chain,.cover-padlock,.story-cover-card.is-sealed .story-cover-frame,.story-cover-card.is-sealed .story-cover-frame:after,.story-cover-card.is-bursting .story-cover-frame,.story-cover-chains.is-breaking .cover-chain,.story-cover-chains.is-breaking .cover-padlock-shackle,.story-cover-chains.is-breaking .cover-padlock-body,.story-cover-chains.is-breaking .cover-break-flash,.story-cover-chains.is-breaking .cover-break-sparks span,.story-cover-finger-svg{animation:none!important}}.story-cover-status{width:min(620px,100%);display:grid;gap:8px;justify-items:center}.story-cover-progress{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1)}.story-cover-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#fff,#ff77c4);box-shadow:0 0 18px #00f5ff80;transition:width .14s ease}.story-cover-status p{margin:0;color:#e1f0ff9e;font-size:.84rem}.story-cover-title-card{min-height:92px;display:grid;gap:6px;place-items:center;text-align:center;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .42s ease,transform .42s ease}.story-cover-card.is-complete .story-cover-title-card{opacity:1;transform:translateY(0) scale(1)}.story-cover-title-card span{color:#00f5ffd1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.story-cover-title-card h2{margin:0;max-width:760px;color:#fff;font-size:clamp(2rem,5vw,4rem);line-height:.96;text-shadow:0 0 24px rgba(0,245,255,.36),0 3px 20px rgba(0,0,0,.82)}.story-cover-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center}.story-cover-voice{appearance:none;padding:12px 18px;color:#e1f0ffd6;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:#03000f94;border:1px solid rgba(0,245,255,.28);border-radius:999px;cursor:pointer;box-shadow:inset 0 0 18px #00f5ff14;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.story-cover-voice:hover{transform:translateY(-1px);border-color:#00f5ff8a}.story-cover-voice.is-active{color:#fff;border-color:#ff77c4a3;box-shadow:0 12px 28px #ff77c433,inset 0 0 18px #ff77c41a}.story-cover-start{appearance:none;padding:13px 28px;color:#021015;font-size:.95rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(135deg,var(--blue),#fff,#ffb6e3);border:0;border-radius:999px;cursor:pointer;box-shadow:0 16px 38px #00f5ff5c;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.story-cover-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 46px #00f5ff75}.story-cover-start:disabled{opacity:.42;cursor:not-allowed}.story-cover-anime-cel .story-cover-frame{border-color:#ff77c44d;box-shadow:0 28px 60px #00000094,0 0 38px #ff77c429}.story-cover-ink-brush .story-cover-frame{border-color:#fff6e233;filter:sepia(.08)}.story-cover-storybook-watercolor .story-cover-frame{border-color:#ffd69447;filter:saturate(.95) sepia(.08)}.story-cover-noir-comic .story-cover-frame{border-color:#ffffff47;filter:grayscale(1) contrast(1.15)}.story-cover-neon-dream .story-cover-frame{border-color:#00f5ff47;box-shadow:0 28px 60px #00000094,0 0 40px #00f5ff29,0 0 62px #ff2bd61f}@keyframes storyCoverDeveloping{0%{filter:saturate(.9) brightness(.86);transform:scale(1)}to{filter:saturate(1.2) brightness(1.08);transform:scale(1.03)}}@keyframes storyCoverMaterializeFade{0%{opacity:0;filter:blur(10px)}18%{opacity:1;filter:blur(0)}78%{opacity:1}to{opacity:0;filter:blur(10px)}}@keyframes storyCoverRing{0%{transform:scale(.82) rotate(-8deg);opacity:.46}to{transform:scale(1.08) rotate(10deg);opacity:.95}}@keyframes storyCoverOrbit{0%{transform:rotate(0) translate(var(--orbit, 120px)) rotate(0);opacity:.35}50%{opacity:1}to{transform:rotate(360deg) translate(var(--orbit, 120px)) rotate(-360deg);opacity:.35}}@keyframes storyCoverBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}28%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(1.4)}}.story-input-card{position:relative;z-index:1;width:min(680px,100%);padding:clamp(28px,4vw,52px);display:grid;gap:22px;background:#03070fc7;border:1px solid rgba(0,245,255,.22);border-radius:22px;box-shadow:0 24px 64px #0009,inset 0 0 24px #00f5ff14;backdrop-filter:blur(20px)}.story-input-header{display:grid;gap:10px}.story-input-eyebrow{color:#00f5ffd9;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 14px rgba(0,245,255,.55)}.story-input-title{margin:0;font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:800;letter-spacing:-.01em;line-height:1.08;color:#f4fbff;text-shadow:0 0 28px rgba(0,245,255,.24)}.story-input-subtitle{margin:0;max-width:56ch;color:#e1f0ffb3;font-size:.94rem;line-height:1.5}.story-input-upload{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:14px 16px;color:#ebf7ffd1;background:radial-gradient(circle at 12% 50%,rgb(var(--portal-accent-rgb) / .14),transparent 9rem),linear-gradient(135deg,rgb(var(--portal-accent-2-rgb) / .08),rgb(var(--portal-accent-rgb) / .06)),#02050b9e;border:1px dashed rgb(var(--portal-accent-rgb) / .38);border-radius:16px;cursor:pointer;box-shadow:inset 0 0 18px rgb(var(--portal-accent-rgb) / .06);transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.story-input-upload:hover,.story-input-upload:focus-within{border-color:rgb(var(--portal-accent-rgb) / .62);box-shadow:inset 0 0 22px rgb(var(--portal-accent-rgb) / .1),0 0 0 3px rgb(var(--portal-accent-rgb) / .08);transform:translateY(-1px)}.story-input-upload.is-extracting{cursor:progress;opacity:.78;transform:none}.story-input-upload input{display:none}.story-input-upload-icon{display:grid;width:42px;height:42px;place-items:center;color:var(--bg);background:linear-gradient(135deg,var(--blue),var(--pink));border-radius:14px;box-shadow:0 0 22px rgb(var(--portal-accent-rgb) / .34);font-size:1.45rem;font-weight:300;line-height:1}.story-input-upload-copy{display:grid;gap:3px}.story-input-upload-copy strong{color:#f6fcfff5;font-size:.92rem}.story-input-upload-copy small{color:#e1f0ff8f;font-size:.78rem;line-height:1.35}.story-input-flavors{display:grid;gap:12px}.story-input-flavors-header{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:baseline;justify-content:space-between}.story-input-flavors-header span{color:#00f5ffd1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.story-input-flavors-header p{margin:0;color:#e1f0ff80;font-size:.78rem}.story-input-flavor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:10px}.story-input-flavor{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;min-height:72px;padding:12px;color:#ebf7ffc7;text-align:left;background:#02050b8a;border:1px solid rgba(0,245,255,.16);border-radius:14px;cursor:pointer;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.story-input-flavor:hover,.story-input-flavor.is-active{background:#00f5ff14;border-color:#00f5ff75;box-shadow:0 0 0 3px #00f5ff14;transform:translateY(-1px)}.story-input-flavor-swatch{width:34px;height:34px;border-radius:999px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.9),transparent 20%),radial-gradient(circle,rgba(0,245,255,.72),rgba(255,43,214,.22) 62%,transparent 72%);box-shadow:0 0 18px #00f5ff47}.story-input-flavor-anime-cel .story-input-flavor-swatch{background:radial-gradient(circle at 35% 30%,#fff,transparent 18%),radial-gradient(circle,rgba(255,231,113,.88),rgba(255,68,187,.4) 58%,transparent 72%)}.story-input-flavor-ink-brush .story-input-flavor-swatch{background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.16),transparent 16%),radial-gradient(circle,rgba(20,18,18,.96),rgba(0,0,0,.42) 64%,transparent 72%)}.story-input-flavor-storybook-watercolor .story-input-flavor-swatch{background:radial-gradient(circle at 36% 30%,rgba(255,255,255,.42),transparent 18%),radial-gradient(circle,rgba(255,184,126,.72),rgba(114,189,240,.32) 62%,transparent 74%);filter:blur(.8px)}.story-input-flavor-noir-comic .story-input-flavor-swatch{background:radial-gradient(circle at 42% 32%,rgba(255,255,255,.88),rgba(100,100,100,.42) 24%,rgba(0,0,0,.9) 58%,transparent 72%)}.story-input-flavor-neon-dream .story-input-flavor-swatch{background:radial-gradient(circle at 35% 30%,#fff,transparent 18%),radial-gradient(circle,rgba(0,245,255,.86),rgba(255,43,214,.38) 62%,transparent 75%);box-shadow:0 0 20px #00f5ff6b,0 0 34px #ff2bd638}.story-input-flavor-copy{display:grid;gap:3px}.story-input-flavor-copy strong{color:#f6fcfff5;font-size:.9rem}.story-input-flavor-copy span{color:#e1f0ff85;font-size:.74rem;line-height:1.25}.story-input-textarea{width:100%;min-height:220px;padding:18px 20px;color:#e7f4ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.96rem;line-height:1.55;letter-spacing:.005em;background:#02050bc7;border:1px solid rgba(0,245,255,.22);border-radius:14px;outline:none;resize:vertical;caret-color:#00f5ffe6;box-shadow:inset 0 0 18px #00f5ff0f;transition:border-color .16s ease,box-shadow .16s ease}.story-input-textarea::placeholder{color:#a0bed76b;font-style:italic}.story-input-textarea:focus{border-color:#00f5ff8c;box-shadow:inset 0 0 22px #00f5ff1f,0 0 0 4px #00f5ff1f}.story-input-samples{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.story-input-samples-label{color:#e1f0ff80;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.story-input-sample{padding:6px 12px;color:#00f5ffd1;font-size:.78rem;font-weight:600;letter-spacing:.02em;background:#00f5ff0f;border:1px solid rgba(0,245,255,.28);border-radius:999px;cursor:pointer;transition:background .14s ease,border-color .14s ease,transform .14s ease}.story-input-sample:hover{background:#00f5ff24;border-color:#00f5ff8c;transform:translateY(-1px)}.story-input-error{margin:0;color:#ffb1c4;font-size:.84rem}.story-input-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.story-input-link{color:#e1f0ff8c;font-size:.84rem;text-decoration:none;letter-spacing:.04em;transition:color .14s ease}.story-input-link:hover{color:#00f5ffe6}.story-input-submit{appearance:none;padding:12px 22px;color:#021015;font-size:.94rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(135deg,var(--blue),#b3f3ff);border:0;border-radius:999px;cursor:pointer;box-shadow:0 12px 32px #00f5ff59,inset 0 0 0 1px #fff6;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.story-input-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 36px #00f5ff73,inset 0 0 0 1px #ffffff80}.story-input-submit:disabled{opacity:.6;cursor:progress}.story-back-bar{position:relative;z-index:1;width:min(1120px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.story-back-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;color:#e1f0ffd9;font-size:.82rem;font-weight:600;letter-spacing:.04em;background:#03070f9e;border:1px solid rgba(0,245,255,.22);border-radius:999px;text-decoration:none;cursor:pointer;backdrop-filter:blur(12px);transition:border-color .14s ease,color .14s ease,transform .14s ease}.story-back-button:hover{color:#00f5fff2;border-color:#00f5ff8c;transform:translateY(-1px)}.story-back-button.is-quiet{background:transparent;border-color:#ffffff14;color:#e1f0ff8c}.story-mood-chip{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;width:min(720px,100%);margin-top:14px;padding:10px 14px;color:#e1f0ffb8;font-size:.78rem;letter-spacing:.04em;background:#03070f80;border:1px solid rgba(0,245,255,.16);border-radius:999px;backdrop-filter:blur(12px)}.story-mood-chip span{color:#e1f0ff80;font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.story-mood-chip button{padding:5px 10px;color:#00f5ffd6;font-size:.75rem;font-weight:700;background:#00f5ff0f;border:1px solid rgba(0,245,255,.22);border-radius:999px;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.story-mood-chip button:hover{color:#021015;background:#00f5ffc7;border-color:#00f5ffc7}.story-experience-card{width:min(1120px,100%);min-height:clamp(540px,80vh,760px)}.story-experience-card .stage-content{min-height:clamp(540px,80vh,760px)}.babylon-shell{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line);border-radius:34px;background:#030712;box-shadow:inset 0 0 60px #00f5ff1a,0 0 34px #ff2bd61f}.game-loading{display:grid;min-height:640px;place-items:center;padding:32px;text-align:center}.game-loading>div{width:min(420px,100%)}.bridge-shell{min-height:640px}.bridge-shell .babylon-canvas{height:640px}.bridge-empty{display:grid;min-height:640px;place-items:center;text-align:center;padding:32px}.bridge-hud{position:absolute;inset:0;z-index:4;pointer-events:none}.bridge-hud-header{position:absolute;top:18px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:8px;text-align:center}.bridge-hud-header .eyebrow{margin:0;opacity:.74}.bridge-equation-chip{display:inline-flex;align-items:baseline;gap:6px;padding:6px 14px;border:1px solid rgba(0,245,255,.34);border-radius:999px;background:#03000fa8;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700;letter-spacing:.02em;backdrop-filter:blur(18px)}.bridge-minus,.bridge-eq{color:var(--muted);font-weight:600}.bridge-answer{color:var(--muted);transition:color .2s ease,text-shadow .2s ease}.bridge-answer.revealed{color:var(--gold);text-shadow:0 0 14px rgba(255,230,109,.6)}.bridge-hud-directive{position:absolute;top:90px;left:50%;transform:translate(-50%);display:grid;justify-items:center;gap:6px;text-align:center;pointer-events:none;max-width:min(720px,92vw)}.bridge-directive-text{margin:0;color:transparent;background:linear-gradient(110deg,#fff,var(--blue) 45%,var(--pink));background-clip:text;font-size:clamp(2.6rem,6vw,4.6rem);font-weight:800;letter-spacing:-.045em;line-height:1;text-shadow:0 0 36px rgba(0,245,255,.45);animation:bridgeDirectivePulse 2.6s ease-in-out infinite}@keyframes bridgeDirectivePulse{0%,to{filter:drop-shadow(0 0 14px rgba(255,43,214,0))}50%{filter:drop-shadow(0 0 22px rgba(255,43,214,.45))}}.bridge-directive-sub{margin:0;color:var(--text);font-size:.95rem;letter-spacing:-.005em;opacity:.86}.bridge-hud-tracker{position:absolute;top:clamp(190px,26vh,230px);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border:1px solid rgba(0,245,255,.3);border-radius:999px;background:#03000fa8;box-shadow:inset 0 0 24px #00f5ff14;backdrop-filter:blur(18px);font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:700}.bridge-tracker-label{color:var(--muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.bridge-tracker-flow{display:inline-flex;align-items:center;gap:8px}.bridge-tracker-source{color:var(--gold);text-shadow:0 0 14px rgba(255,230,109,.5)}.bridge-tracker-arrow,.bridge-tracker-plus{color:var(--muted);opacity:.8}.bridge-tracker-step{display:inline-grid;place-items:center;width:30px;height:30px;border:1px dashed rgba(0,245,255,.46);border-radius:9px;color:var(--muted);background:#00f5ff0a;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.bridge-tracker-step.filled{color:var(--text);border-style:solid;border-color:var(--blue);background:linear-gradient(135deg,#00f5ff2e,#ff2bd629);box-shadow:0 0 16px #00f5ff6b}.bridge-hud-feedback{position:absolute;bottom:92px;left:50%;transform:translate(-50%) translateY(8px);padding:12px 22px;border:1px solid var(--line);border-radius:999px;background:#03000fc7;color:var(--text);font-size:.92rem;letter-spacing:-.005em;backdrop-filter:blur(18px);opacity:0;transition:opacity .2s ease,transform .24s ease,color .2s;pointer-events:none;white-space:nowrap}.bridge-hud-feedback.show{opacity:1;transform:translate(-50%) translateY(0)}.bridge-hud-feedback.wrong{color:var(--rose);border-color:#ff386475;box-shadow:0 0 22px #ff386438}.bridge-hud-feedback.good{color:var(--green);border-color:#39ff1475;box-shadow:0 0 22px #39ff1438}.bridge-hud-progress{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;gap:8px}.bridge-hud-progress span{width:8px;height:8px;border-radius:999px;background:#00f5ff29;border:1px solid rgba(0,245,255,.32);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.bridge-hud-progress span.active{background:var(--blue);box-shadow:0 0 14px var(--blue);transform:scale(1.25)}.bridge-hud-progress span.complete{background:var(--green);border-color:#39ff1499;box-shadow:0 0 12px #39ff14b3}@media(max-width:720px){.bridge-shell{min-height:100svh}.bridge-shell .babylon-canvas{height:100svh}.bridge-hud-header{top:14px}.bridge-hud-directive{top:78px}.bridge-directive-text{font-size:clamp(2.2rem,9vw,3rem)}.bridge-directive-sub{font-size:.86rem;padding:0 12px}.bridge-hud-tracker{top:196px;font-size:.82rem;padding:8px 14px;gap:8px}.bridge-tracker-label{display:none}.bridge-hud-feedback{bottom:110px;max-width:calc(100vw - 32px);white-space:normal;text-align:center}.bridge-hud-progress{bottom:36px}}.babylon-canvas{display:block;width:100%;height:560px;outline:none;touch-action:none}@keyframes progressPulse{0%,to{transform:translate(-12%)}50%{transform:translate(30%)}}@keyframes storyCinematicIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes scanBridgeSpin{to{transform:rotate(360deg)}}@keyframes scanBridgeSweep{0%{left:-12%;opacity:0}18%,70%{opacity:1}to{left:112%;opacity:0}}@keyframes scanBridgeProgress{0%{transform:translate(-110%)}50%{transform:translate(78%)}to{transform:translate(230%)}}@keyframes scanWarpBeam{0%{opacity:0;transform:rotate(var(--beam-angle)) translate(4%) scaleX(.08)}18%{opacity:.92}to{opacity:0;transform:rotate(var(--beam-angle)) translate(118%) scaleX(1.42)}}@keyframes scanWarpSpin{to{transform:rotate(360deg)}}@keyframes storyLineCycle{0%{transform:translateY(14px);opacity:0;filter:blur(6px)}12%,78%{transform:translateY(0);opacity:1;filter:blur(0)}to{transform:translateY(-12px);opacity:0;filter:blur(4px)}}@keyframes storyLineManualIn{0%{transform:translateY(12px);opacity:0;filter:blur(5px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes storyGlitterHalo{0%{opacity:0;transform:scale(.86) rotate(-3deg)}18%{opacity:.9}to{opacity:0;transform:scale(1.12) rotate(5deg)}}@keyframes storyGlitterParticle{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}25%{opacity:1}to{opacity:0;transform:translate(-50%,calc(-50% - 34px)) scale(1.25)}}@keyframes letterboxIn{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@media(max-width:900px){.upload-layout{grid-template-columns:1fr}.experience-controls{top:12px;right:12px;flex-wrap:wrap;justify-content:flex-end}.stage-content,.experience-card,.digitize-stage{min-height:100svh}.game-concept-card{top:auto;bottom:84px;left:12px;width:calc(100% - 24px);max-height:42svh;padding:14px}.game-concept-fields{grid-template-columns:1fr}}.gallery-button{position:fixed;top:22px;right:22px;z-index:60;display:inline-flex;align-items:center;gap:8px;padding:9px 14px 9px 12px;border:1px solid var(--line);border-radius:999px;background:#03000fa8;color:var(--text);font-family:inherit;font-size:.82rem;font-weight:600;letter-spacing:.02em;cursor:pointer;backdrop-filter:blur(20px);box-shadow:0 14px 40px #00000080,inset 0 0 12px #00f5ff14;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.gallery-button:hover{transform:translateY(-1px);border-color:var(--blue);color:var(--blue);box-shadow:0 18px 48px #0000008c,0 0 28px #00f5ff66}.gallery-button.open{border-color:var(--pink);color:var(--pink);box-shadow:0 0 26px #ff2bd673}.gallery-button-label{font-weight:600}.gallery-button-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,var(--blue),var(--pink));color:#050018;font-size:.68rem;font-weight:800;letter-spacing:0;box-shadow:0 0 14px #00f5ff8c}.gallery-scrim{position:fixed;inset:0;z-index:55;background:#02000c8c;backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .22s ease}.gallery-scrim.open{opacity:1;pointer-events:auto}.gallery-panel{position:fixed;top:0;right:0;bottom:0;z-index:58;width:min(420px,92vw);display:flex;flex-direction:column;border-left:1px solid var(--line);background:linear-gradient(180deg,#08041ef0,#03000ff5);box-shadow:-32px 0 80px #00000094;backdrop-filter:blur(28px);transform:translate(100%);transition:transform .32s cubic-bezier(.22,1,.36,1)}.gallery-panel.open{transform:translate(0)}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 16px;border-bottom:1px solid var(--line)}.gallery-header h2{margin:4px 0 0;font-size:1.5rem;letter-spacing:-.02em;background:linear-gradient(110deg,#fff,var(--blue));background-clip:text;color:transparent}.gallery-header .eyebrow{margin:0}.gallery-close{width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:#03000f99;color:var(--text);font-size:1.4rem;line-height:1;cursor:pointer;transition:border-color .16s,color .16s}.gallery-close:hover{color:var(--pink);border-color:var(--pink)}.gallery-list{flex:1;overflow-y:auto;padding:18px 18px 8px;display:flex;flex-direction:column;gap:12px}.gallery-empty{margin:24px 12px;color:var(--muted);font-size:.92rem;text-align:center}.gallery-card{display:grid;grid-template-columns:88px 1fr auto;gap:14px;align-items:center;width:100%;padding:12px;border:1px solid var(--line);border-radius:18px;background:#080618a8;color:var(--text);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.gallery-card:hover{transform:translateY(-1px);border-color:var(--blue);background:#00f5ff0f;box-shadow:0 0 22px #00f5ff2e}.gallery-thumb{width:88px;height:88px;border-radius:12px;overflow:hidden;border:1px solid rgba(0,245,255,.24);background:linear-gradient(135deg,#00f5ff1f,#ff2bd61f);display:grid;place-items:center}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.06) saturate(1.1)}.gallery-thumb-pdf{font-weight:800;font-size:.95rem;letter-spacing:.18em;color:var(--blue);text-shadow:0 0 12px rgba(0,245,255,.5)}.gallery-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.gallery-meta strong{font-size:.95rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-meta small{color:var(--muted);font-size:.74rem}.gallery-date{color:var(--blue)!important;letter-spacing:.04em}.gallery-card-arrow{color:var(--muted);transition:color .16s,transform .16s}.gallery-card:hover .gallery-card-arrow{color:var(--blue);transform:translate(2px,-2px)}.gallery-footer{padding:14px 22px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:.74rem;letter-spacing:.02em}.gallery-footer code{padding:2px 6px;border-radius:6px;background:#00f5ff14;border:1px solid rgba(0,245,255,.24);color:var(--blue);font-size:.78rem}@media(max-width:720px){.gallery-button{top:14px;right:14px;padding:8px 12px 8px 10px}.gallery-button-label{display:none}.gallery-panel{width:100vw}}.paper-backplate{position:relative;display:block;width:100%;height:100%;border-radius:24px;overflow:hidden;box-shadow:0 0 36px #00f5ff52,0 0 110px #ff2bd638,inset 0 0 50px #00f5ff1f;background:#050014c7;isolation:isolate}.paper-backplate-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.paper-backplate-img.base{z-index:2}.paper-backplate-img.ca-r{z-index:1;mix-blend-mode:screen;filter:hue-rotate(-12deg) saturate(1.4);opacity:.55}.paper-backplate-img.ca-b{z-index:1;mix-blend-mode:screen;filter:hue-rotate(150deg) saturate(1.6);opacity:.55}.paper-backplate-grain{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 5px)}.paper-backplate-mock{position:absolute;inset:0;z-index:2;display:grid;align-content:center;justify-items:center;gap:12px;padding:32px;text-align:center;color:#f8fbffd9;font-family:inherit}.paper-backplate-mock span{display:block;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);opacity:.7}.paper-backplate-mock .paper-line{width:70%;height:6px;border-radius:4px;background:linear-gradient(90deg,#00f5ff52,#ff2bd62e)}.paper-backplate-mock .paper-line.wide{width:86%}.paper-backplate-mock .paper-line.short{width:48%}.paper-backplate-mock .paper-equation{font-family:ui-monospace,SFMono-Regular,monospace;font-size:1.4rem;color:var(--gold);text-shadow:0 0 12px rgba(255,230,109,.4)}.transition-stage{position:relative;display:grid;width:100%;min-height:690px;place-items:center;overflow:hidden;isolation:isolate;perspective:1200px}.transition-picker{position:fixed;bottom:22px;left:22px;z-index:60;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#03000fc7;color:var(--text);font-family:inherit;font-size:.8rem;font-weight:600;letter-spacing:.02em;backdrop-filter:blur(20px);box-shadow:0 14px 40px #00000080,inset 0 0 12px #00f5ff14}.transition-picker select{appearance:none;-webkit-appearance:none;background:#00f5ff0f;color:var(--text);font:inherit;font-weight:600;border:1px solid rgba(0,245,255,.32);border-radius:999px;padding:5px 26px 5px 12px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--blue) 50%),linear-gradient(135deg,var(--blue) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.transition-picker select:focus{outline:none;border-color:var(--pink)}.transition-picker option{background:#060020;color:var(--text)}.transition-picker .picker-divider{width:1px;height:18px;background:#00f5ff38}.transition-picker .picker-duration{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.72rem;letter-spacing:.04em}.transition-picker input[type=range]{width:100px;accent-color:var(--blue)}.transition-picker .picker-replay,.transition-picker .picker-reduced{appearance:none;border:1px solid rgba(0,245,255,.32);background:#00f5ff0f;color:var(--text);font:inherit;font-weight:600;font-size:.74rem;letter-spacing:.06em;padding:5px 10px;border-radius:999px;cursor:pointer;transition:border-color .16s,color .16s,background .16s}.transition-picker .picker-replay:hover,.transition-picker .picker-reduced:hover{border-color:var(--pink);color:var(--pink)}.transition-picker .picker-reduced.active{background:#ff2bd624;color:var(--pink);border-color:var(--pink)}.transition-picker .picker-fps{display:inline-grid;place-items:center;min-width:52px;padding:4px 10px;border-radius:999px;border:1px solid rgba(57,255,20,.42);background:#39ff1414;color:var(--green);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700;letter-spacing:.04em}.transition-picker .picker-fps.warn{border-color:#ffe66d6b;background:#ffe66d14;color:var(--gold)}.transition-picker .picker-fps.bad{border-color:#ff38646b;background:#ff386414;color:var(--rose)}@media(max-width:720px){.transition-picker{bottom:14px;left:14px;flex-wrap:wrap;max-width:calc(100vw - 28px)}.transition-picker .picker-divider{display:none}.transition-picker input[type=range]{width:70px}}.transition-copy{position:absolute;right:40px;bottom:36px;left:40px;z-index:10;display:grid;justify-items:center;text-align:center;pointer-events:none}.transition-copy h2{max-width:760px;margin:0;color:transparent;background:linear-gradient(110deg,#fff,var(--blue),var(--pink));background-clip:text;font-size:clamp(2rem,5vw,4rem);line-height:.95;letter-spacing:-.06em;text-shadow:0 0 30px rgba(0,245,255,.28)}@media(max-width:720px){.transition-stage{min-height:100svh}.transition-copy{right:18px;bottom:84px;left:18px}}.portal-surface .upload-side-link{display:none}.portal-surface .experience-card:has(.transition-stage){background:transparent;border-color:transparent;box-shadow:none}.portal-surface .experience-card:has(.transition-stage):before{display:none}body .portal-surface .transition-stage{padding-bottom:clamp(190px,24vh,260px)}@media(max-width:720px){body .portal-surface .transition-stage{padding-bottom:clamp(220px,32vh,300px)}}body .portal-surface .scan-bridge-status{position:absolute;inset:0;z-index:30;width:auto;border:none;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:120px 28px clamp(190px,24vh,260px);animation:scanBridgeFadeIn .42s ease both}@keyframes scanBridgeFadeIn{0%{opacity:0}to{opacity:1}}body .portal-surface .scan-bridge-window{width:min(320px,80%);aspect-ratio:3 / 4;border:none;border-radius:0;background:transparent;background-size:auto;box-shadow:none;overflow:visible}body .portal-surface .scan-bridge-window:before{display:none}body .portal-surface .scan-bridge-window>span{display:none}body .portal-surface .scan-bridge-window:after{content:"";position:absolute;left:-2%;right:-2%;top:-22%;height:22%;z-index:3;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgb(var(--portal-accent-rgb) / 0) 18%,var(--scanner-scan-primary) 50%,var(--scanner-scan-secondary) 62%,transparent 100%);mix-blend-mode:screen;filter:drop-shadow(0 0 14px rgb(var(--portal-accent-rgb) / .6));animation:scannerScanSweep 3.4s ease-in-out infinite}body .portal-surface .scanner-subject{inset:0;border-radius:0;overflow:visible;filter:drop-shadow(0 18px 40px rgba(0,0,0,.45)) drop-shadow(0 0 26px var(--scanner-window-glow))}body .portal-surface .scanner-pixels{position:absolute;inset:0;pointer-events:none;z-index:1}body .portal-surface .scanner-pixels span{display:block;position:absolute;background-repeat:no-repeat;box-sizing:border-box;box-shadow:inset 0 0 0 .5px var(--scanner-tile-shadow);filter:contrast(1.05) saturate(1.05);animation:scannerPixelJitter 7.2s steps(1) infinite var(--jitter-delay, 0ms);will-change:transform}body .portal-surface .scanner-subject-alchemy .scanner-pixels span{filter:brightness(1.06) saturate(1.3) hue-rotate(-22deg);box-shadow:inset 0 0 0 .5px var(--scanner-tile-alchemy-shadow)}@keyframes scannerPixelJitter{0%,92%,to{transform:translate(0)}93%{transform:translate(1px)}94%{transform:translate(-1px,1px)}95%{transform:translateY(-1px)}96%{transform:translate(0)}}@keyframes scannerScanSweep{0%{top:-28%;opacity:0}8%{opacity:.95}92%{opacity:.85}to{top:100%;opacity:0}}.portal-surface .portal-close-button{position:fixed;top:22px;right:22px;z-index:80;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:999px;background:#03000fa8;color:var(--text);font-family:inherit;font-size:20px;font-weight:600;line-height:1;letter-spacing:0;cursor:pointer;backdrop-filter:blur(20px);box-shadow:0 14px 40px #00000080,inset 0 0 12px #00f5ff14;transition:transform .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.portal-surface .portal-close-button:hover,.portal-surface .portal-close-button:focus-visible{transform:translateY(-1px);outline:none;border-color:var(--pink);color:var(--pink);box-shadow:0 18px 48px #0000008c,0 0 24px #ff2bd666}.portal-surface .gallery-button{right:74px}@media(max-width:720px){.portal-surface .portal-close-button{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:40px;height:40px;font-size:18px;-webkit-tap-highlight-color:transparent}.portal-surface .gallery-button{right:calc(max(12px,env(safe-area-inset-right)) + 52px);-webkit-tap-highlight-color:transparent}.portal-surface .experience-card{border-radius:0;border-left:0;border-right:0}.portal-surface .stage-content:has(.begin-gate),.portal-surface .experience-card:has(.begin-gate) .stage-content{align-items:start;overflow-y:auto;-webkit-overflow-scrolling:touch}.portal-surface .begin-gate{gap:16px;padding:24px 16px max(48px,env(safe-area-inset-bottom));width:100%}.portal-surface .begin-gate-stage{width:min(280px,70vmin);max-height:46svh}.portal-surface .begin-gate-copy h2{font-size:clamp(20px,5vw,26px)}.portal-surface .begin-gate-copy p{font-size:13px}.portal-surface .begin-gate-advanced-toggle,.portal-surface .begin-gate-story-field{width:100%;min-width:0}.portal-surface .begin-gate-story-field textarea{font-size:16px;min-height:96px}.portal-surface .begin-gate-actions{width:100%;flex-direction:column-reverse;gap:10px}.portal-surface .begin-gate-start,.portal-surface .begin-gate-cancel{width:100%;padding:13px 22px}.portal-surface .digitize-stage{padding-bottom:max(0px,env(safe-area-inset-bottom))}.portal-surface .pulverize-document,.portal-surface .pulverize-source-page{width:min(260px,72vmin)}.portal-surface .scan-bridge-status{padding:100px 14px clamp(220px,32vh,300px);gap:10px}body .portal-surface .scan-bridge-window{width:min(260px,72vmin)}.portal-surface .scan-bridge-status p:not(.eyebrow){font-size:13px;line-height:1.5}.portal-surface .story-cover-card{padding:18px 14px;gap:14px;border-radius:20px}.portal-surface .transition-picker{display:none}.portal-surface .compact-shell{width:100%;padding:0;margin:0}.portal-surface .upload-only-shell{padding-top:max(48px,calc(env(safe-area-inset-top) + 24px));padding-bottom:max(48px,calc(env(safe-area-inset-bottom) + 24px))}.portal-surface .upload-only-shell .experience-controls{top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));max-width:calc(100vw - max(72px,env(safe-area-inset-right) + 60px) - max(14px,env(safe-area-inset-left)))}.portal-surface .compact-shell .experience-controls{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:auto;flex-direction:column;align-items:flex-start;gap:6px}.portal-surface .compact-shell .story-settings-panel{left:0;right:auto;width:min(310px,calc(100vw - 24px))}.portal-surface .story-settings-panel{width:min(310px,calc(100vw - 24px))}.portal-surface{--portal-drawer-foot: max(14px, calc(env(safe-area-inset-bottom) + 10px) );--portal-drawer-cta: 50px;--portal-drawer-controls: 44px;--portal-drawer-gap: 8px}.portal-surface .story-skip-status{position:absolute;left:14px;right:14px;bottom:var(--portal-drawer-foot);display:grid;place-items:stretch;z-index:18}.portal-surface .story-skip-button{width:100%;min-width:0;padding:14px 18px;font-size:.78rem;letter-spacing:.18em}.portal-surface .story-game-spinner{margin:0 auto;width:36px;height:36px}.portal-surface .story-chapter-controls{left:14px;right:14px;bottom:calc(var(--portal-drawer-foot) + var(--portal-drawer-cta) + var(--portal-drawer-gap));transform:none;width:auto;flex-wrap:nowrap;justify-content:space-between;gap:6px}.portal-surface .story-chapter-button,.portal-surface .story-chapter-count{flex:1 1 0;min-height:40px;padding:8px 6px;font-size:.62rem;letter-spacing:.06em}.portal-surface .story-chapter-count{flex:0 1 auto;min-width:48px;padding:8px 12px}.portal-surface .story-chapter-auto{flex:0 1 auto;min-width:56px}.portal-surface .story-dialog{left:0;right:0;bottom:calc(var(--portal-drawer-foot) + var(--portal-drawer-cta) + var(--portal-drawer-gap) + var(--portal-drawer-controls) + var(--portal-drawer-gap));min-height:0;max-height:26svh;padding:12px 16px;align-items:flex-start;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(0deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.55) 60%,rgba(0,0,0,.18) 90%,transparent 100%);pointer-events:auto;scrollbar-width:none}.portal-surface .story-dialog::-webkit-scrollbar{display:none}.portal-surface .story-line{font-size:clamp(15px,4.4vw,19px);line-height:1.42;font-weight:600;text-align:left;max-width:100%}.portal-surface .story-letterbox{height:clamp(8px,2vh,18px)}.portal-surface .ai-sketch-stage{padding:clamp(12px,3vh,24px);padding-bottom:calc(var(--portal-drawer-foot) + var(--portal-drawer-cta) + var(--portal-drawer-controls) + var(--portal-drawer-gap) * 2 + 26svh + 16px)}.portal-surface .parallax-scene{bottom:calc(var(--portal-drawer-foot) + var(--portal-drawer-cta) + var(--portal-drawer-controls) + var(--portal-drawer-gap) * 2 + 26svh + 8px)}.portal-surface .story-vignette{background:radial-gradient(130% 90% at 50% 36%,transparent 50%,rgba(0,0,0,.32) 96%)}.portal-surface .gallery-panel{width:100vw;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.portal-surface .gallery-header{padding:16px 18px 12px}.portal-surface .gallery-list{padding:14px 14px 12px}.portal-surface .gallery-close{width:40px;height:40px;-webkit-tap-highlight-color:transparent}.portal-surface .gallery-button{min-width:40px;min-height:40px;padding:9px 11px}.portal-surface .transition-copy h2{font-size:clamp(1.4rem,6.5vw,2.4rem)}.portal-surface .transition-copy{bottom:max(72px,calc(env(safe-area-inset-bottom) + 56px))}}@media(max-width:480px){.portal-surface .begin-gate{padding:18px 12px max(40px,env(safe-area-inset-bottom))}.portal-surface .begin-gate-stage{width:min(240px,64vmin)}.portal-surface .begin-gate-copy h2{font-size:clamp(18px,5.4vw,22px)}.portal-surface .pulverize-document,.portal-surface .pulverize-source-page,body .portal-surface .scan-bridge-window{width:min(220px,64vmin)}body .portal-surface .transition-stage{padding-bottom:clamp(180px,28vh,240px)}.portal-surface .scan-bridge-status{padding:100px 14px clamp(180px,28vh,240px)}.portal-surface .story-chapter-button,.portal-surface .story-chapter-count{padding:7px 4px;font-size:.58rem;letter-spacing:.04em;min-height:38px}.portal-surface .story-chapter-count{min-width:42px;padding:7px 8px}.portal-surface .story-dialog{max-height:22svh}}@media(max-height:520px)and (orientation:landscape){body .portal-surface .transition-stage{padding-bottom:clamp(110px,20vh,160px)}.portal-surface .scan-bridge-status{padding:60px 14px clamp(110px,20vh,160px)}.portal-surface .pulverize-document,.portal-surface .pulverize-source-page,body .portal-surface .scan-bridge-window{width:min(40vh,240px);max-height:70svh}.portal-surface .transition-copy h2{font-size:clamp(1.2rem,3.6vw,1.8rem)}.portal-surface .transition-copy{bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px))}.portal-surface .begin-gate{gap:12px;padding:12px 16px max(20px,env(safe-area-inset-bottom))}.portal-surface .begin-gate-stage{width:min(220px,60svh);max-height:70svh}.portal-surface .begin-gate-copy h2{font-size:clamp(16px,4.4vh,22px)}.portal-surface .begin-gate-copy p{font-size:12px;line-height:1.4}.portal-surface{--portal-drawer-cta: 42px;--portal-drawer-controls: 38px;--portal-drawer-gap: 6px}.portal-surface .story-dialog{max-height:30svh;padding:8px 14px}.portal-surface .story-line{font-size:clamp(14px,3.2vh,18px)}.portal-surface .story-skip-button{padding:10px 16px;font-size:.72rem}.portal-surface .story-chapter-button,.portal-surface .story-chapter-count{min-height:36px;padding:6px 8px;font-size:.62rem}}.portal-flavor-quest .gallery-button{background:#100a03b8;box-shadow:0 14px 40px #00000080,inset 0 0 12px #ffd84d1a}.portal-flavor-quest .gallery-button:hover{box-shadow:0 18px 48px #0000008c,0 0 28px #ffb42859}.portal-flavor-quest .gallery-button.open{box-shadow:0 0 26px #ff9d3566}.portal-flavor-quest .gallery-button-count{background:linear-gradient(135deg,var(--gold),var(--pink));color:#1a0e03;box-shadow:0 0 14px #ffc83c73}.portal-flavor-quest .gallery-scrim{background:#0a060299}.portal-flavor-quest .gallery-panel{background:linear-gradient(180deg,#160e05f2,#0c0802f7);box-shadow:-32px 0 80px #0009}.portal-flavor-quest .gallery-header h2{background:linear-gradient(110deg,#fff8dc,var(--gold));background-clip:text;color:transparent}.portal-flavor-quest .gallery-close{background:#100a03a6}.portal-flavor-quest .gallery-card{background:#181006b3}.portal-flavor-quest .gallery-card:hover{border-color:var(--gold);background:#ffd84d12;box-shadow:0 0 22px #ffc83c33}.portal-flavor-quest .gallery-thumb{border:1px solid rgba(255,216,77,.28);background:linear-gradient(135deg,#ffd84d1a,#b478281f)}.portal-flavor-quest .gallery-thumb-pdf{text-shadow:0 0 12px rgba(255,200,60,.5)}.portal-flavor-quest .gallery-footer code{background:#ffd84d14;border:1px solid rgba(255,216,77,.22)}.portal-surface.portal-flavor-quest .portal-close-button{background:#100a03b8;box-shadow:0 14px 40px #00000080,inset 0 0 12px #ffd84d14}.portal-surface.portal-flavor-quest .portal-close-button:hover,.portal-surface.portal-flavor-quest .portal-close-button:focus-visible{box-shadow:0 18px 48px #0000008c,0 0 24px #ff9d3559}.portal-flavor-quest .scanner-pixels span{animation-name:questPixelShimmer!important;animation-duration:4.8s!important;animation-timing-function:ease-in-out!important}@keyframes questPixelShimmer{0%,to{transform:none;filter:contrast(1.05) saturate(1.05) brightness(1)}18%{transform:none;filter:contrast(1.05) saturate(1.12) brightness(1.08)}36%{transform:none;filter:contrast(1.04) saturate(1.06) brightness(.97)}54%{transform:none;filter:contrast(1.06) saturate(1.18) brightness(1.12) hue-rotate(-6deg)}72%{transform:none;filter:contrast(1.05) saturate(1.08) brightness(1.02)}88%{transform:none;filter:contrast(1.04) saturate(1.14) brightness(.95) hue-rotate(3deg)}}.portal-flavor-quest .scanner-subject-alchemy .scanner-pixels span{animation-name:questPixelEmber!important;animation-duration:3.6s!important}@keyframes questPixelEmber{0%,to{transform:none;filter:brightness(1.06) saturate(1.3) hue-rotate(-22deg)}25%{transform:none;filter:brightness(1.18) saturate(1.5) hue-rotate(-28deg)}50%{transform:none;filter:brightness(1.04) saturate(1.25) hue-rotate(-16deg)}75%{transform:none;filter:brightness(1.14) saturate(1.42) hue-rotate(-32deg)}}.portal-flavor-quest .scan-bridge-window:after{mix-blend-mode:soft-light}