:root{color:#f4f7ff;background:#020205;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.access-shell,.intro-shell,.app-shell{min-height:100vh}.access-shell,.intro-shell{overflow:hidden;background:#05060a}.access-shell{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 32%,rgba(30,91,255,.2),transparent 28%),linear-gradient(#020205,#020205)}.access-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at 50% 38%,black,transparent 72%);mask-image:radial-gradient(circle at 50% 38%,black,transparent 72%)}.access-panel{position:relative;z-index:1;width:min(390px,100%);display:grid;gap:20px}.access-loading{justify-items:center;text-align:center}.access-copy{display:grid;gap:8px;text-align:center}.access-title{margin:0;color:#f8fbff;font-size:24px;font-weight:950}.access-copy p:not(.eyebrow):not(.access-title){margin:0;color:#f4f7ff94;font-size:13px;line-height:1.55;word-break:keep-all}.access-display{display:flex;justify-content:center;gap:12px;min-height:20px}.access-display span{width:12px;height:12px;border-radius:50%;border:1px solid rgba(244,247,255,.32);background:#f4f7ff14}.access-display span.filled{border-color:#83f4c6eb;background:#83f4c6;box-shadow:0 0 18px #83f4c657}.access-keypad{position:relative;display:grid;min-height:262px}.access-keypad img{width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.access-keypad-hitbox{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.access-keypad-hitbox button,.access-submit{min-height:58px;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#f8fbff;background:#ffffff14;font-weight:950}.access-keypad-hitbox button{color:transparent;background:transparent;font-size:0}.access-keypad-hitbox button:active{background:#83f4c614;border-color:#83f4c680}.access-keypad-hitbox button:disabled,.access-submit:disabled{cursor:not-allowed;opacity:.44}.access-keypad-loading{margin:0;align-self:center;color:#f4f7ff94;font-size:13px;text-align:center}.access-submit{color:#03100c;background:#83f4c6}.access-error{margin:-4px 0 0;color:#ff8daa;font-size:13px;font-weight:800;text-align:center}.story-intro{position:relative;min-height:100vh;display:grid;align-content:end;padding:clamp(26px,5vw,64px);background:linear-gradient(to top,#000000d1,#0000002e 42%,#00000080),radial-gradient(circle at 55% 40%,rgba(111,138,255,.34),transparent 35%),#070910}.story-intro:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 48% 42%,rgba(255,255,255,.32) 0 2px,transparent 3px),linear-gradient(120deg,rgba(255,255,255,.08),transparent 38%);background-size:34px 34px,auto;-webkit-mask-image:radial-gradient(circle at 50% 42%,black,transparent 62%);mask-image:radial-gradient(circle at 50% 42%,black,transparent 62%);opacity:.44}.story-intro.scene-2{background:linear-gradient(to top,#000000e6,#0000002e 54%,#0000008c),radial-gradient(circle at 36% 35%,rgba(79,214,171,.34),transparent 34%),radial-gradient(circle at 68% 52%,rgba(111,138,255,.28),transparent 32%),#05080b}.story-intro.scene-3{background:linear-gradient(to top,#000000eb,#0000001f 54%,#00000094),radial-gradient(circle at 52% 46%,rgba(255,96,148,.26),transparent 28%),radial-gradient(circle at 50% 46%,rgba(111,138,255,.42),transparent 38%),#060509}.intro-copy,.intro-controls{position:relative;z-index:1}.intro-copy{width:min(520px,100%);display:grid;gap:9px}.eyebrow{margin:0;color:#8faeff;font-size:12px;font-weight:900;letter-spacing:0}h1{margin:0;font-size:clamp(54px,12vw,140px);line-height:.9;letter-spacing:0}.intro-scene-title{margin:0;color:#f4f7ffe6;font-size:18px;font-weight:850;line-height:1.2}.intro-copy p:not(.eyebrow){max-width:520px;margin:0;color:#f4f7ffa8;font-size:14px;line-height:1.65;word-break:keep-all}.intro-copy .intro-scene-title{color:#f4f7ffe6;font-size:18px;line-height:1.25}.intro-controls{display:flex;align-items:center;gap:16px;margin-top:24px}.intro-controls span{color:#f4f7ff85;font-size:13px;font-weight:850}.intro-controls button{min-height:50px;border:0;border-radius:999px;padding:0 24px;color:#06080f;background:#f5f8ff;font-weight:950}.dark-stage{position:relative;overflow:hidden;background:radial-gradient(circle at 55% 43%,rgba(82,114,255,.2),transparent 28%),linear-gradient(#020205,#020205)}.dark-stage:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 55% 42%,black,transparent 70%);mask-image:radial-gradient(circle at 55% 42%,black,transparent 70%)}.phone-panel{position:relative;min-height:100vh;isolation:isolate;overflow:hidden}.phase-stepper{position:absolute;top:28px;left:50%;z-index:5;width:min(820px,calc(100% - 56px));display:flex;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#06080d9e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%)}.phase-step{display:flex;align-items:center;gap:8px;flex-shrink:0}.phase-step-dot{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;color:#f4f7ff8f;border:1px solid rgba(255,255,255,.18);background:#ffffff12;font-size:11px;font-weight:950;transition:background .2s,border-color .2s,color .2s}.phase-step.active .phase-step-dot{color:#f8fbff;border-color:#91abfff2;background:#4b70ff75}.phase-step.done .phase-step-dot{color:#03100c;border-color:#83f4c6;background:#83f4c6}.phase-step-label{color:#f4f7ff8f;font-size:12px;font-weight:850;white-space:nowrap}.phase-step.active .phase-step-label{color:#eef3ff}.phase-step.done .phase-step-label{color:#9af5cf}.phase-connector{flex:1;height:1px;margin:0 7px;background:#ffffff29}.phase-connector.done{background:#83f4c6c2}.meters{position:absolute;top:136px;left:clamp(18px,4vw,54px);z-index:4;width:min(330px,calc(100vw - 36px));display:grid;gap:12px}.meter,.stage-card{min-width:0;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:8px;background:#070910ad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.meter-label,.stage-card{color:#f4f7ffa3;font-size:13px}.meter-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.meter-label strong,.stage-card strong{color:#f8fbff}.meter-track{height:7px;margin-top:12px;overflow:hidden;border-radius:999px;background:#ffffff21}.meter-fill{height:100%;border-radius:inherit;background:#88a8ff;transition:width .24s ease}.meter-fill.danger{background:#ff6597}.stage-card{display:grid;gap:8px}.stage-card strong{overflow-wrap:anywhere;font-size:18px}.gradient-indicator{position:absolute;inset:36px 0 438px;z-index:1;display:grid;place-items:center;pointer-events:none}.indicator-ring{position:relative;width:min(30vw,320px);min-width:220px;aspect-ratio:1;border-radius:50%;overflow:visible;border:0;background:transparent;opacity:1;animation:indicatorFloat 5s ease-in-out infinite}.indicator-ring:before{content:"";position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from 212deg,#1e5bff,#12d5f2 82deg,#31e676 148deg,#ff4f38 224deg,#ff2d72,#1e5bff 360deg);filter:saturate(1.12);animation:indicatorSpin 7s linear infinite}.indicator-ring:after{content:none}.indicator-core{position:absolute;inset:18%;z-index:2;border-radius:inherit;background:radial-gradient(circle at 50% 30%,rgba(43,255,109,.34),transparent 25%),radial-gradient(circle at 50% 76%,rgba(17,215,232,.72),rgba(9,97,152,.62) 42%,transparent 68%),linear-gradient(180deg,#07422afa,#08222efa);box-shadow:inset 0 0 34px #ffffff1c,inset 0 -24px 42px #08b5e852;pointer-events:none}.gradient-indicator.thinking .indicator-ring{animation:thinkingScale 1.25s ease-in-out infinite}.gradient-indicator.thinking .indicator-ring:before{animation-duration:3.8s}.gradient-indicator.thinking .indicator-eyes{animation-duration:5.8s}.gradient-indicator.speaking .indicator-ring:before{animation-duration:.52s;filter:brightness(1.78) saturate(1.55)}.gradient-indicator.speaking .indicator-core{animation:coreVoicePulse .46s ease-in-out infinite}.indicator-eyes{position:absolute;inset:0;z-index:3;animation:gazeCycle 9s ease-in-out infinite}.indicator-eye{position:absolute;top:42%;z-index:3;width:7.5%;height:18%;border-radius:999px;background:#fffef1;border-top:0 solid transparent;box-shadow:0 0 10px #ffffffe6,0 0 18px #92ffcb80;transform-origin:center center;animation:eyeExpression 9s ease-in-out infinite}.indicator-eye.left{left:38.5%}.indicator-eye.right{right:38.5%}@keyframes indicatorFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes indicatorSpin{to{transform:rotate(360deg)}}@keyframes thinkingScale{0%,to{transform:scale(.82)}50%{transform:scale(.9)}}@keyframes coreVoicePulse{0%,to{box-shadow:inset 0 0 34px #ffffff1c,inset 0 -24px 42px #08b5e852}50%{box-shadow:inset 0 0 48px #fff3,inset 0 -30px 56px #08b5e87a}}@keyframes gazeCycle{0%,to{transform:translateZ(0)}20%{transform:translateZ(0)}32%,40%{transform:translate3d(8%,-1%,0)}50%,58%{transform:translate3d(-8%,0,0)}67%,73%{transform:translate3d(0,8%,0)}82%,90%{transform:translate3d(0,5%,0)}}@keyframes eyeExpression{0%,12%,24%,42%,60%,82%,90%,to{width:7.5%;height:18%;border-top-width:0;border-radius:999px;background:#fffef1;box-shadow:0 0 10px #ffffffe6,0 0 18px #92ffcb80;transform:translateZ(0) rotate(0) scaleY(1)}16%,46%{width:7.5%;height:18%;border-radius:999px;transform:translateZ(0) rotate(0) scaleY(.08)}68%,73%{width:8%;height:13%;transform:translate3d(0,4px,0) rotate(0) scaleY(.82)}84%{width:7.5%;height:18%;transform:translateZ(0) rotate(0) scaleY(.12)}}.chat-deck{position:absolute;left:0;right:0;bottom:0;z-index:3;display:grid;grid-template-rows:minmax(0,1fr) auto auto auto;height:min(64vh,640px);padding-top:88px;background:radial-gradient(ellipse at 50% 0%,#02020500,#02020529,#020205e0 72%,#020205),linear-gradient(to top,#020205,#020205b3 42%,#02020500)}.transcript{min-height:0;padding:66px clamp(18px,5vw,72px) 30px;overflow-y:auto;display:flex;flex-direction:column;gap:13px;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.04) 8%,black 34%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.04) 8%,black 34%,black 100%)}.transcript::-webkit-scrollbar{width:0}.message{width:min(74%,650px);display:grid;gap:6px}.message span{color:#ecf3ff8a;font-size:12px;font-weight:850}.message p{margin:0;padding:14px 16px;border-radius:19px;line-height:1.55;word-break:keep-all;overflow-wrap:anywhere;box-shadow:0 18px 44px #00000047}.message.ai p{color:#edf4ff;border:1px solid rgba(255,255,255,.14);background:#161c2ad1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.message.player{align-self:flex-end}.message.player span{text-align:right}.message.player p{color:#07111f;background:#f2f7ff}.message.system{align-self:center;width:min(90%,720px);text-align:center}.message.system p{color:#eff4ffbd;border:1px solid rgba(255,255,255,.12);background:#ffffff14}.message.system.milestone p{color:#d8ffee;border-color:#7ff5c547;background:#207e5b42;font-weight:850}.message.pending p{color:#eff4ffb3}.typing-bubble{width:76px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.typing-dot{width:8px;height:8px;border-radius:50%;background:#eff4ffc7;animation:typingPulse 1.05s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes typingPulse{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.ending{width:min(880px,calc(100% - 36px));display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 auto 12px;padding:13px 15px;border:1px solid rgba(127,245,197,.24);border-radius:8px;background:#207e5b3d;color:#d8ffee}.ending.lost{color:#ffd1d1;border-color:#ff6b9642;background:#9e2a463d}.ending button,.composer button{border:0;border-radius:999px;color:#06111e;background:#f7fbff;font-weight:900}.ending button{padding:10px 12px}.error{width:min(880px,calc(100% - 36px));margin:0 auto 12px;color:#ffb6c8;font-size:14px}.composer{width:min(880px,calc(100% - 36px));display:grid;grid-template-columns:1fr auto;gap:10px;margin:0 auto;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.composer input{min-width:0;border:0;border-radius:999px;padding:14px 16px;outline:none;color:#f8fbff;background:transparent}.composer input::placeholder{color:#eff4ff7a}.composer input:focus{box-shadow:inset 0 0 0 1px #86aaffb8}.composer button{min-width:84px;padding:0 18px}.composer button:disabled,.composer input:disabled{cursor:not-allowed;opacity:.5}.disclosure{width:min(880px,calc(100% - 36px));margin:8px auto 14px;color:#eff4ff75;font-size:12px}@media(max-width:900px){.phase-stepper{top:18px;width:calc(100% - 28px)}.phase-step-label{display:none}.meters{top:82px;left:14px;width:min(300px,calc(100vw - 28px));grid-template-columns:1fr 1fr;gap:8px}.meter,.stage-card{padding:10px}.stage-card{grid-column:1 / -1}.stage-card strong{font-size:15px}.gradient-indicator{inset:106px 0 430px}.indicator-ring{width:min(62vw,320px);min-width:210px}.chat-deck{height:60vh;padding-top:66px}.transcript{padding:56px 18px 26px}.message{width:92%}.composer{grid-template-columns:1fr;border-radius:22px}.composer input,.composer button{min-height:46px}}@media(max-width:520px){.story-intro{padding:28px 24px}.intro-scene-title{font-size:17px}.intro-controls{justify-content:space-between}.meters{width:calc(100% - 28px)}.gradient-indicator{inset:174px 0 438px}.indicator-ring{width:58vw;min-width:190px}}