*{box-sizing:border-box}body{margin:0;background:#f8f7f2;color:#273c32;font-family:system-ui,sans-serif}header{max-width:1160px;margin:auto;padding:27px 30px;border-bottom:1px solid #dddfd6;display:flex;justify-content:space-between;align-items:center}.brand{font-size:21px;font-weight:800}.brand span{color:#69866b}header small{letter-spacing:2px;font-size:10px}main{max-width:1160px;margin:40px auto;padding:0 30px}.eyebrow{font-size:11px;letter-spacing:2px;color:#6c826d;font-weight:700}h1{font-size:44px;letter-spacing:-2px;margin:10px 0}p{color:#7b857c;line-height:1.7}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;margin-top:28px}.board{background:white;border:1px solid #e0e3da;border-radius:20px;padding:25px;box-shadow:0 8px 30px #243c3205}.boardtop{display:flex;justify-content:space-between;font-size:12px;color:#7b857c;margin-bottom:15px}.tag{background:#edf2e9;color:#557553;padding:5px 10px;border-radius:20px}canvas{width:100%;display:block;touch-action:none;border-radius:8px;outline:none}canvas:focus-visible{outline:3px solid #b6cd96}.stats{display:flex;justify-content:space-between;border-top:1px solid #edf0e8;padding-top:16px;margin-top:18px;font-size:12px;color:#7b857c}.stats b{display:block;color:#273c32;font-size:22px;margin-top:3px;font-variant-numeric:tabular-nums}aside{display:flex;flex-direction:column;gap:18px}.panel{background:white;border:1px solid #e0e3da;border-radius:16px;padding:22px}h2{font-size:15px;margin:0 0 16px}.levels{display:grid;grid-template-columns:1fr 1fr;gap:8px}button{font:inherit;cursor:pointer;border:1px solid #dde3d6;border-radius:9px;padding:11px 12px;background:white;color:#435447;transition:.15s}button:hover{background:#edf2e9}button.active{background:#eaf0e3;border-color:#799568;color:#3d6537;font-weight:650}button:focus-visible{outline:3px solid #bbd29f;outline-offset:2px}.primary{background:#526f42;color:white;border:0;width:100%;margin-top:18px}.primary:hover{background:#405c32}.actions{display:flex;gap:8px;margin-top:9px}.actions button{flex:1;font-size:12px}.animal{display:flex;gap:8px}.animal button{font-size:24px;flex:1;padding:8px}.help p{font-size:13px;margin:10px 0}.keys{display:flex;justify-content:center;gap:6px}.keys button{width:45px}.win{background:#edf4e6;padding:12px;border-radius:10px;color:#436835;margin-top:12px;text-align:center;font-weight:600}.hidden{display:none}footer{font-size:11px;color:#899388;text-align:center;margin:30px}.printhead{display:none}@media(max-width:760px){main{margin-top:26px;padding:0 18px}header{padding:20px}header small{display:none}h1{font-size:35px}.layout{grid-template-columns:1fr}.board{padding:16px}aside{display:grid;grid-template-columns:1fr}.panel{padding:18px}}@media print{body{background:white}header,aside,.stats,.boardtop,footer,.intro,.win{display:none!important}.layout{display:block;margin:0}main{margin:0;padding:0}.board{border:0;padding:0;box-shadow:none}.printhead{display:block}canvas{max-width:700px;margin:auto}}

button{min-height:44px}summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:15px;font-weight:650}summary:focus-visible{outline:3px solid #bbd29f}.board-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px}.board-controls .keys button{width:48px;height:48px;font-size:20px}.board-tools{display:flex;gap:8px;flex-wrap:wrap}.board-tools button{font-size:12px}.layout>*,.board{min-width:0}.board:fullscreen,.board.expanded{background:#f8f7f2;overflow:auto;padding:16px;display:flex;flex-direction:column;align-items:center}.board:fullscreen canvas,.board.expanded canvas{width:min(100%,calc(100dvh - 290px));max-width:850px}.board:fullscreen .boardtop,.board.expanded .boardtop,.board:fullscreen .stats,.board.expanded .stats,.board:fullscreen .board-controls,.board.expanded .board-controls{width:100%;max-width:850px}.board.expanded{position:fixed;inset:0;z-index:100}.locked{overflow:hidden}@media(max-width:760px){header{padding:14px 18px}main{margin-top:18px}.eyebrow{font-size:9px}h1{font-size:30px;margin:7px 0}.intro p{font-size:13px;margin:6px 0}.layout{gap:14px;margin-top:18px}.board{padding:10px}.boardtop{margin-bottom:8px}.board-controls{margin-top:10px;align-items:flex-end}.board-tools{max-width:145px;gap:5px}.board-tools button{flex:1}.stats{margin-top:10px;padding-top:10px}.stats b{font-size:20px}.help{display:none}aside{gap:12px}.panel{padding:14px}footer{margin:20px}.printhead h1{font-size:30px}}@media(max-width:380px){.board-controls{flex-direction:column;align-items:center}.board-tools{max-width:none;width:100%;justify-content:center}}@media print{.board-controls{display:none!important}.board.expanded{position:static}}

:root{--bg:#f0f6ff;--surface:#fff;--text:#183456;--muted:#58718f;--border:#cdddf1;--accent:#2463b4;--soft:#e2edfc;--wall:#315b8c;--trail:#bdd7f5;--hint:#b27a16}
body[data-world=ocean]{--bg:#f1f7fa;--text:#203c50;--muted:#5f7687;--border:#d4e3ed;--accent:#216b91;--soft:#e0f0f8;--wall:#315e77;--trail:#b9ddec;--hint:#b87a16}
body[data-world=sunset]{--bg:#fff5ef;--text:#54392f;--muted:#886a5e;--border:#ecd7cb;--accent:#a54f35;--soft:#fbe7d9;--wall:#80513d;--trail:#efc5a6;--hint:#946c18}
body[data-world=cosmos]{--bg:#f6f3fc;--text:#403252;--muted:#7b6b8e;--border:#e2d8ee;--accent:#76509c;--soft:#eee4f8;--wall:#635078;--trail:#d9c4ee;--hint:#b47d19}
body[data-dark=true]{--bg:#0d1729;--surface:#16263e;--text:#edf4ff;--muted:#adc2df;--border:#334c70;--accent:#8cbaff;--soft:#243c5e;--wall:#b0cef4;--trail:#365f93;--hint:#efc36d}
body[data-dark=true][data-world=ocean]{--bg:#101a24;--surface:#1c2a37;--text:#e9f3fa;--muted:#adbfce;--border:#354e62;--accent:#83c7e9;--soft:#283f53;--wall:#aacde1;--trail:#315b76}
body[data-dark=true][data-world=sunset]{--bg:#231713;--surface:#32231e;--text:#fff0e6;--muted:#d1b4a4;--border:#614437;--accent:#f2af8e;--soft:#4a3026;--wall:#e8bca2;--trail:#784a32}
body[data-dark=true][data-world=cosmos]{--bg:#191321;--surface:#281e34;--text:#f5edff;--muted:#c3b1d6;--border:#514066;--accent:#c4a0ec;--soft:#3c2c50;--wall:#d0b8e9;--trail:#62437e}
body,.board:fullscreen,.board.expanded{background:var(--bg);color:var(--text)}.board,.panel{background:var(--surface);border-color:var(--border)}header,.stats{border-color:var(--border)}p,.boardtop,.stats,footer,.rule{color:var(--muted)}.stats b{color:var(--text)}.brand span,.eyebrow{color:var(--accent)}button,select{background:var(--surface);color:var(--text);border-color:var(--border)}button:hover,button.active,.tag,.win{background:var(--soft);color:var(--text)}button.active{border-color:var(--accent)}.primary{background:var(--accent);color:var(--bg)}.primary:hover{background:var(--accent);filter:brightness(.9)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline-color:var(--accent)}.mission{font-size:12px;color:var(--muted);min-height:22px;margin-top:8px}.worlds{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.worlds button{font-size:13px}.modes{margin:0 0 16px}.progress-label{font-size:12px;color:var(--muted);margin-bottom:8px}.progress-track{height:5px;background:var(--soft);border-radius:10px;margin-bottom:16px;overflow:hidden}#progressBar{background:var(--accent);height:100%;transition:width .3s}label[for=levelSelect]{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}select{width:100%;min-height:44px;border:1px solid var(--border);border-radius:9px;padding:10px;font:inherit;font-size:13px}.rule{font-size:12px;line-height:1.6;margin-bottom:0}#next{margin-top:10px}.failed{color:var(--text)}@media print{body,.board{background:white!important;color:#222!important}.mission,#next{display:none!important}}
.brand{display:flex;align-items:center;min-width:0}.brand img{display:block;width:260px;max-width:100%;height:auto}header{gap:16px}#darkToggle{flex-shrink:0}@media(max-width:760px){.brand img{width:200px}header{gap:10px}#darkToggle{font-size:12px;padding:8px}}

.header-controls{display:flex;align-items:center;gap:12px}.language-control{display:flex;flex-direction:column;font-size:11px;color:var(--muted);gap:3px}.language-control select{width:170px;font-size:13px;padding:7px}.boardtop{gap:12px;flex-wrap:wrap}button{overflow-wrap:anywhere}.stats>div{min-width:0;padding-right:8px}.stats{gap:8px;font-size:10px}#legend{font-size:11px}.header-controls #darkToggle{max-width:150px}.board-tools{min-width:0}#next{overflow-wrap:normal}.worlds button{min-width:0}@media(max-width:600px){header{flex-wrap:wrap}.brand img{width:195px}.header-controls{flex:1;justify-content:flex-end;gap:8px}.language-control select{width:145px}.header-controls #darkToggle{max-width:110px;font-size:12px}.language-control>span{display:none}.stats{font-size:9px}}@media(max-width:400px){.header-controls{width:100%;justify-content:space-between}.language-control select{width:180px}.brand img{width:200px}}@media print{.header-controls{display:none!important}}

html,body{min-height:0}body{overflow-x:hidden}