:root{--bg: #121412;--ink: #f8f3e9;--muted: rgba(248, 243, 233, .66);--panel: rgba(37, 38, 34, .78);--panel-strong: rgba(27, 28, 26, .88);--line: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .24);--accent: #f06445;--gold: #d7ae63;--green: #5e906e;--paper: #fff7e5;--danger: #ff8377;--shadow: 0 28px 80px rgba(0, 0, 0, .46)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 18%,rgba(240,100,69,.1),transparent 28rem),radial-gradient(circle at 82% 72%,rgba(94,144,110,.12),transparent 30rem),linear-gradient(180deg,#1c1f1d 0%,var(--bg) 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}button{border:0}h1,h2,p{margin:0}.player-shell{display:grid;min-height:100vh;place-items:center;padding:14px;overflow:hidden}.player-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:10px 10px;opacity:.26}.player-phone{position:relative;width:auto;height:calc(100dvh - 28px);max-width:calc(100vw - 28px);aspect-ratio:9 / 16;overflow:hidden;border:4px solid rgba(255,255,255,.14);border-radius:34px;outline:none;background:#191b18;box-shadow:var(--shadow);cursor:pointer;isolation:isolate}.player-phone:focus-visible{box-shadow:0 0 0 3px #f064456b,var(--shadow)}.stage-visual{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(180deg,#00000014,#00000057 62%,#000000a8),linear-gradient(115deg,#342b24,#c99d62 46%,#31423a)}.stage-visual:before,.stage-visual:after{content:"";position:absolute;pointer-events:none}.stage-visual:before{left:12%;right:10%;bottom:29%;height:21%;border-radius:4px;background:linear-gradient(90deg,rgba(28,24,19,.7) 0 12%,transparent 12% 82%,rgba(28,24,19,.55) 82%),linear-gradient(180deg,#fff4cd2e,#3c3125a3);transform:perspective(360px) rotateX(62deg);transform-origin:bottom}.stage-visual:after{top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(0,0,0,.45),transparent 18%,transparent 76%,rgba(0,0,0,.38)),linear-gradient(180deg,rgba(0,0,0,.12),transparent 34%,rgba(0,0,0,.56))}.stage-window{position:absolute;top:16%;left:46%;width:24%;height:21%;border:7px solid rgba(255,246,219,.28);background:linear-gradient(180deg,#fff6cab3,#fff6ca1f);box-shadow:0 0 78px #ffe4a08a}.stage-desk{position:absolute;right:-4%;bottom:7%;width:58%;height:24%;border-radius:5px;background:linear-gradient(150deg,#5a4635,#2b241e);transform:skewY(-10deg);opacity:.82}.stage-shadow{position:absolute;left:0;bottom:0;width:42%;height:48%;background:linear-gradient(90deg,#080908c2,#08090800)}.player-hud{position:absolute;z-index:2;top:18px;left:18px;right:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;pointer-events:auto}.player-hud p{color:#fff7e5a3;font-size:.72rem;font-weight:800;line-height:1.2;text-transform:uppercase}.player-hud h1{width:min(290px,74vw);margin-top:4px;color:var(--ink);font-size:1rem;font-weight:850;line-height:1.24}.state-dot{flex:0 0 auto;width:11px;height:11px;margin-top:4px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:var(--green);box-shadow:0 0 20px #5e906e9e}.state-dot--unavailable{background:var(--danger);box-shadow:0 0 20px #ff83779e}.state-dot--loading{background:var(--gold);box-shadow:0 0 20px #d7ae639e}.story-bottom{position:absolute;z-index:3;left:20px;right:20px;bottom:128px;display:grid;gap:10px;pointer-events:none}.player-phone.is-tasking .story-bottom{bottom:24px}.line-card,.task-card,.ending-card,.status-message{pointer-events:auto;animation:riseIn .18s ease-out both}.line-card{position:relative;display:grid;min-height:134px;max-height:38vh;overflow-y:auto;padding:16px 16px 24px;border:1px solid rgba(255,247,229,.2);border-radius:8px;color:var(--ink);background:radial-gradient(circle at 50% 0%,rgba(247,220,154,.12),transparent 15rem),linear-gradient(180deg,#26251ff0,#121716f0);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 20px 44px #00000061,inset 0 1px #fff7e51f,inset 0 0 26px #f7dc9a0a;isolation:isolate}.line-card:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;background:linear-gradient(90deg,transparent,rgba(247,220,154,.76),transparent);pointer-events:none}.line-card:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(255,247,229,.06);border-radius:5px;pointer-events:none}.line-card--narration{place-items:center stretch;border-color:#f7dc9a3d;text-align:left}.line-card--narration:before{background:linear-gradient(90deg,transparent,rgba(247,220,154,.8),transparent)}.line-card.line-card--dialogue{grid-template-columns:42px auto;align-items:start;justify-self:start;justify-items:start;gap:12px;width:fit-content;min-height:0;max-height:none;overflow:visible;padding:0;border:0;border-radius:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;isolation:auto}.line-card.line-card--dialogue:before,.line-card.line-card--dialogue:after{display:none}.line-card.line-card--player{grid-template-columns:auto 42px;justify-self:end;justify-items:end;width:fit-content}.line-card p{color:var(--ink);font-size:1.28rem;font-weight:820;line-height:1.36;text-shadow:0 2px 14px rgba(0,0,0,.28)}.line-card--narration p{position:relative;padding:14px 15px 16px;border:1px solid rgba(255,247,229,.16);border-radius:8px;background:linear-gradient(90deg,rgba(247,220,154,.08),transparent 36%),linear-gradient(180deg,#ffffff0d,#ffffff03);font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:700}.line-card--narration p:before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(247,220,154,.42),transparent)}.speaker-avatar{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,247,229,.24);border-radius:8px;color:#2b2118;background:linear-gradient(180deg,#e9c77a,#b98042);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);font-size:.9rem;font-weight:900;margin-top:3px;box-shadow:0 0 0 2px #f7dc9a1f,0 10px 22px #00000042}.line-card--player .speaker-avatar{grid-column:2;grid-row:1;color:#0d2a27;background:linear-gradient(180deg,#94f0d1,#4cae8b);box-shadow:0 0 0 2px #90eec91f,0 10px 22px #00000042}.line-content{position:relative;display:grid;gap:7px;justify-self:start;justify-items:start;width:fit-content;max-inline-size:min(68vw,520px);min-width:0;padding:11px 14px 13px;border:1px solid rgba(255,247,229,.2);border-radius:8px;color:var(--ink);background:radial-gradient(circle at 18% 0%,rgba(247,220,154,.14),transparent 9rem),linear-gradient(180deg,#2f271ef5,#141715f5);box-shadow:0 14px 28px #0000004d,inset 0 1px #fff7e524,inset 0 0 24px #f7dc9a0d;overflow-wrap:break-word;-webkit-backdrop-filter:blur(16px) saturate(118%);backdrop-filter:blur(16px) saturate(118%)}.line-content:before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(247,220,154,.38),transparent)}.line-card--dialogue .line-content:after{content:"";position:absolute;left:-6px;top:18px;width:10px;height:10px;border-left:1px solid rgba(255,247,229,.18);border-bottom:1px solid rgba(255,247,229,.18);background:linear-gradient(135deg,#2f271ef5,#1a1b17f5);transform:rotate(45deg)}.line-card--player .line-content{grid-column:1;grid-row:1;justify-self:end;justify-items:stretch;border-color:#90eec93d;background:radial-gradient(circle at 82% 0%,rgba(144,238,201,.16),transparent 9rem),linear-gradient(180deg,#1b3730f5,#0d1816f5);box-shadow:0 14px 28px #0000004d,inset 0 1px #d5fff029,inset 0 0 24px #90eec90f}.line-card--player .line-content:before{background:linear-gradient(90deg,transparent,rgba(144,238,201,.46),transparent)}.line-card--player .line-content:after{left:auto;right:-6px;border:0;border-top:1px solid rgba(144,238,201,.2);border-right:1px solid rgba(144,238,201,.2);background:linear-gradient(135deg,#1b3730f5,#0d1816f5)}.line-content span{color:#f7dc9adb;font-size:.76rem;font-weight:900;line-height:1.2;text-transform:uppercase}.line-card--player .line-content span{color:#90eec9e6;text-align:right;justify-self:end}.line-card--player .line-content p{text-align:left}.advance-caret{position:absolute;width:14px;height:14px;border-right:2px solid rgba(247,220,154,.9);border-bottom:2px solid rgba(247,220,154,.9);filter:drop-shadow(0 0 8px rgba(247,220,154,.35));transform:rotate(-45deg)}.screen-advance-caret{z-index:4;right:28px;bottom:max(28px,calc(env(safe-area-inset-bottom) + 22px));pointer-events:none}.screen-advance-caret--player{border-color:#90eec9e6;filter:drop-shadow(0 0 8px rgba(144,238,201,.35))}.task-card{position:relative;display:grid;gap:15px;max-height:min(500px,64vh);overflow-y:auto;padding:18px 16px 16px;border:1px solid rgba(165,222,186,.44);border-radius:8px;background:radial-gradient(circle at 50% 0%,rgba(137,229,194,.14),transparent 18rem),linear-gradient(180deg,#20302bf2,#0f1817f0),#111a19f0;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 22px 48px #0006,inset 0 1px #fff7e51f,inset 0 0 28px #89e5c20d;isolation:isolate}.task-card:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;background:linear-gradient(90deg,transparent,rgba(144,238,201,.86),transparent);pointer-events:none}.task-card:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(255,247,229,.06);border-radius:5px;pointer-events:none}.task-head,.task-actions{align-items:center;gap:10px}.task-head{display:grid;grid-template-columns:minmax(24px,1fr) auto auto minmax(24px,1fr);color:#fff7e5eb;font-size:1rem;font-weight:900;text-align:center}.task-head-line{position:relative;height:1px;min-width:0;background:linear-gradient(90deg,transparent,rgba(255,247,229,.46))}.task-head-line:last-child{background:linear-gradient(90deg,rgba(255,247,229,.46),transparent)}.task-head-line:after{content:"";position:absolute;top:-3px;right:-2px;width:7px;height:7px;border:1px solid rgba(255,247,229,.48);background:#90eec91f;transform:rotate(45deg)}.task-head-line:last-child:after{right:auto;left:-2px}.task-emblem{position:relative;width:28px;height:26px}.task-emblem:before,.task-emblem:after,.task-emblem>span{content:"";position:absolute;width:18px;height:22px;border-radius:2px;background:linear-gradient(180deg,#efe1b7,#d7b875);box-shadow:0 0 18px #d7ae6347}.task-emblem:before{left:2px;top:3px;opacity:.54;transform:rotate(-8deg)}.task-emblem:after{right:2px;top:2px;opacity:.74;transform:rotate(7deg)}.task-emblem>span{left:6px;top:0;z-index:1}.task-emblem>span:before{content:"";position:absolute;left:4px;right:4px;top:6px;height:10px;background:linear-gradient(90deg,rgba(130,111,69,.48),transparent 78%),linear-gradient(90deg,rgba(130,111,69,.36),transparent 68%);background-position:0 0,0 6px;background-repeat:no-repeat;background-size:100% 2px,100% 2px}.task-kicker{color:inherit;text-shadow:0 0 16px rgba(255,247,229,.18)}.task-objective{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:14px;position:relative;overflow:hidden;padding:16px 15px 18px;border:1px solid rgba(255,247,229,.18);border-radius:8px;background:linear-gradient(90deg,rgba(255,247,229,.08),transparent 34%),linear-gradient(180deg,#ffffff0d,#ffffff03)}.task-objective:before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,247,229,.28),transparent)}.task-index{position:relative;padding-right:14px;color:#f7dc9a;font-family:Georgia,Times New Roman,serif;font-size:2.54rem;font-style:italic;font-weight:700;line-height:1;text-align:center;text-shadow:0 0 18px rgba(247,220,154,.28)}.task-index:after{content:"";position:absolute;top:3px;right:0;width:1px;height:48px;background:linear-gradient(180deg,transparent,rgba(255,247,229,.42),transparent);transform:rotate(16deg)}.task-copy{display:grid;align-items:center;min-width:0}.task-input{position:relative;display:grid}.task-card h2{color:#fff7e5f5;font-size:1.24rem;font-weight:900;line-height:1.34;text-shadow:0 2px 16px rgba(0,0,0,.28)}textarea{width:100%;resize:none;min-height:78px;padding:14px 15px;border:1px solid rgba(144,238,201,.42);border-radius:8px;outline:none;color:var(--ink);background:linear-gradient(180deg,#050c0c9e,#080e0d7a),#080b0b85;font-size:1rem;line-height:1.48;box-shadow:inset 0 0 0 1px #fff7e50a,inset 0 14px 28px #0000002e,0 0 0 2px #90eec90f}textarea::placeholder{color:#fff7e566}textarea:focus{border-color:#90eec9c7;box-shadow:inset 0 0 0 1px #fff7e50f,inset 0 14px 28px #0000002e,0 0 0 3px #90eec926}.primary-button,.secondary-button{min-height:40px;border-radius:8px;padding:0 15px;cursor:pointer;font-weight:850;transition:transform .14s ease,opacity .14s ease,background .14s ease}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:wait;transform:none}.primary-button{color:#fffaf0;background:linear-gradient(180deg,#6fa47d,#436f57);box-shadow:0 10px 22px #26503852}.secondary-button{color:#fff7e5e6;border:1px solid rgba(255,247,229,.14);background:#fff7e514}.task-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(82px,.75fr)}.task-card .primary-button,.task-card .secondary-button{position:relative;width:100%;min-height:44px;overflow:hidden;border-radius:7px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.task-card .primary-button:before,.task-card .secondary-button:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid rgba(255,255,255,.24);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);pointer-events:none}.task-card .primary-button{color:#0d2a27;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 32%,rgba(255,255,255,.16)),linear-gradient(180deg,#94f0d1,#63c5a0);box-shadow:0 12px 24px #3aad8b4d,inset 0 1px #ffffff61}.task-card .secondary-button{color:#fff7e5e6;border:1px solid rgba(255,247,229,.2);background:linear-gradient(180deg,#fff7e51f,#fff7e50d),#151c1bb8;box-shadow:inset 0 1px #fff7e51f}.hint-line{position:relative;padding:10px 12px 10px 32px;border:1px solid rgba(215,174,99,.2);color:#fff7e5cc;background:linear-gradient(90deg,#d7ae6329,#d7ae630f);font-size:.92rem;font-weight:720;line-height:1.42}.hint-line:before{content:"";position:absolute;left:13px;top:50%;width:8px;height:8px;border:1px solid rgba(247,220,154,.78);background:#f7dc9a24;transform:translateY(-50%) rotate(45deg)}.feedback-box{position:relative;display:grid;gap:7px;padding:10px 12px 10px 14px;border:1px solid rgba(215,174,99,.2);border-left:3px solid rgba(215,174,99,.74);color:#fff7e5d1;background:linear-gradient(90deg,#d7ae6321,#d7ae630d)}.feedback-box.retry{border-color:#f06445bd;color:#ffd2c7e6;background:#f0644514}.feedback-box p,.feedback-box strong{color:inherit;font-size:.9rem;line-height:1.4}.feedback-box strong{display:block;margin-top:3px;color:var(--ink);font-size:.96rem}.feedback-box span{color:#fff7e594;font-size:.78rem;font-weight:850}.ending-card{position:relative;display:grid;gap:12px;justify-items:center;overflow:hidden;padding:18px 16px 16px;border:1px solid rgba(144,238,201,.34);border-radius:8px;color:var(--ink);background:radial-gradient(circle at 50% 0%,rgba(144,238,201,.14),transparent 16rem),linear-gradient(180deg,#1c302af0,#0f1817f0);-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%);box-shadow:0 20px 44px #00000061,inset 0 1px #fff7e51f;text-align:center}.ending-card:before{content:"";position:absolute;top:0;left:12px;right:12px;height:2px;background:linear-gradient(90deg,transparent,rgba(144,238,201,.82),transparent);pointer-events:none}.ending-card:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid rgba(255,247,229,.06);border-radius:5px;pointer-events:none}.ending-card p{color:#90eec9e6;font-size:.78rem;font-weight:900;text-transform:uppercase}.ending-card h2{color:#fff7e5f5;font-size:1.28rem;font-weight:900;line-height:1.28;text-shadow:0 2px 16px rgba(0,0,0,.28)}.ending-card span{color:var(--muted);font-size:.9rem}.ending-card .primary-button{position:relative;min-width:142px;min-height:44px;color:#0d2a27;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 32%,rgba(255,255,255,.16)),linear-gradient(180deg,#94f0d1,#63c5a0);box-shadow:0 12px 24px #3aad8b4d,inset 0 1px #ffffff61;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.status-message{position:relative;overflow:hidden;padding:10px 12px 10px 16px;border:1px solid rgba(255,131,119,.34);border-left:3px solid rgba(255,131,119,.8);border-radius:8px;color:#fff4ef;background:linear-gradient(90deg,#ff83772e,#722c269e),#181212e0;font-size:.88rem;font-weight:820;line-height:1.38;-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);box-shadow:0 12px 28px #00000052,inset 0 1px #fff7e514}.status-message:before{content:"";position:absolute;top:0;left:10px;right:10px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,131,119,.72),transparent)}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-aspect-ratio: 9 / 16) and (min-width: 621px){.player-phone{width:calc(100vw - 28px);height:auto;max-height:calc(100dvh - 28px)}}@media (max-width: 620px){.player-shell{padding:0}.player-shell:before{display:none}.player-phone{width:100vw;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0}.player-hud{top:max(15px,env(safe-area-inset-top));left:16px;right:16px}.story-bottom{left:14px;right:14px;bottom:max(96px,env(safe-area-inset-bottom))}.player-phone.is-tasking .story-bottom{bottom:max(18px,calc(env(safe-area-inset-bottom) + 14px))}.line-card{min-height:138px;padding:15px 15px 24px;border-radius:8px}.line-card:before{left:10px;right:10px}.line-card:after{top:5px;right:5px;bottom:5px;left:5px}.line-card.line-card--dialogue{grid-template-columns:40px auto;gap:10px}.line-card.line-card--player{grid-template-columns:auto 40px}.line-card p{font-size:1.2rem}.line-card--narration p{padding:13px 14px 15px;font-size:1.28rem}.speaker-avatar{width:40px;height:40px}.task-card{max-height:64vh;padding:15px;border-radius:8px}.task-card:before{left:10px;right:10px;margin:0}.task-card:after{top:5px;right:5px;bottom:5px;left:5px}.task-head{grid-template-columns:minmax(18px,1fr) auto auto minmax(18px,1fr);gap:7px}.task-objective{grid-template-columns:54px minmax(0,1fr);gap:12px;padding:14px 12px 15px}.task-index{padding-right:11px;font-size:2.16rem}.task-index:after{height:42px}.task-card h2{font-size:1.13rem}.task-actions{grid-template-columns:minmax(0,1.28fr) minmax(76px,.72fr)}.primary-button,.secondary-button{flex:1}}