:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#241a14;background:#101b24;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--arena-color: #f6b24a;--arena-accent: #3d7a58}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,a{font:inherit}button{border:0;cursor:pointer}.app{position:relative;width:100vw;height:100svh;min-height:620px;overflow:hidden;background:#87cee1;touch-action:none}.app canvas{position:absolute!important;top:0;right:0;bottom:0;left:0}.top-hud{position:absolute;z-index:10;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:grid;grid-template-columns:minmax(150px,1.1fr) minmax(120px,1.4fr) auto auto;gap:10px;align-items:center;pointer-events:auto}.top-hud__arena,.status-panel,.fallback-strip,.icon-button{border:1px solid rgba(52,37,27,.22);background:#fff6e0db;box-shadow:0 14px 30px #38271829;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-hud__arena{min-width:0;padding:10px 12px;border-radius:8px}.top-hud__arena span{display:block;margin-bottom:2px;color:#775e43;font-size:clamp(.68rem,1.8vw,.78rem);font-weight:800;text-transform:uppercase}.top-hud__arena strong{display:block;overflow:hidden;color:#241a14;font-size:clamp(.9rem,2.3vw,1.1rem);text-overflow:ellipsis;white-space:nowrap}.top-hud__meter{height:16px;overflow:hidden;border:2px solid rgba(57,40,27,.35);border-radius:999px;background:#ffffff8c;box-shadow:inset 0 2px #ffffff80}.top-hud__meter i{display:block;height:100%;border-radius:inherit;transition:width .14s ease}.progress-dots{display:flex;gap:5px;padding:9px 10px;border-radius:999px;background:#281d17b8;box-shadow:0 12px 24px #20150f2e}.progress-dots__dot{width:12px;height:12px;border:2px solid rgba(255,247,221,.78);border-radius:50%;background:transparent}.progress-dots__dot.is-unlocked{background:#ffe06a}.progress-dots__dot.is-current{outline:2px solid var(--arena-accent);outline-offset:2px}.icon-button{min-width:118px;padding:10px 12px;border-radius:8px;color:#241a14;font-weight:800}.app--intro .top-hud{grid-template-columns:auto;justify-content:end}.app--intro .top-hud__arena,.app--intro .top-hud__meter,.app--intro .progress-dots,.app--intro .status-panel,.app--pre-intro .top-hud__arena,.app--pre-intro .top-hud__meter,.app--pre-intro .progress-dots,.app--pre-intro .status-panel,.app--arena-clear .top-hud,.app--arena-clear .status-panel,.app--failed .top-hud,.app--failed .status-panel,.app--victory .top-hud,.app--victory .status-panel{display:none}.status-panel{position:absolute;z-index:9;top:calc(max(12px,env(safe-area-inset-top)) + 66px);right:max(12px,env(safe-area-inset-right));display:flex;max-width:min(92vw,440px);gap:8px;padding:8px;border-radius:8px;color:#4a3629;font-size:.78rem;font-weight:800}.status-panel span{padding:6px 8px;border-radius:6px;background:#ffffff73}.status-panel .is-lit{background:#ffe06a;color:#241a14}.fallback-strip{position:absolute;z-index:11;top:calc(max(12px,env(safe-area-inset-top)) + 118px);left:max(12px,env(safe-area-inset-left));display:flex;align-items:center;gap:10px;max-width:min(92vw,430px);padding:10px;border-radius:8px;color:#2e241b;font-size:.9rem;font-weight:800}.fallback-strip button,.primary-button,.ghost-button,.primary-link,.cv-panel a{min-height:44px;border-radius:8px;text-decoration:none}.fallback-strip button{padding:8px 12px;color:#fff;background:#2d6e92}.overlay{position:absolute;z-index:8;pointer-events:auto}.overlay--intro{top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(280px,.72fr);gap:clamp(18px,4vw,44px);align-items:end;padding:clamp(90px,12vh,150px) max(24px,env(safe-area-inset-right)) max(100px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:linear-gradient(90deg,#121718bd,#1217182e 52%,#1217187a);color:#fff7df}.hero-copy{position:relative;z-index:2;max-width:640px;text-shadow:0 3px 16px rgba(0,0,0,.32)}.kicker{margin:0 0 10px;color:#ffe06a;font-size:.78rem;font-weight:900;text-transform:uppercase}h1,h2,h3,p{letter-spacing:0}h1{max-width:11ch;margin:0;font-size:clamp(2.75rem,8.4vw,6.1rem);line-height:.9}.hero-copy p:not(.kicker){max-width:52ch;margin:20px 0 0;color:#fff0cf;font-size:clamp(1rem,2.1vw,1.16rem);line-height:1.55}.hero-actions{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.primary-button,.ghost-button,.primary-link,.cv-panel a{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;font-weight:900}.primary-button,.primary-link{color:#241a14;background:#ffe06a;box-shadow:0 10px #b96c2d,0 18px 36px #00000038}.primary-button:active,.primary-link:active{transform:translateY(3px);box-shadow:0 7px #b96c2d,0 12px 28px #0003}.ghost-button{color:#fff7df;background:#ffffff24;border:1px solid rgba(255,247,223,.5)}.overlay--card .ghost-button,.overlay--victory .ghost-button{color:#2b2017;background:#2d6e921f;border-color:#2d6e9252}.intro-note{align-self:end;max-width:460px;padding:18px;border:1px solid rgba(255,247,223,.52);border-left:8px solid #ffe06a;border-radius:8px;background:#1e181475;color:#fff7df;box-shadow:0 18px 40px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.intro-note span{display:block;margin-bottom:8px;color:#ffe06a;font-size:.78rem;font-weight:900;text-transform:uppercase}.intro-note strong{display:block;font-size:clamp(1rem,2vw,1.24rem);line-height:1.45}.overlay--portfolio-intro{display:block;padding:clamp(72px,8vh,96px) max(24px,env(safe-area-inset-right)) max(72px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));overflow:auto;background:linear-gradient(115deg,#0e171ee8,#142c31c7 46%,#2f271db8),#101b24a3}.portfolio-shell{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(300px,.68fr);gap:clamp(16px,2.4vw,26px);width:min(1180px,100%);margin:0 auto}.portfolio-hero,.portfolio-run-panel,.portfolio-section{border:1px solid rgba(255,247,223,.34);border-radius:8px;box-shadow:0 22px 54px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.portfolio-hero{min-height:440px;padding:clamp(22px,4vw,34px);background:#fff7dfe6;color:#241a14}.portfolio-hero .kicker,.portfolio-section .kicker,.portfolio-run-panel .kicker{color:#c06a28}.portfolio-hero h1{max-width:13ch;color:#1b2629;font-size:clamp(3rem,7vw,5.7rem)}.portfolio-hero>p:not(.kicker){max-width:58ch;color:#493628;text-shadow:none}.portfolio-hero .cv-stack{margin-top:clamp(20px,4vw,34px)}.portfolio-hero .link-fallback{color:#654a36}.overlay--portfolio-intro .disclaimer{position:static;width:min(1180px,100%);max-width:none;margin:18px auto 0;color:#fff7dfc7}.portfolio-run-panel{align-self:start;padding:clamp(18px,3vw,24px);background:#1c2b36e6;color:#fff7df}.portfolio-run-panel h2,.portfolio-section h2{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.04}.portfolio-run-panel p:not(.kicker),.portfolio-section p{color:#fff7dfd6;line-height:1.5}.method-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.method-chips span{padding:7px 9px;border:1px solid rgba(255,224,106,.42);border-radius:999px;background:#ffe06a1f;color:#ffe06a;font-size:.75rem;font-weight:900}.portfolio-section{grid-column:1 / -1;padding:clamp(18px,3vw,24px);background:#121e23db}.portfolio-section__heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.portfolio-principles,.portfolio-work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.portfolio-work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-principle,.portfolio-work-card{min-height:170px;padding:14px;border:1px solid rgba(255,247,223,.18);border-radius:8px;background:#fff7df1a;color:#fff7df;transition:border-color .16s ease,background .16s ease,transform .16s ease}.portfolio-principle:hover,.portfolio-principle.is-expanded,.portfolio-work-card:hover,.portfolio-work-card.is-expanded{border-color:#ffe06a9e;background:#fff7df29;transform:translateY(-2px)}.portfolio-principle button,.portfolio-work-card button{display:block;width:100%;padding:0;color:inherit;text-align:left;background:transparent}.portfolio-principle span,.portfolio-work-card span{display:block;margin-bottom:8px;color:#8fd1c5;font-size:.7rem;font-weight:900;text-transform:uppercase}.portfolio-principle h3,.portfolio-work-card h3{margin:0;font-size:clamp(1rem,1.7vw,1.18rem);line-height:1.18}.portfolio-principle p,.portfolio-work-card p{margin:10px 0 0;color:#fff7dfc7;font-size:.9rem;line-height:1.45}.portfolio-principle em,.portfolio-work-card em{display:inline-block;margin-top:12px;color:#ffe06a;font-size:.72rem;font-style:normal;font-weight:900;text-transform:uppercase}.portfolio-card-detail{max-height:0;margin:0;overflow:hidden;opacity:0;transition:max-height .22s ease,margin-top .22s ease,opacity .18s ease}.portfolio-principle:hover .portfolio-card-detail,.portfolio-principle.is-expanded .portfolio-card-detail,.portfolio-work-card:hover .portfolio-card-detail,.portfolio-work-card.is-expanded .portfolio-card-detail{max-height:220px;margin-top:12px;opacity:1}.portfolio-work-card>a{display:inline-flex;align-items:center;min-height:36px;max-height:0;margin-top:0;overflow:hidden;color:#ffe06a;font-size:.82rem;font-weight:900;text-decoration:none;opacity:0;transition:max-height .22s ease,margin-top .22s ease,opacity .18s ease}.portfolio-work-card:hover>a,.portfolio-work-card.is-expanded>a{max-height:36px;margin-top:10px;opacity:1}.pre-intro-curtain{position:absolute;z-index:1000;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#101b2466;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.pre-intro-curtain div{padding:16px 32px;border-radius:8px;background:#f0f2f5;color:#1c2b36;box-shadow:0 8px 32px #00000080;font-size:1.2rem;font-weight:900}.overlay--briefing{z-index:11;top:0;right:0;bottom:0;left:0;display:grid;align-items:center;justify-items:start;padding:clamp(96px,14vh,140px) max(18px,env(safe-area-inset-right)) clamp(112px,18vh,150px) max(24px,6vw);background:linear-gradient(90deg,#13151a94,#13151a38 48%,#13151a0a);pointer-events:auto}.briefing-panel{width:clamp(360px,46vw,620px);max-width:92vw;padding:clamp(18px,3.2vw,26px);border:1px solid rgba(255,247,223,.48);border-left:8px solid var(--arena-accent);border-radius:8px;background:#fff6e0eb;box-shadow:0 24px 60px #140d0857;color:#261b13;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:briefing-panel-in .24s ease both}.briefing-panel h2{margin:0;color:#261b13;font-size:clamp(2rem,5vw,3.25rem);line-height:.98}.briefing-panel>p:not(.kicker){margin:14px 0 0;color:#503a2b;font-size:clamp(.94rem,1.8vw,1.06rem);line-height:1.5}.briefing-clues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.briefing-clues div{min-height:82px;padding:10px;border:2px solid rgba(62,44,31,.16);border-radius:8px;background:#fffdf5b8}.briefing-clues span{display:block;margin-bottom:6px;color:#7b6045;font-size:.66rem;font-weight:900;text-transform:uppercase}.briefing-clues strong{display:block;font-size:clamp(.78rem,1.6vw,.95rem);line-height:1.2}@keyframes briefing-panel-in{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.briefing-button{margin-top:18px}.disclaimer{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:calc(18px + env(safe-area-inset-bottom));max-width:min(720px,92vw);color:#fff7dfcc;font-size:.78rem}.overlay--card,.overlay--victory{top:50%;left:50%;width:min(92vw,620px);max-height:min(82svh,760px);overflow:auto;padding:clamp(18px,4vw,28px);border:1px solid rgba(52,37,27,.22);border-radius:8px;background:#fff6e0f0;box-shadow:0 24px 60px #23170f52;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.overlay--card h2,.overlay--victory h2{margin:0;color:#261b13;font-size:clamp(2rem,5vw,3.2rem);line-height:1}.overlay--card>p:not(.kicker),.overlay--victory>p:not(.kicker){color:#5f4936;line-height:1.5}.evidence-card{margin:18px 0;padding:16px;border:2px solid rgba(60,42,31,.14);border-left:8px solid var(--arena-accent);border-radius:8px;background:#fff}.evidence-card__eyebrow{display:inline-block;margin-bottom:8px;color:#8b5e2e;font-size:.72rem;font-weight:900;text-transform:uppercase}.evidence-card h3{margin:0;font-size:1.1rem}.evidence-card p{margin:8px 0 10px;color:#4e3a2d;line-height:1.45}.evidence-card small{color:#76533b;font-weight:800}.evidence-card--compact{min-width:230px;margin:0}.evidence-card--compact p{display:none}.letter{margin:18px 0;padding:16px;border-radius:8px;background:#fffdf5;color:#463225;line-height:1.55}.letter p{margin:0 0 12px}.letter p:last-child{margin-bottom:0}.cv-stack{margin:16px 0 20px}.cv-panel{display:flex;flex-wrap:wrap;gap:10px}.cv-panel a:not(.primary-link){color:#fff;background:#2d6e92}.link-fallback{margin:10px 0 0;color:#6d523b;font-size:.78rem;font-weight:800;line-height:1.35}.evidence-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-controls{position:absolute;z-index:12;left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;padding:0 20px;box-sizing:border-box;pointer-events:auto;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.steering-buttons{display:flex;gap:12px}.steering-buttons button{width:90px}.clarify-button,.sprint-button{position:absolute;width:64px!important;height:64px!important;border-radius:50%!important;font-size:1.8rem!important;display:flex;align-items:center;justify-content:center}.clarify-button{right:max(20px,env(safe-area-inset-right))}.sprint-button{left:max(20px,env(safe-area-inset-left));font-size:1.4rem!important;overflow:hidden}.sprint-icon{display:inline-flex;gap:2px;align-items:center;justify-content:center;width:28px;height:24px;pointer-events:none;user-select:none;-webkit-user-select:none}.sprint-icon i{display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:12px solid currentColor}.app:not(.app--playing) .mobile-controls{display:none}.mobile-controls button{height:56px;border:1px solid rgba(255,247,223,.55);border-radius:8px;color:#fff7df;background:#231812b3;box-shadow:0 12px 28px #140c0838;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-weight:900;touch-action:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-user-drag:none}.mobile-controls button.is-active{color:#241a14;background:#ffe06a}.choice-panel{position:absolute;z-index:10;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;width:min(720px,calc(100vw - 24px));transform:translate(-50%);pointer-events:none}.choice-panel--brief{grid-template-columns:1fr;padding:12px 14px;border-radius:8px;background:#fff6e0e0;box-shadow:0 16px 36px #23170f33;color:#2b2017;font-weight:900}.choice-panel--brief span,.choice-card span{color:#7b6045;font-size:.66rem;font-weight:900;text-transform:uppercase}.choice-panel--brief strong{display:block;margin-top:4px;font-size:.9rem;line-height:1.3}.choice-card{position:relative;min-height:76px;padding:10px;border:2px solid rgba(62,44,31,.2);border-radius:8px;background:#fff6e0e6;box-shadow:0 14px 32px #23170f33;color:#2b2017;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.choice-card strong{display:block;margin-top:5px;font-size:clamp(.78rem,1.7vw,.98rem);line-height:1.15}.choice-card--opponent strong,.choice-card--boss strong{padding-right:58px}.choice-card em{position:absolute;top:8px;right:8px;padding:3px 6px;border-radius:5px;background:#ffb454;color:#321f10;font-size:.63rem;font-style:normal;font-weight:900;text-transform:uppercase}.choice-card--insight{border-color:#5bd1e7b3}.choice-card--barrier{border-color:#f4d56bb3}.choice-card--opponent,.choice-card--boss{border-color:#ffb454d6}.choice-card.is-selected{outline:3px solid #ffe06a;outline-offset:2px}.choice-panel__hint{grid-column:1 / -1;margin:0;padding:8px 10px;border:1px solid rgba(255,180,84,.62);border-radius:8px;background:#231812b8;color:#fff7df;font-size:.76rem;font-weight:900;line-height:1.25;text-align:center;box-shadow:0 12px 24px #23170f33}.help-toggle-wrap{position:absolute;z-index:14;top:92px;right:max(12px,env(safe-area-inset-right))}.app:not(.app--playing) .help-toggle-wrap{display:none}.help-toggle-btn{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,247,223,.55);background:#231812b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff7df;font-weight:900;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.help-popover{display:none;position:absolute;top:38px;right:0;width:240px;padding:10px 12px;border-radius:8px;background:#fff6e0f0;color:#2b2017;font-size:.78rem;font-weight:800;line-height:1.4;box-shadow:0 8px 20px #23170f40}.help-popover--visible{display:block}.loading-badge{padding:10px 12px;border-radius:8px;color:#241a14;background:#fff7df;font-weight:900}@media (max-width: 900px){.app{min-height:540px}.top-hud{grid-template-columns:minmax(118px,1fr) minmax(100px,1fr) auto}.progress-dots{display:none}.status-panel{top:calc(max(12px,env(safe-area-inset-top)) + 86px);left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));justify-content:space-between}.overlay--intro{grid-template-columns:1fr;grid-auto-rows:max-content;align-content:end;align-items:start;gap:18px;padding-top:118px;overflow:auto}.overlay--portfolio-intro{display:block;padding:92px max(16px,env(safe-area-inset-right)) calc(54px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.portfolio-shell{grid-template-columns:1fr}.portfolio-hero{min-height:0}.portfolio-hero h1{max-width:100%}.portfolio-principles{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-work-grid{grid-template-columns:1fr}h1{max-width:100%;font-size:clamp(2.5rem,12vw,4rem);word-break:break-word;hyphens:auto;-webkit-hyphens:auto}.hero-copy{padding-right:max(24px,env(safe-area-inset-right))}.hero-copy p:not(.kicker){max-width:36rem;font-size:.98rem}.intro-note{display:none}.overlay--briefing{align-items:center;justify-items:start;padding-top:118px;padding-bottom:calc(112px + env(safe-area-inset-bottom))}.briefing-panel{width:min(54vw,440px);max-width:calc(100vw - 24px)}.briefing-clues{grid-template-columns:1fr}.briefing-clues div{min-height:0}.choice-panel{bottom:calc(84px + env(safe-area-inset-bottom));grid-template-columns:repeat(3,minmax(0,1fr))}.choice-card{min-height:72px;padding:8px}.fallback-strip{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:calc(max(12px,env(safe-area-inset-top)) + 112px);bottom:auto}}@media (max-width: 560px){.top-hud{grid-template-columns:1fr 86px}.top-hud__meter{grid-column:1 / -1;grid-row:2}.icon-button{min-width:0}.status-panel{font-size:.7rem}.overlay--card,.overlay--victory{top:calc(50% - 18px);width:min(94vw,520px);padding:18px}.evidence-row{grid-template-columns:1fr}.cv-panel{display:grid;grid-template-columns:1fr}.portfolio-section__heading{display:block}.portfolio-principles{grid-template-columns:1fr}.portfolio-principle,.portfolio-work-card{min-height:0}.portfolio-hero h1{font-size:clamp(2.1rem,10vw,2.7rem);line-height:.98;word-break:normal;overflow-wrap:normal}.mobile-controls{width:calc(100vw - 24px);grid-template-columns:1fr 1.2fr 1fr}.overlay--briefing{align-items:end;justify-items:center;padding:112px max(12px,env(safe-area-inset-right)) calc(118px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(180deg,#13151a1a,#13151a94)}.briefing-panel{width:min(94vw,520px)}.choice-panel{width:calc(100vw - 18px);gap:6px}.choice-card strong{font-size:.72rem}.choice-card--opponent strong,.choice-card--boss strong{padding-right:0;padding-bottom:20px}.choice-card em{top:auto;right:6px;bottom:6px;font-size:.56rem}.choice-panel__hint{padding:7px 8px;font-size:.68rem}.mobile-controls button{height:54px}}.speaker-indicator{position:absolute;z-index:9999;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));width:58px;height:58px;color:#ffe06a;background:#1e181499;border-radius:50%;padding:12px;box-shadow:0 0 24px #ffe06a66;pointer-events:none;animation:speaker-pulse 2s ease-in-out infinite,speaker-fade 4.5s ease-in-out forwards}.speaker-indicator svg{width:100%;height:100%;display:block}.speaker-wave-1{animation:wave-flash 1.5s infinite}.speaker-wave-2{animation:wave-flash 1.5s infinite .2s}@keyframes speaker-pulse{0%{transform:scale(.95);box-shadow:0 0 #ffe06a66}70%{transform:scale(1.05);box-shadow:0 0 0 20px #ffe06a00}to{transform:scale(.95);box-shadow:0 0 #ffe06a00}}@keyframes wave-flash{0%,to{opacity:.3}50%{opacity:1}}@keyframes speaker-fade{0%{opacity:0}10%{opacity:1}85%{opacity:1}to{opacity:0}}.dev-voice-history{position:fixed;z-index:80;right:12px;bottom:12px;left:12px;display:grid;grid-template-rows:auto minmax(0,1fr);max-height:min(42svh,360px);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#f5f1e8;background:#13161cf0;box-shadow:0 18px 48px #00000061;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.dev-voice-history--closed{left:auto;width:min(520px,calc(100vw - 24px))}.dev-voice-history__topbar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px;border-bottom:1px solid rgba(255,255,255,.12);font-size:.78rem}.dev-voice-history__topbar strong,.dev-voice-history__topbar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-voice-history button{min-height:30px;padding:5px 9px;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff6df;background:#2f7fa9;font-size:.76rem;font-weight:800}.dev-voice-history button:disabled{cursor:not-allowed;opacity:.45}.dev-voice-history__body{display:grid;gap:8px;min-height:0;padding:8px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.dev-voice-history__status,.dev-voice-history__empty{margin:0;color:#ffe06a;font-size:.78rem}.dev-voice-card{display:grid;gap:6px;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f}.dev-voice-card__meta,.dev-voice-card__details,.dev-voice-card__actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.dev-voice-card__meta span,.dev-voice-card__details code,.dev-voice-card__actions span{padding:3px 6px;border-radius:5px;color:#f5f1e8;background:#ffffff14;font-size:.72rem}.dev-voice-card__details code{overflow-wrap:anywhere}.dev-voice-card textarea{width:100%;min-height:58px;resize:vertical;border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:7px;color:#fffdf6;background:#0000004d;font:.78rem/1.35 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}