@charset "UTF-8";
:root{color-scheme:dark;--bg:#141720;--panel:#202431;--line:#353b4c;--text:#e6e5dd;--muted:#8e96aa;--mint:#b7e7ad;--yellow:#e8be7b;--red:#ef8c89;--violet:#aca0d0;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px;background-image:radial-gradient(ellipse at 60% 4%,#26273766,transparent 60%)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.app-shell{max-width:1424px;margin:auto;padding:0 48px}.topbar{height:80px;border-bottom:1px solid #303543;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--text);font:700 14px Consolas,monospace;letter-spacing:1px}.brand-mark{width:34px;height:34px;background:var(--mint);border:3px solid #d2f0c7;box-shadow:3px 3px 0 #080c13;color:#26392e;display:grid;place-items:center;font-size:25px;position:relative;line-height:1}.brand-mark span{position:absolute;right:-6px;top:-7px;background:var(--yellow);color:#332f23;font-size:13px;padding:2px}.brand small{display:block;color:var(--muted);font:10px "Microsoft YaHei",sans-serif;letter-spacing:1px;margin-top:6px}.topbar-right{display:flex;align-items:center;gap:16px}.local-badge{font-size:11px;color:#a6b8a5;display:flex;align-items:center;gap:7px}.local-badge i,.shift-card i{width:6px;height:6px;background:var(--mint);display:inline-block}.icon-button{position:relative;background:none;border:0;color:#9099ad;padding:7px;display:grid;place-items:center}.icon-button:hover{color:var(--text);background:#252b39}.sound-slash{position:absolute;color:var(--red);font-size:26px;font-weight:600;top:0;left:14px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:30px 0 27px;gap:20px}.eyebrow{font:10px Consolas,monospace;letter-spacing:1.8px;color:#9396a8;margin-bottom:12px}h1{font-size:29px;letter-spacing:1px;line-height:1.45;font-weight:750;margin:0}h1>span{display:block}.title-cursor{color:var(--mint);font-family:monospace;animation:blink 1.4s steps(1) infinite}.page-heading p{color:var(--muted);margin:10px 0 0;font-size:12px}.shift-card{border-left:2px solid #4b5260;padding:5px 0 5px 20px;min-width:220px}.shift-card>small{font:9px Consolas,monospace;letter-spacing:1.4px;color:var(--muted);display:block;margin-bottom:10px}.shift-card strong{display:block;font-size:15px;margin-bottom:13px}.shift-card>span{font-size:11px;color:#acb8ac}.shift-card i{margin-right:5px}.shift-card b{font-size:10px;color:var(--muted);font-weight:400;margin-left:13px}.editor{border:1px solid #4a5061;border-radius:5px;box-shadow:0 7px 0 #0c0f17,0 18px 60px #0002;background:var(--panel);overflow:hidden}.editor-titlebar{height:37px;background:#2c3040;border-bottom:1px solid #111521;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#c2c5cd;font-size:11px}.editor-titlebar>span{display:flex;align-items:center;gap:9px;min-width:0}.editor-titlebar svg{width:14px;height:14px;color:var(--violet)}#dirty-mark{color:var(--yellow);font-size:18px;font-weight:400}.editor-titlebar>div{color:#7e8497}.editor-menu{height:32px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px;padding:0 15px;color:#969cb0;font-size:10px;background:#252937}.editor-menu small{margin-left:auto;color:#7c859a;font-size:10px}.workspace{display:grid;grid-template-columns:176px minmax(0,1fr) 210px;min-height:335px}.panel-heading{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:11px;color:#adb4c4;border-bottom:1px solid var(--line);background:#262b39}.panel-heading>span{color:#6f788c}.asset-panel{border-right:1px solid var(--line);background:#1d222e;position:relative;padding-bottom:38px}.asset-path{font:9px Consolas,monospace;color:#69778b;margin:15px 12px 13px;letter-spacing:.5px}.folder-line{display:flex;align-items:center;gap:7px;padding:0 12px;font:11px Consolas,monospace;color:#c2c9ce}.folder-line svg,.asset-list svg{width:14px;height:14px;color:#c3ae7f}.asset-list{margin-top:12px}.asset-list>div{display:flex;align-items:center;gap:8px;padding:9px 12px 9px 24px;color:#909bad;font-size:11px;border-left:2px solid transparent}.asset-list>div.selected{background:#333d413d;color:var(--mint);border-left-color:var(--mint)}.asset-list small{font:9px Consolas,monospace;color:#697488;margin-left:auto}.asset-card{margin:15px 12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px}.asset-thumb{width:65px;height:52px;border:1px solid #485068;background:repeating-conic-gradient(#252e3e 0% 25%,#212937 0% 50%) 50% /12px 12px;display:grid;place-items:center}.pixel-crystal{display:block;width:19px;height:32px;background:#91d6ba;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);position:relative}.pixel-crystal:after{content:"";position:absolute;inset:0 0 0 50%;background:#598e9c;clip-path:polygon(0 0,100% 25%,100% 75%,0 100%)}.asset-card>span{font:9px Consolas,monospace;color:#a4acbd}.asset-card small{font-size:9px;color:#6e7b8f}.autosave-off{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);height:31px;display:flex;align-items:center;padding:0 13px;color:#8c92a4;font-size:10px}.viewport-panel{min-width:0;display:flex;flex-direction:column}.viewport-toolbar{height:35px;display:flex;align-items:center;gap:16px;background:#222735;border-bottom:1px solid var(--line);font-size:10px;color:#939db1;padding:0 12px;flex-shrink:0}.viewport-toolbar>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.viewport-toolbar svg{width:13px;height:13px}.active-tab{color:#c5ccd8}.viewport-live{margin-left:auto;font:9px Consolas,monospace;color:#bad7a8;letter-spacing:1px}.scene{position:relative;min-height:245px;aspect-ratio:16/8.7;isolation:isolate;overflow:hidden;background:#1a2530;flex:1}#scene-canvas,.ai-scene,.scene-vignette,.scene-stars{position:absolute;inset:0;width:100%;height:100%}#scene-canvas{object-fit:cover;image-rendering:pixelated}.ai-scene{background-position:center 51%;background-size:cover;image-rendering:pixelated;opacity:0;transition:opacity .8s,filter 1s}.ai-scene.loaded{opacity:1}.scene-vignette{background:linear-gradient(#11192322 55%,#0b12288a),linear-gradient(90deg,#0e162e44,transparent 50%,#111a2922);pointer-events:none}.scene-label{position:absolute;left:17px;top:16px;text-shadow:1px 2px #101725}.scene-label span{font:10px Consolas,monospace;letter-spacing:2px;color:#dce5cf}.scene-label small{display:block;font-size:9px;color:#bac4b1;margin-top:6px}.scene-readout{position:absolute;left:14px;bottom:14px;display:flex;gap:14px;font:9px Consolas,monospace;color:#9dabbb;text-shadow:1px 1px #0d1422}.scene-gizmo{position:absolute;right:16px;top:15px;font:10px Consolas,monospace;color:#9fbf9d}.scene-state{position:absolute;bottom:11px;right:11px;background:#18212be6;border:1px solid #47605788;padding:6px 8px;font-size:9px;color:#b5c9b0}.scene-stars{background-image:radial-gradient(1px 1px at 30% 45%,#d6ffc5 99%,transparent),radial-gradient(1px 1px at 65% 67%,#d6ffc5 99%,transparent),radial-gradient(2px 2px at 57% 28%,#ffe7ad 99%,transparent),radial-gradient(1px 1px at 73% 42%,#d6ffc5 99%,transparent);animation:fireflies 4s ease-in-out infinite;pointer-events:none}.task-strip{height:62px;display:flex;align-items:center;padding:0 15px;gap:11px;background:#242a37;border-top:1px solid var(--line);flex-shrink:0}.task-strip>div{min-width:0}.task-strip small{color:#8491a4;font:8px Consolas,monospace;letter-spacing:.8px;display:block;margin-bottom:5px}.task-strip strong{font-size:11px;font-weight:500;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task-loader{width:13px;height:13px;border:2px solid #536355;border-top-color:var(--mint);animation:spin 1.5s steps(8) infinite;flex-shrink:0}.task-step{margin-left:auto;font:20px Consolas,monospace;color:#c5d5bd;white-space:nowrap}.task-step small{display:inline;font-size:10px;color:#6b798b}.inspector-panel{border-left:1px solid var(--line);background:#202532;min-width:0}.inspector-section{padding:16px 14px 13px;border-bottom:1px solid var(--line)}.inspector-section small{font-size:10px;color:#7f8b9f}.inspector-section strong{display:block;margin:9px 0;font-size:11px;font-weight:600}.inspector-section p{font-size:10px;line-height:1.9;color:#8e9aac;margin:0}.stat-list{padding:3px 14px 7px}.stat-list>div{display:flex;align-items:center;justify-content:space-between;padding-top:12px;font-size:10px;color:#91a0b1}.stat-list b{font:15px Consolas,monospace;color:#d6d9cf}.stat-list b small{font:9px "Microsoft YaHei",sans-serif;color:#728094}.colleague-card{display:flex;gap:9px;margin:12px 12px 0;padding:11px 8px;border:1px solid #42485b;background:#272b3a;box-shadow:2px 2px 0 #171b27}.avatar{width:25px;height:25px;display:grid;place-items:center;background:#554c62;color:#d8c6b9;font-size:12px;flex-shrink:0;box-shadow:2px 2px 0 #151b27}.colleague-card strong{font-size:9px;font-weight:500;color:#c0bbc7}.colleague-card p{font-size:10px;line-height:1.8;color:#9497ad;margin:6px 0 0}.pool-status{font-size:9px;color:#6d7b90;margin:13px 14px}.progress-section{padding:18px 19px 15px;background:#202533;border-top:1px solid var(--line)}.progress-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.progress-heading>div:first-child{display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;background:#84999a}.status-dot.running{background:var(--mint);box-shadow:0 0 7px #b7e7ad55}.status-dot.error{background:var(--red)}.progress-heading strong{font-size:11px;font-weight:500}#progress-caption{color:#8c99ac;font-size:10px;margin-left:6px}.progress-number{font-family:Consolas,monospace;color:var(--mint);white-space:nowrap}.progress-number b{font-size:23px;font-weight:400}.progress-number>span{font-size:11px;margin-left:3px}.smooth-track{height:6px;background:#121a27;border:1px solid #354153;margin:0 0 11px;position:relative}.smooth-track>div{height:100%;background:var(--mint);width:0;transition:width .12s linear}.smooth-track>span{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--yellow);left:0}.step-grid{display:grid;grid-template-columns:repeat(50,minmax(0,1fr));gap:3px}.step{height:9px;background:#30394a;position:relative;border-bottom:1px solid #3b4558}.step.done{background:#55715f;border-color:#719079}.step.saved{background:var(--mint);border-color:#d6f0ca}.step.target{background:#9d7c48;border-color:var(--yellow);outline:1px solid #e8be7b88}.step.fault{background:#754f55;border-color:var(--red)}.step.solved{background:#46587b;border-color:#899bc9}.step.current{outline:1px solid #d3e9bf;outline-offset:1px}.step.target.current{animation:blink-target 1s steps(2) infinite}.progress-legend{display:flex;align-items:center;gap:16px;margin-top:12px;font-size:9px;color:#8591a5}.progress-legend>span{display:flex;align-items:center;gap:5px}.progress-legend i{width:5px;height:5px;display:inline-block}.legend-done{background:#69886e}.legend-save{background:var(--mint)}.legend-target{background:var(--yellow)}.legend-crash{background:var(--red)}.progress-legend small{margin-left:auto;color:#69768c;font-size:9px}.target-hint{margin-top:13px;border:1px solid #7e6743;background:#493b252e;padding:9px 11px;font-size:11px;color:#e7c994;line-height:1.6}[hidden]{display:none!important}.action-bar{padding:16px 19px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);background:#282e3b}.save-summary{display:flex;align-items:center;gap:10px;min-width:0}.save-summary>svg{color:#899b91;width:20px;height:20px}.save-summary strong{display:block;font-size:11px;font-weight:500;color:#cbd3cc}.save-summary small{display:block;margin-top:6px;font-size:10px;color:#8796a9}.save-summary.warn small{color:var(--yellow)}.action-buttons{display:flex;align-items:center;gap:9px;flex-shrink:0}.save-button,.ticket-button,.primary-btn,.secondary-btn,.danger-btn{border:1px solid #d2efc8;color:#283a2d;background:var(--mint);display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 20px;box-shadow:0 3px 0 #111921;font-size:12px;font-weight:700;min-height:43px;border-radius:2px}.save-button:hover:not(:disabled),.primary-btn:hover{background:#ccefc2;transform:translateY(-1px)}.save-button:active:not(:disabled),.primary-btn:active{transform:translateY(2px);box-shadow:none}.save-button kbd{font:9px Consolas,monospace;font-weight:400;color:#54714e;border:1px solid #89b783;padding:2px 4px;margin-left:12px}.pause-button{width:34px;height:34px;display:grid;place-items:center;background:transparent;color:#97a3b7;border:1px solid #485264;border-radius:2px}.pause-button svg{width:15px;height:15px}.ticket-button{background:var(--yellow);border-color:#efd09a;color:#453820;padding:12px 14px;animation:ticket-ready 1.8s ease-in-out infinite}.save-flash{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;background:#22392eed;border:1px solid #a7d39d;color:#d0ecc2;padding:12px 16px;font-size:11px;box-shadow:4px 4px 0 #0c1427;opacity:0;pointer-events:none;white-space:nowrap}.save-flash.show{animation:saved-flash 1.4s ease forwards}.console-panel{margin-top:23px;border:1px solid #333c4c;background:#191e29;border-radius:3px;overflow:hidden}.console-header{display:flex;align-items:center;gap:17px;height:36px;padding:0 13px;background:#222735;font-size:10px}.console-header strong{font-weight:500}.console-header strong>span{font:12px Consolas,monospace;color:var(--mint);margin-right:6px}.console-header>span{font-size:9px;color:#748398}.console-header button{margin-left:auto;background:none;border:0;color:#8492a5;font-size:10px}.console-lines{height:93px;overflow:auto;padding:8px 13px;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin;scrollbar-color:#414b5b transparent}.console-lines>div{display:flex;align-items:baseline;gap:10px;font-size:10px;line-height:1.5}.console-lines time{font:10px Consolas,monospace;color:#62728b;white-space:nowrap}.console-lines>div>span:last-child{color:#929eb1}.log-info{color:#9cafc9}.log-save{color:#a7d49b}.log-error{color:var(--red)}.log-fixed{color:var(--yellow)}footer{display:flex;gap:17px;align-items:center;padding:19px 0 26px;font-size:9px;color:#64738a}footer>span:nth-child(2){margin-left:auto;white-space:nowrap;font-family:Consolas,monospace}footer>button{border:0;background:none;color:#96a48f;font-size:10px;padding:7px 0;white-space:nowrap}dialog{width:min(510px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid #5e657b;border-radius:3px;padding:0;color:var(--text);background:#252b39;box-shadow:7px 7px 0 #090e19,0 20px 100px #0007}dialog::backdrop{background:#0a0e1bd1;backdrop-filter:blur(4px)}.dialog-topline{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #465065;background:#303748;font:10px Consolas,monospace;color:#c4c9d7}.dialog-topline.error{background:#54363e;color:#f3b4ae;border-color:#8b535d}.dialog-topline.win{background:#354b3d;border-color:#5b7b59;color:#cae9ba}.dialog-body{padding:27px}.dialog-kicker{font:9px Consolas,monospace;color:var(--yellow);letter-spacing:1.8px;margin-bottom:13px}.dialog-body h2{font-size:23px;line-height:1.5;margin:0 0 11px}.dialog-body>p{font-size:12px;line-height:1.9;color:#a7b2c6;margin:0 0 16px}.dialog-body>p strong{color:#e0c995}.welcome-art{height:96px;margin:0 0 23px;background:repeating-conic-gradient(#242e3b 0% 25%,#202835 0% 50%) 50% /16px 16px;border:1px solid #475568;display:flex;justify-content:center;align-items:center;gap:23px;overflow:hidden;position:relative}.welcome-art .pixel-crystal{width:33px;height:57px;filter:drop-shadow(0 0 16px #7de3d6)}.welcome-art>span:nth-child(2){font:11px Consolas,monospace;line-height:1.9;color:#a7c1ad}.welcome-steps{display:flex;gap:10px;margin:22px 0}.welcome-steps>div{flex:1;border:1px solid #455064;background:#202735;padding:12px 8px}.welcome-steps b{font:18px Consolas,monospace;color:var(--mint);display:block;margin-bottom:7px}.welcome-steps strong{font-size:11px;display:block;margin-bottom:7px;font-weight:500}.welcome-steps small{font-size:10px;line-height:1.7;color:#8c9db3}.dialog-buttons{display:flex;gap:10px;margin-top:21px}.dialog-buttons>button{flex:1}.secondary-btn{background:transparent;border-color:#5a657a;color:#bec9d7;font-weight:400}.secondary-btn:hover{background:#344052}.danger-btn{background:#73484f;color:#ffe1d6;border-color:#a87378}.full-width{width:100%}.dialog-footnote{font-size:10px!important;color:#7d8da2!important;margin:16px 0 0!important;text-align:center;line-height:1.7!important}.crash-graphic{font:900 39px Consolas,monospace;color:var(--red);letter-spacing:4px;margin:3px 0 17px;text-shadow:3px 3px #453044}.crash-facts{margin:17px 0;border:1px solid #485267;background:#1d2533}.crash-facts>div{display:flex;justify-content:space-between;gap:15px;padding:11px 13px;border-bottom:1px solid #394659;font-size:11px}.crash-facts>div:last-child{border:0}.crash-facts span{color:#899bb2}.crash-facts strong{font-weight:500;color:#d8ddcf;text-align:right}.clue-box{border-left:3px solid var(--yellow);padding:12px 13px;background:#39372966;margin:17px 0}.clue-box small{font-size:10px;color:var(--yellow)}.clue-box p{font-size:12px;color:#d2d2c0;line-height:1.9;margin:7px 0 0}.answer-options{display:flex;flex-direction:column;gap:9px;margin-top:18px}.answer-option{display:flex;gap:11px;align-items:center;text-align:left;border:1px solid #526077;padding:13px 12px;color:#cbd6e0;background:#2b3545;font-size:12px;line-height:1.65;min-height:49px}.answer-option>span{font:11px Consolas,monospace;display:grid;place-items:center;border:1px solid #627087;width:24px;height:24px;flex-shrink:0;color:#b2b9d0}.answer-option:hover:not(:disabled){border-color:var(--mint);background:#364a42}.answer-option:disabled{color:#d09a9b;border-color:#7d5058;opacity:.65}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:19px 0}.result-stats>div{padding:16px;border:1px solid #4a5a67;background:#202d36}.result-stats small{font-size:10px;color:#a0b09f;display:block}.result-stats strong{font:26px Consolas,monospace;color:var(--mint);display:block;margin-top:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(20px);padding:12px 18px;background:#36463b;color:#d8e9cb;border:1px solid #8cae80;box-shadow:3px 3px #111824;font-size:12px;z-index:10;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 30px);text-align:center;line-height:1.6}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.scene.crashed{filter:saturate(.25)}.editor.crash-impact{animation:shake .35s steps(2)}@keyframes blink{50%{opacity:0}}@keyframes blink-target{50%{outline-color:var(--yellow);background:#c09b5a}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fireflies{50%{transform:translateY(-7px);opacity:.4}}@keyframes ticket-ready{50%{box-shadow:0 3px 0 #111921,0 0 16px #e8be7b22}}@keyframes saved-flash{0%{opacity:0;transform:translate(-50%,-40%)}15%,70%{opacity:1;transform:translate(-50%,-50%)}100%{opacity:0;transform:translate(-50%,-65%)}}@keyframes shake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(min-width:1500px){.app-shell{padding:0 64px}.page-heading{padding:37px 0 30px}.scene{min-height:320px}.workspace{grid-template-columns:190px minmax(0,1fr) 226px}.asset-card{margin-top:28px}.inspector-section{padding:22px 17px 20px}.colleague-card{margin-top:24px}.stat-list>div{padding-top:17px}}
@media(max-width:1100px){.app-shell{padding:0 26px}.workspace{grid-template-columns:150px minmax(0,1fr) 186px}.asset-list>div{padding-left:16px}.viewport-toolbar{gap:10px}.inspector-section{padding:14px 11px}.colleague-card{margin:10px 9px 0;padding:9px 6px}.colleague-card .avatar{display:none}.viewport-toolbar>span:nth-child(3){display:none}#progress-caption{display:none}.save-button{padding:11px 15px}.save-button kbd{margin-left:4px}}
@media(max-width:850px){.workspace{grid-template-columns:140px minmax(0,1fr)}.inspector-panel{display:none}.scene{min-height:275px}.shift-card{min-width:185px;padding-left:15px}.step-grid{grid-template-columns:repeat(25,minmax(0,1fr))}.step{height:8px}.page-heading h1{font-size:26px}.progress-section{padding:16px}.action-bar{padding:14px 16px}}
@media(max-width:600px){.app-shell{padding:0 14px}.topbar{height:65px}.brand{font-size:12px;gap:9px}.brand-mark{width:28px;height:28px;font-size:21px}.brand small{font-size:8px;letter-spacing:.5px}.topbar-right{gap:7px}.local-badge{display:none}.page-heading{padding:23px 0 20px;align-items:flex-start;gap:10px}.eyebrow{font-size:8px;letter-spacing:.7px;margin-bottom:9px}.page-heading h1{font-size:24px;letter-spacing:.2px;line-height:1.5}.page-heading p{font-size:10px;margin-top:8px}.shift-card{display:none}.editor{border-radius:3px;overflow:visible}.editor-titlebar{border-radius:3px 3px 0 0;font-size:9px;height:33px;padding:0 9px}.editor-titlebar>span{gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-menu{padding:0 10px;height:29px;gap:18px;font-size:9px}.editor-menu small{display:none}.workspace{display:block}.asset-panel{display:none}.viewport-toolbar{height:32px;font-size:9px;padding:0 10px;gap:15px}.viewport-toolbar>span:nth-child(3){display:flex}.scene{min-height:0;aspect-ratio:4/3;max-height:320px}.scene-label{left:12px;top:13px}.scene-label span{font-size:9px}.scene-label small{font-size:8px}.scene-readout{left:10px;bottom:11px;gap:9px;font-size:8px}.scene-readout>span:nth-child(2){display:none}.scene-state{font-size:8px;bottom:8px;right:8px;padding:5px 6px}.task-strip{height:62px;padding:0 11px;gap:9px}.task-strip strong{font-size:11px;max-width:235px}.task-strip small{font-size:7px;letter-spacing:.3px}.task-step{font-size:18px}.task-step small{font-size:9px}.progress-section{padding:15px 11px 12px}.progress-heading{margin-bottom:10px}.progress-heading strong{font-size:10px}.progress-number b{font-size:21px}.step-grid{grid-template-columns:repeat(20,minmax(0,1fr));gap:3px}.step{height:8px}.progress-legend{gap:10px;font-size:8px;margin-top:10px;flex-wrap:wrap}.progress-legend i{width:4px;height:4px}.progress-legend small{display:none}.target-hint{font-size:10px;padding:8px;line-height:1.8}.action-bar{position:sticky;bottom:0;z-index:3;flex-direction:column;align-items:stretch;gap:11px;padding:12px 11px max(13px,env(safe-area-inset-bottom));box-shadow:0 -3px 18px #0c122122}.save-summary{gap:8px}.save-summary strong{font-size:10px}.save-summary small{font-size:9px;margin-top:3px}.save-summary>svg{width:17px;height:17px}.action-buttons{gap:8px}.save-button{flex:1;min-height:48px;font-size:13px;padding:11px 12px}.save-button kbd{display:none}.pause-button{width:43px;height:46px}.ticket-button{font-size:12px;min-height:48px;padding:10px 12px}.console-panel{margin-top:18px}.console-header{gap:9px;padding:0 10px}.console-header>span{font-size:8px}.console-lines{height:105px;padding:8px 9px}.console-lines>div{font-size:9px;gap:6px}.console-lines time{font-size:8px}footer{font-size:8px;padding:15px 0 23px;gap:10px;flex-wrap:wrap}footer>span:first-child{width:100%;line-height:1.7}footer>span:nth-child(2){margin-left:0}footer>button{margin-left:auto;font-size:9px}.dialog-body{padding:22px 19px}.dialog-body h2{font-size:21px}.dialog-body>p{font-size:11px}.welcome-steps{gap:6px}.welcome-steps>div{padding:10px 7px}.welcome-steps small{font-size:9px}.welcome-steps strong{font-size:10px}.dialog-buttons{gap:8px}.dialog-buttons>button{padding:12px 9px;font-size:11px}.answer-option{font-size:11px;min-height:52px}.toast{bottom:18px;font-size:11px}.crash-facts>div{font-size:10px;gap:8px;padding:10px}.clue-box p{font-size:11px}}
.pressure-strip{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:10px;color:#93a2b7}.pressure-strip b{font:12px Consolas,monospace;color:var(--yellow);margin-left:5px}.pressure-strip>small{margin-left:auto;color:#8c9bac;font-size:9px}.load-track{height:5px;width:150px;max-width:28%;background:#17202e;border:1px solid #465264}.load-track>i{display:block;height:100%;width:28%;background:var(--mint);transition:width .2s}.load-track>i.warm{background:var(--yellow)}.load-track>i.danger{background:var(--red)}.cleanup-button{background:#303c4a;border:1px solid #627288;color:#d1d7ce;min-height:43px;padding:7px 13px;box-shadow:0 3px #111921;border-radius:2px;font-size:11px}.cleanup-button small{display:block;font-size:8px;margin-top:4px;color:#92a5ba}.cleanup-button:hover:not(:disabled){border-color:var(--yellow);background:#3c4651}.decision-card{position:absolute;z-index:3;bottom:40px;left:15px;right:15px;max-width:520px;margin:0 auto;background:#202a3af2;border:1px solid #a28c66;box-shadow:4px 4px #101725;padding:15px}.decision-card>small{display:block;font:9px Consolas,"Microsoft YaHei",sans-serif;color:var(--yellow);margin-bottom:9px}.decision-card>strong{font-size:14px;font-weight:600;line-height:1.7}.decision-card>p{font-size:10px;color:#a1afc3;line-height:1.7;margin:6px 0 12px}.decision-card>div{display:flex;gap:9px}.decision-card button{flex:1;min-height:49px;padding:9px 7px;border:1px solid #788b78;background:#34473f;color:#dce9d5;font-size:11px;text-align:left}.decision-card button:first-child{border-color:#a78b69;background:#493e32;color:#efd9b9}.decision-card button:hover{filter:brightness(1.15)}.decision-card button span{display:block;font-size:8px;margin-top:6px;opacity:.7;line-height:1.5}
@media(max-width:600px){.pressure-strip{gap:7px;font-size:9px}.pressure-strip>small{font-size:8px;max-width:45%;text-align:right;line-height:1.6}.load-track{width:90px;max-width:22%}.cleanup-button{padding:7px 9px;min-height:48px;font-size:10px}.cleanup-button small{font-size:7px}.decision-card{left:9px;right:9px;bottom:36px;padding:11px}.decision-card>strong{font-size:12px}.decision-card>p{font-size:9px;margin:5px 0 9px}.decision-card>small{font-size:8px;margin-bottom:6px}.decision-card button{font-size:10px;min-height:51px;padding:8px 6px}.decision-card button span{font-size:7px;line-height:1.7}}
.mini-scene .scene-label,.mini-scene .scene-gizmo{display:none}.mini-hud{position:absolute;z-index:3;left:13px;right:13px;top:11px;display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;pointer-events:none;color:#cbdcba;font:11px Consolas,"Microsoft YaHei",sans-serif;text-shadow:1px 1px #101a25}.mini-hud>span{padding:5px 7px;background:#142335d9;border:1px solid #648a6b66}.mini-hud b{font-weight:700;color:#d7efb9;margin-left:4px}.mini-hud small{font-size:9px;color:#9cba9d;margin-left:9px}.mini-hud>strong{font:10px Consolas,"Microsoft YaHei",sans-serif;padding:5px 7px;background:#172130b8;color:#c7c6a8}.mini-hud>strong.hot{color:#f9d18f;border-bottom:1px solid #d3a960}.material-track{height:3px;background:#1a2a35aa;flex-basis:100%;border:1px solid #45594577}.material-track i{display:block;height:100%;background:#bdedaa;width:0;transition:width .12s}.mini-field{position:absolute;inset:59px 13px 48px;z-index:2;touch-action:manipulation;--motion-steps:12}.mini-field.inactive{pointer-events:none}.mini-field.inactive .mini-target{opacity:.35;animation-play-state:paused}.mini-target{position:absolute;width:48px;height:52px;display:grid;place-items:center;transform:translate(-50%,-50%);background:transparent;border:0;padding:0;cursor:pointer;touch-action:manipulation;animation:target-life 2.7s linear;user-select:none;-webkit-user-select:none}.mini-target .target-art{display:block;position:relative;width:23px;height:33px;background:#a9f2cc;clip-path:polygon(9px 0,15px 0,15px 3px,19px 3px,19px 7px,23px 7px,23px 25px,19px 25px,19px 29px,15px 29px,15px 33px,9px 33px,9px 29px,5px 29px,5px 25px,1px 25px,1px 7px,5px 7px,5px 3px,9px 3px);filter:drop-shadow(0 0 8px #8fffc5);animation:crystal-float 1.8s steps(var(--motion-steps)) infinite alternate;box-shadow:inset -8px 0 #59b9b7}.mini-target .target-art:before{content:"";position:absolute;left:7px;top:8px;width:3px;height:12px;background:#e0ffd8}.mini-target.gold .target-art{background:#f7d98c;box-shadow:inset -8px 0 #c08d52;filter:drop-shadow(0 0 9px #ffc970)}.mini-target.gold b{position:absolute;right:-1px;bottom:1px;color:#ffdfa0;text-shadow:1px 1px #16202c;font:10px Consolas,monospace}.mini-target.corrupt .target-art{width:28px;height:28px;background:#da7c83;box-shadow:none;clip-path:polygon(0 0,8px 0,14px 6px,20px 0,28px 0,28px 8px,22px 14px,28px 20px,28px 28px,20px 28px,14px 22px,8px 28px,0 28px,0 20px,6px 14px,0 8px);filter:drop-shadow(0 0 7px #cc5a6288)}.mini-target.corrupt .target-art:before{display:none}.mini-target.corrupt b{display:none}.mini-target:hover .target-art{filter:brightness(1.3) drop-shadow(0 0 10px #c5efd4)}.mini-target:focus-visible{outline:2px solid var(--yellow);outline-offset:0}.mini-tip{position:absolute;left:13px;bottom:31px;font-size:9px;color:#bfd1b7;background:#162335bc;padding:3px 6px;pointer-events:none;z-index:2}.mini-pop{position:absolute;pointer-events:none;z-index:5;color:#d9ffba;font:700 18px Consolas,monospace;text-shadow:2px 2px #142735;animation:pickup-pop .7s forwards}.mini-pop.bad{color:var(--red);font-size:13px}.combo-burst{position:absolute;z-index:5;pointer-events:none;top:44%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;color:#ffe0a0;font:700 21px Consolas,"Microsoft YaHei",sans-serif;text-shadow:2px 3px #162233;opacity:0}.combo-burst.show{animation:combo-pop .95s ease-out forwards}.inline-cover{position:absolute;inset:0;z-index:6;display:grid;place-items:center;background:#0d1629ad;padding:13px;backdrop-filter:blur(1px)}.inline-card{max-width:380px;max-height:100%;overflow:auto;width:100%;background:#202c3aeF;border:1px solid #718c80;box-shadow:4px 4px #0e1725;padding:18px;text-align:center}.inline-card>small{display:block;font:8px Consolas,"Microsoft YaHei",sans-serif;letter-spacing:1px;color:#adc9ae}.inline-card h2{font-size:23px;margin:8px 0 9px;color:#d9eac5}.inline-card p{font-size:11px;line-height:1.8;color:#aebfc9;margin:0 0 11px}.inline-tags{display:flex;justify-content:center;gap:15px;font-size:10px;color:#bdedb3;margin-bottom:12px}.inline-tags span:nth-child(2){color:#f0ca86}.inline-tags span:nth-child(3){color:var(--red)}.inline-card .primary-btn{width:100%;min-height:40px;padding:10px 12px}.inline-card .resume-note{font-size:9px;line-height:1.5;letter-spacing:0;margin-top:9px;color:#91a89f}.inline-help{margin-top:22px;background:#222d38;border:1px solid #4d655b;padding:18px;color:#bdc8c4;font-size:11px;line-height:1.9}.inline-help strong{color:var(--mint)}.inline-help p{margin:8px 0}.inline-help button{border:1px solid #6e8d75;background:#344b3c;color:#d6e6c7;padding:7px 13px;margin-top:5px;font-size:11px}.save-button{position:relative;overflow:hidden}.save-button>*{position:relative;z-index:1}.save-button.is-saving{opacity:1;background:#3d4d43;border-color:#8aa380;color:#e0eed4;cursor:wait}.save-button.is-saving:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--save-progress,0%);background:#afd89a45;transition:none}.scene.lagging .scene-vignette{animation:editor-stutter 1.2s steps(3) infinite}.scene.lagging .scene-readout{color:var(--red)}@keyframes target-life{0%{opacity:.4}9%,84%{opacity:1}100%{opacity:.2}}@keyframes crystal-float{to{transform:translateY(-6px)}}@keyframes pickup-pop{to{opacity:0;transform:translateY(-32px)}}@keyframes combo-pop{0%{opacity:0;transform:translate(-50%,-30%) scale(.8)}20%,65%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-80%) scale(1.05)}}@keyframes editor-stutter{30%{transform:translateX(1px)}60%{transform:translateX(-1px)}90%{transform:translateX(0)}}
@media(max-width:600px){.mini-field{inset:51px 8px 45px}.mini-hud{top:8px;left:9px;right:9px;font-size:10px;gap:5px}.mini-hud>span{padding:4px 5px}.mini-hud small{font-size:8px;margin-left:6px}.mini-hud>strong{font-size:9px;padding:4px}.mini-tip{left:9px;font-size:8px;bottom:29px;padding:3px 5px}.mini-target{width:46px;height:48px}.mini-target .target-art{transform:scale(.95)}.inline-cover{padding:8px}.inline-card{padding:12px}.inline-card h2{font-size:19px;margin:6px 0}.inline-card p{font-size:10px;line-height:1.6;margin-bottom:8px}.inline-tags{font-size:9px;gap:12px;margin-bottom:8px}.inline-card>small{font-size:7px;letter-spacing:.5px}.inline-card .primary-btn{font-size:11px;min-height:37px;padding:9px}.inline-card .resume-note{font-size:8px;margin-top:6px}.combo-burst{font-size:17px}.inline-help{padding:12px;font-size:10px}.save-button{font-size:12px}.save-button.is-saving span{font-size:12px}}
/* Keep the save controls near the scene at normal laptop heights. */
@media(min-width:851px){.workspace{height:375px;min-height:0}.scene{aspect-ratio:auto;min-height:0}.page-heading{padding-top:25px;padding-bottom:23px}.page-heading h1{font-size:27px}}
@media(min-width:1500px){.workspace{height:410px}.scene{min-height:0}}
@media(min-width:601px) and (max-width:850px){.workspace{height:370px;min-height:0}.scene{min-height:0;aspect-ratio:auto}}
@media(max-width:600px){.app-shell{padding-bottom:120px}.workspace{min-height:0}.scene{aspect-ratio:16/10}.action-bar{position:fixed;left:14px;right:14px;bottom:0;border:1px solid #4a5061;border-bottom:0;border-radius:4px 4px 0 0;box-shadow:0 -8px 28px #080c1866}.page-heading{padding-top:19px;padding-bottom:18px}.page-heading h1{font-size:22px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.save-flash.show{opacity:1}}

/* Saving blocks every action until the full snapshot is written. */
.saving-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:16px;background:#101928c9;cursor:wait;backdrop-filter:blur(2px)}
.saving-card{width:min(290px,100%);padding:23px 19px;background:#202d3bf5;border:1px solid #94ad86;box-shadow:4px 4px #0e1725;text-align:center;color:#dceccd}
.saving-card>svg{display:block;width:27px;height:27px;margin:0 auto 12px;color:var(--mint)}
.saving-card>strong{display:block;font-size:21px;letter-spacing:2px}
.saving-card>span{display:block;margin-top:9px;color:#e7d19b;font:16px Consolas,"Microsoft YaHei",sans-serif;font-variant-numeric:tabular-nums}
.saving-card>small{display:block;color:#aebfc0;font-size:10px;line-height:1.7}
.saving-track{height:6px;background:#121c2c;border:1px solid #587261;margin:15px 0 12px;overflow:hidden}
.saving-track>i{display:block;height:100%;width:0;background:var(--mint);transition:none}
.app-shell.is-saving button{cursor:wait}
.app-shell.is-saving .mini-target,.app-shell.is-saving .mini-target *{animation-play-state:paused!important}
.app-shell.is-saving .mini-target{opacity:.35}
@media(max-width:600px){.saving-card{padding:17px 14px}.saving-card>strong{font-size:19px}.saving-card>svg{width:23px;height:23px;margin-bottom:9px}}

.score-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:11px 24px;margin:0 0 18px;padding:14px 17px;border:1px solid #47534e;background:#202a2e;border-radius:3px}
.score-rules>strong{font-size:12px;color:var(--mint)}
.score-rules p{font-size:10px;color:#a9b9bc;line-height:1.8;margin:4px 0 0}
.score-rules b{font-weight:600;color:var(--yellow)}
.score-live{align-self:center;text-align:right;white-space:nowrap}
.score-live>small{display:block;color:#a9b9bc;font-size:9px}
.score-live>strong{display:block;color:var(--mint);font:700 29px Consolas,monospace;margin:5px 0;font-variant-numeric:tabular-nums}
.score-live>strong small{font-size:11px;font-weight:400}
.score-live>span{font-size:10px;color:#a9b9bc}
.score-live b{font:12px Consolas,monospace;color:#e5d2aa;font-variant-numeric:tabular-nums}
.score-totals{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 25px;padding-top:10px;border-top:1px solid #41504a;font-size:10px;color:#97acab}
.score-totals b{color:#d4e3ca;margin-left:7px;font:12px Consolas,monospace;font-variant-numeric:tabular-nums}
.score-totals small{font-size:9px;color:#b9a17b;margin-left:5px}
.finish-breakdown{display:grid;gap:6px;margin:10px 0;padding:9px 0;border-top:1px solid #51615b;border-bottom:1px solid #51615b}
.finish-breakdown>span{display:flex;justify-content:space-between;gap:10px;color:#9eb4b7;font-size:10px;text-align:left}
.finish-breakdown b{color:#d9e8ca;font-weight:400;font-variant-numeric:tabular-nums}
#final-score{color:var(--mint);font-size:17px}
.inline-card .finish-note{font-size:9px;line-height:1.5;margin-bottom:10px}
@media(max-width:600px){.score-panel{padding:11px;gap:9px 10px;margin-bottom:13px}.score-rules{grid-column:1/-1}.score-rules p{font-size:9px;line-height:1.7}.score-live{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.score-live>small{font-size:8px}.score-live>strong{font-size:25px;margin:0}.score-live>span{font-size:9px}.score-live b{font-size:11px}.score-totals{gap:7px 12px;padding-top:8px;font-size:9px}.score-totals b{font-size:10px;margin-left:3px}.score-totals small{font-size:8px}.finish-breakdown{gap:4px;margin:6px 0;padding:6px 0}.finish-breakdown>span{font-size:9px}}

.difficulty-choice{display:block;font-size:10px;color:#9aaba7;margin:0 0 12px}.difficulty-choice select{display:block;margin-top:7px;width:100%;max-width:265px}
select,input{font:inherit;color:#d9e6d0;background:#1c2933;border:1px solid #596e62;border-radius:2px;padding:8px 10px;max-width:100%}select:disabled{opacity:.6}input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}
.ranking-panel,.history-panel{margin:20px 0;border:1px solid #46564f;background:#202b30;padding:16px 17px;border-radius:3px}.ranking-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ranking-heading small{font:8px Consolas,monospace;letter-spacing:1px;color:#97b49b}.ranking-heading h2{font-size:17px;margin:5px 0 0;color:#d9e8cb}.ranking-heading h2 span{font:11px Consolas,monospace;color:var(--yellow);margin-left:7px}.ranking-heading>span{font-size:10px;color:#96aaa6}.ranking-filters{display:flex;gap:8px;align-items:center}.ranking-filters select{font-size:11px}.ranking-panel button,.history-panel button,.secondary-btn{background:#34483c;border:1px solid #748c71;color:#d3e8c5;padding:8px 12px;font-size:11px;border-radius:2px}.ranking-panel>p,.history-panel>p,#account-panel>p{font-size:10px;line-height:1.8;color:#a3b8b3;margin:10px 0}.table-scroll{overflow-x:auto}.leaderboard-table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}.leaderboard-table th{font-size:10px;color:#8eaaa0;font-weight:400;padding:9px 7px;border-bottom:1px solid #516259}.leaderboard-table td{padding:10px 7px;border-bottom:1px solid #35463f;word-break:break-word}.leaderboard-table td:nth-child(3){font-family:Consolas,monospace;white-space:nowrap;color:var(--mint)}.leaderboard-table .is-mine{background:#354d3b55}.leaderboard-table td small{color:var(--yellow);font-size:9px}.empty-records{text-align:center;font-size:10px;color:#8eaaa0;padding:15px!important;line-height:1.8}#my-record{color:var(--yellow)}#account-details{border-top:1px solid #485d50;padding-top:12px}#account-details summary{font-size:11px;color:var(--mint);cursor:pointer}#auth-form{display:flex;flex-wrap:wrap;gap:10px;align-items:end}#auth-form label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#a4b9ac;flex:1;min-width:140px}#auth-form input{width:100%;font-size:12px}#auth-form>div{display:flex;gap:8px}#auth-status{color:var(--yellow)!important;overflow-wrap:anywhere}.history-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid #40534a}.history-entry>div{min-width:0}.history-entry strong{display:block;font:18px Consolas,monospace;color:var(--mint)}.history-entry small{display:block;font-size:9px;color:#9eb3a9;line-height:1.8;overflow-wrap:anywhere}.history-local{font-size:10px;color:#8ca496;white-space:nowrap}.history-submit{flex-shrink:0}.inline-card .secondary-btn{width:100%;margin-bottom:7px;min-height:32px;font-size:10px;padding:7px}.finish-card{max-width:390px}.score-live>strong{font-size:26px}
@media(max-width:600px){.difficulty-choice{display:block;margin:8px 0}.shift-card{display:none}.ranking-panel,.history-panel{padding:12px;margin:15px 0}.ranking-heading h2{font-size:15px}.ranking-filters{width:100%;justify-content:space-between}.ranking-filters select{font-size:10px;min-width:0;max-width:70%}.ranking-panel button,.history-panel button{font-size:10px;padding:7px 9px}.leaderboard-table{font-size:10px}.leaderboard-table th,.leaderboard-table td{padding:9px 5px}.ranking-panel>p,.history-panel>p{font-size:9px}.history-entry strong{font-size:16px}#auth-form>div{width:100%}#auth-form>div button{flex:1}.score-live>strong{font-size:22px}.inline-card .finish-note{font-size:8px;margin-bottom:6px}.finish-card h2{font-size:18px}.finish-card .primary-btn{min-height:33px;padding:7px}}

@media(max-width:600px){.page-heading{flex-wrap:wrap}.page-heading>.shift-card{display:block;width:100%;min-width:0;border-left:0;border-top:1px solid #3c4844;padding:10px 0 0}.shift-card>small,.shift-card>strong,.shift-card>span{display:none}.difficulty-choice{display:flex;gap:8px;align-items:center;margin:0}.difficulty-choice select{display:inline-block;margin:0;flex:1;max-width:none;font-size:11px;min-width:0}}

.record-ops{margin-top:7px;font-size:9px;color:#9eb7a7}.record-ops summary{cursor:pointer;color:var(--yellow)}.record-ops ol{max-height:155px;overflow:auto;padding-left:20px;margin:7px 0}.record-ops li{padding:3px 0;line-height:1.6}.record-ops time{font:9px Consolas,monospace;color:#82a497}.history-entry:has(.record-ops[open]){align-items:flex-start}

.finish-card{padding:12px 16px}.finish-card>small{font-size:7px}.finish-card h2{font-size:20px;margin:5px 0 7px}.finish-card>p{margin:0 0 6px;font-size:10px;line-height:1.5}.finish-card .finish-breakdown{margin:6px 0;padding:6px 0;gap:4px}.finish-card .finish-note{font-size:9px;line-height:1.4;margin-bottom:6px}.finish-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.finish-actions:has(#submit-last-btn[hidden]){grid-template-columns:1fr}.finish-actions .primary-btn,.finish-actions .secondary-btn{min-height:31px;padding:7px 5px;font-size:10px;margin:0;width:100%}#final-time{font:700 17px Consolas,monospace;color:var(--mint)}
@media(max-width:600px){.scene:has(.finish-card){min-height:270px}.finish-card{padding:11px}.finish-card h2{font-size:18px}.finish-card>p{font-size:9px}.finish-card .finish-note{font-size:8px}.finish-actions .primary-btn,.finish-actions .secondary-btn{font-size:9px;min-height:31px}}

.game-subtitle{font-size:14px;font-weight:400;color:#a5b8a8;margin-top:7px}.share-game-btn{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 10px;border:1px solid #617b60;background:#2a3b31;color:var(--mint);border-radius:3px;font-size:11px}.share-game-btn:hover{background:#38503d}.share-game-btn svg{width:16px;height:16px}@media(max-width:600px){.topbar-right{gap:7px}.share-game-btn{padding:7px}.share-game-btn span{display:none}.game-subtitle{font-size:11px}}

.game-site-header{height:76px;border-bottom:2px solid #35493f;background:linear-gradient(90deg,#17251e80,transparent);box-shadow:0 4px #0c1415;margin:0 -4px;padding:0 4px}.game-site-brand{font-size:16px;letter-spacing:.4px}.game-site-brand>b,.game-site-brand b{font-size:15px;font-weight:700}.brand-divider{color:#83b29a}.game-site-brand small{font-size:8px;letter-spacing:2px;color:#82a99a}.pixel-vfx-logo{position:relative;display:block;width:33px;height:35px;flex-shrink:0;filter:drop-shadow(0 0 7px #9fe58b44)}.pixel-vfx-logo i{position:absolute;display:block;transform:skewY(12deg);border:2px solid #d4f3a4;box-shadow:3px 3px #0b1716}.pixel-vfx-logo i:nth-child(1){left:0;top:3px;width:11px;height:24px;background:#b8e97d}.pixel-vfx-logo i:nth-child(2){left:11px;top:14px;width:11px;height:18px;background:#74d5b8;border-color:#b5f3c9;transform:skewY(-12deg)}.pixel-vfx-logo i:nth-child(3){right:0;top:1px;width:11px;height:24px;background:#59bfc4;border-color:#b4e9d4;transform:skewY(-12deg)}.pixel-account-bar{display:flex;align-items:center;gap:8px}.pixel-account-bar button{min-height:32px;padding:6px 11px;color:#d1e5c2;border:1px solid #607b61;background:#263b2d;box-shadow:2px 2px #0c1714;font-size:11px}.pixel-account-bar button:nth-child(2){background:#b5dfa0;color:#263824;border-color:#d7efbe}.pixel-account-bar button:hover{filter:brightness(1.12)}.game-utility-bar{display:flex;align-items:center;justify-content:space-between;margin-top:15px;gap:8px}.game-utility-bar>span{color:#7f9c8a;font:8px Consolas,monospace;letter-spacing:1px}.game-utilities{display:flex;align-items:center;gap:8px}.game-utility-bar+.page-heading{padding-top:17px}.game-site-header .account-open-signed-in{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-auth-dialog{font-size:13px}
@media(max-width:600px){.game-site-header{height:69px}.game-site-brand{gap:7px;font-size:13px}.game-site-brand b{display:none}.game-site-brand .brand-divider{display:none}.game-site-brand small{font-size:7px;letter-spacing:1px;margin-top:5px}.pixel-vfx-logo{transform:scale(.85);transform-origin:left center;width:29px}.pixel-account-bar{gap:6px}.pixel-account-bar button{padding:6px 9px;min-height:31px;font-size:10px}.game-utility-bar{margin-top:12px}.game-utility-bar>span{font-size:7px;letter-spacing:.5px}.game-utilities{gap:4px}.game-utilities .icon-button{padding:5px}.game-utilities .share-game-btn{padding:5px 7px}.game-utilities .share-game-btn span{display:inline;font-size:9px}.game-utilities .share-game-btn svg{width:13px;height:13px}.game-site-header .account-open-signed-in{max-width:90px}}