:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;--ink: #22403a;--muted: #687a70;--soft: #93a298;--paper: #f7f4e9;--card: #fffdf7;--line: #e2dfcf;--green: #2f6b52;--green-2: #3f8566;--coral: #ec8a58;--coral-dark: #c9663a;--gold: #f2b53c;--blue: #4f8fd6;--ghost: #9b82c9;--floor: #fbf6e6;--floor-alt: #f4eed9;--wall: #6f9f6a;--wall-top: #8dbb83;--wall-dark: #558552;--frame: #dde9cc;--frame-edge: #c3d6ae;--fog: #cad7c3;--accent: #6f9f6a}[data-theme=meadow]{--floor: #fdf5e3;--floor-alt: #f6ead0;--wall: #c28b5a;--wall-top: #dcaa79;--wall-dark: #9d6b40;--frame: #f0dfc3;--frame-edge: #ddc39e;--fog: #e0d3bd;--accent: #c28b5a}[data-theme=dusk]{--floor: #f9f0f0;--floor-alt: #f1e5e8;--wall: #8977b0;--wall-top: #a897cb;--wall-dark: #6b5b93;--frame: #e7ddf0;--frame-edge: #d1c4e3;--fog: #d8cee2;--accent: #8977b0}[data-theme=mist]{--floor: #eff5f3;--floor-alt: #e3edea;--wall: #5d8ea1;--wall-top: #7eabbb;--wall-dark: #477385;--frame: #d5e5e8;--frame-edge: #bad2d8;--fog: #c3d3d8;--accent: #5d8ea1}[data-theme=moss]{--floor: #f5f6e4;--floor-alt: #ebefd4;--wall: #4e7f5a;--wall-top: #6a9d74;--wall-dark: #3a6545;--frame: #d6e6c8;--frame-edge: #bad3a6;--fog: #cbd9c3;--accent: #4e7f5a}[data-theme=night]{--floor: #f4f0e3;--floor-alt: #ebe5d3;--wall: #414f7c;--wall-top: #5a6a9e;--wall-dark: #2f3a5f;--frame: #d9dbea;--frame-edge: #bfc4dc;--fog: #c7cadb;--accent: #414f7c}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input{font:inherit}button{min-height:44px;border:0;cursor:pointer;color:inherit;background:none;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.board:focus-visible{outline:2px dashed #f2b53caa;outline-offset:5px}button:not(:disabled):hover{filter:brightness(.97)}button:not(:disabled):active{transform:translateY(1px)}svg{flex-shrink:0;vertical-align:middle}h1,h2,p{margin:0}h1,h2{font-weight:650}button,.player{touch-action:manipulation}.gold{color:#c98d18}.site-header{height:84px;max-width:1280px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;padding:0;text-align:left}.brand>svg{padding:5px;width:44px;height:44px;border-radius:12px;background:var(--green);color:#fff7e2;box-shadow:0 3px #1f4a38}.brand>span{font-family:Songti SC,STSong,serif;font-size:24px;font-weight:700;letter-spacing:3px}.brand small{display:block;font:600 9px sans-serif;letter-spacing:3px;margin-top:4px;color:var(--soft)}nav{display:flex;align-items:center;gap:6px;margin-left:auto}nav button{display:flex;align-items:center;gap:6px;font-size:14px;padding:0 14px;border-radius:22px;min-width:44px}nav button[aria-current]{background:#e4ecdc;color:var(--green);font-weight:600}.site-footer{max-width:1280px;padding:28px 32px;margin:40px auto 0;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px;color:var(--soft)}.update-banner{max-width:1000px;margin:0 auto 8px;padding:10px 16px;display:flex;align-items:center;gap:12px;justify-content:space-between;background:#fff1c9;border:1px solid #f0d58a;border-radius:12px;font-size:14px;color:#7a5b12}.update-banner button{min-height:34px;padding:0 14px;border-radius:17px;background:#f5d57a;font-weight:600}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);display:block;font-weight:600}.muted{color:var(--muted);font-size:15px;line-height:1.8}.primary{background:var(--green);color:#fffbe9;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:14px 24px;border-radius:14px;font-size:16px;font-weight:600;box-shadow:0 4px #1d4a37}.primary:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px #1d4a37}.secondary{border:2px solid #d6dccb;border-radius:12px;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:10px 18px;background:var(--card);font-size:15px;font-weight:600}.text-button{font-size:14px;text-decoration:underline;text-underline-offset:5px;color:var(--muted)}.home-page{max-width:1180px;margin:36px auto 0;padding:0 32px;display:grid;grid-template-columns:1fr 1fr;gap:40px 70px}.hero-copy{padding-top:30px}.hero-copy h1{font-family:Songti SC,STSong,serif;font-size:62px;font-weight:700;line-height:1.35;letter-spacing:4px;margin:20px 0}.hero-copy h1>span{color:var(--coral)}.hero-copy>p{font-size:17px;line-height:2;color:var(--muted)}.hero-button{margin-top:30px;min-width:260px}.hero-progress{max-width:260px;margin-top:22px;font-size:13px;color:var(--muted)}.hero-progress>div,.stage-progress>div{height:8px;background:#e4e7da;margin-top:10px;border-radius:8px;overflow:hidden}.hero-progress i,.stage-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--coral));border-radius:8px}.hero-art{position:relative;background:var(--frame);padding:24px 28px 20px;border:2px solid var(--frame-edge);border-radius:26px;transform:rotate(2deg);box-shadow:0 18px 0 -6px #e6e2cf,0 24px 50px #2f4d3a1f}.art-caption,.art-foot{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:2px;color:#5d7f5b;font-weight:600}.art-caption{margin-bottom:18px}.mini-maze{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;gap:3px;background:var(--floor);padding:6px;border-radius:14px}.mini-maze>i{display:flex;align-items:center;justify-content:center;background:var(--floor);font-style:normal;border-radius:4px}.mini-maze>i:nth-child(2n){background:var(--floor-alt)}.mini-maze>i.solid{background:linear-gradient(var(--wall-top),var(--wall));box-shadow:inset 0 -5px var(--wall-dark);border-radius:8px}.mini-maze span{font-size:30px;color:var(--gold);text-shadow:0 2px 0 #d69a22;animation:bob 2s ease-in-out infinite}.mini-maze svg{color:#b67d1c}.mini-player{background:radial-gradient(circle at 35% 30%,#ffb489,var(--coral) 60%);box-shadow:inset 0 -4px var(--coral-dark);color:#3a2418;width:80%;height:80%;border-radius:42%;font-size:17px;display:flex;align-items:center;justify-content:center;letter-spacing:-2px}.art-foot{margin-top:18px;font-size:11px}.art-sticker{position:absolute;right:-22px;bottom:46px;padding:14px 20px;line-height:1.7;font-size:14px;font-weight:600;background:#ffe39b;border:2px solid #f1c863;transform:rotate(-8deg);border-radius:6px;box-shadow:0 6px 16px #334d3320;color:#7b5710}.home-links{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.home-links>button{display:flex;text-align:left;align-items:center;gap:16px;padding:22px 20px;border:2px solid var(--line);border-radius:18px;background:var(--card)}.home-links>button>svg:first-child{width:30px;height:30px;color:var(--green-2)}.home-links>button>svg:last-child{margin-left:auto;width:18px;color:var(--soft)}.home-links strong{font-size:17px}.home-links small{display:block;font-size:13px;color:var(--muted);margin-top:6px}.page-content{max-width:1100px;padding:36px 32px;margin:auto}.page-content>h1{font-family:Songti SC,STSong,serif;font-size:38px;font-weight:700;letter-spacing:2px;margin:12px 0}.chapter{margin-top:36px}.chapter-heading{display:flex;align-items:center;gap:14px;margin-bottom:14px}.chapter-no{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--wall);color:#fff;font-weight:700;box-shadow:inset 0 -3px var(--wall-dark)}.chapter-heading h2{font-size:20px}.chapter-heading p{font-size:14px;margin-left:auto;color:var(--muted)}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.level-card{position:relative;border:2px solid var(--line);background:var(--card);border-radius:16px;padding:14px 14px 12px;text-align:left;min-height:140px;display:flex;flex-direction:column;gap:6px;box-shadow:0 4px #e7e3d2;transition:transform .12s}.level-card:not(:disabled):hover{transform:translateY(-3px);border-color:var(--wall-top)}.level-card.current{border-color:var(--wall);background:var(--floor);box-shadow:0 4px 0 var(--frame-edge)}.level-card.current:after{content:"当前";position:absolute;top:10px;right:10px;font-size:11px;font-weight:700;background:var(--coral);color:#fff;padding:2px 8px;border-radius:10px}.level-card:disabled{opacity:.55;background:#efeee6;box-shadow:none}.level-number{font-family:Georgia,serif;font-size:30px;font-weight:700;display:flex;align-items:center;justify-content:space-between;color:var(--wall)}.level-card strong{display:block;font-weight:600;font-size:15px}.level-tags{display:flex;align-items:center;gap:5px;color:var(--muted)}.level-tags small{margin-left:auto;font-size:11px;color:var(--soft)}.level-rating{color:#dfe0d4;font-size:20px;letter-spacing:2px;margin-top:auto}.level-rating i{font-style:normal}.filled{color:var(--gold)!important;text-shadow:0 1px 0 #d4951b}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 18px}.stats-grid>div{background:var(--card);border:2px solid var(--line);padding:22px;border-radius:16px}.stats-grid small{font-size:14px;color:var(--muted)}.stats-grid strong{display:block;font-size:30px;margin-top:10px}.trend{margin-top:28px;background:#eef2e6;border:2px solid #dde4d3;border-radius:16px;padding:24px 30px}.trend>div:first-child{display:flex;justify-content:space-between;align-items:center}.trend h2,.section-title h2{font-size:19px}.bars{display:flex;align-items:flex-end;justify-content:space-around;height:175px;gap:15px}.bars>div{display:flex;flex-direction:column;align-items:center;gap:8px;width:55px;font-size:13px;color:var(--muted)}.bars i{background:linear-gradient(var(--wall-top),var(--wall));width:100%;border-radius:8px 8px 0 0}.bars small{font-size:12px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:34px 0 15px}.table-scroll{overflow:auto;border:2px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap;text-align:left}td,th{padding:13px 14px;border-bottom:1px solid var(--line)}th{font-weight:600;background:#eef2e7;color:var(--muted)}tbody{background:var(--card)}.fine-print{font-size:13px;line-height:1.8;color:var(--soft);margin-top:14px}.empty-state{padding:45px 25px;text-align:center;border:2px dashed #cfd8c4;border-radius:16px;font-size:15px;line-height:1.8;color:var(--muted)}.settings-page{max-width:820px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.setting-row strong{font-size:17px}.setting-row p{font-size:14px;line-height:1.7;color:var(--muted);margin-top:6px}.toggle{width:62px;min-width:62px;height:36px;min-height:36px;border-radius:18px;background:#d6dcce;padding:4px}.toggle i{display:block;width:28px;height:28px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 2px 4px #0002}.toggle.on{background:var(--green-2)}.toggle.on i{transform:translate(26px)}.instruction-card{margin-top:24px;border:2px solid var(--line);border-radius:16px;background:var(--card);padding:24px}.instruction-card h2{font-size:19px;margin-bottom:14px}.instruction-card p{font-size:15px;color:var(--muted);line-height:1.85;margin-bottom:10px}.instruction-card b{color:var(--ink)}.storage-warning{margin:20px auto;padding:14px;max-width:900px;background:#f7e6b8;color:#7f6524;border-radius:12px;font-size:14px}.game-layout{max-width:1060px;margin:12px auto 0;padding:0 32px;display:grid;grid-template-columns:250px minmax(0,600px);gap:48px;justify-content:center}.game-aside{padding-top:64px}.game-aside h2{font-family:Songti SC,STSong,serif;font-size:28px;line-height:1.5;letter-spacing:2px;margin:12px 0}.game-aside>p{font-size:15px;line-height:1.85;color:var(--muted)}.stage-progress{font-size:13px;color:var(--muted);margin:26px 0}.legend{display:grid;grid-template-columns:1fr;gap:12px;border-top:1px solid var(--line);padding-top:22px;font-size:14px;color:var(--muted)}.legend>span{display:flex;gap:10px;align-items:center}.legend svg{width:20px;height:20px}.lg-star svg{fill:var(--gold);stroke:#c98d18}.lg-key svg{color:#c98d18}.lg-ghost svg{fill:#d9cdf0;stroke:var(--ghost)}.legend-player{width:20px;height:20px;background:var(--coral);border-radius:8px;box-shadow:inset 0 -3px var(--coral-dark)}.legend-pad{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#a6d57c,#5c9b45)}.game-aside .aside-note{font-size:13px;margin-top:30px;color:var(--soft);line-height:1.7}.hud{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}.hud-title{display:flex;align-items:center;gap:12px;min-width:0}.level-badge{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font:700 22px Georgia,serif;color:#fff;background:linear-gradient(var(--wall-top),var(--wall));box-shadow:inset 0 -4px var(--wall-dark)}.hud h1{font-size:21px;margin-top:2px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud .eyebrow{font-size:12px;letter-spacing:1px}.hud-counts{display:flex;gap:8px;align-items:center}.chip{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:700;white-space:nowrap;background:var(--card);border:2px solid var(--line);border-radius:20px;padding:5px 11px;min-height:38px}.chip svg{width:20px;height:20px;fill:var(--gold);stroke:#c98d18}.key-chip svg{fill:none;opacity:.45}.key-chip.c0 svg{stroke:#c98d18}.key-chip.c1 svg{stroke:var(--blue)}.key-chip.got svg{opacity:1}.key-chip.got.c0{border-color:#f1cf78;background:#fff4d2}.key-chip.got.c1{border-color:#a9c9ee;background:#e7f1fd}.hud-counts .moves{display:flex;align-items:baseline;gap:4px;padding-left:10px;margin-left:2px;border-left:2px solid var(--line)}.moves strong{font-size:26px;font-variant-numeric:tabular-nums}.moves small{font-size:13px;color:var(--muted);font-weight:600}.moves.over strong{color:var(--coral-dark)}.board-area{position:relative}.board-shell{position:relative;aspect-ratio:1;width:100%;border-radius:24px;padding:12px;background:var(--frame);border:2px solid var(--frame-edge);box-shadow:0 10px 0 -2px var(--frame-edge),0 22px 40px #2c4a3a1c;container-type:inline-size;transition:background .4s}.board{position:relative;display:grid;grid-template-columns:repeat(var(--size),minmax(0,1fr));grid-template-rows:repeat(var(--size),minmax(0,1fr));width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none;overflow:hidden;border-radius:14px;background:var(--floor);font-size:calc((100cqw - 24px) / var(--size) / 4)}.tile{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;background:var(--floor)}.tile.alt,.tile.wall{background:var(--floor-alt)}.tile.wall:before{content:"";position:absolute;inset:3%;border-radius:22%;background:linear-gradient(170deg,var(--wall-top),var(--wall) 55%);box-shadow:inset 0 -.38em var(--wall-dark),inset 0 .12em #ffffff40,0 .12em .2em #00000014}.tile.fog{background:var(--fog)}.tile.fog:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 35%,#ffffff55 0 18%,transparent 40%),radial-gradient(circle at 75% 70%,#ffffff40 0 15%,transparent 38%)}.tile.patrol:after{content:"";position:absolute;width:1em;height:1em;border-radius:50%;background:#b9a5de;opacity:.55}.tile.dust:before{content:"";position:absolute;width:1.1em;height:1.1em;border-radius:50%;background:#fffc;animation:dust .35s ease-out forwards}@keyframes dust{0%{transform:scale(1);opacity:.9}to{transform:scale(2.2);opacity:0}}.start-mark{position:absolute;inset:18%;border-radius:50%;border:.18em dashed #b8c8ad}.pad-token{position:absolute;inset:14%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff5 0 8%,transparent 9%),radial-gradient(circle at 65% 60%,#3f7a2e55 0 7%,transparent 8%),radial-gradient(circle at 40% 70%,#3f7a2e44 0 6%,transparent 7%),radial-gradient(circle at 40% 35%,#b1dc85,#5e9d45);box-shadow:inset 0 -.25em #467f33,0 .1em .15em #0002}.exit-token,.star-token,.key-token,.door-token{position:relative;display:flex;align-items:center;justify-content:center}.exit-token{width:80%;height:86%;color:#8a5a12;background:linear-gradient(#ffe7a3,#f5c75c);border-radius:45% 45% 12% 12%;box-shadow:inset 0 -.3em #d9a13a}.exit-token svg{width:55%;height:55%}.exit-token.open{animation:glow 1.6s ease-in-out infinite}@keyframes glow{50%{box-shadow:inset 0 -.3em #d9a13a,0 0 0 .35em #ffd76a88,0 0 1.2em #ffcf4d}}.star-token{width:72%;height:72%;animation:bob 1.8s ease-in-out infinite}.star-token svg{width:100%;height:100%;fill:var(--gold);stroke:#cf8f16;stroke-width:1.4;filter:drop-shadow(0 .12em 0 #d9951a55)}@keyframes bob{50%{transform:translateY(-8%) rotate(6deg)}}.key-token{width:68%;height:68%;animation:bob 2.1s ease-in-out infinite}.key-token svg{width:100%;height:100%;stroke-width:2.4}.key-token.c0{color:#d39314}.key-token.c1{color:var(--blue)}.door-token{width:88%;height:88%;border-radius:16%;color:#fff;transition:opacity .3s,transform .3s;background:repeating-linear-gradient(90deg,#0000 0 18%,#0000001f 18% 24%),var(--door);box-shadow:inset 0 -.3em #0003}.door-token.c0{--door: #e0a42e}.door-token.c1{--door: #4f8fd6}.door-token svg{width:55%;height:55%}.door-token.opened{opacity:.18;transform:scaleY(.25) translateY(150%)}.actor{position:absolute;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;transition:left 40ms linear,top 40ms linear}.player-body{position:relative;width:78%;height:78%;border-radius:42%;background:radial-gradient(circle at 35% 28%,#ffc09a,var(--coral) 55%);box-shadow:inset 0 -.32em var(--coral-dark),0 .2em .3em #7a3a1a33;display:flex;align-items:center;justify-content:center}.eyes{display:flex;gap:.45em;transition:transform .12s}.eyes i{width:.52em;height:.72em;border-radius:50%;background:#2c1d16;box-shadow:inset .12em .1em 0 -.02em #fff}.look-left{transform:translate(-.35em)}.look-right{transform:translate(.35em)}.look-up{transform:translateY(-.35em)}.look-down{transform:translateY(.2em)}.blush{position:absolute;bottom:24%;left:16%;right:16%;height:.3em;background:radial-gradient(circle at 10% 50%,#ff8f7a 0 .18em,transparent .2em),radial-gradient(circle at 90% 50%,#ff8f7a 0 .18em,transparent .2em);opacity:.7}.stretch-x{transform:scale(1.14,.86)}.stretch-y{transform:scale(.86,1.14)}.land{animation:land .28s ease-out}@keyframes land{0%{transform:scale(1.18,.8)}55%{transform:scale(.94,1.07)}to{transform:none}}.bump-left{animation:bumpL .28s}.bump-right{animation:bumpR .28s}.bump-up{animation:bumpU .28s}.bump-down{animation:bumpD .28s}@keyframes bumpL{30%{transform:translate(-12%) scale(.9,1.08)}60%{transform:translate(4%)}}@keyframes bumpR{30%{transform:translate(12%) scale(.9,1.08)}60%{transform:translate(-4%)}}@keyframes bumpU{30%{transform:translateY(-12%) scale(1.08,.9)}60%{transform:translateY(4%)}}@keyframes bumpD{30%{transform:translateY(12%) scale(1.08,.9)}60%{transform:translateY(-4%)}}.enemy{z-index:1;transition:left .2s ease-in-out,top .2s ease-in-out}.enemy>span{display:flex;align-items:center;justify-content:center;width:80%;height:80%;animation:float 1.2s ease-in-out infinite}.enemy svg{width:100%;height:100%;fill:#e3d8f5;stroke:#7d63ad;stroke-width:1.6;filter:drop-shadow(0 .2em .15em #5a3f8a33)}@keyframes float{50%{transform:translateY(-9%)}}.flashing{animation:flash .16s 3}@keyframes flash{50%{opacity:.15}}.hit-flash{animation:shake .3s}@keyframes shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.highlight{animation:highlight 1s ease-in-out 3}@keyframes highlight{50%{box-shadow:inset 0 0 0 .35em #f2b53c;background:#fff2c6}}.pop{position:absolute;z-index:3;pointer-events:none;display:block}.pop i{position:absolute;left:50%;top:50%;width:.7em;height:.7em;margin:-.35em;border-radius:50%;background:var(--gold);animation:burst .55s ease-out forwards;opacity:0}.key-pop.c1 i{background:var(--blue)}.pop i:nth-child(1){--a: 0deg}.pop i:nth-child(2){--a: 60deg}.pop i:nth-child(3){--a: 120deg}.pop i:nth-child(4){--a: 180deg}.pop i:nth-child(5){--a: 240deg}.pop i:nth-child(6){--a: 300deg}@keyframes burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1.2)}to{opacity:0;transform:rotate(var(--a)) translateY(-2.4em) scale(.3)}}.board-curtain{position:absolute;inset:0;background:#2f5443;z-index:5;border-radius:24px;color:#eef2df;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.board-curtain strong{font-family:Songti SC,serif;font-size:28px;letter-spacing:3px}.board-curtain>span{font-size:14px;color:#b9c9ad}.preview-label{position:absolute;left:50%;top:0;transform:translate(-50%,-12px);z-index:4;display:flex;align-items:center;gap:8px;background:var(--card);box-shadow:0 6px 18px #344a3325;border:2px solid var(--line);border-radius:24px;padding:8px 18px;font-size:15px;font-weight:600;white-space:nowrap;pointer-events:none;overflow:hidden}.preview-label strong{font-size:22px;color:var(--coral-dark);min-width:1ch}.preview-label i{position:absolute;left:0;bottom:0;height:4px;background:var(--coral);transition:width 40ms linear}.lesson-callout{margin-top:14px;background:#fffbea;border:2px solid #f0d58a;border-radius:16px;padding:12px 16px;font-size:15px;line-height:1.6;color:var(--ink);animation:rise .35s ease-out}.lesson-callout b{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:8px;background:var(--gold);color:#5a3d00;font-size:13px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.lesson-callout+.game-status{display:none}.game-status{font-size:15px;line-height:1.6;color:var(--muted);min-height:48px;padding:16px 2px 8px}.control-row{display:flex;gap:14px;align-items:center}.game-controls{flex:1;display:flex;justify-content:space-around;border:2px solid var(--line);background:var(--card);border-radius:16px;padding:4px}.game-controls button{font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:12px;min-height:48px}.game-controls button:not(:disabled):hover{background:#f0f2e8}.game-controls svg{width:20px}.dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:4px;flex:none}.dpad button{border-radius:14px;background:var(--card);border:2px solid var(--line);box-shadow:0 3px #e1ddcb;display:grid;place-items:center;color:var(--green);min-height:0}.dpad button:not(:disabled):active{background:#e6efdc;box-shadow:none;transform:translateY(3px)}.dpad svg{width:26px;height:26px;stroke-width:2.6}.dpad-up{grid-area:1 / 2}.dpad-left{grid-area:2 / 1}.dpad-right{grid-area:2 / 3}.dpad-down{grid-area:3 / 2}.dpad-left svg{transform:rotate(-90deg)}.dpad-right svg{transform:rotate(90deg)}.dpad-down svg{transform:rotate(180deg)}@media(hover:hover)and (pointer:fine){.dpad{display:none}}.pause-actions{display:flex;justify-content:center;gap:15px}.game-foot{display:flex;justify-content:space-between;gap:10px;color:var(--soft);font-size:12px;margin-top:16px}.hint-message{margin-top:12px;padding:12px 14px;background:#fff3cf;border:2px solid #f0d58a;border-radius:14px;display:flex;align-items:flex-start;gap:10px;color:#6d5313;font-size:15px;line-height:1.7}.hint-message b{margin-right:8px}.offer-hint{margin-top:10px;font-size:15px;font-weight:600;color:#a2700c;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border-radius:20px;background:#fff3cf;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #f2b53c33}}.collected-feedback{animation:collected .3s ease-out}@keyframes collected{0%{transform:scale(.8)}60%{transform:scale(1.18)}to{transform:none}}.completion{position:absolute;inset:0;z-index:8;background:#21403380;border-radius:24px;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow:hidden}.confetti i{position:absolute;top:-5%;left:var(--x);width:10px;height:16px;background:var(--c);border-radius:3px;animation:fall 1.8s var(--d) ease-in forwards;transform:rotate(var(--r));opacity:0}@keyframes fall{0%{opacity:1;transform:translateY(0) rotate(var(--r))}to{opacity:0;transform:translateY(620px) rotate(calc(var(--r) + 540deg))}}.completion-card{position:relative;text-align:center;background:var(--card);width:100%;max-width:440px;padding:24px 22px 18px;border-radius:22px;box-shadow:0 8px #0000001a,0 20px 50px #18382040;animation:pop-in .35s cubic-bezier(.2,1.5,.4,1)}@keyframes pop-in{0%{transform:scale(.85);opacity:0}}.completion-card h2{font-family:Songti SC,serif;font-size:27px;line-height:1.5;margin-top:6px}.rating{font-size:50px;color:#e3e3d8;letter-spacing:6px;margin:2px 0 4px}.rating span{display:inline-block}.rating .filled{animation:star-in .45s calc(var(--i) * .22s) cubic-bezier(.2,1.8,.4,1) both}@keyframes star-in{0%{transform:scale(0) rotate(-40deg)}}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:2px dashed var(--line);padding-top:14px}.result-grid strong{display:block;font-size:24px}.result-grid span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.result-tip{margin-top:14px;padding:10px 12px;background:#f2f6ea;border-radius:12px;font-size:14px;line-height:1.6;color:var(--green)}.completion-card>small{display:block;font-size:12px;color:var(--soft);margin-top:8px}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-top:14px;animation:reveal .7s both}.result-actions>.primary{width:100%}@keyframes reveal{0%,60%{opacity:0;pointer-events:none}to{opacity:1}}@media(max-width:1100px){.home-page{gap:40px}.hero-copy h1{font-size:50px}.game-layout{gap:30px;grid-template-columns:220px minmax(0,560px)}.home-links{gap:14px}}@media(max-width:760px){.site-header{height:68px;padding:0 16px;gap:10px}.brand>span{font-size:20px;letter-spacing:2px}.brand small{font-size:8px}.brand>svg{width:38px;height:38px}nav{gap:0}nav button{padding:0 10px}nav button span{display:none}.update-banner{margin:0 16px 8px;font-size:13px}.home-page{padding:0 20px;grid-template-columns:1fr;gap:28px;margin-top:16px}.hero-copy{padding:0}.hero-copy h1{font-size:44px;margin:12px 0}.hero-copy>p{font-size:15px}.hero-button{width:100%}.hero-progress{max-width:none}.hero-art{max-width:380px;width:92%;justify-self:center}.home-links{grid-template-columns:1fr;margin-top:6px;gap:12px}.page-content{padding:20px 16px}.page-content>h1{font-size:29px}.chapter-heading{flex-wrap:wrap;gap:10px}.chapter-heading p{font-size:13px;margin-left:0;width:100%}.level-grid{grid-template-columns:repeat(2,1fr);gap:10px}.level-card{min-height:128px}.game-layout{display:block;padding:0 14px;margin-top:4px;max-width:560px}.game-aside{display:none}.level-badge{width:40px;height:40px;font-size:19px;border-radius:12px}.hud h1{font-size:18px}.hud .eyebrow{font-size:11px}.hud-counts{gap:5px}.chip{padding:4px 8px;font-size:14px;min-height:34px}.moves strong{font-size:22px}.moves small{font-size:12px}.board-shell{padding:7px;border-radius:18px}.board{border-radius:11px;font-size:calc((100cqw - 14px) / var(--size) / 4)}.lesson-callout{font-size:14px;margin-top:10px;padding:10px 12px}.game-status{font-size:14px;min-height:40px;padding:10px 2px 6px}.control-row{flex-direction:column;align-items:stretch;gap:10px}.game-controls button{padding:0 4px;font-size:13px;gap:3px;flex-direction:column;min-height:52px}.game-controls svg{width:20px}.dpad{align-self:center;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(3,54px)}.game-foot{font-size:11px;flex-wrap:wrap}.site-footer{padding:20px 16px;font-size:11px;letter-spacing:1px;gap:15px;margin-top:16px}.completion{position:fixed;inset:0;z-index:50;padding:16px;border-radius:0}.completion-card{padding:20px 16px 14px;max-height:100%;overflow:auto}.completion-card h2{font-size:22px}.rating{font-size:36px}.result-grid strong{font-size:19px}.result-tip{font-size:13px;margin-top:10px}.result-actions>.primary{min-height:46px;padding:10px 16px}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stats-grid>div{padding:16px}.stats-grid strong{font-size:25px}.trend{padding:20px 16px}.bars{gap:10px}.instruction-card{padding:20px}}@media(max-height:560px)and (orientation:landscape){.game-layout{max-width:820px;display:grid;grid-template-columns:minmax(0,1fr)}.game-center{display:grid;grid-template-columns:minmax(0,340px) 1fr;grid-template-areas:"hud hud" "board side";gap:0 20px}.hud{grid-area:hud;margin-bottom:8px}.board-area{grid-area:board}.game-center>:not(.hud):not(.board-area){grid-column:2}.site-header{height:56px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.reduced-motion *,.reduced-motion *:before,.reduced-motion *:after{animation:none!important;transition-duration:0s!important}@supports (padding: env(safe-area-inset-top)){.app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}.install-link{display:block;margin-top:14px;font-size:14px;font-weight:600;color:var(--green);text-decoration:underline;text-underline-offset:5px;padding:0}.install-card{border-color:#cfe0c3;background:#f3f8ec}.install-card ol{margin:4px 0 12px;padding-left:22px;font-size:15px;line-height:2;color:var(--ink)}.text-input{width:180px;min-height:44px;padding:0 14px;border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-size:16px}.text-input:focus{outline:none;border-color:var(--wall-top)}.record-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.file-button{position:relative;cursor:pointer;min-height:48px}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-button:focus-within{outline:3px solid var(--gold);outline-offset:3px}.report-sources{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:24px 0 12px}.toggle-line{display:flex;align-items:center;gap:8px;font-size:15px;min-height:44px;margin-right:8px}.toggle-line input{width:20px;height:20px;accent-color:var(--green)}.source-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 14px;border-radius:20px;background:#e8efe0;font-weight:600;font-size:14px}.source-chip small{color:var(--muted);font-weight:400}.source-chip button{min-height:32px;width:32px;border-radius:16px;font-size:18px;color:var(--muted)}.report-error{color:#a3441f;font-size:14px;margin-bottom:10px}.report-summary{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:16px 0}.report-summary>div{min-width:96px;padding:12px 16px;border-radius:14px;background:var(--card);border:2px solid var(--line)}.report-summary strong{display:block;font-size:26px}.report-summary small{font-size:13px;color:var(--muted)}.report-summary .primary{margin-left:auto;align-self:center}.flag-hard{border-color:#f2c1a8!important;background:#fff1ea!important}.flag-ok{border-color:#c5deb8!important;background:#f0f8ea!important}.flag-easy{border-color:#b9d4f0!important;background:#edf5fe!important}.flag{display:inline-block;padding:2px 10px;border-radius:10px;font-size:13px;font-weight:700;border:2px solid var(--line)}.flag.flag-few,.flag.flag-none{color:var(--soft)}.flag.flag-hard{color:#b0461b}.flag.flag-ok{color:#3b7a34}.flag.flag-easy{color:#2f6aa8}.report-table td small{color:var(--soft);font-size:12px}.report-table tr.dim td{color:var(--soft)}.report-sub{font-size:19px;margin:30px 0 12px}@media(max-width:760px){.setting-row:has(.text-input){flex-wrap:wrap}.text-input{width:100%}.record-actions>*{flex:1 1 100%}.report-summary>div{flex:1 1 40%}.report-summary .primary{width:100%;margin:0}}