:root{color:#f7f2dc;font-synthesis:none;text-rendering:optimizelegibility;--ink:#f7f2dc;--muted:#b9c4bc;--stone:#17211f;--stone-light:#263531;--jade:#55d6a9;--jade-deep:#1f8f72;--gold:#f0c86b;--gold-deep:#9d6f23;--danger:#f18d72;--line:#dcf0e22e;--shadow:0 18px 50px #00000073;background:#0b1210;font-family:Noto Sans SC,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,select{font:inherit}button{cursor:pointer;letter-spacing:0}button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #fff4ab}button:disabled{cursor:not-allowed}.app-shell{background:#101917 url(/assets/treasure-chamber.webp) 50%/cover no-repeat fixed;min-height:100vh;position:relative;overflow:hidden}.ambient-layer{pointer-events:none;background:linear-gradient(#0409084d,#040908bd),linear-gradient(90deg,#03080773,#0000 25% 75%,#03080773);position:fixed;inset:0}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080f0dc2;justify-content:space-between;align-items:center;height:72px;padding:0 4vw;display:flex;position:relative}.brand-button,.icon-button,.back-button{color:var(--ink);background:0 0;border:0}.brand-button{text-align:left;align-items:center;gap:12px;padding:4px;display:flex}.brand-button>span:last-child{display:grid}.brand-button strong{font-family:Ma Shan Zheng,STKaiti,serif;font-size:25px;font-weight:400}.brand-button small{color:var(--muted);font-size:11px}.brand-rune{color:#101917;background:var(--gold);border:2px solid #fff1ad;place-items:center;width:42px;height:42px;font-family:Ma Shan Zheng,serif;font-size:25px;display:grid;transform:rotate(-4deg);box-shadow:0 0 24px #f0c86b59}.toolbar-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--line);background:#20302bb3;justify-content:center;align-items:center;gap:7px;min-width:44px;height:44px;display:inline-flex}.icon-button:hover{border-color:var(--jade);background:#2c463de6}.icon-button svg{width:20px}.text-icon{padding:0 14px}.map-screen,.level-screen,.conclusion-screen{z-index:2;min-height:calc(100vh - 72px);position:relative}.map-screen{width:min(1180px,92vw);margin:0 auto;padding:44px 0 56px}.map-header{justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px;display:flex}.eyebrow{color:var(--jade);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.map-header h1,.level-heading h1,.strategy-scroll h1,.backtrack-copy h2,.help-dialog h2{letter-spacing:0;margin:0;font-family:Ma Shan Zheng,STKaiti,serif;font-weight:400}.map-header h1{text-shadow:0 4px 20px #000;font-size:clamp(48px,6vw,76px);line-height:1.05}.map-intro{color:#d8dfd9;max-width:620px;margin:14px 0 0;font-size:17px;line-height:1.7}.progress-seal{width:134px;height:94px;box-shadow:var(--shadow);background:#0d1915d1;border:1px solid #f0c86b80;flex:none;grid-template-columns:auto auto;place-content:center;column-gap:7px;display:grid}.progress-seal svg{color:var(--gold);width:20px}.progress-seal strong{color:var(--gold);font-size:28px;line-height:1}.progress-seal span{color:var(--muted);grid-column:1/-1;margin-top:6px;font-size:12px}.level-path{grid-template-columns:repeat(4,1fr);gap:16px;display:grid;position:relative}.path-line{z-index:-1;border-top:2px dashed #55d6a959;position:absolute;top:50%;left:5%;right:5%}.level-node{min-height:138px;color:var(--ink);text-align:left;background:#111d1ae6;border:1px solid #d6e7da38;border-radius:6px;align-items:flex-start;gap:14px;padding:18px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative;box-shadow:0 10px 34px #00000059}.level-node:nth-of-type(2),.level-node:nth-of-type(4),.level-node:nth-of-type(6),.level-node:nth-of-type(8){transform:translateY(14px)}.level-node:not(:disabled):hover{border-color:var(--jade);background:#1b2f29f2;transform:translateY(-4px)}.level-node.done{border-color:#55d6a98c}.level-node.locked{opacity:.54;filter:saturate(.3)}.node-marker{color:#0c1713;background:var(--jade);flex:none;place-items:center;width:42px;height:42px;display:grid;transform:rotate(2deg)}.node-marker svg{width:21px}.locked .node-marker{color:var(--muted);background:var(--stone-light)}.done .node-marker{background:var(--gold)}.node-copy{min-width:0;display:grid}.node-copy small{color:var(--jade);letter-spacing:.1em;font-size:10px;font-weight:800}.node-copy strong{margin-top:5px;font-size:18px}.node-copy em{color:var(--muted);margin-top:6px;font-size:12px;font-style:normal}.level-screen{width:min(1360px,96vw);margin:0 auto;padding:22px 0 36px}.level-heading{grid-template-columns:170px 1fr 170px;align-items:center;gap:18px;min-height:88px;display:grid}.back-button{min-height:44px;color:var(--muted);justify-self:start;align-items:center;gap:8px;display:inline-flex}.back-button:hover{color:var(--ink)}.level-heading>div:nth-child(2){text-align:center}.level-heading p{color:var(--jade);letter-spacing:.13em;margin:0;font-size:11px;font-weight:800}.level-heading h1{font-size:38px}.level-heading span{color:#d6ddd8;max-width:640px;margin:4px auto 0;font-size:13px;display:block}.finale-counter{color:var(--gold);background:#0c1613b8;border:1px solid #f0c86b80;justify-self:end;padding:10px 14px}.battle-layout{grid-template-columns:minmax(180px,.32fr) minmax(620px,1fr);align-items:center;gap:22px;min-height:610px;display:grid}.guardian-zone{flex-direction:column;justify-content:center;align-self:stretch;align-items:center;display:flex}.guardian-frame{aspect-ratio:1/1.15;justify-content:center;align-items:flex-end;width:min(260px,100%);display:flex;position:relative;overflow:hidden}.guardian-frame:after{content:"";filter:blur(12px);background:#55d6a947;border-radius:50%;height:12%;position:absolute;bottom:4%;left:18%;right:18%}.guardian-frame img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 20px #0000008c);width:118%;height:118%;transition:transform .3s;position:relative}.guardian-frame.thinking img{animation:1.1s ease-in-out infinite guardianThink}.thinking-dots{z-index:2;gap:4px;display:flex;position:absolute;top:14%;right:9%}.thinking-dots i{background:var(--gold);width:7px;height:7px;animation:1s ease-in-out infinite dots}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}.guardian-dialogue{z-index:2;color:#dae5dd;text-align:center;border:1px solid var(--line);background:#0d1815e0;max-width:240px;min-height:58px;padding:12px 16px;font-size:13px;line-height:1.5;position:relative}.game-board{background:#09120fdb;border:1px solid #dcf2e340;border-radius:8px;flex-direction:column;align-items:center;min-height:590px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000080,inset 0 0 60px #55d6a90a}.game-board:before{content:"";pointer-events:none;border:1px solid #f0c86b29;position:absolute;inset:8px}.board-status{z-index:1;border-bottom:1px solid var(--line);background:#1e2c289e;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;min-height:82px;padding:12px 30px;display:grid;position:relative}.board-status>div{display:grid}.board-status>div:last-child{text-align:right}.board-status small{color:var(--muted);font-size:11px}.board-status strong{color:var(--gold);font-size:26px}.turn-indicator{color:#0b1713;text-align:center;background:var(--jade);min-width:126px;padding:9px 14px;font-size:13px;font-weight:800}.turn-indicator.guardian{color:var(--ink);background:var(--stone-light);border:1px solid var(--line)}.match-stage{flex:none;place-items:center;width:min(690px,88%);height:292px;display:grid;position:relative}.rune-ring{border:1px solid #55d6a940;border-radius:50%;width:72%;height:72%;position:absolute;box-shadow:0 0 55px #55d6a914,inset 0 0 40px #55d6a90f}.rune-ring:before,.rune-ring:after{content:"";border:1px dashed #f0c86b2e;border-radius:50%;position:absolute;inset:12px}.rune-ring:after{border-style:solid;inset:34px}.matches-grid{z-index:1;grid-template-columns:repeat(10,minmax(20px,1fr));grid-auto-rows:105px;place-items:center;width:min(600px,90%);display:grid;position:relative}.match-slot{place-items:center;width:38px;height:100px;transition:opacity .24s,transform .24s,filter .24s;display:grid}.match-slot img{object-fit:contain;filter:drop-shadow(0 0 7px #55d6a9b3);width:105px;height:105px}.match-slot.removed{opacity:.08;filter:grayscale();transform:translateY(-14px)rotate(8deg)}.match-slot.just-removed img{animation:.52s both matchVanish}.take-controls{z-index:2;flex-wrap:wrap;justify-content:center;gap:12px;min-height:68px;display:flex;position:relative}.take-controls button{color:#0b1713;background:var(--jade);border:1px solid #a9f1d6;justify-content:center;align-items:center;gap:10px;min-width:124px;height:54px;font-weight:800;display:flex;box-shadow:0 6px 18px #55d6a92e}.take-controls button span{width:28px;height:28px;color:var(--gold);background:#16342b;place-items:center;display:grid}.take-controls button:hover:not(:disabled){background:#7ee7bf;transform:translateY(-2px)}.take-controls button:disabled{opacity:.35}.last-move{color:var(--muted);margin:6px 16px 0;font-size:13px}.last-move span{color:var(--danger);font-weight:700}.pair-animation{z-index:5;min-width:460px;min-height:72px;color:var(--ink);box-shadow:var(--shadow);background:#09120ff5;border:1px solid #f0c86b80;justify-content:center;align-items:center;gap:9px;padding:10px 16px;animation:1.45s both pairReveal;display:flex;position:absolute;top:374px;left:50%;transform:translate(-50%)}.pair-animation span{padding:8px 11px;font-size:12px;font-weight:800}.pair-animation .student-chip{color:#0b1713;background:var(--jade)}.pair-animation .guardian-chip{background:var(--stone-light);border:1px solid var(--line)}.pair-animation b{color:var(--muted);font-size:20px}.pair-animation strong{color:#151006;background:var(--gold);place-items:center;width:38px;height:38px;font-size:20px;display:grid}.pair-animation em{color:var(--gold);margin-left:5px;font-size:12px;font-style:normal;font-weight:800}.result-panel{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09120ff5;flex-direction:column;justify-content:center;align-items:center;padding:24px 34px 20px;display:flex;position:absolute;inset:82px 0 0}.result-title{align-items:center;gap:12px;display:flex}.result-title>svg{color:#0b1713;background:var(--jade);width:38px;height:38px;padding:8px}.result-panel.guardian .result-title>svg{color:#fff;background:var(--danger)}.result-title div{display:grid}.result-title small{color:var(--jade)}.result-title strong{font-size:23px}.timeline{flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;width:min(680px,100%);margin:22px 0;display:flex}.timeline-start{width:40px;height:40px;color:var(--gold);border:1px solid var(--gold-deep);place-items:center;display:grid}.timeline>span:not(.timeline-start){color:#0b1713;background:var(--jade);place-items:center;min-width:42px;height:40px;font-size:11px;font-weight:800;display:grid;position:relative}.timeline>span.guardian{color:var(--ink);background:var(--stone-light)}.timeline i{color:var(--muted);font-size:9px;font-style:normal;position:absolute;bottom:-13px;right:-5px}.result-actions,.conclusion-actions{justify-content:center;gap:10px;margin-top:18px;display:flex}.primary-button,.secondary-button{border-radius:2px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-weight:800;display:inline-flex}.primary-button{color:#0b1713;background:var(--jade);border:1px solid #bcffe4}.primary-button:hover:not(:disabled){background:#81e9c2}.primary-button:disabled{opacity:.35}.secondary-button{color:var(--ink);border:1px solid var(--line);background:var(--stone-light)}.secondary-button svg{width:18px}.insight-question,.proof-question{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#25363073;width:min(620px,100%);padding:16px}.insight-question p{margin:0 0 12px;font-weight:700}.insight-question>div{justify-content:center;gap:8px;display:flex}.insight-question button{min-height:40px;color:var(--ink);border:1px solid var(--line);background:var(--stone);padding:0 14px}.insight-question button.correct{border-color:var(--jade);background:var(--jade-deep)}.insight-question button.wrong{border-color:var(--danger)}.insight-question small{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin-top:10px;display:flex}.insight-question small svg{width:16px;color:var(--jade)}.proof-question{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.proof-question label{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:flex}.proof-question select{min-height:38px;color:var(--ink);border:1px solid var(--line);background:var(--stone);padding:0 30px 0 10px}.proof-question small{width:100%}.correct-text{color:var(--jade)}.wrong-text{color:var(--danger)}.streak-message{color:var(--gold);margin:2px 0 0;font-weight:800}.backtrack-replay-layer{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070f0cf7;flex-direction:column;align-items:center;padding:22px 28px 18px;display:flex;position:absolute;inset:70px 0 0}.replay-heading{text-align:center;place-items:center;display:grid}.replay-heading span{color:var(--jade);align-items:center;gap:7px;font-size:12px;font-weight:800;display:flex}.replay-heading span svg{width:16px}.replay-heading strong{margin-top:4px;font-family:Ma Shan Zheng,STKaiti,serif;font-size:26px;font-weight:400}.reverse-ladder{scrollbar-width:thin;justify-content:center;align-items:center;gap:5px;width:100%;min-height:66px;margin:17px 0;display:flex;overflow-x:auto}.reverse-ladder>span{text-align:center;border:1px solid var(--line);background:var(--stone);opacity:.42;flex:none;place-content:center;width:48px;height:54px;transition:all .28s;display:grid;position:relative;transform:scale(.9)}.reverse-ladder>span:after{content:"←";color:var(--muted);font-size:12px;position:absolute;top:15px;right:-8px}.reverse-ladder>span:last-child:after{content:""}.reverse-ladder>span.active{opacity:1;transform:scale(1.12);box-shadow:0 0 24px #55d6a93d}.reverse-ladder>span.losing{border-color:#f18d72a6}.reverse-ladder>span.winning{border-color:#55d6a98c}.reverse-ladder b{font-size:18px}.reverse-ladder small{color:var(--muted);font-size:8px}.state-spotlight{border:1px solid var(--line);background:#1c2a259e;grid-template-columns:128px 1fr;align-items:center;gap:24px;width:min(620px,100%);min-height:170px;padding:18px 26px;display:grid}.state-spotlight>span{color:#0b1713;background:var(--jade);place-items:center;width:112px;height:112px;font-size:52px;font-weight:800;animation:.92s both statePulse;display:grid}.state-spotlight.losing>span{color:#fff;background:var(--danger)}.state-spotlight div{display:grid}.state-spotlight small{color:var(--muted)}.state-spotlight strong{color:var(--jade);margin-top:4px;font-size:22px}.state-spotlight.losing strong{color:var(--danger)}.state-spotlight p{color:#e2e8e3;margin:8px 0 0;font-size:13px;line-height:1.6}.replay-controls{justify-content:center;align-items:center;gap:8px;margin-top:auto;display:flex}.replay-controls button{min-width:44px;height:44px;color:var(--ink);border:1px solid var(--line);background:var(--stone-light);justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.replay-controls button:disabled{opacity:.25}.replay-controls .auto-replay{color:#0b1713;background:var(--jade);min-width:132px;font-weight:800}.replay-controls .exit-replay{color:var(--gold)}.backtrack-room{border:1px solid var(--line);min-height:590px;box-shadow:var(--shadow);background:#09120fe0;border-radius:8px;align-content:center;gap:26px;padding:30px clamp(24px,5vw,72px);display:grid}.backtrack-copy{text-align:center}.step-badge{color:var(--jade);align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.step-badge svg{width:16px}.backtrack-copy h2{margin-top:6px;font-size:42px}.backtrack-copy p{max-width:660px;color:var(--muted);margin:8px auto 0}.demo-button{color:#0b1713;background:var(--jade);border:1px solid #b9ffe4;align-items:center;gap:8px;min-height:44px;margin-top:14px;padding:0 16px;font-weight:800;display:inline-flex}.demo-button svg{width:17px}.demo-button:disabled{color:var(--ink);border-color:var(--line);background:var(--stone-light)}.number-lab{grid-template-columns:repeat(10,1fr);gap:7px;display:grid}.number-stone{min-width:0;height:86px;color:var(--ink);border:1px solid var(--line);background:var(--stone-light);align-content:center;place-items:center;display:grid}.number-stone strong{font-size:26px}.number-stone span{color:var(--muted);margin-top:5px;font-size:9px}.number-stone.winning{background:#1f624d8c;border-color:#55d6a9a6}.number-stone.losing{border-color:var(--danger);background:#7031278c}.number-stone.demo-active{animation:.62s both stoneDiscover;box-shadow:0 0 28px #f0c86b6b}.backtrack-explainer{color:#e7eee9;text-align:center;justify-content:center;align-items:center;gap:12px;min-height:46px;display:flex}.backtrack-explainer p{margin:0}.backtrack-pulse{background:var(--gold);flex:none;width:12px;height:12px;animation:1s infinite pulseRing;box-shadow:0 0 #f0c86b80}.discovery-strip{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;display:grid}.discovery-strip div{border-top:1px solid var(--line);border-bottom:1px solid var(--line);place-content:center;min-height:64px;display:grid}.discovery-strip small{color:var(--muted)}.discovery-strip strong{color:var(--gold);font-size:20px}.discovery-strip svg{color:var(--jade)}.insight-callout{border-left:4px solid var(--jade);background:#1c41358c;align-items:center;gap:16px;padding:16px 18px;display:flex}.insight-callout>svg{color:var(--gold);flex:none}.insight-callout p{color:#dbe8df;flex:1;margin:0}.conclusion-screen{grid-template-columns:.8fr 1.2fr;align-items:center;width:min(1180px,92vw);margin:0 auto;padding:38px 0 60px;display:grid}.treasure-celebration{align-self:stretch;place-items:center;display:grid}.treasure-celebration img{filter:drop-shadow(0 20px 45px #000000b3);width:min(560px,110%);animation:.8s both chestReveal}.strategy-scroll{box-shadow:var(--shadow);background:#0b1512f0;border:1px solid #f0c86b59;padding:34px 42px}.completion-mark{color:var(--gold);align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.completion-mark svg{width:18px}.strategy-scroll h1{margin-top:8px;font-size:clamp(36px,4vw,52px);line-height:1.15}.strategy-lead{color:#d4ddd6;line-height:1.7}.strategy-steps{grid-template-columns:1fr 1fr;gap:14px;margin:24px 0;padding:0;list-style:none;display:grid}.strategy-steps li{border-top:1px solid var(--line);gap:12px;padding:12px 0;display:flex}.strategy-steps li>span{color:#10211b;background:var(--jade);flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.strategy-steps strong{font-size:14px}.strategy-steps p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.5}.proof-card{background:#352c1373;border:1px solid #f0c86b6b;grid-template-columns:auto 1fr;align-items:center;gap:20px;padding:16px 20px;display:grid}.proof-equation{color:var(--gold);white-space:nowrap;font-size:23px}.proof-equation strong{font-size:32px}.proof-result{color:#efe9cf;align-items:center;gap:8px;font-size:13px;display:flex}.proof-result svg{width:19px;color:var(--jade)}.generalization-table{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin-top:14px;display:grid}.generalization-table>div{text-align:center;border-right:1px solid var(--line);gap:3px;min-width:0;padding:10px 8px;display:grid}.generalization-table>div:last-child{border-right:0}.generalization-table small{color:var(--muted);font-size:10px}.generalization-table strong{color:var(--gold);font-size:14px}.generalization-table span{color:#d9e3dc;font-size:9px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#020705c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.help-dialog{width:min(500px,100%);color:var(--ink);box-shadow:var(--shadow);background:#14221e;border:1px solid #f0c86b66;padding:34px;position:relative}.help-dialog h2{font-size:36px}.dialog-close{width:44px;height:44px;color:var(--muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:14px;right:14px}.help-dialog ol{gap:12px;margin:24px 0;padding:0;list-style:none;display:grid}.help-dialog li{align-items:center;gap:12px;display:flex}.help-dialog li span{color:#0e1b17;background:var(--jade);flex:none;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.help-dialog li p{color:#d4dfd8;margin:0;line-height:1.6}.help-dialog>.primary-button{width:100%}.reset-progress{width:100%;min-height:44px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.reset-progress svg{width:16px}@keyframes guardianThink{50%{transform:translateY(-5px)rotate(-1deg)}}@keyframes dots{50%{opacity:.45;transform:translateY(-5px)}}@keyframes chestReveal{0%{opacity:0;transform:translateY(35px)scale(.88)}to{opacity:1;transform:none}}@keyframes matchVanish{0%{opacity:1;transform:translateY(0)scale(1)}55%{opacity:1;filter:drop-shadow(0 0 14px var(--gold));transform:translateY(-22px)rotate(8deg)scale(1.12)}to{opacity:.08;transform:translateY(-32px)rotate(15deg)scale(.75)}}@keyframes pairReveal{0%{opacity:0;transform:translate(-50%,14px)scale(.94)}18%,78%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-8px)scale(.98)}}@keyframes statePulse{0%{opacity:.25;transform:scale(.72)rotate(-4deg)}to{opacity:1;transform:none}}@keyframes stoneDiscover{0%{opacity:.4;transform:translateY(10px)scale(.82)}70%{transform:translateY(-4px)scale(1.08)}to{opacity:1;transform:none}}@keyframes pulseRing{70%{box-shadow:0 0 0 11px #f0c86b00}}@media (width<=1100px){.level-path{grid-template-columns:repeat(2,1fr)}.level-node:nth-of-type(2),.level-node:nth-of-type(4),.level-node:nth-of-type(6),.level-node:nth-of-type(8){transform:none}.battle-layout{grid-template-columns:180px minmax(0,1fr);gap:10px}.guardian-frame{width:190px}.guardian-dialogue{max-width:175px}.matches-grid{grid-auto-rows:92px}.match-slot{width:30px;height:88px}.match-slot img{width:90px;height:90px}.number-lab{grid-template-columns:repeat(5,1fr)}.conclusion-screen{grid-template-columns:.55fr 1.45fr}}@media (width<=1100px) and (width>=761px){.topbar{height:64px}.map-screen,.level-screen,.conclusion-screen{min-height:calc(100vh - 64px)}.level-screen{padding:8px 0 14px}.level-heading{min-height:72px}.level-heading h1{font-size:32px}.battle-layout,.game-board{min-height:540px}.board-status{min-height:70px}.match-stage{height:246px}.matches-grid{grid-auto-rows:80px}.match-slot{height:76px}.match-slot img{width:82px;height:82px}.result-panel{inset-block-start:70px}.pair-animation{top:316px}.backtrack-replay-layer{padding-block:14px;inset-block-start:70px}.reverse-ladder{min-height:54px;margin-block:10px}.reverse-ladder>span{width:42px;height:46px}.state-spotlight{grid-template-columns:100px 1fr;min-height:142px}.state-spotlight>span{width:86px;height:86px;font-size:40px}.backtrack-room{gap:17px;min-height:540px;padding-block:20px}.backtrack-copy h2{font-size:34px}.number-stone{height:72px}}@media (width<=760px){.topbar{padding:0 16px}.brand-button strong{font-size:21px}.brand-rune{width:38px;height:38px}.text-icon span{display:none}.text-icon{padding:0}.map-screen{padding-top:28px}.map-header{align-items:flex-start}.map-header h1{font-size:46px}.progress-seal{width:100px}.level-path{grid-template-columns:1fr}.level-heading{grid-template-columns:44px 1fr 44px}.back-button{font-size:0}.level-heading h1{font-size:30px}.level-heading span{font-size:11px}.finale-counter{padding:7px;font-size:10px}.battle-layout{display:block}.guardian-zone{display:none}.game-board{min-height:600px}.matches-grid{grid-template-columns:repeat(5,1fr);grid-auto-rows:67px}.match-stage{height:310px}.match-slot{height:64px}.match-slot img{width:70px;height:70px}.result-panel{padding-inline:18px}.pair-animation{flex-wrap:wrap;min-width:calc(100% - 24px);top:380px}.backtrack-replay-layer{padding-inline:14px;inset-block-start:82px}.state-spotlight{grid-template-columns:82px 1fr;gap:13px;padding:14px}.state-spotlight>span{width:72px;height:72px;font-size:34px}.reverse-ladder{justify-content:flex-start}.replay-controls{flex-wrap:wrap}.replay-controls .exit-replay{width:100%}.backtrack-room{padding-inline:18px}.insight-callout{flex-wrap:wrap;align-items:flex-start}.insight-callout .primary-button{width:100%}.conclusion-screen{padding-top:20px;display:block}.treasure-celebration{height:180px}.treasure-celebration img{width:260px}.strategy-scroll{padding:26px 20px}.strategy-steps{grid-template-columns:1fr}.proof-card{grid-template-columns:1fr;gap:8px}.generalization-table{grid-template-columns:1fr 1fr}.generalization-table>div{border-bottom:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}