@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800;900&family=Nunito:wght@700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color-scheme:light;font-family:Nunito,Noto Sans SC,sans-serif;color:#303432;background:#f2eee5;font-synthesis:none;--ink: #303432;--muted: #747976;--dim: #999d99;--line: #d9d7d0;--panel: rgba(250, 248, 242, .96);--panel-2: #f1efe8;--mint: #4d927f;--orange: #d38d4d;--danger: #bf6469;--shadow: 0 18px 50px rgba(67, 66, 60, .1)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-rows:50px minmax(0,1fr);width:100%;height:100%;background:radial-gradient(ellipse at 14% 12%,rgba(255,255,255,.9),transparent 28%),radial-gradient(ellipse at 82% 75%,rgba(181,180,171,.12),transparent 35%),#f2eee5}.start-screen{position:fixed;inset:0;z-index:40;overflow:hidden;color:var(--ink);background:radial-gradient(circle at 77% 45%,rgba(63,218,221,.12),transparent 24%),radial-gradient(ellipse at 13% 8%,rgba(255,255,255,.98),transparent 32%),linear-gradient(120deg,rgba(255,255,255,.38),transparent 42%),#f3efe6;opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}.start-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.start-marble{position:absolute;inset:-12%;opacity:.54;background:linear-gradient(112deg,transparent 0 39%,rgba(137,138,133,.08) 40%,transparent 41.5%),linear-gradient(25deg,transparent 0 66%,rgba(151,151,144,.07) 67%,transparent 68.5%);transform:rotate(-2deg)}.start-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(250px,.82fr) minmax(290px,.78fr) minmax(300px,1.05fr);align-items:center;gap:clamp(28px,4vw,58px);width:min(1200px,calc(100% - 72px));height:100%;margin:0 auto}.start-copy{align-self:center}.start-brand-lockup{display:flex;align-items:center;gap:12px;margin-bottom:46px;font:700 21px Space Grotesk,Noto Sans SC,sans-serif;letter-spacing:.04em}.start-brand-mark{position:relative;width:31px;height:31px;border:2px solid var(--mint);border-radius:50%}.start-brand-mark:before,.start-brand-mark:after{content:"";position:absolute;top:10px;width:7px;height:7px;border-radius:50%;background:var(--orange)}.start-brand-mark:before{left:-5px}.start-brand-mark:after{right:-5px}.start-eyebrow{color:var(--mint);font:500 10px DM Mono,monospace;letter-spacing:.18em}.start-copy h1{margin:12px 0 17px;font:700 clamp(48px,5.4vw,76px)/.98 "Space Grotesk","Noto Sans SC",sans-serif;letter-spacing:-.045em}.start-copy h1 em{color:var(--mint);font-style:normal}.start-copy p{max-width:320px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}.start-actions{display:grid;gap:11px}.start-option{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;min-height:82px;padding:15px 18px;border:1px solid rgba(174,177,169,.62);border-radius:17px;background:#fffffca8;box-shadow:0 10px 32px #46453f0b;text-align:left;cursor:pointer;backdrop-filter:blur(12px);transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.start-option:hover{transform:translate(6px);border-color:#4d927f94;background:#fffffcf0;box-shadow:0 16px 40px #46453f1a}.start-option.primary{border-color:#358b7580;background:#4d927f;color:#fff;box-shadow:0 17px 42px #4d927f33}.start-option.primary:hover{background:#438775}.start-option-number{color:#929894;font:500 9px DM Mono,monospace}.start-option.primary .start-option-number{color:#ffffffa8}.start-option-copy{display:grid;gap:4px}.start-option-copy strong{font-size:16px}.start-option-copy small{color:var(--muted);font-size:10px}.start-option.primary .start-option-copy small{color:#ffffffad}.start-option-arrow{color:var(--mint);font:500 20px Space Grotesk,sans-serif}.start-option.primary .start-option-arrow{color:#fff}.start-visual{position:relative;aspect-ratio:1.12;min-width:0}.start-visual svg{position:absolute;inset:5% 0 0;width:100%;height:90%;overflow:visible}.start-chain-line{fill:none;stroke:#4f69616b;stroke-width:5;stroke-linecap:round}.start-chain-atoms circle{fill:#e5e9e5;stroke:#46534e61;stroke-width:2;filter:drop-shadow(0 5px 8px rgba(63,70,67,.12))}.start-chain-atoms circle:nth-child(3n+1){fill:#f07872}.start-chain-atoms circle:nth-child(3n+2){fill:#7798e8}.start-beacon{position:absolute;top:16%;right:13%;width:144px;height:144px;border-radius:50%;background:radial-gradient(circle at 48% 50%,#0a707980 0 22%,#32d9dd57 55%,#b2f7f494);box-shadow:inset 0 0 25px #04666e24,0 0 45px #32d9dd33;animation:startBeaconPulse 3.5s ease-in-out infinite}.start-beacon i{position:absolute;inset:25%;border-radius:50%;background:#0f6c7338;filter:blur(2px)}.start-orbit{position:absolute;border:1px solid rgba(69,163,153,.18);border-radius:50%;transform:rotate(-18deg)}.start-orbit-one{inset:2% 1% 8% 4%}.start-orbit-two{inset:14% 10% 21% 16%;transform:rotate(22deg)}@keyframes startBeaconPulse{0%,to{transform:scale(.83);opacity:.82}50%{transform:scale(1);opacity:.42}}.start-footer{position:absolute;right:28px;bottom:23px;color:#929793;font:9px DM Mono,monospace;letter-spacing:.12em}.creator-notice{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:#ebe8e09e;backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.creator-notice.show{opacity:1;visibility:visible;pointer-events:auto}.creator-notice-card{width:min(390px,100%);padding:30px;border-radius:24px;background:#fffef9f7;box-shadow:0 25px 80px #41403b2e;text-align:center;transform:translateY(8px) scale(.98);transition:transform .2s ease}.creator-notice.show .creator-notice-card{transform:none}.creator-notice-symbol{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 17px;border-radius:50%;background:#32d9dd26;color:#218f96;font:400 28px Space Grotesk,sans-serif}.creator-notice-card h2{margin:0 0 22px;font-size:22px}.creator-notice-card .primary-btn{width:100%}.topbar{display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--line);background:#faf8f3eb;box-shadow:0 2px 16px #4948430a;backdrop-filter:blur(15px);z-index:5}.mode-back,.screen-back{border:1px solid rgba(153,157,153,.48);border-radius:999px;background:#fffffcb8;color:#626965;font-size:13px;font-weight:600;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.mode-back{flex:0 0 auto;padding:8px 13px}.mode-back:hover,.screen-back:hover{transform:translate(-2px);border-color:#4d927fad;background:#fffffcfa}.screen-back{position:absolute;top:max(24px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left));z-index:2;padding:10px 16px}.brand{display:flex;align-items:center;gap:11px;min-width:196px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.brand-mark{position:relative;width:27px;height:27px;border:2px solid var(--mint);border-radius:50%}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:8px;width:6px;height:6px;border-radius:50%;background:var(--orange)}.brand-mark:before{left:-4px}.brand-mark:after{right:-4px}.brand-name{font:700 18px Space Grotesk,Noto Sans SC,sans-serif;letter-spacing:.04em}.brand-sub{color:var(--muted);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.top-tabs{display:flex;align-self:stretch}.top-tab{position:relative;border:0;background:transparent;padding:0 17px;color:var(--muted);cursor:pointer}.top-tab:hover,.top-tab.active{color:var(--ink)}.top-tab.active:after{content:"";position:absolute;left:17px;right:17px;bottom:0;height:2px;background:var(--mint)}.engine-pill{margin-left:auto;display:flex;gap:8px;align-items:center;padding:7px 11px;border:1px solid #d7ddd8;border-radius:999px;color:#69736f;background:#ffffff8c;font:10px DM Mono,monospace}.engine-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #4d927f17}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 388px;min-height:0}.viewport-column{position:relative;min-width:0;min-height:0;overflow:hidden;background:linear-gradient(118deg,transparent 0 44%,rgba(137,138,133,.08) 45%,transparent 47%),linear-gradient(26deg,transparent 0 68%,rgba(158,158,151,.07) 69%,transparent 71%),radial-gradient(ellipse at 16% 14%,rgba(255,255,255,.95),transparent 31%),radial-gradient(ellipse at 78% 78%,rgba(192,189,181,.14),transparent 40%),#f5f1e8}.viewport{position:absolute;inset:0}.viewport canvas{width:100%;height:100%;display:block}.viewport-top{position:absolute;top:19px;left:21px;right:21px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.level-card{min-width:205px;padding:12px 15px;border:0;border-radius:18px;background:#fffffccc;box-shadow:0 9px 28px #42423d14;backdrop-filter:blur(12px)}.eyebrow{color:var(--mint);font:500 9px DM Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.level-title{margin-top:4px;font-size:16px;font-weight:600}.level-note{margin-top:3px;color:var(--muted);font-size:10px}.view-tools{pointer-events:auto;display:flex;gap:5px;padding:5px;border:1px solid rgba(167,168,160,.48);border-radius:3px;background:#faf8f2cc;box-shadow:0 10px 26px #42423d12;backdrop-filter:blur(12px)}.tool-btn{display:grid;place-items:center;width:37px;height:33px;border:1px solid transparent;border-radius:2px;background:transparent;color:#898e8a;cursor:pointer}.tool-btn:hover,.tool-btn.active{color:var(--ink);border-color:#cbd2cd;background:#ffffffc7}.viewport-bottom{position:absolute;left:21px;right:21px;bottom:17px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.legend{display:flex;gap:13px;padding:8px 11px;border:1px solid rgba(167,168,160,.42);border-radius:3px;background:#faf8f2b8;font-size:9px;color:var(--muted);backdrop-filter:blur(10px)}.legend-item{display:flex;align-items:center;gap:5px}.atom-dot{width:8px;height:8px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.hint{color:#8c908d;font-size:9px;text-align:right}.sidebar-legend{align-self:flex-start;margin-top:auto;border-width:2px;border-radius:14px;background:#fffffccc;box-shadow:0 8px 22px #43423c0e;font-family:Nunito,Noto Sans SC,sans-serif;font-size:10px;font-weight:900;pointer-events:auto}.side-panel{position:relative;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--line);background:var(--panel);overflow:hidden}.panel-view{display:none;height:100%;min-height:0;overflow:auto}.panel-view.active{display:flex;flex-direction:column}.section-head{display:flex;justify-content:space-between;align-items:center}.section-title{color:#656b67;font-size:11px;font-weight:600;letter-spacing:.08em}.sequence-block{padding:20px 22px 15px;border-bottom:1px solid var(--line)}.sequence-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.sequence-count{color:var(--muted);font:10px DM Mono,monospace}.sequence-field{min-height:46px;padding:10px 11px;border:1px solid #d6d5cf;border-radius:2px;background:#ffffff9e;color:#38403d;font:500 14px/1.55 DM Mono,monospace;letter-spacing:.1em;word-break:break-all}.sequence-field.empty{color:#9a9d99;font-family:Noto Sans SC,sans-serif;font-size:10px;letter-spacing:0}.sequence-actions{display:flex;gap:7px;margin-top:8px}.text-btn{flex:1;height:31px;border:1px solid #d4d4ce;border-radius:2px;background:#ffffff6b;color:#747a76;font-size:10px;cursor:pointer}.text-btn:hover:not(:disabled){border-color:#9fb6ad;color:var(--ink);background:#fff}.text-btn:disabled{opacity:.42;cursor:default}.text-btn.accent{border-color:#a9c4ba;color:#477b6c}.keyboard-block{padding:15px 22px 18px}.keyboard-help{color:var(--dim);font:9px DM Mono,monospace}.keyboard{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.aa-key{position:relative;min-width:0;height:58px;padding:6px 5px;border:1px solid #d8d6cf;border-top:2px solid var(--aa);border-radius:2px;background:#ffffff94;text-align:left;box-shadow:0 3px 9px #48464106;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}.aa-key:hover{transform:translateY(-2px);border-color:var(--aa);background:#fff;box-shadow:0 6px 15px #48464114}.aa-key:active{transform:translateY(0)}.aa-key:disabled{opacity:.42;cursor:default;transform:none;box-shadow:none}.aa-main{font:600 17px Space Grotesk,sans-serif}.aa-three{margin-left:4px;color:var(--muted);font:9px DM Mono,monospace}.aa-zh{display:block;margin-top:3px;color:#858a86;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chemistry{margin:0 22px 16px;padding:11px;border:1px solid #d8d6cf;border-radius:2px;background:#ffffff73}.chemistry.hidden{display:none}.cys-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.cys-chip,.link-chip{border:1px solid #cecec8;border-radius:2px;background:#f8f6f0;color:#656b67;font:9px DM Mono,monospace;padding:6px 8px;cursor:pointer}.cys-chip.selected{border-color:#b59b39;color:#8b741c}.cys-chip.used{opacity:.45;cursor:default}.link-actions{display:flex;gap:7px;margin-top:8px}.link-create{border:0;border-radius:2px;padding:7px 10px;background:#d4b953;color:#3a3524;font-size:9px;font-weight:700;cursor:pointer}.link-create:disabled{opacity:.35;cursor:default}.link-chip{border-color:#c7b66a;color:#8b7521}.creative-view{padding-bottom:0}.creative-keyboard-block{padding-bottom:13px;border-bottom:1px solid var(--line)}.compact-keyboard .aa-key{height:49px}.compact-keyboard .aa-zh{display:none}.creative-section{padding:15px 22px;border-bottom:1px solid var(--line)}.creative-editor{margin-top:10px}.empty-editor{padding:16px;border:1px dashed #cfcec7;color:var(--dim);text-align:center;font-size:10px}.residue-select-row{display:block;margin-bottom:10px}.residue-select-row select{min-width:0;height:31px;border:1px solid #d2d2cc;border-radius:2px;background:#ffffffad;padding:0 8px;color:var(--ink);font:10px DM Mono,monospace}.mini-action{border:1px solid #d0d3cd;border-radius:2px;background:#ffffff8c;color:#64716c;cursor:pointer}.mini-action:hover{border-color:#88aa9e;color:var(--ink);background:#fff}.editor-note{margin:7px 0;color:var(--dim);font-size:9px;line-height:1.5}.torsion-observation,.energy-observation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.torsion-observation>div,.energy-observation>div{display:flex;justify-content:space-between;gap:8px;padding:7px 8px;border-radius:6px;background:#ffffff85;color:#68706c;font-size:9px}.torsion-observation b,.energy-observation b,.chi-observation b{color:#3e4b46;font:500 9px DM Mono,monospace}.chi-observation{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:7px;padding:7px 8px;border-radius:6px;background:#ebf1ed9e;color:#68706c;font-size:9px}.energy-observation{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.environment-section{background:#f4f3ed85}.mini-action{padding:4px 7px;font-size:8px}.environment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.environment-grid label{display:grid;grid-template-columns:1fr auto;align-items:center;min-width:0;padding:7px 8px;border:1px solid #d9d8d1;border-radius:2px;background:#ffffff85;color:#68706c;font-size:9px}.environment-grid label span{grid-column:2;color:var(--dim);font:8px DM Mono,monospace}.environment-grid input{grid-column:1 / -1;width:100%;margin-top:4px;border:0;border-top:1px solid #e2e1dc;outline:0;background:transparent;padding-top:4px;color:#35403b;font:10px DM Mono,monospace}.environment-summary{margin-top:9px;color:#66716c;font:9px DM Mono,monospace}.environment-warning{color:var(--orange)}.environment-balanced{color:var(--mint)}.scientific-note{margin-top:7px;color:var(--dim);font-size:8px;line-height:1.55}.creative-status{position:sticky;bottom:0;z-index:3}.status-strip{margin-top:auto;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);background:#f2f0e9db}.status-cell{min-width:0;padding:11px 14px;border-right:1px solid var(--line)}.status-cell:last-child{border-right:0}.status-label{color:var(--dim);font:8px DM Mono,monospace;text-transform:uppercase}.status-number{margin-top:4px;font:11px DM Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-number.good{color:var(--mint)}.status-number.warn{color:var(--orange)}.busy{position:absolute;inset:0;display:none;place-items:center;background:#f0eee799;backdrop-filter:blur(2px);z-index:9}.busy.visible{display:grid}.busy-card{padding:12px 16px;border:1px solid #b9ccc4;border-radius:2px;background:#fcfbf7f2;box-shadow:var(--shadow);color:var(--mint);font:10px DM Mono,monospace}.spinner{display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:var(--mint);animation:blink .75s infinite alternate}@keyframes blink{to{opacity:.2;transform:scale(.75)}}.toast{position:fixed;top:78px;left:50%;transform:translate(-50%,-12px);padding:9px 13px;border:1px solid #d1d6d1;border-radius:2px;background:#fffffff5;box-shadow:var(--shadow);color:#34403b;font-size:10px;font-weight:600;opacity:0;pointer-events:none;transition:.22s ease;z-index:30}.toast.show{opacity:1;transform:translate(-50%)}.victory,.chain-notice{position:absolute;inset:0;display:none;place-items:center;z-index:8;pointer-events:none}.victory.show,.chain-notice.show{display:grid}.victory.show{pointer-events:auto;background:#f1eee67a;backdrop-filter:blur(4px)}.victory-card,.chain-notice-card{pointer-events:auto;width:min(380px,calc(100% - 40px));padding:25px;border:0;border-radius:22px;background:#fcfaf5f5;box-shadow:0 22px 70px #4b49432e}.victory-kicker{color:var(--mint);font:10px DM Mono,monospace;letter-spacing:.14em}.victory-title{margin:7px 0 6px;font-size:25px}.victory-copy{color:var(--muted);font-size:11px;line-height:1.6}.victory-actions{display:flex;gap:8px;margin-top:17px}.victory-card{width:min(460px,calc(100% - 40px));padding:30px;text-align:center}.victory-count{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:22px 0 10px}.victory-count-label,.victory-count-unit{color:#737a76;font-size:12px}.victory-count strong{color:var(--mint);font:700 52px/1 Space Grotesk,Noto Sans SC,sans-serif;letter-spacing:-.04em}.victory-copy{min-height:18px}.victory-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:24px}.victory-button{min-height:44px;border:0;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:transform .17s ease,background .17s ease,box-shadow .17s ease}.victory-button:hover{transform:translateY(-2px)}.victory-button.secondary{border:1px solid rgba(77,146,127,.34);background:#fff;color:#5f6662}.victory-button.secondary:hover{background:#f5faf7}.victory-button.primary{background:var(--mint);box-shadow:0 10px 26px #4d927f38;color:#fff}.victory-button.primary:hover{background:#438775}.victory-button.best{border-color:#358b7585;color:#397764}.victory-button:disabled{opacity:.48;cursor:default;transform:none}@keyframes victoryCardIn{0%{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}.victory.show .victory-card{animation:victoryCardIn .32s cubic-bezier(.2,.82,.26,1) both}.chain-notice{z-index:10;background:#f5f1e85c;backdrop-filter:blur(3px)}.chain-notice-card{text-align:center}.chain-notice-card h2{margin:12px 0 7px;font-size:22px}.chain-notice-card p{margin:0 0 18px;color:var(--muted);font-size:11px;line-height:1.7}.chain-notice-badge{display:grid;place-items:center;width:58px;height:58px;margin:0 auto;border-radius:50%;background:#dff4ed;color:var(--mint);box-shadow:0 0 0 8px #6fcdb31f;font:700 20px Space Grotesk,sans-serif}.primary-btn{flex:1;border:0;border-radius:999px;padding:10px;background:var(--mint);color:#fff;font-weight:700;cursor:pointer}@media(max-width:900px){html,body,#app{height:auto;min-height:100%;overflow:auto}.app-shell{height:auto;min-height:100vh;grid-template-rows:50px auto}.topbar{padding:0 14px;gap:8px}.brand{min-width:auto}.brand-sub,.engine-pill{display:none}.top-tab{padding:0 10px;font-size:11px}.workspace{grid-template-columns:1fr;grid-template-rows:52vh auto}.side-panel{min-height:545px;border-top:1px solid var(--line);border-left:0;overflow:visible}.viewport-column{min-height:390px}.keyboard{gap:6px}.aa-key{height:54px}.start-screen{overflow:auto}.start-layout{grid-template-columns:minmax(240px,.8fr) minmax(280px,1fr);align-content:center;width:min(760px,calc(100% - 42px));min-height:100%;padding:46px 0 64px}.start-visual{display:none}}@media(max-width:430px){.brand-name{font-size:15px}.brand-mark{width:23px;height:23px}.top-tabs{margin-left:auto}.viewport-top{top:12px;right:12px;left:12px}.level-card{min-width:0;padding:9px 10px}.level-note{display:none}.view-tools .tool-btn:nth-child(2){display:none}.viewport-bottom{left:12px;bottom:11px}.hint{display:none}.sequence-block,.keyboard-block{padding-right:15px;padding-left:15px}.chemistry{margin-right:15px;margin-left:15px}.start-layout{grid-template-columns:1fr;align-content:start;gap:30px;width:calc(100% - 32px);padding-top:30px}.start-brand-lockup{margin-bottom:30px}.start-copy h1{font-size:47px}.start-copy p{font-size:11px}.start-option{min-height:72px;padding:12px 15px}.start-footer{display:none}}@media(prefers-reduced-motion:reduce){.start-beacon{animation:none}.start-screen,.start-option,.creator-notice,.creator-notice-card{transition:none}.victory.show .victory-card{animation:none}}@media(max-width:560px){.mode-game .view-tools .tool-btn:nth-child(2),.mode-creative .view-tools .tool-btn:nth-child(2){display:grid}.mode-game .tool-btn,.mode-creative .tool-btn{width:46px;height:46px}}.creative-left{display:none}.section-title,.challenge-card-title{color:#515b56;font-family:Nunito,Noto Sans SC,sans-serif;font-size:12px;font-weight:900;letter-spacing:.045em}.keyboard-help{font-family:Nunito,Noto Sans SC,sans-serif;font-size:10px;font-weight:800}.mode-game .panel-view[data-panel=game] .aa-key,.mode-creative .panel-view[data-panel=creative] .aa-key{height:66px;padding:8px 8px 7px;border:2px solid var(--aa);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--aa) 24%,#fff),color-mix(in srgb,var(--aa) 12%,#fff));box-shadow:0 8px 18px #43423c0e,inset 0 1px #ffffffc2;backdrop-filter:blur(9px)}.mode-game .panel-view[data-panel=game] .aa-key:hover,.mode-creative .panel-view[data-panel=creative] .aa-key:hover{border-color:var(--aa);background:linear-gradient(135deg,color-mix(in srgb,var(--aa) 31%,#fff),color-mix(in srgb,var(--aa) 16%,#fff));box-shadow:0 12px 25px color-mix(in srgb,var(--aa) 13%,rgba(67,66,60,.08)),inset 0 1px #fff}.mode-game .aa-main,.mode-creative .aa-main{color:color-mix(in srgb,var(--aa) 82%,#26322d);font:900 20px/1 Nunito,Noto Sans SC,sans-serif}.mode-game .aa-three,.mode-creative .aa-three{color:#4c5551;font:800 9px Nunito,Noto Sans SC,sans-serif}.mode-game .aa-zh,.mode-creative .aa-zh{margin-top:5px;color:#4c5551;font-size:10px;font-weight:800}.mode-game .view-tools,.mode-creative .view-tools{gap:6px;padding:6px;border-color:#a3a8a280;border-radius:17px;background:#fffffcc2;box-shadow:0 10px 28px #42423d14}.mode-game .tool-btn,.mode-creative .tool-btn{width:50px;height:50px;border-radius:13px;font-family:Nunito,Noto Sans SC,sans-serif;font-size:18px;font-weight:900}.mode-game .tool-btn:hover,.mode-game .tool-btn.active,.mode-creative .tool-btn:hover,.mode-creative .tool-btn.active{border-color:#4d927f5c;background:#e0f0eacc;color:#3f7566;box-shadow:0 5px 13px #4d927f1f}.mode-game .challenge-left{width:320px}.mode-game .side-panel{width:366px}.mode-game .viewport-top{width:358px}.mode-game .viewport-bottom{left:338px;right:382px}.mode-game .panel-view[data-panel=game] .keyboard-block,.mode-creative .panel-view[data-panel=creative] .keyboard-block{margin-top:132px;padding:14px 8px 12px 12px}.mode-game .panel-view[data-panel=game] .keyboard,.mode-creative .panel-view[data-panel=creative] .keyboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}.mode-game .challenge-environment-grid>div{min-height:66px;padding:11px 9px;border-width:2px;border-color:#9da8a26b;border-radius:15px;background:#fffffcd4;box-shadow:0 9px 24px #43423c11}.mode-game .challenge-environment-grid span{font-size:9px;font-weight:800}.mode-game .challenge-environment-grid strong{color:#3f4b45;font:900 13px Nunito,Noto Sans SC,sans-serif}.mode-game .challenge-sequence .sequence-field,.mode-creative .creative-sequence .sequence-field{min-height:58px;padding:13px;border-width:2px;border-radius:15px;background:#fffffcd6;box-shadow:0 9px 24px #43423c0f;font-size:15px;font-weight:700}.mode-game .challenge-sequence .text-btn,.mode-creative .creative-sequence .text-btn{height:66px;min-height:66px;border-width:2px;border-color:#9ca49e80;border-radius:15px;background:#fffffcd1;box-shadow:0 8px 20px #43423c0e;color:#525f59;font-family:Nunito,Noto Sans SC,sans-serif;font-size:15px;font-weight:900}.mode-game .challenge-sequence .text-btn:hover:not(:disabled),.mode-creative .creative-sequence .text-btn:hover:not(:disabled){border-color:#4d927fa3;background:#fff;color:#3f7566;transform:translateY(-2px)}.mode-game .challenge-status .status-cell,.mode-creative .creative-status .status-cell{min-height:72px;padding:13px 15px;border-width:2px;border-color:#9da8a26b;border-radius:15px;background:#fffffcd1;box-shadow:0 9px 24px #43423c0f}.mode-game .status-label,.mode-creative .status-label{color:#7e8782;font:800 9px Nunito,Noto Sans SC,sans-serif}.mode-game .status-number,.mode-creative .status-number{margin-top:5px;color:#3d4b44;font:900 16px Nunito,Noto Sans SC,sans-serif}.app-shell.mode-creative{grid-template-rows:minmax(0,1fr)}.app-shell.mode-creative>.topbar{display:none}.app-shell.mode-creative>.workspace{position:relative;display:block;min-height:0;overflow:hidden}.mode-creative .viewport-column{position:absolute;inset:0}.mode-creative .viewport-top{top:18px;right:8px;left:auto;width:358px}.mode-creative .viewport-top .level-card{display:none}.mode-creative .view-tools{margin-left:auto}.mode-creative .viewport-bottom{left:358px;right:382px}.mode-creative .creative-left{position:absolute;inset:0 auto 0 0;z-index:6;display:flex;width:340px;padding:18px 0 18px 18px;flex-direction:column;gap:11px;overflow:auto;scrollbar-width:none;pointer-events:none}.mode-creative .creative-left::-webkit-scrollbar{display:none}.mode-creative .creative-left>*{pointer-events:auto}.mode-creative .creative-description{padding:5px 4px 2px}.mode-creative .creative-description .level-title{margin-top:4px;font-size:22px;font-weight:900}.mode-creative .creative-description .level-note{max-width:270px;margin-top:5px;color:#737a76;font-size:11px;font-weight:700;line-height:1.55}.mode-creative .creative-card{width:100%;padding:3px 0 0;border:0;background:transparent}.mode-creative .creative-sequence .sequence-meta{padding:0 3px}.mode-creative .creative-observation,.mode-creative .environment-section{padding-top:5px}.mode-creative .creative-editor{margin-top:9px;padding:11px;border:2px solid rgba(157,168,162,.4);border-radius:15px;background:#fffffcd1;box-shadow:0 9px 24px #43423c0f;backdrop-filter:blur(9px)}.mode-creative .empty-editor{min-height:58px;display:grid;place-items:center;color:#808985;font-size:11px;font-weight:800}.mode-creative .residue-select-row select{width:100%;height:42px;border-width:2px;border-radius:12px;padding:0 11px;font:800 12px Nunito,Noto Sans SC,sans-serif}.mode-creative .editor-note{font-size:10px;font-weight:700}.mode-creative .torsion-observation>div,.mode-creative .energy-observation>div{min-height:42px;align-items:center;border:1px solid rgba(169,177,171,.32);border-radius:11px;background:#f0f6f2c2;font-size:10px;font-weight:800}.mode-creative .torsion-observation b,.mode-creative .energy-observation b,.mode-creative .chi-observation b{font:900 11px Nunito,Noto Sans SC,sans-serif}.mode-creative .environment-grid{gap:7px;margin-top:9px}.mode-creative .environment-grid label{min-height:64px;padding:9px 10px;border-width:2px;border-color:#9da8a266;border-radius:14px;background:#fffffcd1;box-shadow:0 8px 20px #43423c0d;font-size:10px;font-weight:900}.mode-creative .environment-grid input{font:900 13px Nunito,Noto Sans SC,sans-serif}.mode-creative .mini-action{min-height:32px;padding:5px 10px;border-width:2px;border-radius:999px;font-size:9px;font-weight:900}.mode-creative .environment-summary{font:800 10px Nunito,Noto Sans SC,sans-serif}.mode-creative .scientific-note{font-size:9px;font-weight:700;line-height:1.6}.mode-creative .creative-status{position:static;display:grid;gap:7px;margin:0;border:0;background:transparent}.mode-creative .side-panel{position:absolute;inset:0 0 0 auto;z-index:6;width:366px;min-height:0;border:0;background:transparent;overflow:visible;pointer-events:none}.mode-creative .panel-view[data-panel=creative].active{display:flex;overflow:visible;pointer-events:none}.mode-creative .panel-view[data-panel=creative] .keyboard-block,.mode-creative .panel-view[data-panel=creative]>.chemistry{pointer-events:auto}.mode-creative .panel-view[data-panel=creative] .section-head{padding:0 3px}.mode-creative .panel-view[data-panel=creative]>.chemistry{width:calc(100% - 20px);margin:4px 8px 16px 12px;border-color:#aeb1a985;border-radius:15px;background:#fffffccc;box-shadow:0 8px 23px #43423c0e;backdrop-filter:blur(9px)}.mode-creative .busy{pointer-events:auto}.mode-creative.level-entering .creative-left>*{animation:challengeFlyFromLeft .56s cubic-bezier(.2,.84,.25,1) both}.mode-creative.level-entering .creative-left>:nth-child(1){animation-delay:40ms}.mode-creative.level-entering .creative-left>:nth-child(2){animation-delay:90ms}.mode-creative.level-entering .creative-left>:nth-child(3){animation-delay:145ms}.mode-creative.level-entering .creative-left>:nth-child(4){animation-delay:205ms}.mode-creative.level-entering .creative-left>:nth-child(5){animation-delay:265ms}.mode-creative.level-entering .creative-left>:nth-child(6){animation-delay:.32s}.mode-creative.level-entering .panel-view[data-panel=creative] .section-head{animation:challengeFlyFromRight .5s cubic-bezier(.2,.84,.25,1) 75ms both}.mode-creative.level-entering .panel-view[data-panel=creative] .aa-key{animation:challengeFlyFromRight .55s cubic-bezier(.18,.86,.22,1) both;animation-delay:calc(.14s + (var(--key-index) * 24ms))}.mode-creative.level-entering .panel-view[data-panel=creative]>.chemistry:not(.hidden){animation:challengeFlyFromRight .55s cubic-bezier(.18,.86,.22,1) .68s both}@media(max-width:1120px)and (min-width:901px){.mode-game .challenge-left{width:286px}.mode-creative .creative-left{width:306px}.mode-game .side-panel,.mode-creative .side-panel{width:342px}.mode-game .viewport-top,.mode-creative .viewport-top{width:334px}.mode-game .viewport-bottom{left:302px;right:358px}.mode-creative .viewport-bottom{left:322px;right:358px}.mode-game .panel-view[data-panel=game] .keyboard-block,.mode-creative .panel-view[data-panel=creative] .keyboard-block{padding-right:8px;padding-left:10px}}@media(max-width:900px){.app-shell.mode-creative{display:block;height:auto;min-height:100vh}.app-shell.mode-creative>.workspace{display:flex;flex-direction:column;min-height:100vh;overflow:visible}.mode-creative .viewport-column{position:relative;inset:auto;order:1;width:100%;height:56vh;min-height:410px}.mode-creative .viewport-top,.mode-game .viewport-top{right:12px;left:12px;width:auto}.mode-creative .viewport-bottom{right:12px;left:12px}.mode-creative .creative-left{position:relative;inset:auto;order:2;width:100%;padding:18px;overflow:visible}.mode-creative .challenge-back{position:fixed;top:12px;left:12px;z-index:20}.mode-creative .side-panel{position:relative;inset:auto;order:3;width:100%;min-height:0}.mode-game .panel-view[data-panel=game] .keyboard-block,.mode-creative .panel-view[data-panel=creative] .keyboard-block{margin-top:0;padding:18px}.mode-creative .panel-view[data-panel=creative]>.chemistry{width:calc(100% - 36px);margin:0 18px 18px}}@media(max-width:470px){.mode-game .panel-view[data-panel=game] .keyboard,.mode-creative .panel-view[data-panel=creative] .keyboard{gap:6px}.mode-game .panel-view[data-panel=game] .aa-key,.mode-creative .panel-view[data-panel=creative] .aa-key{height:62px;padding-left:8px;border-left-width:5px}.mode-game .aa-main,.mode-creative .aa-main{font-size:18px}.mode-game .aa-three,.mode-creative .aa-three{display:none}.aa-palette span{padding:4px 6px;font-size:8px}}@media(prefers-reduced-motion:reduce){.mode-creative.level-entering .creative-left>*,.mode-creative.level-entering .panel-view[data-panel=creative] .section-head,.mode-creative.level-entering .panel-view[data-panel=creative] .aa-key,.mode-creative.level-entering .panel-view[data-panel=creative]>.chemistry{animation:none}}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:28px}.start-logo{display:flex;align-items:center;gap:16px;margin-bottom:28px}.start-logo-mark{position:relative;width:48px;height:48px;border:3px solid var(--mint);border-radius:50%}.start-logo-mark:before,.start-logo-mark:after{content:"";position:absolute;top:16px;width:10px;height:10px;border-radius:50%;background:var(--orange)}.start-logo-mark:before{left:-6px}.start-logo-mark:after{right:-6px}.start-logo-name{font:700 46px Space Grotesk,Noto Sans SC,sans-serif;letter-spacing:.035em}.start-screen .start-actions{display:grid;gap:12px;width:min(360px,100%)}.start-screen .start-option,.exit-game{display:block;width:100%;min-height:64px;padding:14px 20px;border:1px solid rgba(174,177,169,.68);border-radius:16px;background:#fffffcc7;box-shadow:0 10px 30px #46453f0e;color:var(--ink);font-size:17px;font-weight:600;text-align:center;cursor:pointer;backdrop-filter:blur(12px);transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.start-screen .start-option:hover,.exit-game:hover{transform:translateY(-2px);border-color:#4d927f94;background:#fffffcf5;box-shadow:0 15px 38px #46453f1a}.start-screen .start-option.primary{border-color:#358b7580;background:#4d927f;color:#fff;box-shadow:0 17px 42px #4d927f33}.start-screen .start-option.primary:hover{background:#438775}.exit-game{width:min(360px,100%);margin-top:14px;border-color:#ae9d978c;background:#f7f3eda3;color:#756d69;font-size:14px;font-weight:500}.level-select-screen{position:fixed;inset:0;z-index:45;display:grid;place-items:center;padding:88px 32px 48px;overflow:auto;background:radial-gradient(circle at 77% 45%,rgba(63,218,221,.12),transparent 24%),radial-gradient(ellipse at 13% 8%,rgba(255,255,255,.98),transparent 32%),linear-gradient(120deg,rgba(255,255,255,.38),transparent 42%),#f3efe6;opacity:1;visibility:visible;transition:opacity .28s ease,visibility .28s ease}.level-select-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.level-select-content{width:min(820px,100%);text-align:center}.level-select-content h1{margin:0 0 34px;font:700 clamp(28px,4vw,42px) "Space Grotesk","Noto Sans SC",sans-serif;letter-spacing:.04em}.level-grid{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:14px}.level-option{min-height:112px;border:1px solid rgba(174,177,169,.62);border-radius:20px;background:#fffffcb8;box-shadow:0 12px 32px #46453f0f;color:#909591;font:700 24px Space Grotesk,sans-serif}.level-option.available{border:2px solid #4d927f;background:#fffffceb;box-shadow:0 12px 32px #4d927f1a;color:#397764;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.level-option.available:hover{transform:translateY(-3px);background:#f1f8f4;box-shadow:0 18px 42px #4d927f2e}.level-option.available.completed{background:#4d927f;box-shadow:0 18px 42px #4d927f33;color:#fff}.level-option.available.completed:hover{background:#438775;box-shadow:0 22px 48px #4d927f40}.level-option:disabled{opacity:.52;cursor:not-allowed}.creator-notice>.screen-back{position:fixed}.creator-notice-card h2{margin:0}@media(max-width:430px){.start-screen{padding:20px}.start-logo{margin-bottom:20px}.start-logo-mark{width:40px;height:40px}.start-logo-mark:before,.start-logo-mark:after{top:13px;width:9px;height:9px}.start-logo-name{font-size:39px}.start-screen .start-option,.exit-game{min-height:58px;border-radius:14px;font-size:15px}.exit-game{font-size:13px}.screen-back{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));padding:9px 13px}.level-select-screen{padding:76px 20px 32px}.level-select-content h1{margin-bottom:24px;font-size:28px}.level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.level-option{min-height:82px;border-radius:16px;font-size:21px}}.challenge-left{display:none}.app-shell.mode-game{grid-template-rows:minmax(0,1fr)}.app-shell.mode-game>.topbar{display:none}.app-shell.mode-game>.workspace{position:relative;display:block;min-height:0;overflow:hidden}.mode-game .viewport-column{position:absolute;inset:0}.mode-game .viewport-top{top:18px;right:8px;left:auto;width:346px}.mode-game .viewport-top .level-card{display:none}.mode-game .view-tools{margin-left:auto}.mode-game .viewport-bottom{left:318px;right:370px}.mode-game .challenge-left{position:absolute;inset:0 auto 0 0;z-index:6;display:flex;width:300px;padding:18px 0 18px 18px;flex-direction:column;gap:11px;overflow:auto;scrollbar-width:none;pointer-events:none}.mode-game .challenge-left::-webkit-scrollbar{display:none}.mode-game .challenge-left>*{pointer-events:auto}.challenge-nav{display:flex;align-self:flex-start;align-items:center;gap:8px}.challenge-back{align-self:flex-start;min-height:38px;padding:8px 14px;border:1px solid rgba(153,157,153,.48);border-radius:999px;background:#fffffcc7;box-shadow:0 8px 24px #43423c0e;color:#626965;font-size:13px;font-weight:600;cursor:pointer;backdrop-filter:blur(10px)}.challenge-back:hover{border-color:#4d927fad;background:#fffffcfa}.challenge-best{min-width:58px;border-color:#4d927f73;color:#387861}.challenge-best:disabled{cursor:default;opacity:.42}.challenge-card{width:100%;border:0;background:transparent;box-shadow:none}.challenge-description{padding:5px 4px 2px}.challenge-description .level-title{margin-top:4px;font-size:22px}.challenge-description .level-note{max-width:238px;margin-top:5px;color:#737a76;font-size:11px;line-height:1.55}.challenge-card-title{margin:0 0 7px 3px;color:#656b67;font-size:10px;font-weight:700;letter-spacing:.1em}.challenge-environment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.challenge-environment-grid>div{display:grid;gap:3px;min-width:0;padding:9px 8px;border:1px solid rgba(174,177,169,.52);border-radius:13px;background:#fffffcb3;box-shadow:0 8px 23px #43423c0b;backdrop-filter:blur(9px)}.challenge-environment-grid span{overflow:hidden;color:#8a8f8b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.challenge-environment-grid strong{color:#48504c;font:600 10px DM Mono,monospace;white-space:nowrap}.mode-game .challenge-sequence{padding:4px 0 0;border:0}.mode-game .challenge-sequence .sequence-meta{padding:0 3px}.mode-game .challenge-sequence .sequence-field{border-color:#aeb1a98f;border-radius:13px;background:#fffffcba;box-shadow:0 8px 25px #43423c0b;backdrop-filter:blur(9px)}.mode-game .challenge-sequence .text-btn{border-radius:12px;background:#fffffc99;backdrop-filter:blur(9px)}.mode-game .challenge-status{display:grid;gap:6px;margin-top:0;border:0;background:transparent}.mode-game .challenge-status .status-cell{border:1px solid rgba(174,177,169,.48);border-radius:13px;background:#fffffcb3;box-shadow:0 8px 23px #43423c0b;backdrop-filter:blur(9px)}.mode-game .side-panel{position:absolute;inset:0 0 0 auto;z-index:6;width:354px;min-height:0;border:0;background:transparent;overflow:visible;pointer-events:none}.mode-game .panel-view[data-panel=game].active{display:flex;overflow:visible;pointer-events:none}.mode-game .panel-view[data-panel=game] .keyboard-block{width:100%;margin-top:132px;padding:16px 8px 12px 12px;pointer-events:auto}.mode-game .panel-view[data-panel=game] .keyboard{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-game .panel-view[data-panel=game] .section-head{padding:0 3px}.mode-game .panel-view[data-panel=game] .aa-key{border-color:var(--aa);border-radius:15px;background:linear-gradient(135deg,color-mix(in srgb,var(--aa) 24%,#fff),color-mix(in srgb,var(--aa) 12%,#fff));box-shadow:0 8px 20px #43423c0b;backdrop-filter:blur(9px)}.mode-game .panel-view[data-panel=game] .aa-key:hover{border-color:var(--aa);background:linear-gradient(135deg,color-mix(in srgb,var(--aa) 31%,#fff),color-mix(in srgb,var(--aa) 16%,#fff));box-shadow:0 12px 25px #43423c17}.mode-game .residue-highlight-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.residue-highlight{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid color-mix(in srgb,var(--highlight-color) 54%,#fff);border-radius:12px;background:#fffffcd1;color:#555b58;font-size:11px;font-weight:750;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.residue-highlight.acidic{--highlight-color: #ff7a21}.residue-highlight.basic{--highlight-color: #c34fd6}.highlight-swatch{width:9px;height:9px;border-radius:50%;background:var(--highlight-color);box-shadow:0 0 8px color-mix(in srgb,var(--highlight-color) 42%,transparent)}.residue-highlight:hover{transform:translateY(-1px);background:color-mix(in srgb,var(--highlight-color) 8%,#fff)}.residue-highlight.active{background:color-mix(in srgb,var(--highlight-color) 18%,#fff);box-shadow:0 7px 18px color-mix(in srgb,var(--highlight-color) 15%,transparent)}.mode-game .panel-view[data-panel=game]>.chemistry{width:calc(100% - 20px);margin:4px 8px 16px 12px;border-color:#aeb1a985;border-radius:13px;background:#fffffcb8;box-shadow:0 8px 23px #43423c0b;backdrop-filter:blur(9px);pointer-events:auto}.mode-game .busy{pointer-events:auto}@keyframes challengeFlyFromLeft{0%{opacity:0;filter:blur(7px);transform:translate3d(-92px,10px,0) scale(.92)}to{opacity:1;filter:blur(0);transform:none}}@keyframes challengeFlyFromRight{0%{opacity:0;filter:blur(7px);transform:translate3d(92px,8px,0) scale(.9)}to{opacity:1;filter:blur(0);transform:none}}.mode-game.level-entering .challenge-left>*{animation:challengeFlyFromLeft .56s cubic-bezier(.2,.84,.25,1) both}.mode-game.level-entering .challenge-left>:nth-child(1){animation-delay:40ms}.mode-game.level-entering .challenge-left>:nth-child(2){animation-delay:90ms}.mode-game.level-entering .challenge-left>:nth-child(3){animation-delay:145ms}.mode-game.level-entering .challenge-left>:nth-child(4){animation-delay:205ms}.mode-game.level-entering .challenge-left>:nth-child(5){animation-delay:265ms}.mode-game.level-entering .challenge-left>:nth-child(6){animation-delay:.32s}.mode-game.level-entering .panel-view[data-panel=game] .section-head{animation:challengeFlyFromRight .5s cubic-bezier(.2,.84,.25,1) 75ms both}.mode-game.level-entering .panel-view[data-panel=game] .aa-key{animation:challengeFlyFromRight .55s cubic-bezier(.18,.86,.22,1) both;animation-delay:calc(.14s + (var(--key-index) * 24ms))}.mode-game.level-entering .panel-view[data-panel=game]>.chemistry:not(.hidden){animation:challengeFlyFromRight .55s cubic-bezier(.18,.86,.22,1) .68s both}@media(max-width:1120px)and (min-width:901px){.mode-game .challenge-left{width:268px}.mode-game .side-panel{width:330px}.mode-game .viewport-top{right:8px;left:auto;width:322px}.mode-game .viewport-bottom{left:284px;right:344px}.mode-game .panel-view[data-panel=game] .keyboard-block{padding-right:8px;padding-left:10px}.mode-game .aa-key{min-width:0}}@media(max-width:900px){.app-shell.mode-game{display:block;height:auto;min-height:100vh}.app-shell.mode-game>.workspace{display:flex;flex-direction:column;min-height:100vh;overflow:visible}.mode-game .viewport-column{position:relative;inset:auto;order:1;width:100%;height:56vh;min-height:410px}.mode-game .viewport-top,.mode-game .viewport-bottom{right:12px;left:12px}.mode-game .challenge-left{position:relative;inset:auto;order:2;width:100%;padding:18px;overflow:visible}.mode-game .challenge-nav{position:fixed;top:12px;left:12px;z-index:20}.mode-game .challenge-nav .challenge-back{position:static}.mode-game .side-panel{position:relative;inset:auto;order:3;width:100%;min-height:0}.mode-game .panel-view[data-panel=game] .keyboard-block{margin-top:0;padding:18px}.mode-game .panel-view[data-panel=game]>.chemistry{width:calc(100% - 36px);margin:0 18px 18px}}@media(prefers-reduced-motion:reduce){.mode-game.level-entering .challenge-left>*,.mode-game.level-entering .panel-view[data-panel=game] .section-head,.mode-game.level-entering .panel-view[data-panel=game] .aa-key,.mode-game.level-entering .panel-view[data-panel=game]>.chemistry{animation:none}}.app-shell.start-open>.topbar,.app-shell.start-open>.workspace{display:none}