:root{font:100%/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif;color:#11131a;background:#fff;--accent:#5267f7;--muted:#6e7380;--hair:#e7e9ee;--glass:rgba(255,255,255,.76)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button,a{transition:transform .16s,opacity .16s,background .2s}button:active,a:active{transform:scale(.97)}button{cursor:pointer}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);position:sticky;top:0;z-index:20;background:var(--glass);backdrop-filter:blur(24px) saturate(180%)}.brand{font-weight:720;color:#111827;text-decoration:none;letter-spacing:-.02em}.brandmark{color:var(--accent);margin-right:.45rem}.topbar nav{display:flex;align-items:center;gap:28px}.topbar nav a{color:#4f5665;text-decoration:none;font-size:.9rem}.primary{border:0;background:#111827;color:white;padding:.68rem 1.05rem;border-radius:9px;font-weight:650}.quiet{border:0;background:transparent;color:#4b5563}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:7vw;overflow:hidden}.hero-copy{max-width:670px}.hero h1{font-size:clamp(4rem,8vw,8.3rem);line-height:.91;letter-spacing:-.075em;margin:0 0 2rem;font-weight:760}.hero h1 span{color:var(--accent)}.hero p{max-width:560px;font-size:1.22rem;color:var(--muted);line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:2.5rem}.big{font-size:1rem;padding:.9rem 1.35rem;text-decoration:none}.text-link{color:#4e5bd4;text-decoration:none}.hero-art{height:560px;position:relative}.orb{position:absolute;width:440px;aspect-ratio:1;border-radius:50%;top:40px;left:15%;background:radial-gradient(circle at 35% 30%,#fff 0 4%,#cad1ff 25%,#6677f6 58%,#1a2158);box-shadow:0 50px 100px #5b68c744}.story-line{position:absolute;font-size:1.2rem;color:#73798b;border-bottom:1px solid #b4b9c9;padding:8px 80px 8px 4px}.l1{top:60px;right:0}.l2{top:270px;left:0}.l3{bottom:70px;right:10%}.feature-band{padding:9vw 8vw;background:#f5f6f8}.feature-band h2{font-size:clamp(2.5rem,5vw,5.5rem);line-height:1.05;letter-spacing:-.05em;max-width:850px}.open-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:7vw}.open-grid article{border-top:1px solid #cfd3dc;padding-top:24px}.open-grid b{font-size:1.25rem}.open-grid p{color:var(--muted)}.workflow{padding:7vw;display:flex;align-items:center;justify-content:center;gap:2rem;font-weight:600}.workflow i{height:1px;width:12vw;background:#cfd3dc}.auth-dialog,#gameModal{border:0;border-radius:20px;padding:32px;width:min(430px,calc(100vw - 32px));box-shadow:0 28px 90px #2225}.auth-dialog::backdrop,#gameModal::backdrop{background:#0b102344;backdrop-filter:blur(12px)}.dialog-close{float:right;border:0;background:#eef0f4;border-radius:50%;width:30px;height:30px}.auth-head{text-align:center}.auth-head h2{margin:.8rem 0 0}.auth-head p{color:var(--muted)}.auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--hair);margin:24px 0}.auth-tabs button{border:0;background:none;padding:12px 4px;color:var(--muted)}.auth-tabs .active{color:#111;border-bottom:2px solid var(--accent)}form input,form textarea,form select{border:1px solid #d8dbe4;border-radius:8px;padding:.8rem;background:#fff;width:100%;outline:0}form input:focus,form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #5267f71a}#authForm{display:grid;gap:12px}.code-row{display:grid;grid-template-columns:1fr auto;gap:8px}.hidden{display:none!important}.submit{width:100%;margin-top:8px}.form-error{color:#c43b48;min-height:1.4em;margin:0;font-size:.9rem}
.dashboard,.admin-page{background:#f5f6f8;min-height:100vh}.dash-side{position:fixed;inset:0 auto 0 0;width:230px;background:rgba(255,255,255,.85);backdrop-filter:blur(24px);padding:28px 22px;display:flex;flex-direction:column;border-right:1px solid #e5e7eb}.dash-side nav{display:grid;gap:6px;margin-top:46px}.dash-side nav a{padding:10px 12px;text-decoration:none;color:#596071;border-radius:8px}.dash-side nav .active{background:#e9edff;color:#3447cf}.account{margin-top:auto;font-size:.75rem;color:#73798b;overflow:hidden}.account button{display:block;border:0;background:none;color:#c33;padding:8px 0}.dash-main{margin-left:230px;padding:56px clamp(32px,5vw,80px)}.dash-main>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}.dash-main h1{font-size:3rem;letter-spacing:-.05em;margin:0}.dash-main header p{color:var(--muted)}.project-list article{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #dfe2e8}.project-thumb{width:64px;height:44px;background:#e2e6fb;display:grid;place-items:center;border-radius:7px;color:var(--accent);overflow:hidden}.project-thumb img{width:100%;height:100%;object-fit:cover}.project-list h3{margin:0}.project-list p{margin:3px 0;color:#818694;font-size:.82rem}.project-actions{display:flex;gap:8px}.project-actions a,.project-actions button{border:0;background:transparent;color:#4c59cc;text-decoration:none;padding:8px}.project-actions .danger{color:#c03945}.empty{text-align:center;padding:15vh;color:var(--muted)}.empty div{font-size:3rem;color:#aeb6e9}.admin-section{background:white;padding:25px;margin:25px 0;border-radius:14px}.admin-section table{width:100%;border-collapse:collapse}.admin-section th,.admin-section td{text-align:left;border-bottom:1px solid var(--hair);padding:13px}.admin-lock{min-height:100vh;display:grid;place-items:center;background:#f5f6f8}.admin-lock>.brand{position:absolute;top:30px;left:36px}.admin-lock form{width:min(400px,90vw);background:white;padding:38px;border-radius:18px;box-shadow:0 24px 70px #15192b12;display:grid;gap:15px}.admin-lock h1{margin:0;font-size:2.4rem}.admin-lock p{color:var(--muted)}.admin-lock small{color:#c33}
@media(max-width:800px){.topbar nav a{display:none}.hero{grid-template-columns:1fr;padding:50px 24px}.hero-art{height:320px}.orb{width:270px}.open-grid{grid-template-columns:1fr}.workflow{flex-direction:column}.workflow i{height:50px;width:1px}.dash-side{position:static;width:auto;height:66px;flex-direction:row;align-items:center}.dash-side nav{display:none}.account{margin-left:auto;margin-top:0}.dash-main{margin:0;padding:28px 20px}.dash-main h1{font-size:2.3rem}.project-list article{grid-template-columns:50px 1fr}.project-actions{grid-column:1/-1;justify-content:flex-end}}
@media(max-width:800px){.topbar{padding:0 16px}.topbar .brand{white-space:nowrap;font-size:.84rem}.topbar nav{gap:6px}.topbar nav .quiet{display:none}.topbar nav .primary{font-size:.76rem;padding:.65rem .78rem}.hero{min-height:auto;padding:56px 24px 24px}.hero h1{font-size:clamp(3.2rem,16vw,4rem)}.hero-proof{flex-wrap:wrap;gap:10px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:opacity .15s!important}}
.editor-page{overflow:hidden;background:#0e1117;color:#d9dde7}.editor-top{height:54px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;padding:0 12px;border-bottom:1px solid #252a34;background:#151920}.brand.dark{color:#f4f6fb}.editor-top>strong{font-size:.9rem}.editor-tools{display:flex;align-items:center;gap:7px}.editor-tools button{border:1px solid #303641;background:#1d222b;color:#dfe3ec;border-radius:6px;padding:6px 10px}.editor-tools .accent{background:#5366ee;border-color:#5366ee}.editor-tools span{font-size:.72rem;color:#8d95a5;margin:0 8px}.editor-shell{height:calc(100vh - 54px);display:grid;grid-template-columns:220px 1fr 290px}.node-library,.inspector{background:#151920;padding:14px;overflow:auto;z-index:4}.node-library{border-right:1px solid #272c36}.inspector{border-left:1px solid #272c36}.node-library h2,.inspector h2{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8991a1}.node-library input{width:100%;background:#20252e;border:1px solid #303743;color:#eef1f7;border-radius:6px;padding:8px}.node-type{width:100%;display:flex;align-items:center;gap:9px;margin:5px 0;padding:8px;border:1px solid #2a303a;background:#1c2129;color:#d7dbe5;border-radius:6px;text-align:left;font-size:.78rem}.node-type i{width:8px;height:8px;background:var(--node);transform:rotate(45deg)}.node-library hr{border:0;border-top:1px solid #292f38;margin:17px 0}.character-row,#addCharacter{width:100%;border:0;background:transparent;color:#bfc5d0;text-align:left;padding:7px;font-size:.8rem}#addCharacter{color:#7e8dff;margin-top:8px}#canvas{position:relative;overflow:hidden;background-color:#0f1218;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:22px 22px}#wires,#nodes{position:absolute;inset:0;width:100%;height:100%}#wires{pointer-events:none}.wire{stroke:#7c8494;stroke-width:2;fill:none}.flow-node{position:absolute;width:170px;min-height:68px;background:#20252e;border:1px solid var(--node);border-radius:7px;box-shadow:0 10px 25px #0005;user-select:none}.flow-node.selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--node) 45%,transparent),0 12px 30px #0007}.node-head{padding:7px 10px;border-bottom:1px solid #ffffff12;font-size:.78rem;font-weight:700;color:#eef1f7}.node-summary{padding:8px 10px;color:#9fa7b6;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.port{position:absolute;width:10px;height:10px;border-radius:50%;background:#c9cfda;border:2px solid #242a33;top:29px}.port.in{left:-6px}.port.out{right:-6px}.canvas-hint{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#667080;font-size:.7rem;pointer-events:none}.inspector form{display:grid;gap:12px}.inspector label{font-size:.72rem;color:#929aa9}.inspector input,.inspector textarea,.inspector select{margin-top:4px;background:#20252e;border-color:#353c47;color:#eef1f7;border-radius:5px;padding:8px}.inspector textarea{min-height:90px;resize:vertical}.inspector .delete-node{background:#3a1c22;color:#ff9ca7;border:1px solid #63313a;border-radius:6px;padding:8px}.inspector p{color:#777f8f;font-size:.8rem}
.player-page{overflow:hidden;background:#000;color:white;font-family:"Noto Serif SC","Songti SC",serif}.player-page button{font-family:inherit}#preloader{position:fixed;inset:0;background:#080a12;z-index:100;display:grid;place-content:center;text-align:center;transition:opacity .8s}.loader-mark{font-size:2.2rem;color:#8696ff}.load-track{width:260px;height:2px;background:#ffffff1a;margin:18px}.load-track i{display:block;width:0;height:100%;background:#91a0ff;transition:width .3s}#stage{height:100vh;position:relative;overflow:hidden;background:#06070a}#bgLayer,#cgLayer{position:absolute;inset:-2%;background-size:cover;background-position:center;transition:opacity 1s,transform 2.5s;opacity:0;transform:scale(1.02)}#bgLayer.visible,#cgLayer.visible{opacity:1;transform:scale(1)}#spriteLayer{position:absolute;inset:8% 12% 0;display:flex;justify-content:center;align-items:end;gap:2vw}#spriteLayer img{height:92%;max-width:42vw;object-fit:contain;filter:drop-shadow(0 30px 40px #0007);transition:opacity .65s,transform .9s;animation:spriteIn .9s both}.title-menu{position:absolute;top:6vh;left:4vw;z-index:6;display:grid;gap:2px;width:220px}.game-icon{max-width:160px;max-height:100px;object-fit:contain;margin-bottom:18px}.game-wordmark{font-size:1.7rem;font-style:italic;margin-bottom:20px;text-shadow:0 3px 15px #000}.title-menu button{border:0;border-left:1px solid #ffffff25;background:linear-gradient(90deg,#0009,transparent);color:#dfe5ff;text-align:left;padding:9px 16px;letter-spacing:.12em;text-shadow:0 2px 6px #000}.title-menu button:hover{border-left-color:#91a0ff;background:linear-gradient(90deg,#5366ee55,transparent);padding-left:22px}#chapter{position:absolute;top:25px;left:30px;font-size:.8rem;letter-spacing:.18em;text-shadow:0 2px 8px #000;z-index:5}#dialogue{position:absolute;z-index:5;inset:auto 0 0;height:34vh;padding:11vh 13vw 7vh;background:linear-gradient(transparent,rgba(2,3,8,.78) 34%,rgba(2,3,8,.94));opacity:0;transition:opacity .45s}#dialogue.visible{opacity:1}#speaker{display:block;color:#aab7ff;font-size:1.35rem;letter-spacing:.08em;margin-bottom:9px;text-shadow:0 2px 8px #000}#line{font-size:clamp(1rem,1.45vw,1.4rem);margin:0;line-height:1.9;text-shadow:0 2px 8px #000}.next-mark{position:absolute;right:12vw;bottom:5vh;animation:pulse 1.3s infinite}#gameToolbar{position:absolute;z-index:7;bottom:10px;right:3vw;display:flex;gap:6px;opacity:.72}#gameToolbar button{border:0;background:transparent;color:#d9deed;font-size:.72rem;padding:7px}#choices{position:absolute;inset:0;z-index:9;display:none;place-content:center;gap:10px;background:#05071366}#choices.visible{display:grid}#choices button{min-width:420px;border:0;border-left:2px solid #9aa7ff;background:linear-gradient(90deg,#111626e8,#111626aa);color:#fff;padding:15px 28px;letter-spacing:.08em}#blackText{position:absolute;inset:0;z-index:8;background:#000;display:none;place-content:center;text-align:center;white-space:pre-line;font-size:1.25rem;line-height:2.4;padding:15vw}#blackText.visible{display:grid}#gameModal{background:#111522;color:#eef1ff;border-radius:4px}#gameModal h2{font-family:system-ui}#gameModal button{color:inherit}#gameModal label{display:flex;justify-content:space-between;margin:15px 0;font-family:system-ui}#gameModal input{width:140px}.history{max-height:55vh;overflow:auto}.history p{border-bottom:1px solid #ffffff12;padding:10px}@keyframes pulse{50%{transform:translateY(5px);opacity:.4}}@keyframes spriteIn{from{opacity:0;transform:translateY(18px)}}
@media(max-width:900px){.editor-shell{grid-template-columns:170px 1fr}.inspector{position:absolute;right:0;top:54px;bottom:0;width:280px}.editor-top{grid-template-columns:170px 1fr auto}.editor-tools button:nth-child(-n+2){display:none}.title-menu{left:20px;top:30px}.title-menu button{padding:6px 12px}#dialogue{padding:12vh 7vw 7vh}#gameToolbar{left:2vw;right:auto}#choices button{min-width:min(80vw,420px)}}

/* Refined shared language */
.icon{width:1.08em;height:1.08em;display:inline-block;vertical-align:-.16em;flex:none}.primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 8px 22px #1e27411c}.primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1e27412b}.icon-button{width:36px;height:36px;padding:0;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:#596071}.icon-button:hover{background:#eff1f5;color:#111827}.topbar{transition:box-shadow .35s,background .35s}.studio-home .topbar{border-bottom:1px solid #eef0f400}.studio-home .topbar:has(+main .hero:hover){background:rgba(255,255,255,.82)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.revealed{opacity:1;transform:none}.section-index{display:block;font-size:.72rem;letter-spacing:.2em;color:#5b6df3;margin-bottom:1.5rem}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;align-items:end}.section-heading .section-index{grid-column:1/-1}.section-heading p{color:#6e7481;max-width:440px;font-size:1.05rem;line-height:1.8}.hero{grid-template-columns:.85fr 1.15fr;padding:4vw max(5vw,44px);min-height:calc(100vh - 72px)}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(3.9rem,7vw,7.7rem)}.hero-image{margin:0;position:relative;min-width:0}.hero-image img{display:block;width:130%;max-width:none;margin-left:-18%;mix-blend-mode:multiply;filter:saturate(.94);animation:heroFloat 8s ease-in-out infinite}.hero-image figcaption{position:absolute;right:6%;bottom:7%;font-size:.75rem;color:#73798a;display:flex;align-items:center;gap:9px}.hero-image figcaption span{width:24px;height:1px;background:#6576ee}.hero-proof{display:flex;gap:22px;margin-top:44px;color:#777d8a;font-size:.78rem}.hero-proof span{display:flex;align-items:center;gap:6px}.hero-proof .icon{color:#6678ee}.text-link{display:inline-flex;align-items:center;gap:7px}.text-link .icon{transition:transform .2s}.text-link:hover .icon{transform:translateX(4px)}.feature-band{padding:10vw 8vw 9vw}.feature-band h2{margin:0}.open-grid article{display:grid;grid-template-columns:42px 1fr;column-gap:4px;transition:transform .35s}.open-grid article:hover{transform:translateY(-7px)}.open-grid article>.icon{width:28px;height:28px;color:#6275f0;grid-row:1/3;margin-top:3px}.open-grid article b,.open-grid article p{grid-column:2}.open-grid article p{line-height:1.75}.editor-showcase{padding:10vw 8vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;background:#11141b;color:white;overflow:hidden}.showcase-copy h2{font-size:clamp(2.8rem,5vw,5.4rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 2rem}.showcase-copy p{color:#9da4b2;line-height:1.8;max-width:450px}.showcase-copy .text-link{color:#9eacff;margin-top:1.5rem;text-decoration:none}.flow-demo{height:430px;position:relative;border:1px solid #313744;background-color:#151920;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:22px 22px;box-shadow:0 35px 70px #0005;transform:perspective(1200px) rotateY(-3deg)}.flow-demo svg{position:absolute;inset:0;width:100%;height:100%}.flow-demo path{fill:none;stroke:#768093;stroke-width:2}.demo-node{position:absolute;left:var(--x);top:var(--y);width:120px;padding:15px 13px;border:1px solid #5b72ee;background:#202633;border-radius:6px;font-size:.77rem;box-shadow:0 12px 25px #0005}.demo-node.start{border-color:#4bb58c}.demo-node.branch{border-color:#daa03e}.demo-node.end{border-color:#d8525e}.workflow{padding:7vw 9vw;gap:4vw}.workflow>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}.workflow>div>span{grid-row:1/4;color:#5267f7;font-size:.68rem}.workflow>div>.icon{width:22px;height:22px}.workflow b{font-size:1.05rem}.workflow p{grid-column:2;color:#838894;font-size:.78rem;margin:.2rem 0}.workflow i{width:7vw}@keyframes heroFloat{50%{transform:translateY(-10px) rotate(.3deg)}}

/* Dashboard */
.dash-side{width:246px;padding:28px 20px}.dash-side nav a{display:flex;align-items:center;gap:11px}.dash-side nav .icon{width:19px;height:19px}.dash-side nav a:hover{background:#f2f3f6;transform:translateX(3px)}.account{display:flex;align-items:center;gap:10px;color:#343946}.account .avatar{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(145deg,#6778f2,#8ca0ff);color:white;border-radius:50%;font-weight:700}.account div{min-width:0}.account b{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis}.dash-main{margin-left:246px;padding:32px clamp(32px,4.5vw,72px) 80px}.dash-hero{height:290px;position:relative;overflow:hidden;display:flex;align-items:center;padding:50px 54px;background:white;border-radius:18px;box-shadow:0 20px 60px #20273b0a}.dash-hero>div{position:relative;z-index:2;max-width:520px}.dash-hero .eyeline{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#6876d7}.dash-hero h1{font-size:clamp(2.4rem,4vw,4.2rem);line-height:1;letter-spacing:-.055em;margin:.6rem 0 1rem}.dash-hero>div>p:not(.eyeline){color:#747a87}.dash-hero img{position:absolute;right:-4%;top:0;height:100%;width:75%;object-fit:cover;object-position:right center;mix-blend-mode:multiply}.dash-hero .primary{margin-top:14px}.project-header{margin:48px 0 8px!important;align-items:center!important}.project-header h2{font-size:1.4rem;margin:0}.project-header p{margin:.25rem 0}.view-tools{display:flex;gap:4px}.view-tools .active{background:#e9ecf8;color:#4458d5}.project-list article{grid-template-columns:92px 1fr auto;padding:18px 10px;border-bottom:1px solid #dfe2e8;transition:background .25s,transform .25s}.project-list article:hover{background:#fff;transform:translateX(4px)}.project-thumb{position:relative;width:92px;height:58px;border-radius:7px}.project-thumb em{position:absolute;inset:0;display:grid;place-items:center;background:#12172d66;color:white;opacity:0;transition:opacity .25s}.project-thumb:hover em{opacity:1}.project-thumb .icon{width:23px;height:23px}.project-info h3{font-size:1rem}.project-title{display:flex;align-items:center;gap:10px}.status-live{font-size:.67rem;color:#338961;background:#e6f5ed;padding:3px 7px;border-radius:5px}.project-actions button,.project-actions a{display:inline-flex;align-items:center;gap:6px;color:#666e7e}.project-actions button:hover,.project-actions a:hover{color:#3449d4;background:#edf0ff;border-radius:6px}.project-actions .action-main{background:#eef0ff;color:#3e51ce;border-radius:7px;padding:8px 12px}.empty{padding:6vh 0 10vh}.empty-art{height:260px;overflow:hidden}.empty-art img{height:100%;max-width:650px;object-fit:cover;mix-blend-mode:multiply}.empty .primary{margin-top:16px}.quick-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:65px;padding-top:36px;border-top:1px solid #dfe2e8}.quick-guide div{display:grid;grid-template-columns:32px 1fr}.quick-guide span{color:#5b6df2;font-size:.68rem;grid-row:1/3}.quick-guide p{margin:.25rem 0;color:#7a808d;font-size:.8rem}.settings-dialog,.resource-dialog,.mini-dialog{border:0;background:#fff;color:#171a21;box-shadow:0 35px 100px #18213b3d}.settings-dialog{width:min(680px,calc(100vw - 30px));border-radius:18px;padding:32px}.settings-dialog::backdrop,.resource-dialog::backdrop,.mini-dialog::backdrop{background:#13182b50;backdrop-filter:blur(14px)}.settings-head{display:flex;gap:14px;align-items:center;margin:10px 0 28px}.settings-head h2{margin:0}.settings-head p{margin:3px 0;color:#747a87}.settings-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:11px;background:#edf0ff;color:#5267f7}.settings-icon .icon{width:22px;height:22px}.settings-dialog form{display:grid;gap:20px}.settings-dialog form>label{display:grid;gap:7px;font-size:.8rem;font-weight:650}.media-setting{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;padding:18px 0;border-top:1px solid #eceef2}.media-setting .media-preview{height:92px;background:#f0f2f7;display:grid;place-items:center;border-radius:10px;overflow:hidden;color:#a1a7b4}.media-preview.wide{width:150px}.media-preview img{width:100%;height:100%;object-fit:cover}.media-setting b{font-size:.88rem}.media-setting p{font-size:.75rem;color:#7d8390;margin:.25rem 0 .6rem}.media-setting input[type=file]{font-size:.72rem}.chroma-controls{display:flex;gap:10px;align-items:center;margin-top:9px;font-size:.7rem}.chroma-controls input[type=color]{width:28px;height:24px;padding:0}.chroma-controls input[type=checkbox]{width:auto}.chroma-controls input[type=range]{width:100px}.settings-actions{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;border-top:1px solid #eceef2;padding-top:20px}.danger-text{border:0;background:transparent;color:#c24955;display:inline-flex;align-items:center;gap:5px}.settings-dialog[open],.resource-dialog[open],.mini-dialog[open]{animation:materialize .35s cubic-bezier(.2,.8,.2,1)}@keyframes materialize{from{opacity:0;transform:translateY(18px) scale(.97);filter:blur(8px)}}

/* Advanced editor */
.editor-top{height:58px;grid-template-columns:220px 1fr auto;padding:0 14px;background:rgba(20,24,31,.92);backdrop-filter:blur(18px);position:relative;z-index:20}.project-switch{justify-self:start;border:0;background:transparent;color:#e3e7ef;display:flex;align-items:center;gap:7px}.project-switch .icon{width:13px;color:#7e8797;opacity:0;transition:opacity .2s}.project-switch:hover .icon{opacity:1}.editor-tools button{display:inline-flex;align-items:center;gap:5px;height:32px}.editor-tools button:hover{background:#2a303a;transform:translateY(-1px)}.editor-tools .accent:hover{background:#6475f5}.editor-tools .zoom-control{display:flex;align-items:center;gap:5px;border-left:1px solid #303640;padding-left:10px}.editor-tools #saveState{display:flex;align-items:center;gap:6px}.editor-tools #saveState i{width:6px;height:6px;border-radius:50%;background:#43b37f}.editor-tools #saveState.dirty i{background:#eda73d;box-shadow:0 0 0 4px #eda73d18}.editor-shell{height:calc(100vh - 58px);grid-template-columns:220px 1fr 320px}.node-library,.inspector{padding:12px;background:#151920}.panel-title,.inspector-head{display:flex;align-items:center;justify-content:space-between}.panel-title button,.inspector-head button{border:0;background:transparent;color:#858e9e;padding:5px}.node-search{display:flex;align-items:center;background:#20252e;border:1px solid #303743;border-radius:6px;padding-left:9px}.node-search .icon{color:#737c8c}.node-library .node-search input{border:0;background:transparent}.node-group h3{font-size:.64rem;color:#697282;text-transform:uppercase;letter-spacing:.09em;margin:14px 5px 6px}.node-type{position:relative;min-height:49px;padding:7px 8px;transition:background .18s,border-color .18s,transform .18s}.node-type:hover{background:#252b35;border-color:#414956;transform:translateX(3px)}.node-type>i{width:27px;height:27px;display:grid;place-items:center;transform:none;border-radius:5px;background:color-mix(in srgb,var(--node) 20%,transparent);color:var(--node);font-style:normal}.node-type>span{display:grid;gap:1px}.node-type b{font-size:.75rem}.node-type small{font-size:.58rem;color:#737d8c}.node-type em{margin-left:auto;color:#6e7787}.library-section{margin-top:18px;padding-top:8px;border-top:1px solid #292f38}.character-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;border-radius:6px}.character-row:hover{background:#20252e}.character-avatar{width:30px;height:30px;display:grid;place-items:center;background:#252a35;color:#a47be0;border-radius:6px}.character-row span:nth-child(2){display:grid}.character-row b{font-size:.72rem}.character-row small{font-size:.59rem;color:#747d8c}.character-row em{color:#626b7a}.add-row{width:100%;display:flex;align-items:center;gap:7px;border:1px dashed #38404d;background:transparent;color:#8493ff;margin-top:8px;border-radius:6px;padding:8px;font-size:.72rem}.add-row:hover{background:#212632}.canvas-actions{position:absolute;z-index:4;top:12px;left:12px;display:flex;background:#1a1f27;border:1px solid #303641;box-shadow:0 8px 20px #0004}.canvas-actions button,.canvas-actions span{border:0;border-right:1px solid #303641;background:transparent;color:#aeb5c1;padding:6px 9px;font-size:.7rem}.minimap{position:absolute;right:15px;bottom:15px;width:150px;height:94px;background:#151920d9;border:1px solid #303641;box-shadow:0 8px 25px #0005}.minimap i{position:absolute;width:8px;height:4px}.flow-node{width:190px;min-height:76px;transition:box-shadow .18s,border-color .18s;will-change:left,top}.flow-node:hover{border-color:color-mix(in srgb,var(--node) 75%,white)}.flow-node.selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--node) 50%,transparent),0 16px 34px #0008}.node-head{height:35px;display:flex;align-items:center;gap:8px;padding:7px 9px;background:linear-gradient(90deg,color-mix(in srgb,var(--node) 14%,transparent),transparent)}.node-head i{width:20px;height:20px;display:grid;place-items:center;background:color-mix(in srgb,var(--node) 20%,transparent);color:var(--node);font-size:.7rem;font-style:normal;border-radius:4px}.node-head span{flex:1}.node-head em{color:#677080}.node-summary{padding:10px}.port{border:2px solid #222832;width:12px;height:12px;background:#b4bdca;cursor:crosshair;transition:transform .15s,background .15s,box-shadow .15s;z-index:5}.port:hover,.port.target{transform:scale(1.5);background:white;box-shadow:0 0 0 5px color-mix(in srgb,var(--node) 25%,transparent),0 0 14px var(--node)}.port.in{top:29px}.port.out{top:29px}.branch-outputs{padding:4px 0}.branch-output{height:30px;display:flex;align-items:center;padding-left:11px;color:#aab1bf;font-size:.65rem;border-top:1px solid #ffffff09;position:relative}.branch-output span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.branch-output .port{top:9px}.wire{stroke:#8993a6;stroke-width:1.7;filter:url(#glow);transition:stroke .2s}.wire.preview{stroke:#8194ff;stroke-width:2.5;stroke-dasharray:7 5;animation:dash .45s linear infinite}.wire-hit{stroke:transparent;stroke-width:12;fill:none;pointer-events:stroke;cursor:pointer}.wire-hit:hover+.wire{stroke:#ed6975}.canvas-hint{display:flex;align-items:center;gap:9px;background:#181d24cc;border:1px solid #303641;padding:7px 12px;border-radius:6px;backdrop-filter:blur(8px)}.canvas-hint i{width:3px;height:3px;border-radius:50%;background:#5c6574}@keyframes dash{to{stroke-dashoffset:-12}}
.inspector{padding:0}.inspector-head{height:66px;padding:0 16px;border-bottom:1px solid #292f38}.inspector-head h2{margin:0;color:#e1e5ed}.inspector-head p{margin:2px 0 0;font-size:.63rem;color:#747d8c}.inspector-empty-icon{width:50px;height:50px;display:grid;place-items:center;margin:auto;background:#202630;border-radius:12px;color:#677180}.inspector #inspectorEmpty{text-align:center;padding:16vh 30px 0}.inspector #inspectorEmpty h3{font-size:.85rem}.inspector #inspectorForm{padding:16px;gap:16px}.node-identity{display:flex;align-items:center;gap:10px;padding:12px;background:#1c2129;border-left:2px solid var(--node)}.node-identity>i{width:30px;height:30px;display:grid;place-items:center;background:color-mix(in srgb,var(--node) 20%,transparent);color:var(--node);font-style:normal}.node-identity div{display:grid}.node-identity small{font-size:.61rem;color:#757e8d}.field{display:grid;gap:6px;position:relative}.field>span{font-size:.69rem;color:#a6adba}.field>small{font-size:.58rem;color:#687180}.field select{width:100%;background:#20252e;border:1px solid #353c47;color:#eef1f7;border-radius:5px;padding:8px}.field-intro{font-size:.66rem;color:#7d8594;margin:0}.char-count{font-size:.58rem;color:#697282;text-align:right;margin-top:-5px}.unit-input{display:grid;grid-template-columns:1fr 38px}.unit-input span{display:grid;place-items:center;background:#292f39;border:1px solid #353c47;color:#7d8796;font-size:.65rem}.check-list{display:grid;border:1px solid #303743}.check-list label{display:flex;align-items:center;gap:8px;padding:7px;border-bottom:1px solid #292f38}.check-list input{width:auto;margin:0}.mini-avatar{width:25px;height:25px;display:grid;place-items:center;background:#2a303b;border-radius:4px;color:#a9b4ff}.option-editor{display:grid;gap:7px}.option-row{display:grid;grid-template-columns:24px 1fr 26px;align-items:center}.option-row i{width:24px;height:34px;display:grid;place-items:center;background:#34303a;color:#e2a23d;font-size:.65rem;font-style:normal}.option-row input{margin:0;border-radius:0}.option-row button{height:34px;border:0;background:#2a252b;color:#a9777d}.secondary{border:1px solid #3a424f;background:#232831;color:#bdc4d0;padding:7px 10px;border-radius:5px}.full{width:100%}.upload-button{border:1px dashed #475061;background:#20252e;color:#8e9bf5;padding:9px}.current-media{display:flex;justify-content:space-between;align-items:center;background:#1d222a;padding:8px;font-size:.65rem}.current-media button{border:0;background:transparent;color:#c76a76}.voice-actions{display:flex;gap:5px;flex-wrap:wrap}.voice-actions button{border:1px solid #39414d;background:#232832;color:#aeb7c7;padding:6px;font-size:.63rem}.voice-actions .recording{color:#ff8491;border-color:#9a4a55;animation:recordPulse 1s infinite}.voice-field audio,.black-line audio{width:100%;height:30px}.voice-empty{font-size:.65rem;color:#677180;margin:0}.black-lines{display:grid;gap:10px}.black-line{border:1px solid #303641;background:#1b2027;padding:9px}.black-line header{display:flex;justify-content:space-between;margin-bottom:6px}.black-line header b{font-size:.64rem}.black-line header button{border:0;background:transparent;color:#a8757d}.inspector-danger{border-top:1px solid #35303a;padding-top:16px}.delete-node{width:100%}@keyframes recordPulse{50%{box-shadow:0 0 0 4px #f45b6b20}}

/* Character resource manager */
.resource-dialog{width:min(1000px,calc(100vw - 40px));height:min(720px,calc(100vh - 40px));padding:0;border-radius:14px;overflow:hidden}.resource-dialog>.dialog-close{position:absolute;right:18px;top:18px;z-index:3}.resource-dialog>header{height:86px;padding:20px 64px 20px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e9ee}.resource-dialog h2{margin:0}.resource-dialog header p{margin:3px 0;color:#777e8b;font-size:.78rem}.resource-layout{display:grid;grid-template-columns:235px 1fr;height:calc(100% - 86px)}#resourceCharacters{background:#f4f5f7;padding:14px;overflow:auto}#resourceCharacters>button{width:100%;border:0;background:transparent;display:grid;grid-template-columns:36px 1fr auto;text-align:left;align-items:center;gap:9px;padding:9px;border-radius:7px;margin-bottom:4px}#resourceCharacters>button:hover{background:#eaecf1}#resourceCharacters>button.active{background:white;box-shadow:0 5px 16px #1b233511}#resourceCharacters>button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#dce1ff,#f2e8ff);color:#5164d9;font-weight:700}#resourceCharacters>button div{display:grid}#resourceCharacters b{font-size:.78rem}#resourceCharacters small{font-size:.65rem;color:#7d8490}#resourceCharacters em{color:#8a919e}#resourceDetail{padding:24px;overflow:auto}.resource-empty{height:100%;display:grid;place-content:center;text-align:center;color:#7c8390}.resource-empty>.icon{width:48px;height:48px;margin:auto;color:#abb2bf}.character-detail-head{display:flex;align-items:center;justify-content:space-between}.character-detail-head>div{display:flex;align-items:center;gap:12px}.character-detail-head h3{margin:0}.character-detail-head p{margin:2px 0;color:#7a818e;font-size:.72rem}.large-avatar{width:52px;height:52px;display:grid;place-items:center;background:linear-gradient(145deg,#e0e5ff,#f1e8ff);color:#5264dc;border-radius:11px;font-size:1.2rem;font-weight:750}.upload-drop{display:flex;align-items:center;gap:13px;border:1px dashed #bcc2cf;background:#f8f9fb;padding:17px;margin:22px 0;cursor:pointer;transition:border-color .2s,background .2s}.upload-drop:hover{border-color:#6677ed;background:#f1f3ff}.upload-drop>span{width:38px;height:38px;display:grid;place-items:center;background:white;color:#5669e1;box-shadow:0 4px 15px #313b5b12}.upload-drop b{font-size:.82rem}.upload-drop p{margin:2px 0;font-size:.68rem;color:#7e8491}.upload-drop input{display:none}.sprite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px}.sprite-grid article{position:relative}.sprite-preview{height:180px;background:linear-gradient(45deg,#f2f3f5 25%,transparent 25%),linear-gradient(-45deg,#f2f3f5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f2f3f5 75%),linear-gradient(-45deg,transparent 75%,#f2f3f5 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;background-color:white;border:1px solid #e1e4e9;overflow:hidden}.sprite-preview img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.sprite-grid article:hover img{transform:scale(1.04)}.sprite-grid article>div:nth-child(2){display:flex;justify-content:space-between;padding:7px 3px;font-size:.72rem}.sprite-grid article button{border:0;background:transparent}.sprite-grid menu{display:none;position:absolute;right:0;bottom:31px;background:white;box-shadow:0 10px 30px #1c23332a;padding:5px;z-index:3}.sprite-grid .menu-open menu{display:grid}.sprite-grid menu button{padding:7px 15px;text-align:left}.no-sprites{grid-column:1/-1;padding:50px;text-align:center;color:#898f9b;border:1px dashed #d2d6dd}.mini-dialog{width:min(380px,calc(100vw - 30px));border-radius:13px;padding:26px}.mini-dialog form{display:grid;gap:12px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-image{margin-top:-30px}.section-heading{grid-template-columns:1fr}.open-grid,.quick-guide{grid-template-columns:1fr}.editor-showcase{grid-template-columns:1fr}.flow-demo{height:330px}.dash-hero{padding:35px 28px}.dash-hero img{opacity:.35;width:100%}.resource-layout{grid-template-columns:180px 1fr}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hero-image img{animation:none}.wire.preview{animation:none}}

/* Cinematic player refinements */
#preloader{background:radial-gradient(circle at 50% 40%,#151a30,#070910 62%)}#preloader .loader-mark{animation:loaderBreath 1.8s ease-in-out infinite}#preloader h2{font-weight:500;letter-spacing:.14em;font-size:1.05rem}#preloader p{color:#7d8497;font-size:.7rem;letter-spacing:.08em}#preloader.done{opacity:0;filter:blur(8px);transform:scale(1.02)}@keyframes loaderBreath{50%{opacity:.35;transform:scale(.88)}}#titleVisual{position:absolute;right:4vw;top:6vh;width:min(58vw,920px);height:76vh;transition:opacity 1s,transform 1.3s cubic-bezier(.2,.7,.2,1);mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent),linear-gradient(#000 80%,transparent);mask-composite:intersect}#titleVisual img{width:100%;height:100%;object-fit:cover;animation:titleDrift 14s ease-in-out infinite alternate}.cover-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:#8796e6;background:radial-gradient(circle,#202b5b,#080b14 65%)}.cover-placeholder span{font-size:4rem}.cover-placeholder p{letter-spacing:.2em}.hidden-title{opacity:0!important;transform:translateY(-12px)!important;pointer-events:none}.title-menu{transition:opacity .7s,transform .8s}.title-menu .menu-line{width:35px;height:1px;background:#7d8de5;margin:0 0 9px 16px}.title-menu button{display:grid;grid-template-columns:25px 1fr;align-items:center;transition:padding .25s,background .25s,color .25s}.title-menu button i{font-family:system-ui;font-size:.52rem;font-style:normal;color:#707a9b}.title-menu button:hover i{color:#adbbff}#spriteLayer img.leaving{opacity:0;transform:translateY(10px) scale(.985)}#blackText{transition:opacity .22s}#choices{background:radial-gradient(circle at center,#080b1888,#02030bdd);backdrop-filter:blur(2px)}#choices .choice-title{text-align:center;font-size:.72rem;letter-spacing:.24em;color:#8e97b2;margin-bottom:12px}#choices button{display:grid;grid-template-columns:42px 1fr;align-items:center;text-align:left;transition:transform .25s,background .25s,padding .25s}#choices button i{font-family:system-ui;font-size:.58rem;font-style:normal;color:#8e9ae0}#choices button:hover{transform:translateX(8px);background:linear-gradient(90deg,#5366eee8,#171d33dd);padding-left:36px}#gameToolbar{background:linear-gradient(90deg,transparent,#080b16aa);padding-left:40px}#gameToolbar button{display:inline-flex;align-items:center;gap:4px;transition:color .2s,transform .2s}#gameToolbar button:hover{color:#9eacff;transform:translateY(-2px)}#gameToolbar .icon{width:14px;height:14px}#gameModal .dialog-close{color:#cfd5e7}#gameModal .modal-lead{font-family:system-ui;color:#858da0;font-size:.75rem}.shortcut-help{margin-top:24px;padding-top:16px;border-top:1px solid #ffffff12;font-family:system-ui}.shortcut-help p{font-size:.7rem;color:#81899b}@keyframes titleDrift{to{transform:scale(1.025) translateX(-5px)}}

.action-dialog{width:min(410px,calc(100vw - 32px));border:0;border-radius:16px;padding:0;box-shadow:0 30px 90px #18203848;background:white;color:#171a21}.action-dialog::backdrop{background:#11182d55;backdrop-filter:blur(12px)}.action-dialog[open]{animation:materialize .3s cubic-bezier(.2,.8,.2,1)}.action-dialog form{display:grid;gap:12px;padding:30px}.action-dialog-icon{width:38px;height:38px;display:grid;place-items:center;background:#edf0ff;color:#5d70ec;border-radius:9px}.action-dialog h2{font-size:1.35rem;margin:4px 0 0;letter-spacing:-.025em}.action-dialog p{color:#737a87;font-size:.82rem;margin:0 0 5px}.action-dialog input{font-size:.9rem}.action-dialog form>div:last-child{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.danger-button{border:0;background:#c94e5b;color:white;border-radius:8px;padding:.7rem 1rem}.success-flash{color:#2f9869!important;background:#e7f6ef!important}
.editor-page .port{padding:0}.node-library,.inspector{scrollbar-color:#414958 #151920;scrollbar-width:thin}.node-library::-webkit-scrollbar,.inspector::-webkit-scrollbar{width:8px}.node-library::-webkit-scrollbar-thumb,.inspector::-webkit-scrollbar-thumb{background:#414958;border-radius:4px}
#gameToolbar{z-index:12}

/* Editor canvas gestures and production node iconography */
#canvas{touch-action:none;cursor:grab}#canvas.panning{cursor:grabbing}#viewport{position:absolute;left:0;top:0;width:5000px;height:3000px;transform-origin:0 0;will-change:transform}#viewport #wires,#viewport #nodes{position:absolute;inset:0;width:5000px;height:3000px}.flow-node{cursor:grab;touch-action:none}.flow-node.dragging{cursor:grabbing;box-shadow:0 0 0 2px color-mix(in srgb,var(--node) 55%,transparent),0 22px 45px #000a}.wire{pointer-events:none}.node-svg{display:block;width:16px;height:16px;transform:none!important}.node-type>i .node-svg{width:15px;height:15px}.node-head i .node-svg{width:13px;height:13px}.node-identity>i .node-svg{width:18px;height:18px}.canvas-actions .icon{width:13px;height:13px}.black-line .voice-actions{align-items:center}.black-line .voice-actions audio{flex:1 1 100%;margin-top:3px}

/* Forgiving connection targets */
.port.out.connecting{transform:scale(1.45);background:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--node) 24%,transparent),0 0 18px var(--node)}.flow-node.wire-target{border-color:#e9edff;box-shadow:0 0 0 2px color-mix(in srgb,var(--node) 68%,transparent),0 0 0 8px color-mix(in srgb,var(--node) 13%,transparent),0 22px 46px #000b}.flow-node.wire-target .port.in{transform:scale(1.65);background:#fff;box-shadow:0 0 0 6px color-mix(in srgb,var(--node) 30%,transparent),0 0 20px var(--node)}

/* Full-screen translucent backlog */
#gameModal.history-mode{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:rgba(5,7,14,.67);color:#f6f7ff;box-shadow:none;overflow:hidden;backdrop-filter:blur(6px) saturate(82%)}#gameModal.history-mode::backdrop{background:rgba(0,0,0,.2);backdrop-filter:none}#gameModal.history-mode[open]{animation:historyMaterialize .34s cubic-bezier(.2,.75,.2,1)}#gameModal.history-mode>.dialog-close{position:fixed;z-index:4;top:22px;right:clamp(22px,4vw,58px);float:none;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:rgba(13,16,27,.58);color:#f8f9ff;backdrop-filter:blur(16px);transition:background .2s,transform .2s}#gameModal.history-mode>.dialog-close:hover{background:rgba(108,124,230,.58);transform:translateY(-2px)}#gameModal.history-mode>#modalContent{height:100%}.history-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative}.history-head{display:flex;align-items:end;justify-content:space-between;padding:clamp(28px,5vh,58px) clamp(26px,9vw,150px) 18px;border-bottom:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(7,9,17,.48),rgba(7,9,17,.12));font-family:system-ui,-apple-system,"Noto Sans SC",sans-serif}.history-head>div>span{display:block;margin-bottom:3px;color:#aeb9ff;font-size:.66rem;font-weight:700;letter-spacing:.28em}.history-head h2{margin:0;font-size:clamp(1.9rem,3vw,3rem);font-weight:620;line-height:1.06;letter-spacing:-.035em}.history-head>p{margin:0 58px 4px 0;color:#b7bdca;font-size:.75rem;letter-spacing:.08em}.history{min-height:0;max-height:none;margin:0;padding:8px clamp(26px,9vw,150px) 40px;overflow:auto;list-style:none;scrollbar-width:thin;scrollbar-color:rgba(174,185,255,.68) rgba(255,255,255,.08);overscroll-behavior:contain;mask-image:linear-gradient(transparent,#000 18px,#000 calc(100% - 20px),transparent)}.history::-webkit-scrollbar{width:8px}.history::-webkit-scrollbar-track{background:rgba(255,255,255,.06)}.history::-webkit-scrollbar-thumb{background:rgba(174,185,255,.68);border-radius:0}.history-entry{display:grid;grid-template-columns:52px minmax(90px,150px) minmax(0,1fr);gap:clamp(15px,3vw,42px);align-items:baseline;padding:clamp(20px,3.5vh,36px) 0;border-bottom:1px solid rgba(255,255,255,.13);animation:historyLineIn .35s both}.history-entry:nth-child(2){animation-delay:.035s}.history-entry:nth-child(3){animation-delay:.07s}.history-entry:nth-child(4){animation-delay:.105s}.history-index{font:600 .65rem/1 system-ui;color:rgba(190,198,220,.56);letter-spacing:.16em}.history-entry>b{color:#aeb9ff;font-size:clamp(.92rem,1.4vw,1.14rem);font-weight:650;letter-spacing:.05em}.history-entry p{margin:0;padding:0;border:0;color:#fff;font-size:clamp(1.05rem,1.8vw,1.42rem);font-weight:520;line-height:1.75;letter-spacing:.015em;text-shadow:0 2px 12px rgba(0,0,0,.7)}.history-empty{height:100%;display:grid;place-content:center;text-align:center;color:#f3f5ff}.history-empty b{font-size:1.25rem}.history-empty p{margin:.5rem 0;color:#aeb4c3;border:0}.history-footer{display:flex;justify-content:flex-end;padding:18px clamp(26px,9vw,150px) max(22px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(5,7,14,0),rgba(5,7,14,.72) 42%)}.history-footer button{display:inline-flex;align-items:center;gap:12px;min-width:178px;justify-content:center;border:1px solid rgba(255,255,255,.34);border-radius:4px;background:rgba(239,241,255,.92);color:#151827!important;padding:12px 24px;font:650 .86rem/1.2 system-ui,-apple-system,"Noto Sans SC",sans-serif;box-shadow:0 12px 36px rgba(0,0,0,.28);transition:transform .2s,background .2s}.history-footer button:hover{transform:translateY(-2px);background:#fff}.history-footer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes historyMaterialize{from{opacity:0;backdrop-filter:blur(0) saturate(100%)}}@keyframes historyLineIn{from{opacity:0;transform:translateY(12px)}}
@media(max-width:700px){#gameModal.history-mode>.dialog-close{top:14px;right:14px}.history-head{padding:24px 22px 14px}.history-head>p{margin-right:48px}.history{padding:4px 22px 24px}.history-entry{grid-template-columns:34px 1fr;gap:8px 14px;padding:20px 0}.history-entry>b{grid-column:2}.history-entry p{grid-column:2;font-size:1rem}.history-footer{padding:14px 22px max(18px,env(safe-area-inset-bottom))}.history-footer button{width:100%}}
@media(prefers-reduced-motion:reduce){#gameModal.history-mode[open],.history-entry{animation:none}}@media(prefers-reduced-transparency:reduce){#gameModal.history-mode{background:rgba(5,7,14,.94);backdrop-filter:none}}