:root{--cream:#f5f2df;--ink:#354237;--muted:#8b947b;--lime:#d4e891;--orange:#ed8554;--border:#dbdfc7;--font:'Microsoft YaHei','PingFang SC',system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#23372d;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,select{font-family:inherit;color:inherit}button{border:0;cursor:pointer}button:disabled{cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}#gameRoot{height:100dvh;width:100vw;isolation:isolate;position:relative;overflow:hidden}#classroom{position:absolute;inset:0;width:100%;height:100%;z-index:-5;display:block;touch-action:none;outline:none}.ambient-shade{position:absolute;inset:0;z-index:-4;pointer-events:none;background:linear-gradient(0deg,#142b2880,transparent 26%,transparent 75%,#23372d80),linear-gradient(90deg,#243b2830,transparent 40%)}.chase-vignette{position:absolute;inset:0;box-shadow:inset 0 0 120px 30px #d13826;opacity:0;pointer-events:none;z-index:5;transition:opacity .25s}.topbar{position:absolute;top:0;left:0;right:0;padding:23px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:10;color:var(--cream);pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:11px;text-shadow:0 2px 12px #1c352a55}.brand-mark{width:42px;height:42px;background:var(--lime);color:#3c5130;border-radius:11px;display:grid;place-items:center;font-size:23px;font-weight:900;transform:rotate(-8deg);box-shadow:0 3px 0 #9dae67}.brand strong{font-size:23px;font-weight:900;letter-spacing:-1px}.brand strong>span{color:#efd778}.brand small{display:block;font-size:8px;letter-spacing:2px;margin-top:4px;color:#edf1d7b3}.brand small>b{font:8px monospace;letter-spacing:0;padding:2px 4px;border:1px solid #d5deae66;border-radius:3px;margin-left:3px}.class-tag{font-size:10px;letter-spacing:1px;color:#f1f3ddbd;display:flex;gap:11px;align-items:center}.class-tag>i{height:5px;width:5px;background:#d5e8a1;border-radius:50%}.class-tag>span{opacity:.4}nav{display:flex;align-items:center;gap:8px}.icon-button{height:34px;width:34px;border-radius:9px;background:#f3f3e5e8;color:#56644d;border:1px solid #ffffff77;font-size:17px;box-shadow:0 3px 10px #22351b15}.wallet{display:flex;gap:8px;align-items:center;background:#f8ebc5f2;border:1px solid #fff3ce;padding:7px 11px;border-radius:9px;color:#796333}.coin{height:20px;width:20px;display:inline-grid;place-items:center;border:1px solid #c4a04f;border-radius:50%;background:#f0d382;color:#9b7930;font:700 13px Georgia,serif;box-shadow:inset 0 0 0 2px #f7e3a9;font-style:normal;flex-shrink:0}.wallet>b{font:600 14px monospace}.shop-word{font-size:9px;padding-left:9px;border-left:1px solid #d2c7a4;margin-left:3px}.teacher-readout{position:absolute;top:104px;left:30px;display:flex;align-items:center;gap:12px;background:#253e2fe6;border:1px solid #e7edc62b;backdrop-filter:blur(12px);color:#f0f1d9;padding:13px 16px;border-radius:12px;box-shadow:0 8px 22px #172d2322;z-index:9;min-width:236px}.status-indicator{width:8px;height:8px;border-radius:50%;background:#c5dd8f;box-shadow:0 0 10px #d9ed9d40}.teacher-readout small{display:block;font-size:8px;letter-spacing:2px;color:#b6c7a0}.teacher-readout strong{display:block;font-size:12px;font-weight:600;margin-top:5px}.teacher-state{font-size:8px;border:1px solid #bad29144;border-radius:5px;padding:4px 6px;color:#c5d7ab;margin-left:auto}.teacher-readout.danger{background:#954535ed}.teacher-readout.danger .status-indicator{background:#ffc986;animation:pulse .7s infinite}.teacher-readout.alert{background:#94723deb}.map-panel{position:absolute;right:30px;top:104px;padding:12px;background:#f6f5e6d9;backdrop-filter:blur(12px);border:1px solid #ffffffad;border-radius:13px;width:174px;z-index:8;box-shadow:0 8px 25px #24371b14}.map-panel>div{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#80906d;margin-bottom:7px;letter-spacing:1px}.map-panel button{font-size:8px;color:#627c4b;background:#e4eacd;border:1px solid #d3ddbb;border-radius:4px;padding:3px 5px;letter-spacing:0}.map-panel kbd{font:7px monospace;border:0;padding:0;margin-left:3px;color:#8c9d75}.map-panel>canvas{display:block;width:100%;height:150px}.map-panel>footer{display:flex;align-items:center;justify-content:center;gap:5px;font-size:7px;color:#8b957c;margin-top:8px}.map-panel footer>i{height:4px;width:4px;border-radius:50%;margin-left:6px}.green{background:#5b9847}.yellow{background:#d69b3d}.blue{background:#609ca9}.notice{position:absolute;top:103px;left:50%;transform:translateX(-50%);max-width:calc(100% - 600px);display:flex;align-items:center;gap:8px;background:#f7f1d6f5;border:1px solid #fff8e4;border-radius:10px;padding:11px 16px;z-index:12;box-shadow:0 6px 20px #263a281c}.notice>span{background:#deb563;color:#fff7db;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;font:700 11px Georgia,serif;flex-shrink:0}.notice>p{font-size:10px;line-height:1.6;margin:0;color:#7c704d}.intro{position:absolute;bottom:54px;left:36px;z-index:15;width:380px;padding:27px 28px 21px;background:#f5f4e4f2;backdrop-filter:blur(16px);border:1px solid #ffffefa8;border-radius:18px;box-shadow:0 15px 60px #17332226;max-height:calc(100dvh - 203px);overflow:auto}.intro-tag{font:8px monospace;letter-spacing:1.4px;display:flex;align-items:center;gap:10px;color:#8c967b}.intro-tag>span{font:8px var(--font);letter-spacing:1px;border:1px solid #cbd7b4;padding:4px 6px;border-radius:4px;color:#798e5f}.intro h1{font-size:36px;line-height:1.42;letter-spacing:-1.5px;margin:18px 0 14px;font-weight:900;color:#3a5135}.intro h1>span{color:#ce7c4e}.intro>p{font-size:11px;line-height:1.9;color:#8b977b;margin:0 0 21px}.intro-settings{display:flex;gap:11px;padding-bottom:17px}.intro-settings>label{display:flex;flex-direction:column;font-size:8px;gap:6px;color:#9aa38a;flex:1}.intro-settings>label:first-child{flex:1.6}.intro-settings select{width:100%;font-size:10px;padding:9px 7px;background:#eef0df;border:1px solid #d6dec4;border-radius:6px;color:#687d54}.primary-button{background:var(--lime);padding:15px 18px;border:1px solid #b5c978;border-radius:9px;box-shadow:0 4px 0 #b4c474;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:700;font-size:13px;letter-spacing:1px;width:100%;transition:transform .15s,background .15s}.primary-button:hover{background:#deeca8;transform:translateY(-1px)}.primary-button:active{transform:translateY(3px);box-shadow:0 1px 0 #b4c474}.primary-button>span{font-size:20px;font-weight:400}.preview-button{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:9px;background:none;padding:16px 2px 13px;color:#899874;letter-spacing:1px}.preview-button>span{font-size:17px}.equipped{border-top:1px solid #dfe3cd;padding-top:13px;display:flex;gap:8px;align-items:center;font-size:10px}.equipped>span{height:11px;width:11px;background:#d8893c;transform:rotate(-9deg);border-radius:2px}.equipped>b{font-weight:600}.equipped>small{font:9px monospace;color:#9aa77f}.equipped button{background:none;font-size:8px;margin-left:auto;color:#899771;padding:4px 0}.intro-keyboard{display:flex;gap:6px;align-items:center;margin-top:17px;font-size:7px;color:#a2ab92;white-space:nowrap}kbd{font:8px monospace;border:1px solid #becaa5;border-radius:3px;padding:2px 4px;white-space:nowrap;background:#dfe6cd33}.round-hud{position:absolute;top:190px;left:30px;z-index:9;width:235px;pointer-events:none}.mission{background:#f7f7e8eb;border:1px solid #ffffff99;backdrop-filter:blur(12px);padding:17px 17px 13px;border-radius:12px}.eyebrow{font-size:8px;letter-spacing:2px;color:#929c80}.mission>div:nth-child(2){display:flex;gap:12px;align-items:center;margin-top:11px}.mission>div>b{font:500 36px monospace;letter-spacing:-2px}.mission>div>b>span{font-size:14px;letter-spacing:0;color:#a7b08c;margin-left:4px}.mission strong{font-size:12px;display:block;margin-bottom:5px;font-weight:600}.mission small{font-size:7px;color:#a0aa8d;display:block}.progress-track{height:4px;background:#dfe6cd;border-radius:4px;overflow:hidden;margin-top:13px}.progress-track>i{height:100%;width:0;background:#a3bb6d;display:block;transition:width .1s linear}.mission footer{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#98a282;padding-top:11px}.mission footer b{font:10px monospace;color:#ad8b3e;margin-left:5px}.mission footer>span:last-child{font:12px monospace;color:#708455}.suspicion{background:#f6f7e7e8;border:1px solid #ffffff99;backdrop-filter:blur(12px);padding:12px 17px;border-radius:11px;margin-top:9px}.suspicion header{display:flex;justify-content:space-between;align-items:center;font-size:9px}.suspicion header>b{font:10px monospace}.suspicion>div{height:4px;background:#e2e8d2;margin-top:8px;border-radius:4px;overflow:hidden}.suspicion i{display:block;height:100%;width:0;background:#dca35b;transition:width .1s}.suspicion small{font-size:7px;color:#9fa98c;display:block;margin-top:8px}.class-stats{display:flex;gap:15px;margin:13px 3px;color:#f3f1d5;font-size:8px;letter-spacing:.5px;text-shadow:0 2px 6px #233d23}.class-stats b{font:12px monospace;margin-left:5px}.crosshair{position:absolute;left:50%;top:50%;width:11px;height:11px;transform:translate(-50%,-50%);border:1px solid #fffce888;border-radius:50%;box-shadow:0 1px 5px #35432766;pointer-events:none;z-index:7}.crosshair i{width:2px;height:2px;background:#fffbe2;border-radius:50%;display:block;margin:3.5px}.player-state{position:absolute;bottom:62px;left:50%;transform:translateX(-50%);z-index:10;min-width:210px;text-align:center;pointer-events:none}.seat-hint{display:flex;gap:8px;align-items:center;justify-content:center;color:#f6f3d7;font-size:11px;margin-bottom:11px;text-shadow:0 2px 5px #23381b}.seat-hint kbd{color:#566a42;background:#f6f2d7e8;border:1px solid #fbf7e4;box-shadow:0 2px 0 #b6c19c;font:10px var(--font);padding:4px 8px}.stamina{display:flex;align-items:center;justify-content:center;gap:8px;font-size:7px;color:#e3e8cf}.stamina>div{height:3px;width:85px;background:#75896988;border-radius:4px;overflow:hidden}.stamina i{display:block;height:100%;width:100%;background:#d4e891;transition:width .1s}.stamina small{font-size:7px;color:#eff2d8b3}.penalty{position:absolute;left:50%;top:27%;transform:translateX(-50%);z-index:15;padding:18px 25px;border-radius:13px;background:#8d493eea;border:1px solid #e0a17a88;backdrop-filter:blur(9px);color:#ffefcf;text-align:center;min-width:230px}.penalty>span{font-size:12px;font-weight:600}.penalty strong{font:500 27px monospace;display:block;margin-top:5px}.penalty p{font-size:9px;line-height:1.7;margin:7px 0 0;color:#f7d6b9}.controls{position:absolute;inset:0;pointer-events:none;z-index:11}.controls button,.joystick{pointer-events:auto}.move-controls{position:absolute;left:30px;bottom:55px;display:flex;align-items:flex-end;gap:15px}.joystick{display:none;height:116px;width:116px;border-radius:50%;background:#f5f4df22;border:1px solid #eff2d94d;position:relative;touch-action:none;backdrop-filter:blur(4px)}.joystick>span{position:absolute;left:36px;top:36px;width:43px;height:43px;border-radius:50%;background:#f5f1d6c2;border:1px solid #ffffffa6;box-shadow:0 3px 15px #1c392c26}.joy-cross{position:absolute;inset:0;display:grid;place-items:center;font:400 65px monospace;color:#eaf0d219;font-style:normal}.sprint-button{width:61px;height:45px;background:#f4f4e2dd;border:1px solid #ffffff8f;border-radius:8px;font-size:10px;box-shadow:0 3px 0 #85946388}.sprint-button small{display:block;font:7px monospace;letter-spacing:1px;color:#9aab80;margin-top:4px}.sprint-button.active{background:#d4e891}.action-controls{position:absolute;right:30px;bottom:55px;display:flex;gap:9px;align-items:flex-end}.action-controls>button{position:relative;touch-action:none;user-select:none;-webkit-user-select:none}.action-controls kbd{font-size:7px;border-color:#97aa6759;color:#839765;margin-left:5px}.interact-button{background:#f4f3e4e8;border:1px solid #ffffffaa;border-radius:10px;min-width:75px;padding:15px 13px;font-size:11px;box-shadow:0 3px 0 #8e9a6d88}.chalk-button{background:#f1e2c2f2;border:1px solid #fff3dc;border-radius:10px;padding:12px 14px;box-shadow:0 3px 0 #a2946b88;text-align:left;color:#8d7952}.chalk-button>span{font-size:10px;font-weight:600}.chalk-button small{display:block;font-size:7px;margin-top:5px;color:#b19d73}.chalk-button kbd{position:absolute;right:10px;top:11px;font-size:7px}.chalk-button:disabled{opacity:.45;box-shadow:none}.eat-button{min-width:166px;background:#d8eb94;border:1px solid #f6ffc9;border-radius:12px;padding:16px 21px;box-shadow:0 5px 0 #8da25f,0 9px 30px #1e342a22;text-align:left;color:#405b30;transition:transform .1s,background .1s}.eat-button>span{font-size:16px;letter-spacing:1px;font-weight:800;display:block}.eat-button small{font-size:8px;letter-spacing:2px;display:block;margin-top:5px;color:#8a9f60}.eat-button kbd{position:absolute;right:12px;top:28px;font:8px var(--font);border:1px solid #9aaf6b77;padding:3px 5px;color:#82985b}.eat-button.held{background:#efcf79;transform:translateY(4px);box-shadow:0 1px 0 #8da25f}.eat-button:disabled{opacity:.45;background:#e5d2a5}.keyboard-guide{position:absolute;bottom:21px;left:0;right:0;display:flex;justify-content:center;gap:20px;align-items:center;color:#e9edcfaa;font-size:8px;z-index:9;pointer-events:none;letter-spacing:.5px}.keyboard-guide kbd{font-size:7px;border-color:#cfddb150;margin-right:4px;background:#2e482b33}.float-coins{position:absolute;left:54%;top:56%;z-index:14;color:#fff3a5;font-size:21px;font-weight:800;text-shadow:0 2px #766d3b;pointer-events:none;opacity:0}.float-coins.pop{animation:floatcoin .65s ease-out}.loading,.load-error{position:absolute;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;background:#e7ebd4;color:#82966c;font-size:12px;letter-spacing:2px}.loading>span{height:35px;width:35px;border:3px solid #ccd7b7;border-top-color:#849d5e;border-radius:50%;animation:spin 1s linear infinite}.loading>small{font-size:9px;letter-spacing:1px;color:#a1ad8a}.load-error h2{font-size:25px}.load-error p{font-size:11px;letter-spacing:0}.load-error .primary-button{width:210px;margin-top:10px}.overlay{position:absolute;inset:0;z-index:45;background:#1a342b75;backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:20px}.panel{width:440px;max-width:100%;padding:36px;background:#f7f4e5;border-radius:18px;text-align:center;border:1px solid #fffcec99;box-shadow:0 20px 80px #0e2d2733}.panel h2{font-size:27px;letter-spacing:-.7px;margin:17px 0 14px;color:#435b37}.panel p{font-size:11px;color:#9aa383;line-height:1.9;margin:0 0 24px}.secondary-button{font-size:10px;color:#93a17b;padding:17px 6px 0;background:none;letter-spacing:1px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dde3cd;border-bottom:1px solid #dde3cd;padding:19px 0;margin:24px 0}.result-stats small{display:block;font-size:8px;color:#9da68d;margin-bottom:8px}.result-stats b{font:500 25px monospace;color:#8a8e4c}.result-stats>div+div{border-left:1px solid #dde3cd}.result-actions{display:flex;justify-content:space-between}.result-actions button{font-size:9px}dialog{background:#f8f5e8;color:var(--ink);border:1px solid #fffff0a6;border-radius:18px;padding:34px;max-width:calc(100% - 30px);max-height:90dvh;box-shadow:0 25px 100px #17322b33;overflow:auto}dialog::backdrop{background:#16362b85;backdrop-filter:blur(8px)}.close-button{position:absolute;top:14px;right:18px;font-size:24px;line-height:1;background:none;color:#a5af90;padding:3px}.shop-dialog{width:850px}.shop-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-right:20px}.shop-dialog h2,.help-dialog h2{font-size:28px;letter-spacing:-.8px;margin:12px 0 0}.shop-balance{background:#ecebd5;border:1px solid #e0dfc4;padding:10px 14px;display:flex;gap:9px;align-items:center;border-radius:10px}.shop-balance b{font:600 24px monospace;min-width:40px}.shop-balance .coin{height:25px;width:25px;font-size:15px}.shop-description{font-size:9px;line-height:1.8;color:#a1aa91;margin:15px 0 19px}.shop-filters{display:flex;gap:7px;margin-bottom:20px}.shop-filters button{font-size:9px;padding:8px 12px;background:none;border:1px solid #dee3ce;border-radius:5px;color:#9ba58a}.shop-filters button.selected{background:#e3ebcb;border-color:#cddbb0;color:#6f8555}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;min-height:100px}.shop-card{position:relative;padding:13px;background:#f0f0df;border:1px solid #dfe3ca;border-radius:11px;display:flex;flex-direction:column;min-width:0}.shop-card.equipped{background:#e9efcf;border-color:#a9be7b;box-shadow:inset 0 0 0 1px #b3c58c}.shop-rarity{display:flex;justify-content:space-between;font-size:7px;color:#a4ab92;letter-spacing:1px}.shop-rarity>b{color:#7f985b;font-weight:500}.shop-art{height:75px;display:grid;place-items:center;margin:5px 0 10px}.snack-packet{height:62px;width:47px;background:var(--pack,#e29842);border-radius:3px;position:relative;box-shadow:4px 5px 0 #314e3211;transform:rotate(-9deg);border:1px solid #2b3b2733;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.snack-packet:before,.snack-packet:after{content:'';position:absolute;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,#ffffff33 0 2px,transparent 2px 5px)}.snack-packet:before{top:1px}.snack-packet:after{bottom:1px}.snack-packet>b{font-size:13px;color:#53452c;background:#fff1ba;min-width:120%;padding:5px 0;text-align:center;transform:rotate(-3deg);font-weight:900;letter-spacing:-.5px}.snack-packet>span{font-size:4px;color:#fff6d8;margin-top:8px;letter-spacing:1px}.snack-packet.round{border-radius:50%;width:55px;height:55px;border:9px solid var(--pack);background:#d3ac5d}.snack-packet.round:before{inset:10px;background:#f0f0df;height:auto;border-radius:50%}.snack-packet.round>b,.snack-packet.round>span{display:none}.shop-card h3{font-size:11px;line-height:1.5;margin:0 0 6px;min-height:17px}.shop-tagline{font-size:8px;line-height:1.6;color:#a0a88d;margin:0 0 11px;min-height:26px}.shop-yield{display:flex;justify-content:space-between;font-size:8px;color:#9aa686;margin:0 0 11px;align-items:baseline}.shop-yield b{font:600 17px monospace;color:#ab8b41;margin-right:2px}.shop-yield>span:last-child{font-size:6px;letter-spacing:-.2px}.shop-buy{margin-top:auto;border:1px solid #cbd9aa;border-radius:6px;background:#dfe9c3;padding:9px 5px;font-size:9px;font-weight:600;color:#768d52;display:flex;gap:5px;align-items:center;justify-content:center;width:100%}.shop-buy>small{font-size:6px;font-weight:400;color:#98a782}.shop-buy:disabled{background:#e6e8d7;color:#a4ae93;border-color:#d8dec7}.shop-buy.equipped{background:#789157;color:#f6f9dc;border-color:#789157}.shop-buy .coin{height:13px;width:13px;font-size:8px}.shop-empty{grid-column:1/-1;text-align:center;padding:35px;color:#a5af93;font-size:12px}.shop-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}.shop-dialog>footer>span{font-size:8px;line-height:1.9;color:#a1ab90}.shop-dialog>footer>.primary-button{width:auto;min-width:230px;font-size:11px;padding:12px 15px}.help-dialog{width:500px}.help-dialog h2{margin-bottom:26px}.help-dialog ol{padding:0 0 0 20px;display:flex;flex-direction:column;gap:17px}.help-dialog li::marker{font:12px monospace;color:#a8ba83}.help-dialog li{padding-left:7px}.help-dialog li>b{font-size:12px}.help-dialog li>p{font-size:10px;line-height:1.9;color:#98a486;margin:7px 0 0}.help-keys{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-top:1px solid #e0e4cf;padding-top:20px;margin:25px 0 18px;font-size:9px;color:#8c9e73}.mobile-tip{font-size:9px;color:#a2ab91;line-height:1.8;margin:0 0 23px}.toast{position:fixed;left:50%;bottom:35px;transform:translateX(-50%);z-index:100;background:#284a35f2;color:#f8f5db;padding:13px 20px;border:1px solid #c4d99044;border-radius:10px;font-size:11px;max-width:calc(100% - 28px);text-align:center;line-height:1.8;box-shadow:0 8px 40px #15352933;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.4}}@keyframes floatcoin{0%{opacity:0;transform:translateY(10px) rotate(-5deg)}20%{opacity:1}100%{opacity:0;transform:translateY(-35px) rotate(4deg)}}
@media(max-width:1050px){.class-tag{display:none}.notice{max-width:calc(100% - 490px);left:54%;padding:9px 11px}.map-panel{width:150px}.map-panel>canvas{height:125px}.intro{width:345px;padding:23px;bottom:45px}.intro h1{font-size:32px}.round-hud{width:205px}.teacher-readout{min-width:205px}.action-controls{gap:7px}.eat-button{min-width:155px}.chalk-button{padding:12px;min-width:117px}.chalk-button>span{font-size:9px}.chalk-button small{font-size:6px}.keyboard-guide{gap:12px}.player-state{bottom:155px}}
@media(pointer:coarse){.joystick{display:block}.keyboard-guide{display:none}.intro-keyboard{display:none}.action-controls kbd,.sprint-button small{display:none}.sprint-button{height:46px;width:53px}.controls .move-controls{gap:10px}.player-state{bottom:178px}.eat-button{min-width:134px;padding:17px}.eat-button>span{font-size:14px}.chalk-button{min-width:115px}.chalk-button>span{font-size:10px}.chalk-button small{font-size:7px}.interact-button{min-width:60px;padding:15px 12px}.map-panel kbd{display:none}}
@media(max-width:700px){.topbar{padding:17px 16px;gap:10px}.brand-mark{width:34px;height:34px;border-radius:9px;font-size:19px}.brand{gap:8px}.brand strong{font-size:19px}.brand small{font-size:6px;letter-spacing:1px;margin-top:3px}.brand small>b{font-size:6px;padding:1px 3px}.topbar nav{gap:6px}.icon-button{height:29px;width:29px;font-size:15px;border-radius:7px}.wallet{padding:5px 7px;gap:5px;border-radius:7px}.wallet>.coin{height:17px;width:17px;font-size:11px}.wallet>b{font-size:12px}.shop-word{display:none}.teacher-readout{top:78px;left:16px;min-width:190px;gap:8px;padding:11px 12px;border-radius:10px}.teacher-readout small{font-size:7px;letter-spacing:1px}.teacher-readout strong{font-size:10px;margin-top:4px}.teacher-state{font-size:7px;padding:3px 5px}.status-indicator{width:6px;height:6px}.map-panel{right:16px;top:78px;width:113px;padding:8px;border-radius:10px}.map-panel>div{font-size:7px;letter-spacing:.5px;gap:4px;margin-bottom:5px}.map-panel button{font-size:6px;padding:3px}.map-panel>canvas{height:101px}.map-panel>footer{font-size:5px;gap:3px;margin-top:5px}.map-panel footer>i{width:3px;height:3px;margin-left:3px}.intro{left:16px;bottom:25px;max-height:calc(100dvh - 226px);width:min(340px,calc(100% - 32px));padding:22px;border-radius:15px}.intro-tag{font-size:7px;letter-spacing:1px;gap:8px}.intro-tag>span{font-size:7px}.intro h1{font-size:31px;margin-top:16px;margin-bottom:12px}.intro>p{font-size:10px;margin-bottom:18px}.intro-settings{padding-bottom:15px}.intro-settings>label{font-size:7px}.intro-settings select{font-size:9px;padding:8px 6px}.primary-button{padding:13px 16px;font-size:12px}.intro .equipped{font-size:9px;padding-top:11px}.equipped>small{font-size:8px}.preview-button{font-size:8px;padding:13px 2px 12px}.notice{top:222px;left:16px;right:16px;transform:none;max-width:none;padding:8px 11px;border-radius:8px}.notice>p{font-size:8px;line-height:1.6}.notice>span{width:14px;height:14px;font-size:9px}.round-hud{top:151px;left:16px;width:171px}.mission{padding:11px 12px 10px;border-radius:10px}.eyebrow{font-size:7px;letter-spacing:1.4px}.mission>div:nth-child(2){margin-top:8px;gap:9px}.mission>div>b{font-size:28px}.mission>div>b>span{font-size:12px;margin-left:3px}.mission strong{font-size:10px;margin-bottom:4px}.mission small{font-size:6px;max-width:95px;line-height:1.6}.progress-track{margin-top:10px;height:3px}.mission footer{font-size:7px;padding-top:9px}.mission footer b{font-size:9px;margin-left:3px}.mission footer>span:last-child{font-size:10px}.suspicion{padding:9px 12px;border-radius:9px;margin-top:7px}.suspicion header{font-size:8px}.suspicion header>b{font-size:9px}.suspicion>div{height:3px;margin-top:7px}.suspicion small{display:none}.class-stats{font-size:6px;margin:10px 2px;gap:10px}.class-stats b{font-size:10px;margin-left:3px}.in-round .notice{top:330px}.controls .move-controls{left:16px;bottom:32px;gap:8px;align-items:flex-end}.joystick{display:block;height:104px;width:104px}.joystick>span{left:31px;top:31px;width:41px;height:41px}.sprint-button{width:44px;height:39px;font-size:8px;border-radius:7px;margin-bottom:5px}.sprint-button small{display:none}.action-controls{right:16px;bottom:32px;display:grid;grid-template-columns:58px 112px;gap:8px;align-items:end}.eat-button{grid-column:2;grid-row:2;min-width:0;width:112px;min-height:66px;padding:13px 12px;border-radius:11px;box-shadow:0 4px 0 #8da25f}.eat-button>span{font-size:13px;letter-spacing:.5px}.eat-button small{font-size:7px;letter-spacing:1px}.action-controls kbd{display:none}.interact-button{grid-column:1;grid-row:2;min-width:0;height:47px;padding:10px 6px;font-size:10px;border-radius:9px;align-self:end}.chalk-button{grid-column:2;grid-row:1;min-width:0;padding:9px 11px;border-radius:9px;width:112px;min-height:44px}.chalk-button>span{font-size:9px}.chalk-button small{font-size:6px;margin-top:4px}.player-state{bottom:175px;width:auto;min-width:0;left:50%;max-width:calc(100% - 35px)}.seat-hint{font-size:9px;gap:6px;white-space:nowrap;margin-bottom:9px}.seat-hint kbd{font-size:8px;padding:3px 6px}.stamina{font-size:6px;gap:6px;white-space:nowrap}.stamina>div{width:65px}.stamina small{font-size:6px}.keyboard-guide{display:none}.penalty{top:42%;min-width:200px;padding:14px 20px}.penalty>span{font-size:11px}.penalty strong{font-size:25px}.penalty p{font-size:8px}.float-coins{font-size:17px;top:55%;left:54%}.panel{padding:29px 24px;border-radius:16px;width:360px}.panel h2{font-size:24px}.panel p{font-size:10px}.result-stats b{font-size:23px}.result-stats small{font-size:7px}.shop-dialog{padding:29px 18px 23px;width:480px;max-height:92dvh;max-width:calc(100% - 20px);border-radius:15px}.shop-dialog>header{gap:10px;padding-right:7px}.shop-dialog h2{font-size:22px;letter-spacing:-.5px}.shop-dialog .eyebrow{font-size:6px;letter-spacing:1px}.shop-balance{padding:8px 9px;gap:5px;margin-top:9px}.shop-balance b{font-size:20px;min-width:20px}.shop-balance .coin{height:20px;width:20px;font-size:12px}.shop-description{font-size:7px;margin:14px 0}.shop-filters{gap:6px;margin-bottom:15px}.shop-filters button{font-size:8px;padding:7px 10px}.shop-grid{grid-template-columns:repeat(2,1fr);gap:9px}.shop-card{padding:12px;border-radius:10px}.shop-rarity{font-size:6px}.shop-art{height:69px;margin:5px 0 9px}.snack-packet{height:56px;width:42px}.snack-packet>b{font-size:12px}.snack-packet.round{height:49px;width:49px}.shop-card h3{font-size:10px}.shop-tagline{font-size:7px;min-height:23px;margin-bottom:9px}.shop-yield{font-size:7px;margin-bottom:10px}.shop-yield b{font-size:16px}.shop-yield>span:last-child{font-size:6px}.shop-buy{font-size:8px;padding:8px 4px;gap:4px}.shop-buy small{font-size:6px}.shop-dialog>footer{flex-direction:column-reverse;gap:17px;margin-top:20px}.shop-dialog>footer>.primary-button{width:100%;font-size:11px}.shop-dialog>footer>span{font-size:7px;text-align:center}.help-dialog{padding:30px 24px;border-radius:15px}.help-dialog h2{font-size:24px}.help-dialog li>b{font-size:11px}.help-dialog li>p{font-size:9px}.help-dialog ol{gap:15px}.help-keys{font-size:8px;gap:11px}.mobile-tip{font-size:8px}.toast{font-size:9px;bottom:210px;padding:10px 15px;max-width:calc(100% - 32px)}.in-round .keyboard-guide{display:none}}
@media(max-width:380px){.brand{gap:6px}.brand strong{font-size:17px}.brand-mark{width:31px;height:31px;font-size:17px}.topbar{padding:15px 13px}.topbar nav{gap:5px}.wallet{padding:5px 6px}.icon-button{width:27px;height:27px}.teacher-readout{left:13px;min-width:175px}.map-panel{right:13px;width:104px}.round-hud{left:13px;width:160px}.controls .move-controls{left:13px;gap:5px}.joystick{height:91px;width:91px}.joystick>span{left:26px;top:26px;width:38px;height:38px}.sprint-button{width:36px;height:35px;font-size:7px}.action-controls{right:13px;grid-template-columns:45px 102px;gap:6px}.eat-button,.chalk-button{width:102px}.eat-button>span{font-size:12px}.interact-button{font-size:9px}.intro{padding:20px}.intro h1{font-size:29px}}
@media(max-height:560px) and (min-width:701px){.topbar{padding:13px 22px}.brand-mark{height:33px;width:33px;font-size:19px}.brand strong{font-size:19px}.teacher-readout{top:75px;left:22px;padding:10px 13px;min-width:200px}.map-panel{top:75px;right:22px;width:130px;padding:9px}.map-panel>canvas{height:100px}.intro{left:22px;bottom:24px;max-height:calc(100dvh - 150px);padding:20px;width:310px}.intro h1{font-size:29px;margin:13px 0 11px}.intro>p{font-size:9px;margin-bottom:15px}.intro-settings{padding-bottom:13px}.intro-keyboard{display:none}.round-hud{left:22px;top:151px;width:185px}.mission{padding:12px}.mission>div>b{font-size:28px}.suspicion{padding:9px 12px}.suspicion small{display:none}.class-stats{margin-top:9px}.controls .move-controls{left:22px;bottom:31px}.joystick{width:89px;height:89px}.joystick>span{left:25px;top:25px;width:38px;height:38px}.action-controls{right:22px;bottom:31px}.eat-button{min-width:135px;padding:14px}.eat-button>span{font-size:13px}.chalk-button{min-width:112px;padding:11px}.interact-button{min-width:58px;padding:13px 10px}.player-state{bottom:130px}.keyboard-guide{bottom:11px;font-size:6px;gap:12px}.notice{top:78px;max-width:calc(100% - 440px);left:54%;padding:8px 10px}.notice>p{font-size:8px}.penalty{top:36%;padding:12px 20px}.map-panel footer{font-size:5px}.intro-tag{font-size:6px}.intro-tag>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}
/* Minimal game HUD: the classroom is the screen, menus stay behind icons. */
.topbar{padding:20px 25px}.brand strong{font-size:24px}.wallet{background:#233b2bd9;color:#f3e7ae;border-color:#c7d6a52b;backdrop-filter:blur(8px)}.shop-word{display:inline;border:0;padding:0;margin-left:5px;font-size:20px;line-height:15px}.icon-button{background:#253d2de0;color:#eeeccf;border-color:#cbd7ac2b;backdrop-filter:blur(8px)}.teacher-readout{top:78px;left:25px;min-width:0;padding:9px 12px;gap:8px;border-radius:22px;background:#233d2be0}.teacher-readout strong{font-size:10px;margin:0;letter-spacing:1px}.teacher-state{display:none}.map-panel{top:78px;right:25px;width:123px;background:#e8ecd4b3;padding:7px;border-radius:10px}.map-panel>div{justify-content:flex-end;height:12px;margin-bottom:4px}.map-panel>div>button{background:none;border:0;color:#5c7844;font-size:15px;line-height:12px;padding:0 2px}.map-panel>canvas{height:127px}.intro{left:50%;bottom:58px;transform:translateX(-50%);width:210px;padding:0;max-height:none;overflow:visible;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.intro>.primary-button{height:58px;font-size:17px;border-radius:14px;padding:0 23px;letter-spacing:3px;box-shadow:0 5px 0 #8ba25d,0 15px 45px #17352155}.intro>.primary-button>span{font-size:16px;color:#718b47}.preview-button{position:absolute;left:calc(100% + 11px);top:0;height:58px;width:52px;padding:0;display:grid;place-items:center;background:#263f2be6;color:#e3eec0;border:1px solid #ccdda448;border-radius:13px;font-size:26px;box-shadow:0 4px 0 #192f2388;letter-spacing:0}.equipped{justify-content:center;gap:7px;border:0;padding-top:17px;color:#f6f4d4;text-shadow:0 2px 8px #203a28;font-size:10px}.equipped>button{margin-left:1px;padding:0 5px;font-size:17px;color:#e0e8c6;line-height:12px}.equipped>span{height:12px;width:10px;box-shadow:0 1px 3px #182d20}.round-hud{top:130px;left:25px;width:142px}.mission{background:#243e2cd6;border:1px solid #cfdda22b;border-radius:10px;color:#f5f3d8;padding:12px}.mission>div:nth-child(2){margin-top:0;gap:10px}.mission>div>b{font-size:28px;letter-spacing:-1px}.mission>div>b>span{font-size:13px;color:#c1d09f}.mission strong{font-size:9px;font-weight:500;margin:0;color:#d9e5bd}.mission footer{padding-top:9px;justify-content:flex-end}.mission footer>span:last-child{font-size:11px;color:#d9e5b4}.progress-track{height:3px;background:#8a9d6e55;margin-top:8px}.suspicion{background:#263d2d91;border:1px solid #cbd9a21c;padding:7px 9px;border-radius:7px;margin-top:6px;color:#ecdfb2}.suspicion header{justify-content:flex-end;font-size:7px}.suspicion header>b{font-size:8px;font-weight:400}.suspicion>div{height:3px;margin-top:5px;background:#9da27644}.notice{display:none!important}.player-state{bottom:44px;min-width:100px}.seat-hint{font-size:10px;margin-bottom:9px;gap:6px}.seat-hint kbd{font:9px monospace;padding:3px 6px}.stamina>div{width:86px;height:3px}.penalty{min-width:100px;padding:12px 19px;border-radius:12px;top:30%}.penalty>span{font-size:12px;letter-spacing:3px}.penalty strong{font-size:23px;margin-top:4px}.action-controls{bottom:32px;right:25px;gap:9px}.eat-button{min-width:104px;width:104px;height:78px;padding:12px 17px;border-radius:21px;text-align:center}.eat-button>span{font-size:26px;letter-spacing:0}.eat-button>kbd{position:static;display:inline-block;font-size:6px;padding:2px 5px;margin:4px 0 0;letter-spacing:1px;border-color:#879e6066}.interact-button{min-width:58px;border-radius:11px;font-size:10px;padding:14px 10px}.chalk-button{width:48px;min-width:48px;height:53px;padding:6px;text-align:center;border-radius:11px;background:#eadfc2dc}.chalk-button>span{display:block;font-size:20px;transform:rotate(-25deg);line-height:20px}.chalk-button>small{font:9px monospace;margin-top:3px;color:#927749}.chalk-button>kbd{top:5px;right:4px;font-size:6px;margin:0;padding:0 2px;border:0}.move-controls{left:25px;bottom:32px}.sprint-button{width:45px;height:45px;border-radius:12px;font-size:15px}.keyboard-guide{display:none!important}.shop-dialog h2{font-size:25px;letter-spacing:1px;margin:0}.shop-dialog .shop-filters{margin-top:20px}.shop-art{height:72px;margin:5px 0 11px}.shop-card h3{margin-bottom:10px}.shop-yield{margin-bottom:11px;font-size:8px}.shop-yield>span:last-child{font-size:10px;color:#9bac81}.shop-buy{height:31px;font-size:11px}.shop-dialog>footer{justify-content:flex-end}.shop-dialog>footer>.primary-button{min-width:180px}.menu-settings{display:flex;flex-direction:column;gap:15px;margin-top:25px}.menu-settings>label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#91a379}.menu-settings select{min-width:180px;font:11px var(--font);color:#657d4d;border:1px solid #d3deba;background:#edf0de;border-radius:6px;padding:9px 11px}.help-dialog{width:400px}.help-dialog h2{font-size:25px;margin:0}.help-keys{font-size:8px;gap:14px;margin:24px 0;padding-top:20px}.panel{width:350px;padding:30px}.panel h2{font-size:26px;margin:5px 0 25px}.panel .primary-button{font-size:13px}.result-stats{margin:22px 0}.result-stats b{font-size:24px}.result-stats small{font-size:8px}.result-actions{margin-top:2px}.toast{font-size:10px;padding:9px 15px}.float-coins{font:700 23px monospace;left:55%;top:57%}
@media(max-width:700px){.topbar{padding:16px}.brand strong{font-size:21px}.wallet{padding:5px 7px}.shop-word{display:inline;font-size:17px;margin-left:2px}.topbar nav{gap:6px}.teacher-readout{top:68px;left:16px;min-width:0;padding:7px 10px}.teacher-readout strong{font-size:9px}.map-panel{top:68px;right:16px;width:91px;padding:5px;border-radius:8px}.map-panel>div{height:10px;margin-bottom:3px}.map-panel>div>button{font-size:13px}.map-panel>canvas{height:98px}.intro{bottom:40px;left:50%;width:185px;max-height:none;padding:0;border-radius:0}.intro>.primary-button{height:54px;font-size:16px;border-radius:13px;padding:0 20px}.preview-button{width:44px;height:54px;border-radius:11px;font-size:23px;left:calc(100% + 8px)}.equipped{font-size:9px;padding-top:14px;gap:6px}.equipped>button{font-size:16px;padding:0 5px}.round-hud{top:109px;left:16px;width:118px}.mission{padding:9px 10px;border-radius:8px}.mission>div:nth-child(2){gap:7px;margin-top:0}.mission>div>b{font-size:24px}.mission>div>b>span{font-size:11px}.mission strong{font-size:8px;line-height:1.7}.progress-track{margin-top:7px;height:2px}.mission footer{padding-top:7px}.mission footer>span:last-child{font-size:10px}.suspicion{padding:6px 8px;margin-top:5px}.suspicion header>b{font-size:7px}.suspicion>div{height:2px;margin-top:4px}.player-state{bottom:165px;min-width:95px}.seat-hint{font-size:9px;margin-bottom:7px}.seat-hint kbd{font-size:8px;padding:2px 5px}.stamina>div{width:67px;height:2px}.controls .move-controls{left:16px;bottom:27px;gap:8px}.sprint-button{width:36px;height:36px;font-size:12px;margin-bottom:6px}.joystick{height:95px;width:95px}.joystick>span{left:28px;top:28px;width:38px;height:38px}.action-controls{right:16px;bottom:27px;grid-template-columns:44px 83px;gap:8px}.eat-button{grid-row:2;grid-column:2;width:83px;min-width:0;height:70px;min-height:70px;padding:9px;border-radius:19px}.eat-button>span{font-size:26px}.eat-button>kbd{display:none}.interact-button{grid-column:1;grid-row:2;width:44px;min-width:44px;height:42px;font-size:9px;padding:8px 4px;border-radius:10px}.interact-button kbd{display:none}.chalk-button{grid-column:2;grid-row:1;justify-self:end;min-width:42px;width:42px;height:47px;min-height:47px;padding:5px;border-radius:11px}.chalk-button>span{font-size:18px;line-height:18px}.chalk-button>small{font-size:8px;display:block;margin-top:3px}.chalk-button>kbd{display:none}.penalty{top:31%;min-width:95px;padding:11px 16px;border-radius:10px}.penalty>span{font-size:11px}.penalty strong{font-size:21px}.shop-dialog{padding:29px 18px 22px}.shop-dialog h2{font-size:23px}.shop-balance{margin-top:0}.shop-filters button{font-size:8px}.shop-grid{gap:9px}.shop-card{padding:12px}.shop-art{height:64px;margin:3px 0 10px}.shop-card h3{font-size:10px;line-height:1.6;margin-bottom:9px}.shop-yield{font-size:7px;margin-bottom:9px}.shop-yield b{font-size:15px}.shop-yield>span:last-child{font-size:9px}.shop-buy{font-size:10px;height:29px}.shop-dialog>footer>.primary-button{font-size:11px}.menu-settings{gap:13px;margin-top:23px}.menu-settings>label{font-size:11px}.menu-settings select{font-size:10px;min-width:170px;padding:9px 10px}.help-keys{font-size:8px;gap:15px 10px}.help-dialog{padding:29px 25px}.help-dialog h2{font-size:23px;margin:0}.panel{padding:27px 24px}.panel h2{font-size:24px;margin:4px 0 23px}.toast{bottom:190px;padding:9px 14px;font-size:9px}.float-coins{font-size:20px}}
@media(max-height:560px) and (min-width:701px){.topbar{padding:13px 22px}.teacher-readout{top:62px;left:22px;padding:7px 10px;min-width:0}.map-panel{top:62px;right:22px;width:100px;padding:5px}.map-panel>canvas{height:95px}.intro{bottom:28px;left:50%;padding:0;width:185px;max-height:none}.intro>.primary-button{height:50px;font-size:15px}.preview-button{height:50px;width:45px;font-size:23px}.equipped{padding-top:13px}.round-hud{top:107px;left:22px;width:125px}.mission{padding:9px}.mission>div>b{font-size:24px}.mission strong{font-size:8px}.suspicion{padding:6px 8px}.action-controls{bottom:25px;right:22px}.controls .move-controls{bottom:25px;left:22px}.player-state{bottom:119px}.eat-button{height:68px;width:91px;min-width:91px}.eat-button>span{font-size:24px}.chalk-button{min-width:45px;width:45px;height:49px;padding:5px}.interact-button{min-width:52px}.penalty{min-width:100px;top:31%}}

/* Tap to walk is the primary input; camera gestures stay on the canvas. */
#classroom{touch-action:none;cursor:grab}#classroom:active{cursor:grabbing}.joystick{display:none!important}.controls .move-controls{bottom:32px}.sprint-button{width:54px;height:54px;font-size:17px;background:#e9dfc6e8;color:#655c46;border:1px solid #fff5d966;box-shadow:0 3px 0 #80735688}.sprint-button.active{background:#e3c56d;color:#493d26}.toast{pointer-events:none}.ambient-shade{opacity:.45}
@media(max-width:700px){.sprint-button{width:48px;height:48px;font-size:16px}.controls .move-controls{bottom:32px}.player-state{bottom:36px;pointer-events:none}}

/* Desktop uses keys; touch devices get their own movement pad. */
@media(any-pointer:coarse){.controls .joystick{display:block!important;width:108px;height:108px;touch-action:none}.controls .joystick>span{width:40px;height:40px;left:33px;top:33px}.controls .move-controls{display:flex;align-items:flex-end;gap:12px;left:20px;bottom:28px}.player-state{bottom:156px}}
@media(any-pointer:coarse) and (max-height:560px){.controls .joystick{width:88px;height:88px}.controls .joystick>span{width:34px;height:34px;left:26px;top:26px}.controls .move-controls{left:16px;bottom:18px}.player-state{bottom:118px}}

#classroom:focus{outline:none}.map-panel>div{height:28px;gap:5px;justify-content:space-between}.map-panel>div>button{min-width:27px;min-height:27px;font-size:18px;border-radius:5px;background:#fbf8e5b8;touch-action:manipulation}@media(max-width:700px){.map-panel{width:105px}.map-panel>div{height:27px}.map-panel>div>button{min-width:27px;min-height:27px;font-size:17px}}