:root{color-scheme:dark;--bg:#112923;--paper:#193a30;--ink:#f1e9cc;--muted:#b2c4ac;--line:#426151;--accent:#e1b36b;--soft:#234b3b;--button:#e7bd78;--button-ink:#243b2e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,sans-serif;background-image:radial-gradient(#ffffff08 .8px,transparent .8px);background-size:7px 7px}body.cheburashka{color-scheme:light;--bg:#fff3d9;--paper:#fffaf0;--ink:#4a3024;--muted:#8b7259;--line:#ddc6a3;--accent:#bb5d2d;--soft:#f7e5c6;--button:#b95729;--button-ink:#fff9e9}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header,footer{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 30px}.brand{font:700 25px Georgia,serif;display:flex;align-items:center;gap:13px;letter-spacing:1px}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent)}.brand small{display:block;font:9px system-ui;letter-spacing:2px;margin-top:2px;color:var(--muted)}nav{display:flex;gap:24px;color:var(--muted);font-size:12px}main{max-width:1120px;margin:auto;padding:0 30px}.intro{padding:27px 0 33px;display:flex;justify-content:space-between;align-items:end;gap:30px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--accent);font-weight:700}h1{font:normal clamp(38px,5vw,64px)/1.08 Georgia,serif;letter-spacing:-2px;margin:14px 0 0}h1 em{font-weight:normal;color:var(--accent)}.intro>p{max-width:275px;font-size:13px;color:var(--muted);margin:0 0 5px}.game{position:relative;border:1px solid var(--line);background:var(--paper);border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #0002}.bar{padding:19px 27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.state{font-size:9px;letter-spacing:1px;color:var(--muted)}.stats{display:flex;gap:35px}.stats small{font-size:9px;display:block;letter-spacing:1px;color:var(--muted)}.stats strong{font:29px Georgia,serif;display:block;margin-top:2px}.pause{background:transparent;border:1px solid var(--line);border-radius:50%;width:39px;height:39px;color:var(--ink)}.layout{display:grid;grid-template-columns:1.28fr 1fr}.scene{position:relative;border-right:1px solid var(--line);background:#244435}.field{display:block;width:100%;height:470px;touch-action:pan-y}.caption{display:flex;justify-content:space-between;padding:10px 21px;background:var(--soft);color:var(--muted);font-size:8px;letter-spacing:1.2px}.side{padding:30px;display:flex;flex-direction:column;gap:26px}h2{font:normal 31px/1.15 Georgia,serif;margin:8px 0 0}.side-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.seal{color:var(--accent);font:34px Georgia,serif;border:1px solid var(--line);border-radius:50%;height:57px;width:57px;display:grid;place-items:center;flex-shrink:0}.mini-stats{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.mini-stats small{font-size:9px;display:block;color:var(--muted);letter-spacing:1px}.mini-stats strong{font-size:23px;display:block;margin-top:5px;color:var(--accent)}.legend{display:grid;gap:18px}.legend>div{display:flex;gap:16px;align-items:center}.legend b{font-size:13px;font-weight:600}.legend p{font-size:11px;color:var(--muted);margin:3px 0 0}.legend i{font-style:normal;font-size:26px;width:37px;flex-shrink:0;text-align:center}.progress-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}.progress{height:5px;background:var(--soft);margin-top:12px;border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--accent);width:0}.note{font:italic 15px/1.6 Georgia,serif;color:var(--muted);margin:15px 0 0}.controls{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:12px;padding:17px 23px;border-top:1px solid var(--line)}.controls button{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:8px;padding:14px 10px;font-size:13px;font-weight:600;display:flex;justify-content:center;gap:12px;align-items:center}.controls button:not(:disabled):hover{border-color:var(--accent)}.controls #ability{color:var(--button-ink);background:var(--button);border-color:var(--button)}kbd{font:9px system-ui;opacity:.6}.message{min-height:47px;padding:0 24px 16px;text-align:center;font-size:12px;color:var(--muted)}.welcome{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#163e1d1a}.welcome .card{max-width:350px;padding:27px;background:var(--paper);border:1px solid var(--line);box-shadow:0 14px 35px #0003;border-radius:13px}.card h2{font-size:34px}.card p,.overlay p{font-size:13px;color:var(--muted);line-height:1.7}.primary{display:flex;width:100%;align-items:center;justify-content:space-between;background:var(--button);color:var(--button-ink);border:0;padding:15px 18px;border-radius:7px;font-weight:650;margin-top:20px}.primary:hover{filter:brightness(1.08)}.overlay{position:absolute;inset:0;z-index:3;background:var(--paper);display:grid;place-items:center;text-align:center;padding:35px}.overlay>div{max-width:360px}.overlay h2{font-size:42px}.final{font:90px/1 Georgia,serif;color:var(--accent);margin:25px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:28px 10px 20px}.steps>div{display:flex;gap:15px;align-items:center}.steps i{font:29px Georgia,serif;color:var(--accent);opacity:.7}.steps p{font-size:11px;color:var(--muted);margin:0}.steps strong{color:var(--ink);font-weight:600}footer{font-size:9px;letter-spacing:1.3px;color:var(--muted);padding-top:24px;padding-bottom:30px}[hidden]{display:none!important}@media(max-width:760px){header{padding:22px}.brand{font-size:22px}nav{gap:14px;font-size:10px}main{padding:0 17px}.intro{display:block;padding:20px 0 27px}.intro>p{max-width:none;margin:15px 0 0}.bar{padding:15px 18px}.state{display:none}.stats{gap:32px}.layout{grid-template-columns:1fr}.scene{border-right:0}.field{height:390px}.side{padding:23px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.side .route{grid-column:1/-1}.side h2{font-size:26px}.seal{display:none}.mini-stats{padding-top:13px;margin-top:14px}.mini-stats strong{font-size:20px}.legend{gap:13px}.legend i{font-size:23px;width:27px}.legend>div{gap:10px}.legend b{font-size:11px}.legend p{font-size:10px}.game{display:flex;flex-direction:column}.layout{display:contents}.bar{order:0}.scene{order:1}.controls{order:2}.side{order:3}.message{order:4}.controls{padding:13px;gap:8px}.controls button{font-size:11px;gap:6px;padding:14px 7px}kbd{display:none}.steps{gap:16px}.steps>div{display:block}.steps p{font-size:10px}footer{padding:23px 18px;gap:20px;font-size:8px}.welcome .card{max-width:330px;padding:23px}.card h2{font-size:31px}}@media(max-width:390px){nav{gap:10px}.brand small{font-size:8px}.side{grid-template-columns:1fr}.side .route{grid-column:auto}.field{height:365px}.stats{gap:28px}.legend{grid-template-columns:1fr}.intro h1{font-size:37px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto;animation:none!important;transition:none!important}}