@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&family=Orbitron:wght@500;600;700;800;900&display=swap";:root{--bg-0: #f2f6ff;--ink-0: #111932;--ink-1: #2f3d69;--line: rgba(13, 33, 92, .12);--card: rgba(255, 255, 255, .72);--brand: #2358f7;--brand-2: #0ea5d7;--accent: #0b8cd7;--tauri-ui-font: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--ink-0);font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;background-color:#eaf3ff;background-image:radial-gradient(138% 90% at 50% -10%,#d4e4ff94,#d4e4ff00 72%),linear-gradient(180deg,#edf4ff,#ebf3ff 52%,#e9f2fd);background-repeat:no-repeat;background-size:cover;background-position:center top,center top;background-attachment:fixed}.page{position:relative;isolation:isolate;min-height:100%;padding:22px clamp(16px,3vw,42px) 30px}.page>:not(.vapor-floor-bg){position:relative;z-index:1}.vapor-floor-bg{position:absolute;inset:auto 0 0;left:0;right:0;bottom:0;height:34vh;min-height:220px;overflow:hidden;pointer-events:none;z-index:0;background:linear-gradient(180deg,#f0f9ff0d,#d1e6fb3d 40%,#b1d0ee8a),radial-gradient(68vw 24vh at 50% 100%,#bfdcf594,#bfdcf500)}.vapor-floor-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f1f9ff0a,#f1f9ff00)}.vapor-floor-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:1}.nav{max-width:1200px;margin:0 auto 26px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.03em;font-weight:700;text-decoration:none}.brand-logo{width:36px;height:38px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(41,85,184,.28)) saturate(1.08) contrast(1.04)}.brand-text{font-family:Orbitron,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:1.24rem;letter-spacing:.08em;color:#18264a}.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}main{max-width:1200px;margin:0 auto}.hero{position:relative;overflow:hidden;border:none;border-radius:26px;padding:clamp(20px,5vw,54px);background:radial-gradient(136% 118% at 50% 34%,#ffffffe6,#fafeffa3 44%,#eef8ff38 76%,#e7f3ff00),linear-gradient(180deg,#ffffff2e,#f1f8ff08);box-shadow:0 14px 34px #24418008}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(126% 118% at 50% 50%,#fff0 56%,#e4f1ff24)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(to top,#cde3ff57,#cde3ff29,#cde3ff0d 56%,#cde3ff00) left bottom / 1.25px 100% no-repeat,linear-gradient(to top,#cde3ff57,#cde3ff29,#cde3ff0d 56%,#cde3ff00) right bottom / 1.25px 100% no-repeat,linear-gradient(to top,#d6e9ff80,#d6e9ff42 52%,#d6e9ff00) center bottom / calc(100% - 24px) 2px no-repeat,radial-gradient(120% 46% at 50% 102%,#b0d5ff3d,#b0d5ff00 72%)}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.1em;font-size:.77rem;color:var(--accent);font-weight:600}.hero-title{margin:0;font-family:Orbitron,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.86rem,4.4vw,4.2rem);line-height:.95;letter-spacing:-.02em;max-width:min(100%,24.5ch);min-height:2.02em;position:relative}.hero-title-ghost{color:transparent;-webkit-user-select:none;user-select:none;display:grid;grid-template-rows:repeat(2,minmax(0,auto));row-gap:.04em}.hero-title-live{position:absolute;top:0;right:0;bottom:0;left:0;max-width:100%;color:var(--ink-0);display:grid;grid-template-rows:repeat(2,minmax(0,auto));row-gap:.04em;pointer-events:none}.hero-title-line{display:block;white-space:nowrap}.hero-title-line-second{min-height:1em}.hero-caret{display:inline-block;margin-left:.02em;color:#3b82f6;line-height:1;vertical-align:-.02em;animation:caretBlink 1s steps(1,end) infinite}.hero-caret.done{opacity:0;animation:none}.subcopy{margin:18px 0 0;color:var(--ink-1);max-width:740px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}.primary-btn,.ghost-btn{border:0;font:inherit;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border-radius:999px;padding:12px 18px;transition:transform .18s ease,box-shadow .22s ease,border-color .22s ease}.primary-btn{color:#f8fbff;border:1px solid rgba(176,199,255,.45);background:linear-gradient(135deg,#1f2937,#223459 52%,#3b82f6);box-shadow:0 10px 24px #1d4ed847,inset 0 1px #fff3}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #1d4ed859,inset 0 1px #ffffff3d}.nav-primary-btn,.nav-ghost-btn{padding:9px 16px;font-size:.92rem;line-height:1}.nav-primary-btn{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(167,203,255,.55);background:linear-gradient(132deg,#172955,#23458f 48%,#3f87f8);box-shadow:0 10px 26px #1e48b057,0 0 0 1px #6da8ff3d,inset 0 1px #ffffff42;animation:ctaPulse 3.4s ease-in-out infinite}.nav-primary-btn:before{content:"";position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;background:radial-gradient(circle at 50% 100%,#78bbff73,#78bbff00);opacity:.35;pointer-events:none}.nav-primary-btn:after{content:"";position:absolute;top:-140%;left:-34%;width:34%;height:360%;transform:rotate(18deg);background:linear-gradient(90deg,#fff0,#ffffff57,#fff0);mix-blend-mode:screen;pointer-events:none;animation:ctaShimmer 5.8s cubic-bezier(.4,0,.2,1) infinite}.nav-primary-btn:hover{transform:translateY(-1px) scale(1.015);box-shadow:0 14px 30px #1e48b06b,0 0 0 1px #82b9ff47,inset 0 1px #ffffff52}.nav-primary-btn:focus-visible{outline:2px solid rgba(79,143,255,.72);outline-offset:2px}.ghost-btn{color:var(--ink-0);background:#ffffffb3;border:1px solid var(--line)}.scene-shell{margin-top:clamp(26px,4vw,44px)}.scene{--scene-bg: radial-gradient(90% 70% at 50% 0%, rgba(115, 174, 255, .85), rgba(56, 87, 162, .9) 68%, rgba(30, 42, 84, .96));--scene-shadow: 0 22px 38px rgba(7, 25, 77, .36);--scene-top-accent: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(208, 228, 255, .95), rgba(255, 255, 255, 0));--scene-titlebar-bg: rgba(31, 41, 55, .95);--scene-titlebar-border: #374151;--scene-titlebar-ink: #f3f4f6;--scene-menubar-bg: rgba(243, 244, 246, .95);--scene-menubar-border: #d1d5db;--scene-menubar-ink: #374151;--scene-menu-hover-bg: #e5e7eb;--scene-menu-hover-ink: #111827;--scene-search-bg: rgba(255, 255, 255, .97);--scene-search-border: #d1d5db;--scene-search-ink: #6b7280;--scene-progress-track: rgba(229, 231, 235, .72);--scene-progress-fill: linear-gradient(90deg, #3b82f6, #60a5fa);--scene-dock-bg: rgba(10, 22, 57, .52);--scene-dock-border: rgba(255, 255, 255, .2);position:relative;width:100%;min-height:min(660px,78vh);border-radius:18px;border:1px solid rgba(255,255,255,.45);overflow:hidden;background:var(--scene-bg);box-shadow:inset 0 1px #ffffff4d,var(--scene-shadow);opacity:.3;transform:scale(.985);transition:opacity .55s ease,transform .55s ease;will-change:opacity,transform}.scene-on{opacity:1;transform:scale(1)}.scene-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:28px 28px;mix-blend-mode:screen}.scene-top-accent{position:absolute;top:0;left:0;right:0;height:2px;background:var(--scene-top-accent);z-index:13;pointer-events:none}.scene-titlebar{position:absolute;top:0;left:0;right:0;height:40px;padding:0 14px 0 12px;display:flex;align-items:center;gap:12px;color:var(--scene-titlebar-ink);font-family:var(--tauri-ui-font);font-size:.875rem;font-weight:600;border-bottom:1px solid var(--scene-titlebar-border);background:var(--scene-titlebar-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:12}.traffic-lights{display:flex;align-items:center;gap:8px;padding-left:4px}.light{width:12px;height:12px;border-radius:999px;border:.5px solid rgba(0,0,0,.26);box-shadow:inset 0 .5px #ffffff42,0 0 0 .5px #ffffff14}.light.close{background:#ff5f57}.light.minimize{background:#ffbd2e}.light.maximize{background:#28c840}.title-track{display:flex;align-items:center;gap:6px;width:min(320px,65vw);min-width:0;overflow:hidden}.title-main{font-family:var(--tauri-ui-font);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--scene-titlebar-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.title-spacer{flex:1}.title-exit{border-radius:5px;border:1px solid rgba(255,255,255,.2);background:#ffffff0f;color:var(--scene-titlebar-ink);font-size:.6875rem;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.05em;padding:5px 8px}.scene-menubar{position:absolute;top:40px;left:0;right:0;height:34px;padding:0 12px;display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--scene-menubar-border);background:var(--scene-menubar-bg);color:var(--scene-menubar-ink);font-family:var(--tauri-ui-font);font-size:.875rem;font-weight:400;z-index:11}.menu-item{padding:4px 8px;border-radius:6px;font-size:.875rem;line-height:1}.menu-item:hover{background:var(--scene-menu-hover-bg);color:var(--scene-menu-hover-ink)}.menu-search{margin-left:10px;width:min(390px,54%);border-radius:999px;border:1px solid var(--scene-search-border);background:var(--scene-search-bg);color:var(--scene-search-ink);font-family:var(--tauri-ui-font);font-size:.75rem;line-height:1;padding:6px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-progress{position:absolute;top:74px;left:0;right:0;height:3px;background:var(--scene-progress-track);z-index:11}.scene-progress-fill{height:100%;width:0;background:var(--scene-progress-fill);transition:width 1.05s cubic-bezier(.22,.86,.28,1);border-radius:0 2px 2px 0;will-change:width}.scene-progress-fill-scroll{transition:width .08s linear}.scene-dock{position:absolute;left:50%;transform:translate(-50%,10px) scale(.985);bottom:10px;display:flex;gap:8px;padding:8px;border-radius:14px;background:var(--scene-dock-bg);border:1px solid var(--scene-dock-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .48s cubic-bezier(.22,.86,.28,1),transform .48s cubic-bezier(.22,.86,.28,1);z-index:10;will-change:opacity,transform}.scene-dock.show{opacity:1;transform:translate(-50%) scale(1)}.dock-item{width:36px;height:36px;border-radius:9px;background:linear-gradient(150deg,#d9e8ff,#9ec5ff);color:#1e4685;display:grid;place-items:center;transition:transform .25s ease,box-shadow .25s ease}.dock-item.active{transform:translateY(-3px);color:#16386d;background:linear-gradient(150deg,#f2fbff,#a9daff);box-shadow:0 0 0 2px #7ed6ffb3}.icon-field{position:absolute;top:96px;left:18px;right:18px;bottom:70px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:14px}.icon-tile{width:min(100%,92px);justify-self:start;color:#f2f6ff;font-size:.72rem;text-align:center;animation:iconIn .5s cubic-bezier(.22,1,.36,1) both;transition:transform .25s ease;will-change:transform,opacity}.icon-tile.active{transform:scale(1.06)}.icon-glyph{width:52px;height:52px;border-radius:12px;margin:0 auto 6px;background:linear-gradient(145deg,#d7f2ff,#9cd2ff 55%,#6eb4ff);color:#1a457f;box-shadow:0 10px 18px #0d21525c;display:grid;place-items:center;transition:transform .2s ease,box-shadow .2s ease;will-change:transform,box-shadow}.icon-tile.active .icon-glyph{transform:translateY(-1px);box-shadow:0 0 0 2px #80dcffbf,0 12px 18px #0d21525c}.icon-glyph.files{background:linear-gradient(145deg,#fff1c4,#ffd98f 58%,#ffbf70)}.icon-glyph.notes{background:linear-gradient(145deg,#fff4df,#ffdcb3 55%,#ffc49b)}.icon-glyph.browser{background:linear-gradient(145deg,#d9f6ff,#9fdfff 55%,#7ac8ff)}.icon-glyph.terminal{background:linear-gradient(145deg,#d6ffd9,#a7f0c9 52%,#88dbbc)}.icon-glyph.agents{background:linear-gradient(145deg,#efe8ff,#ccb8ff 55%,#b29cff)}.icon-glyph.memory{background:linear-gradient(145deg,#d8f9f4,#9be8d8 55%,#77d5bf)}.icon-glyph.settings{background:linear-gradient(145deg,#e8f0ff,#bcd4ff 56%,#9dbdff)}.icon-glyph.insights{background:linear-gradient(145deg,#ffe4dd,#ffbdb3 54%,#ff9e99)}.icon-svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-svg.compact{width:17px;height:17px}.cursor{position:absolute;width:34px;height:38px;transform:translate(-3px,-3px) scale(.95);opacity:0;pointer-events:none;transition:left var(--cursor-move-ms, .36s) cubic-bezier(.22,.86,.28,1),top var(--cursor-move-ms, .36s) cubic-bezier(.22,.86,.28,1),opacity .2s ease,transform .16s cubic-bezier(.22,.86,.28,1);z-index:20;will-change:left,top,opacity,transform;backface-visibility:hidden}.cursor.show{opacity:1;transform:translate(-3px,-3px) scale(1)}.cursor-arrow{position:absolute;left:0;top:0;width:24px;height:32px;overflow:visible;filter:drop-shadow(0 4px 8px rgba(2,8,23,.34))}.cursor-arrow-fill{fill:#1f2937}.cursor-arrow-stroke{fill:none;stroke:#e2e8f0e6;stroke-width:1.2;stroke-linejoin:round}.cursor-arrow-sheen{fill:#94a3b84d}.cursor-pulse{position:absolute;left:-1px;top:-1px;width:10px;height:10px;border-radius:999px;border:2px solid rgba(59,130,246,.78);background:#3b82f63d;opacity:0}.cursor.clicking{transform:translate(-3px,-3px) scale(.91)}.cursor.clicking .cursor-pulse{animation:cursorPulse .34s ease}.interaction-nudge{position:absolute;right:16px;bottom:84px;width:min(320px,calc(100% - 32px));border-radius:14px;border:1px solid rgba(147,197,253,.36);background:linear-gradient(160deg,#142140ed,#113476e6);box-shadow:0 16px 28px #07102b6b,inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:12px 12px 11px;z-index:23;animation:nudgeIn .42s cubic-bezier(.16,.84,.22,1) both;display:flex;flex-direction:column}.interaction-nudge p{margin:0 0 12px;color:#e8efff;font-family:var(--tauri-ui-font);font-size:.76rem;line-height:1.4}.interaction-nudge-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(167,203,255,.45);padding:7px 12px;color:#f5f9ff;text-decoration:none;font-family:var(--tauri-ui-font);font-size:.74rem;font-weight:600;line-height:1;background:linear-gradient(135deg,#1f4fc0,#3b82f6);box-shadow:0 8px 16px #1e4ebe4d;transition:transform .18s ease,box-shadow .2s ease;margin-left:auto}.interaction-nudge-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #1e4ebe61}.scroll-story{margin-top:clamp(38px,7vw,92px);--scroll-story-track-length: clamp(1450px, 280vh, 2800px);--scroll-story-panel-height: clamp(430px, 44vw, 520px)}.scroll-story-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:clamp(18px,3vw,44px);align-items:start}.scroll-story-stage-column{position:relative;min-height:var(--scroll-story-track-length)}.scroll-story-stage{position:sticky;top:84px}.scroll-story-motion{transform:none}.story-scene{position:relative;width:100%;min-height:clamp(430px,44vw,520px);border-radius:20px;overflow:hidden;border:1px solid rgba(225,236,252,.62);background:var(--scene-bg);box-shadow:inset 0 1px #ffffffc7,var(--scene-shadow);isolation:isolate}.story-scene-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(43,67,124,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(43,67,124,.03) 1px,transparent 1px);background-size:22px 22px;mix-blend-mode:multiply;opacity:.35}.story-scene-top-accent{position:absolute;top:0;left:0;right:0;height:2px;background:var(--scene-top-accent);z-index:6}.story-demo-stack{position:absolute;left:0;right:0;top:77px;bottom:0;border-radius:0;overflow:hidden;isolation:isolate;z-index:5}.story-demo-layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .42s cubic-bezier(.22,.86,.28,1);pointer-events:none}.story-demo-layer.is-active{pointer-events:auto}.story-demo-search{background:linear-gradient(180deg,#fff,#f7faff);color:#1e2d4e}.story-search-surface{height:100%;width:100%;display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px}.story-search-header{display:flex;align-items:center;justify-content:center;gap:10px;font-family:Orbitron,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.035em;color:#15305e}.story-search-header img{width:24px;height:26px;object-fit:contain}.story-search-box{display:flex;align-items:center;gap:10px;border-radius:999px;border:1px solid rgba(191,204,228,.94);background:#fff;min-height:44px;width:min(780px,100%);margin:0 auto;padding:0 8px 0 14px;box-shadow:0 4px 11px #12306b14,inset 0 1px #ffffffb8}.story-search-query{flex:1;min-width:0;font-size:.77rem;color:#3d4f73;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-search-cta{border-radius:999px;background:#f1f4fb;color:#2c426e;border:1px solid rgba(182,198,226,.88);font-size:.68rem;font-weight:600;line-height:1;padding:8px 11px}.story-search-tabs{width:min(780px,100%);margin:0 auto;display:flex;align-items:center;gap:12px;padding:0 4px;border-bottom:1px solid rgba(209,218,236,.78);color:#5f7095;font-size:.71rem;font-weight:500}.story-search-tabs button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:8px 2px;border-bottom:2px solid transparent}.story-search-tabs button.active{color:#1f4ea2;border-bottom-color:#2b62c7}.story-search-results-wrap{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.42fr);gap:12px}.story-search-results{display:grid;gap:10px;min-height:0;overflow:auto;padding-right:2px}.story-search-result{border-radius:11px;border:1px solid rgba(215,227,245,.84);background:#ffffffe6;padding:10px 11px}.story-search-url{display:block;font-size:.66rem;color:#4f658f;margin-bottom:4px}.story-search-result h4{margin:0;font-size:.82rem;color:#1a56b7;font-weight:500}.story-search-result p{margin:4px 0 0;font-size:.71rem;line-height:1.37;color:#2f496f}.story-search-panel{border-radius:12px;border:1px solid rgba(209,221,241,.9);background:linear-gradient(180deg,#f3f8fff2,#eff6fff2);padding:12px}.story-search-panel h4{margin:0;font-size:.8rem;color:#223f74}.story-search-panel p{margin:8px 0 0;color:#39547f;font-size:.7rem;line-height:1.4}.story-search-panel ul{margin:10px 0 0;padding-left:18px;color:#375887;font-size:.69rem;line-height:1.55}.story-demo-game{background:radial-gradient(130% 120% at 45% 0%,#ff8d706b,#ff8d7000 54%),linear-gradient(180deg,#761827,#59101c 48%,#390a12);padding:10px 12px}.story-game-hud{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto}.story-game-chip,.story-game-stats{border-radius:999px;border:1px solid rgba(255,189,169,.45);background:#3f0c15b3;color:#ffe7db;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;letter-spacing:.02em;padding:5px 8px;white-space:nowrap}.story-game-chip{background:#8b1c29d1}.story-game-chip-nano{border-color:#ffceaa94;background:linear-gradient(135deg,#8c2e1ec2,#aa4824a8);color:#ffe9d7}.story-game-fire,.story-game-reset{border-radius:999px;border:1px solid rgba(255,184,166,.46);background:#380910b8;color:#ffe4d7;font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-size:.68rem;font-weight:600;line-height:1;padding:6px 10px;cursor:pointer}.story-game-fire{margin-left:auto;background:linear-gradient(135deg,#ff784e,#ff5538);color:#fff4eb;border-color:#ffc6aabf}.story-game-reset{margin-left:auto;flex-shrink:0}.story-game-canvas{position:absolute;left:12px;right:12px;top:48px;bottom:12px;border-radius:14px;border:1px solid rgba(255,171,147,.34);background:radial-gradient(90% 64% at 48% 90%,#ff674e75,#ff674e00 78%),linear-gradient(180deg,#8c1c2a52,#370a1138);overflow:hidden;touch-action:none}.story-game-hint{position:absolute;top:10px;left:11px;z-index:4;border-radius:999px;border:1px solid rgba(255,180,163,.36);background:#35080e9e;color:#ffe4d9eb;font-size:.64rem;padding:4px 8px}.story-dragon{position:absolute;width:76px;height:48px;transform:translate(-50%,-50%);border-radius:56% 44% 46% 54%/58% 42% 62% 38%;background:linear-gradient(135deg,#2f0911,#a92134 62%,#ff5c3f);box-shadow:0 10px 18px #12030875,inset 0 1px #ffb7a552;z-index:2}.story-dragon-eye{position:absolute;top:37%;left:20%;width:6px;height:6px;border-radius:999px;background:#ffe486;box-shadow:0 0 9px #ffe486a3}.story-dragon-horn{position:absolute;right:8%;top:-8px;width:13px;height:12px;clip-path:polygon(0 100%,50% 0,100% 100%);background:linear-gradient(180deg,#ffd2ba,#ff8667)}.story-shot{position:absolute;width:38px;height:10px;transform:translate(-50%,-50%);border-radius:999px;background:linear-gradient(90deg,#ffefbdfa,#ff9651eb,#ff434300);box-shadow:0 0 10px #ff86595c;z-index:1}.story-enemy{position:absolute;width:34px;height:34px;transform:translate(-50%,-50%);border-radius:44% 56% 48% 52%/52% 48% 56% 44%;background:radial-gradient(circle at 35% 32%,#ffedc2d9,#ffedc20d 34%),linear-gradient(145deg,#ff7568,#ff533a 56%,#d61c1c);box-shadow:0 10px 20px #2b070d66,inset 0 1px #ffd3be66}.story-game-ground{position:absolute;left:0;right:0;bottom:0;height:26%;background:linear-gradient(rgba(255,132,108,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,132,108,.12) 1px,transparent 1px),linear-gradient(180deg,#5b0d1700,#5b0d17cc);background-size:24px 24px,24px 24px,auto}.story-game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:12px;background:#22050a99;z-index:5}.story-game-overlay p{margin:0;max-width:34ch;color:#ffe7dd;text-align:center;font-size:.82rem}.story-game-overlay button{border:1px solid rgba(255,190,170,.58);background:linear-gradient(135deg,#ff7749,#ff5a3c);color:#fff4ea;border-radius:999px;padding:8px 14px;font-size:.74rem;font-weight:600;cursor:pointer}.story-search-caret{display:inline-block;width:1px;height:.95em;margin-left:3px;background:#2a5cc0;vertical-align:-1px;opacity:0}.story-search-caret.is-on{opacity:1;animation:caretBlink 1s steps(1,end) infinite}.story-search-prompts{width:min(780px,100%);margin:-2px auto 0;display:flex;flex-wrap:wrap;gap:7px}.story-prompt-chip{border-radius:999px;border:1px solid rgba(188,204,232,.9);background:#f6fafff2;color:#355180;font-size:.67rem;font-family:IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;line-height:1;padding:7px 10px;cursor:pointer;transition:all .2s ease}.story-prompt-chip.is-active{border-color:#5f8bdbdb;background:#e9f3fff2;color:#1f4ea2}.story-search-results-wrap-v2{grid-template-columns:1fr}.story-search-result-v2{padding:0;overflow:hidden}.story-search-result-v2.is-open{border-color:#9cbcefeb;box-shadow:0 8px 18px #1d407e1a}.story-search-result-hit{width:100%;border:0;background:transparent;text-align:left;padding:10px 11px;cursor:pointer;color:inherit}.story-search-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.story-tag{border-radius:999px;border:1px solid rgba(184,203,233,.85);background:#f2f8ffe6;color:#3c5988;font-size:.62rem;line-height:1;padding:4px 7px}.story-tag-ghost{opacity:.75}.story-buildlog{border-top:1px solid rgba(217,230,248,.9);background:linear-gradient(180deg,#f8fcfff5,#f0f7ffe6);padding:8px 11px 10px}.story-buildlog-title{display:flex;align-items:center;gap:6px;color:#26497d;font-size:.66rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.story-buildlog-title .dot{width:7px;height:7px;border-radius:999px;background:#4f89f0;box-shadow:0 0 0 3px #4f89f02e}.story-buildlog-lines{margin:8px 0 0;padding:0;white-space:pre-wrap;color:#355280;font-size:.66rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.story-buildlog-line{display:flex;gap:6px;line-height:1.48}.story-buildlog-line .chev{color:#4f7fce}.story-search-skeleton{border-radius:10px;border:1px solid rgba(215,227,245,.84);background:#ffffffe0;padding:10px;display:grid;gap:8px}.sk-line{height:8px;border-radius:999px;background:linear-gradient(90deg,#dfeaf88f,#eff5fdf5,#dfeaf88f);background-size:240% 100%;animation:skeletonShimmer 1.2s linear infinite}.sk-line.short{width:68%}.story-game-hud-v2{gap:6px;flex-wrap:nowrap;overflow-x:auto}.story-game-charge{position:relative;width:132px;height:24px;border-radius:999px;border:1px solid rgba(255,179,155,.5);background:#34080ec2;overflow:hidden}.story-game-charge-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;background:linear-gradient(90deg,#ff9954cc,#ff6d36f0);transition:width .1s linear}.story-game-charge-flash{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;background:radial-gradient(circle at 50% 50%,#ffe8bae0,#ff864eb8);pointer-events:none}.story-game-charge-flash.is-active{animation:powerFlashPulse .18s ease-out}.story-game-charge-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#ffe8dc;font-size:.62rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}@keyframes powerFlashPulse{0%{opacity:0}10%{opacity:1}to{opacity:0}}.story-game-canvas-v2{top:58px}.dragonfire-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dragonfire-dragon{position:absolute;width:min(164px,33vw);transform:translate(-50%,-50%);pointer-events:none;z-index:4;filter:drop-shadow(0 10px 18px rgba(8,2,8,.48));transition:top .01s linear}.dragonfire-svg{width:100%;height:auto}.df-wing{transform-origin:58% 72%}.df-wing-front{animation:wingFrontFlap 1.12s ease-in-out infinite}.df-wing-back{animation:wingBackFlap 1.32s ease-in-out infinite}.df-tail{animation:tailSway 1.9s ease-in-out infinite}.df-eye{animation:eyeBlink 3.6s steps(1,end) infinite}.dragonfire-dragon .df-mouth{transform-origin:92% 50%;animation:mouthGlow 1.3s ease-in-out infinite}.dragonfire-dragon.is-charging .df-mouth{animation-duration:.45s}.story-game-overlay-v2{gap:10px}.story-game-overlay-row{display:flex;gap:8px}.kbd{border-radius:8px;border:1px solid rgba(255,205,183,.62);background:#23060aa8;color:#ffe2d5;font-size:.66rem;line-height:1;padding:6px 8px}.story-game-newbest{color:#ffd39f}.story-game-overlay-sub{font-size:.72rem;opacity:.86}@keyframes skeletonShimmer{to{background-position:-240% 0}}@keyframes wingFrontFlap{0%,to{transform:rotate(0)}50%{transform:rotate(-7deg)}}@keyframes wingBackFlap{0%,to{transform:rotate(0)}50%{transform:rotate(-5deg)}}@keyframes tailSway{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes eyeBlink{0%,94%,to{transform:scaleY(1)}96%{transform:scaleY(.2)}}@keyframes mouthGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@media(max-width:1180px){.story-search-results-wrap{grid-template-columns:1fr}.story-search-panel{display:none}.story-game-hud-v2{gap:5px}.story-game-charge{width:112px}}.scroll-story-steps{position:sticky;top:84px;height:var(--scroll-story-panel-height);padding-left:20px}.scroll-story-steps-stack{position:relative;height:100%;overflow:hidden}.scroll-story-progress-rail{position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:999px;background:#93b6ef59;overflow:hidden}.scroll-story-progress-rail-fill{position:absolute;left:0;right:0;top:0;border-radius:inherit;background:linear-gradient(180deg,#448eff85,#2c5fd8f5);box-shadow:0 0 0 1px #90bdff47;transition:height .08s linear}.scroll-story-step{position:absolute;top:0;right:0;bottom:0;left:0;min-height:auto;border-radius:0;border:0;border-top:1px solid rgba(161,186,232,.24);background:transparent;box-shadow:none;padding:clamp(14px,2.3vw,22px) 0;opacity:.42;pointer-events:none;will-change:transform,opacity;transition:opacity .12s linear,border-color .2s ease}.scroll-story-step.active{border-color:#6d9cec9e}.scroll-story-step.passed{border-color:#7a9ee066}.scroll-story-step h3{margin:0;font-family:Orbitron,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-size:clamp(1.08rem,1.42vw,1.42rem);line-height:1.22;letter-spacing:.01em;color:#152142;max-width:34ch;text-transform:none}.scroll-story-step p{margin:10px 0 0;font-size:.97rem;line-height:1.54;color:#2b3d6aeb;max-width:46ch}.site-footer{max-width:1200px;margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#55648e;font-size:.82rem}.site-footer-credit{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.26rem;margin-left:auto;color:#4a5b88;letter-spacing:.01em}.site-footer-links{display:inline-flex;align-items:center;gap:.7rem}.site-footer-link{color:#314e8f;text-decoration:none;font-weight:600;letter-spacing:.01em;border-bottom:1px solid rgba(67,108,186,.35);transition:color .2s ease,border-color .2s ease}.site-footer-link:hover{color:#173a82;border-color:#2153ba99}.site-footer-link:focus-visible{outline:2px solid rgba(59,130,246,.75);outline-offset:2px}.site-footer-madeby{font-family:Orbitron,IBM Plex Sans,ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:.86rem;letter-spacing:.035em;color:#1d3e83;text-decoration:none;border-bottom:1px solid rgba(67,108,186,.35);transition:color .2s ease,border-color .2s ease,text-shadow .2s ease}.site-footer-madeby:hover{color:#0f2f70;border-color:#2153ba99;text-shadow:0 0 12px rgba(78,129,235,.24)}.site-footer-madeby:focus-visible{outline:2px solid rgba(59,130,246,.75);outline-offset:2px}@keyframes iconIn{0%{opacity:0;transform:translate3d(0,12px,0) scale(.93)}65%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes caretBlink{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes cursorPulse{0%{opacity:.9;transform:scale(.55)}to{opacity:0;transform:scale(3.2)}}@keyframes nudgeIn{0%{opacity:0;transform:translateY(16px) scale(.88) rotate(-4deg)}68%{opacity:1;transform:translateY(-4px) scale(1.04) rotate(1deg)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ctaPulse{0%,to{filter:saturate(1)}50%{filter:saturate(1.08) brightness(1.06)}}@keyframes ctaShimmer{0%{transform:translate(-120%) rotate(18deg);opacity:0}18%{opacity:1}42%{transform:translate(420%) rotate(18deg);opacity:0}to{transform:translate(420%) rotate(18deg);opacity:0}}@media(max-width:1060px){.scene{min-height:560px}.menu-search{width:min(320px,48%)}.scroll-story-grid{grid-template-columns:1fr;gap:18px}.scroll-story-stage-column{min-height:auto}.scroll-story-stage{position:relative;top:0}.scroll-story-motion{transform:none!important}.story-scene{min-height:520px}.scroll-story-steps{position:relative;top:0;height:auto;padding-left:16px}.scroll-story-steps-stack{height:auto;overflow:visible;display:grid;gap:14px}.scroll-story-step{position:relative;inset:auto;min-height:auto;transform:none!important;opacity:.92!important;pointer-events:auto}}@media(max-width:760px){body{background-attachment:scroll}.nav{align-items:flex-start;gap:12px}.nav-actions{margin-left:auto;gap:10px;flex-wrap:wrap}.nav-primary-btn,.nav-ghost-btn{padding:8px 13px;font-size:.86rem}.hero{border-radius:20px}.hero-title{font-size:clamp(1.9rem,9.9vw,3.45rem);line-height:.96;max-width:100%;min-height:2.08em}.hero-title-line{white-space:normal;overflow-wrap:anywhere}.scroll-story{margin-top:24px}.scroll-story-stage-column{display:none}.scroll-story-grid{grid-template-columns:1fr;gap:0}.scroll-story-steps{padding-left:0;height:auto}.scroll-story-steps-stack{gap:12px}.scroll-story-progress-rail{display:none}.scene-titlebar{height:38px;padding:0 10px}.title-track{width:min(220px,54vw)}.title-exit{display:none}.scene-menubar{top:38px;height:32px;padding:0 8px;gap:2px}.scene-progress{top:70px}.menu-item{font-size:.72rem;padding:4px 6px}.menu-search{margin-left:6px;flex:1;width:auto;font-size:.68rem;padding:6px 10px}.icon-field{top:88px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.icon-tile{width:84px}.icon-glyph{width:46px;height:46px}.icon-svg{width:21px;height:21px}.scene{min-height:620px}.scene-dock{bottom:8px;gap:6px}.dock-item{width:32px;height:32px}.interaction-nudge{right:10px;bottom:62px;width:min(300px,calc(100% - 20px));padding:10px}.site-footer{gap:10px;flex-wrap:wrap}.site-footer-credit,.site-footer-links{width:100%;justify-content:flex-end}}