:root{color:#123562;font-synthesis:none;--navy:#102e55;--cream:#fffbee;--gold:#ffbf37;--blue:#1263a4;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#0b2340;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;margin:0;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline-offset:3px;outline:3px solid #fff;box-shadow:0 0 0 6px #1674bd}button,svg{-webkit-user-select:none;user-select:none}svg{display:block}button svg{pointer-events:none}[hidden]{display:none!important}#app{isolation:isolate;height:100dvh;min-height:280px;position:relative}h1,h2,p{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.menu-screen{height:100%;padding:1.5dvh max(20px, env(safe-area-inset-right)) 1dvh max(20px, env(safe-area-inset-left));flex-direction:column;align-items:center;gap:2.5dvh;display:flex;position:relative;overflow:hidden}.menu-background,.menu-wash{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.menu-wash{z-index:-1;background:#163b5010}.brand{flex:none;width:55dvh;max-width:55vw;height:15dvh}.brand img{object-fit:contain;width:100%;height:100%}.selection-layout{flex:1;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:2dvh;width:min(1400px,86vw);min-height:0;display:grid}.panel{border:max(2px, .4dvh) solid var(--navy);background:linear-gradient(115deg,#fff8dc,#fffef5 45%,#fffcef);border-radius:2px;position:relative;box-shadow:0 0 0 max(1px,.2dvh) #e4f1e5,0 0 0 max(3px,.7dvh) #173e70}.panel-tab{white-space:nowrap;letter-spacing:.12em;color:#fffdf1;z-index:1;background:linear-gradient(#1265a8,#0e4381);border:max(2px,.35dvh) solid #133365;outline:max(1px,.2dvh) solid #fff9e0;justify-content:center;align-items:center;gap:1.5dvh;padding:.7dvh 2.5dvh;font-size:clamp(12px,3dvh,30px);font-weight:950;display:flex;position:absolute;top:-2.5dvh;left:50%;transform:translate(-50%)}.panel-tab svg{fill:#ffda67;width:2.5dvh;height:2.5dvh}.selected-panel{flex-direction:column;align-items:center;min-height:0;padding:3dvh 1dvh .8dvh;display:flex}.hero-art{background:radial-gradient(at 50% 55%,#cceafd 0%,#e5f3fa 45%,#0000 70%);flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.character-art{width:100%;height:100%;display:block}.hero-caption{text-align:center;flex:none;padding:.25dvh 0}.hero-caption h2{letter-spacing:.18em;padding-left:.18em;font-size:clamp(21px,5dvh,54px);font-weight:1000;line-height:1}.school-label{color:#fff;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);background:linear-gradient(#388fd0,#1262ad);margin-top:.6dvh;padding:0 3dvh;font-size:clamp(10px,2.5dvh,25px);font-weight:700;display:inline-block}.hero-caption p{display:none}.roster-panel{flex-direction:column;gap:1.1dvh;min-height:0;padding:4dvh 2dvh 1.3dvh;display:flex}.character-grid{flex:1;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5dvh;min-height:0;display:grid}.character-card{color:var(--navy);background:#fffdf1;border:max(2px,.3dvh) solid #173a70;border-radius:2px;flex-direction:column;align-items:center;min-width:0;min-height:0;padding:0 0 .5dvh;transition:border-color .1s;display:flex;position:relative;overflow:hidden}.character-card:hover{border-color:#2999d2}.character-card.selected{border-color:#ffa91c;box-shadow:0 0 0 max(1px,.25dvh) #ffb62f}.card-portrait{background:#e7f3f9;flex:1;width:100%;min-height:0;overflow:hidden}.card-portrait .character-art{object-fit:cover}.card-name{flex:none;margin:.35dvh 0;font-size:clamp(13px,3dvh,30px);font-weight:950;line-height:1.1}.card-school{color:#fff;white-space:nowrap;clip-path:polygon(4px 0,calc(100% - 4px) 0,100% 50%,calc(100% - 4px) 100%,4px 100%,0 50%);background:linear-gradient(#399be7,#2676c0);flex:none;max-width:98%;padding:0 1.5dvh;font-size:clamp(9px,2.05dvh,20px);font-weight:650;line-height:1.3}.selection-check{color:#fff;text-shadow:1px 2px #d28521;background:#ffae22;padding:0 .5dvh;font-size:3.8dvh;font-weight:900;line-height:1.1;display:none;position:absolute;top:0;right:0}.selected .selection-check{display:block}.equal-note{white-space:nowrap;flex:none;justify-content:center;align-items:center;gap:1.4dvh;font-size:clamp(9px,1.95dvh,18px);font-weight:750;display:flex}.equal-note svg{fill:#147fce;width:2dvh;height:2dvh}.start-button,.primary-button{color:#092e60;letter-spacing:.12em;background:linear-gradient(#ffcc3b,#ffaa1d);border:max(2px,.4dvh) solid #102d58;border-radius:3px;flex:none;min-height:38px;padding:.5dvh 1.5dvh;font-size:clamp(21px,4.3dvh,44px);font-weight:1000;box-shadow:inset 0 0 0 max(2px,.45dvh) #ffde6f,0 .5dvh #d36620}.start-button{align-self:center;width:78%}.start-button span{display:none}.start-button:hover,.primary-button:hover{filter:brightness(1.06)}.start-button:active,.primary-button:active{transform:translateY(2px)}.start-button:disabled{opacity:.7}.start-error{color:#a53832;text-align:center;font-size:12px}.menu-footer{color:#fffdee;background:#103e60e8;flex:none;justify-content:center;align-items:center;gap:1.4dvh;margin-top:-.6dvh;padding:.5dvh 3dvh;font-size:clamp(9px,1.8dvh,17px);display:flex}.touch-instruction{display:none}kbd{font:inherit;white-space:nowrap;border:1px solid #c1d6df;border-radius:3px;padding:0 3px}.game-screen{background:#779e4b;flex-direction:column;height:100%;display:flex}.hud{height:82px;color:var(--cream);padding:5px max(24px, env(safe-area-inset-right)) 5px max(24px, env(safe-area-inset-left));z-index:3;background:linear-gradient(#102c4c,#0a213d);border-bottom:4px solid #5b85a5;flex:none;justify-content:space-between;align-items:center;display:flex;position:relative;box-shadow:0 3px #102e45}.hud-player{align-items:center;gap:14px;display:flex}.hud-player strong{letter-spacing:.1em;font-size:24px}.hud-portrait{background:#f8f4e8;border:3px solid #ffd264;border-radius:6px;width:66px;height:66px;overflow:hidden}.hearts{gap:8px;margin-top:4px;display:flex}.hearts svg{fill:#ff6c4a;filter:drop-shadow(2px 2px #b3372b);width:24px;height:22px}.hearts .heart-shine{fill:#fff4c6}.hud-clock{text-align:center;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);border:2px solid #527ba9;min-width:150px;padding:3px 14px;position:absolute;left:50%;transform:translate(-50%)}.hud-clock span{letter-spacing:.14em;color:#c9d8df;font-size:12px;display:block}.hud-clock time{letter-spacing:.04em;font-family:ui-monospace,Courier New,monospace;font-size:34px;font-weight:900;line-height:1.08}.hud-right{align-items:center;gap:20px;display:flex}.score{align-items:center;gap:10px;display:flex}.score span{color:#a9c9e6;font:700 15px ui-monospace,monospace}.score strong{color:#ffd056;font:900 32px ui-monospace,monospace}.icon-button{color:#fff;background:#163352;border:2px solid #94aecd;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.icon-button svg{fill:currentColor;width:25px;height:25px}.game-field{touch-action:none;background-color:#7da749;background-image:radial-gradient(#91af5740 2px,#0000 2px),radial-gradient(#547f3c30 2px,#0000 2px);background-position:0 0,8px 5px;background-size:17px 13px,29px 23px;flex:1;min-height:0;position:relative;overflow:hidden}.game-field #phaser-host{position:absolute;inset:0;overflow:hidden}.game-field canvas{image-rendering:auto;touch-action:none;display:block!important}.practice-label{letter-spacing:.18em;color:#f3f3d8;text-shadow:1px 1px #315632;pointer-events:none;background:#37563d80;border-radius:8px;padding:3px 12px;font-size:11px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.joystick{bottom:38px;left:max(22px, env(safe-area-inset-left));touch-action:none;z-index:2;-webkit-user-select:none;user-select:none;background:#163a6170;border:3px solid #b5d3d58c;border-radius:50%;width:122px;height:122px;position:absolute;box-shadow:inset 0 0 0 4px #28577050,0 3px #26444b33}.joystick-ring{border:2px solid #b8dcdd40;border-radius:50%;position:absolute;inset:28%}.joystick-knob{pointer-events:none;background:linear-gradient(135deg,#d9edf5,#86abdb);border:3px solid #e7f4ec;border-radius:50%;width:44%;height:44%;position:absolute;top:28%;left:28%;box-shadow:2px 5px #163353,0 0 0 2px #365d89}.joystick-arrows i{color:#dceae1a6;font-size:13px;font-style:normal;position:absolute}.joystick-arrows i:first-child{top:6%;left:45%}.joystick-arrows i:nth-child(2){top:42%;right:7%}.joystick-arrows i:nth-child(3){bottom:5%;left:45%}.joystick-arrows i:nth-child(4){top:42%;left:6%}.joystick.engaged{border-color:#e5f5d9;box-shadow:0 0 20px #a8e3ba33}.skill-controls{bottom:36px;right:max(22px, env(safe-area-inset-right));z-index:2;flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute}.skill{color:#93b8c6;opacity:.75;background:#123456b8;border:3px solid #72afc1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:88px;height:88px;display:flex;box-shadow:0 0 0 3px #17426399}.skill svg{opacity:.8;width:32px;height:32px}.skill strong{font:900 16px ui-monospace,monospace}.skill small{color:#d5dfd2;font-size:9px}.skill.kick{color:#e8cb83;border-color:#cdbb73;width:98px;height:98px}.skill.kick svg{width:38px;height:38px}.game-keyboard-hint{color:#eff2db;text-shadow:1px 1px #34553c;font-size:11px;position:absolute;bottom:10px;left:22px}.game-keyboard-hint span{padding:0 7px}.countdown{pointer-events:none;z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdown strong{color:#ffca35;-webkit-text-stroke:3px #fff0a0;text-shadow:0 6px #f39624,4px 10px #123258,-4px 10px #123258;font-family:Arial Black,system-ui,sans-serif;font-size:clamp(68px,17vh,160px);font-weight:1000;line-height:1;transform:translateY(-35px)}.countdown span{color:#fffef0;background:#0f3559dd;border-radius:5px;padding:6px 16px;font-size:15px;transform:translateY(-22px)}.pause-overlay{z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08213eaa;place-items:center;display:grid;position:absolute;inset:0}.pause-panel{text-align:center;flex-direction:column;align-items:stretch;gap:12px;width:min(340px,80vw);padding:24px;display:flex}.pause-paw{fill:#eeae30;align-self:center;width:35px}.pause-panel h2{font-size:28px;font-weight:950}.pause-panel p{color:#6b8190;margin-top:-5px;margin-bottom:4px;font-size:13px}.primary-button{font-size:19px}.secondary-button{color:#153e68;background:#e9f0ed;border:2px solid #35618a;border-radius:7px;min-height:44px;font-weight:750}.text-button{color:#386286;background:0 0;border:0;min-height:34px;font-size:13px}.orientation-note{display:none}.hud-identity{align-items:center;gap:24px;display:flex}.hearts{margin-top:0}.skill{opacity:1;background:#102f4de0;border-color:#6fcadf}.skill.kick{border-color:#f9d471}.skill svg{opacity:1}@media (pointer:coarse){.touch-instruction{display:inline}.keyboard-instruction,.game-keyboard-hint{display:none}}@media (max-height:600px) and (orientation:landscape){.selection-layout{width:min(90vw,210dvh)}.menu-screen{gap:2.5dvh;padding-top:1dvh}.brand{width:53dvh;height:14dvh}.menu-footer{padding:.3dvh 3dvh}.panel-tab{padding:.5dvh 2dvh;top:-2.1dvh}.roster-panel{gap:1dvh;padding:3.8dvh 1.6dvh 1.4dvh}.start-button{min-height:36px;padding:0 8px;font-size:clamp(20px,5dvh,28px)}.hud{height:46px;padding:3px max(16px, env(safe-area-inset-right)) 3px max(16px, env(safe-area-inset-left));border-bottom-width:2px}.hud-portrait{border-width:2px;border-radius:1px;width:38px;height:38px}.hud-player{gap:9px}.hud-identity{gap:15px}.hud-player strong{font-size:19px}.hearts{gap:6px}.hearts svg{width:20px;height:19px}.hud-clock{min-width:112px;padding:0 10px}.hud-clock span{font-size:9px}.hud-clock time{font-size:25px}.hud-right{gap:12px}.score{gap:7px}.score span{font-size:12px}.score strong{font-size:26px}.icon-button{border-radius:2px;width:34px;height:34px}.icon-button svg{width:19px;height:19px}.joystick{width:clamp(90px,14vw,120px);height:clamp(90px,14vw,120px);left:max(10px, env(safe-area-inset-left));bottom:7%}.skill-controls{right:max(10px, env(safe-area-inset-right));gap:12px;bottom:5%}.skill{width:clamp(62px,9vw,80px);height:clamp(62px,9vw,80px)}.skill.kick{width:clamp(72px,11vw,95px);height:clamp(72px,11vw,95px)}.skill svg,.skill.kick svg{width:30px;height:30px}.skill strong{font-size:14px}.skill small{font-size:8px}.practice-label{padding:1px 8px;font-size:9px;bottom:4px}.pause-panel{gap:8px;width:310px;padding:14px 24px}.pause-panel h2{font-size:22px}.pause-panel p{font-size:11px}.pause-paw{display:none}.pause-panel .primary-button,.pause-panel .secondary-button{min-height:38px;font-size:16px}.countdown span{font-size:11px}}@media (max-width:650px) and (orientation:landscape){.selection-layout{width:93vw}.equal-note{gap:5px;font-size:8px}.equal-note svg{display:none}.menu-footer{font-size:8px}.hud{height:42px;padding-inline:8px}.hud-identity{gap:7px}.hud-player{gap:6px}.hud-player strong{font-size:15px}.hearts{gap:3px}.hearts svg{width:15px;height:15px}.hud-portrait{width:32px;height:32px}.hud-clock{min-width:90px}.score span{display:none}.score strong{font-size:22px}.skill-controls{gap:8px}.skill{width:50px;height:50px}.skill.kick{width:56px;height:56px}.skill svg,.skill.kick svg{width:20px;height:20px}.skill strong{font-size:11px}.joystick{width:84px;height:84px}}@media (orientation:portrait) and (max-width:900px){.orientation-note{z-index:20;color:#fff9e5;text-align:center;background:radial-gradient(at 50% 35%,#245578,#0b2442 70%);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:28px;display:flex;position:fixed;inset:0}.orientation-note h2{font-size:24px}.orientation-note p{color:#bed7de;font-size:15px}.orientation-note strong{color:#ffd251;letter-spacing:-1px;margin-top:20px;font-size:38px}.rotate-phone{border:4px solid #fbd66a;border-radius:9px;place-items:center;width:100px;height:58px;margin-bottom:20px;display:grid;transform:rotate(-20deg);box-shadow:0 0 0 6px #183b5d}.rotate-phone span{color:#fbd66a;font-size:44px;line-height:1}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hearts svg.lost{fill:#34465e;filter:none}.hearts svg.lost .heart-shine{fill:#55647a}.hurt-flash{z-index:2;pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 65px #ff514ab5}.result-overlay{z-index:6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#08213eaa;place-items:center;display:grid;position:absolute;inset:0}.result-panel{text-align:center;width:min(500px,88vw);max-height:calc(100dvh - 24px);padding:26px 30px 24px;overflow-y:auto}.result-eyebrow{letter-spacing:.3em;color:#49738c;font-size:12px;font-weight:800}.result-panel h2{color:#e99922;text-shadow:2px 2px #163661;letter-spacing:.04em;margin:4px 0 8px;font:1000 clamp(30px,6dvh,48px) ui-monospace,monospace}.result-message{color:#426079;font-size:13px}.result-stats{background:#e8f2f2;border:2px solid #a9c4cf;grid-template-columns:1fr 1fr;gap:1px;margin-top:20px;display:grid}.result-stats>div{background:#f8fcf5;padding:12px 8px}.result-stats span{color:#58758d;margin-bottom:3px;font-size:12px;display:block}.result-stats strong{font:900 26px ui-monospace,monospace}.result-stats .result-survival{background:#fff0c3}.result-kicks{color:#58758d;margin:12px 0;font-size:12px}.result-actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.result-actions button{letter-spacing:0;min-height:44px;font-size:16px}@media (max-height:600px) and (orientation:landscape){.result-panel{width:420px;padding:14px 22px 16px}.result-panel h2{margin:2px 0 5px;font-size:30px}.result-eyebrow{font-size:10px}.result-message{font-size:11px}.result-stats{margin-top:12px}.result-stats>div{padding:6px}.result-stats strong{font-size:22px}.result-stats span{font-size:10px}.result-kicks{margin:8px 0;font-size:10px}.result-actions button{min-height:38px;font-size:14px}}.expression-art{width:100%;height:100%;display:block}.hud-name{flex-direction:column;display:flex}.hud-name small{color:#d8e8ef;font-size:11px;line-height:1.1}.expression-layer{pointer-events:none;z-index:4;position:absolute;inset:0;overflow:hidden}.expression-bubble{will-change:transform;position:absolute;top:0;left:0}.bubble-face{aspect-ratio:1;background:#fff9e7;border:3px solid #13335d;border-radius:50%;display:block;position:relative;overflow:hidden;box-shadow:0 2px #fff1c0,0 3px 0 2px #13335d}.bubble-face svg{transform:scale(1.03)}.bubble-tail{clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50%;background:#13335d;width:20px;height:24px;position:absolute;top:calc(50% - 20px);left:calc(50% - 10px)}.bubble-tail:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#fff9e7;position:absolute;inset:0 4px 6px}.bubble-caption{white-space:nowrap;color:#fff9df;background:#153558eb;border-radius:4px;width:max-content;max-width:120%;margin:3px auto 0;padding:1px 5px;font-size:10px;font-weight:800;display:block;position:relative}.expression-bubble[data-expression=CONFIDENT] .bubble-face{border-color:#a76817}.expression-bubble[data-expression=HAPPY] .bubble-face{border-color:#268777}.status-strip{z-index:3;pointer-events:none;justify-content:center;gap:5px;width:max-content;max-width:72%;min-height:22px;display:flex;position:absolute;top:7px;left:50%;transform:translate(-50%)}.effect-chip{color:#fff7df;white-space:nowrap;background:#15365de8;border:1px solid #9ac9dd;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:750}.effect-chip.treat{color:#ffed9a;border-color:#ffda59}.effect-chip.shock{color:#ffc69c;border-color:#ffab67}.effect-chip.animal{color:#ffdf94;border-color:#cf9e63}.kick-banner{z-index:5;pointer-events:none;color:#ffcd49;white-space:nowrap;text-shadow:2px 3px #142e54,-1px -1px #fff9dd;font:1000 clamp(22px,3.3vw,40px) ui-monospace,monospace;position:absolute;top:20%;left:50%;transform:translate(-50%)}.kick-banner small{vertical-align:middle;color:#fff6c0;font-size:.5em}.pickup-notice{z-index:3;pointer-events:none;color:#20426b;background:#fff3bc;border:2px solid #20426b;border-radius:5px;padding:4px 12px;font-size:13px;font-weight:900;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.skill{cursor:pointer;opacity:1;color:#dbf5ff;background:#123b5de8}.skill.kick{color:#ffe19b}.skill:disabled{cursor:default;opacity:.65}.skill small{font-size:12px;font-weight:800}.skill:disabled small{color:#fff4c7}.skill:active:not(:disabled){filter:brightness(1.15);transform:scale(.95)}@media (max-height:600px) and (orientation:landscape){.hud-name small{font-size:9px}.effect-chip{padding:2px 5px;font-size:9px}.status-strip{min-height:20px;top:5px}.skill small{font-size:10px}.kick-banner{font-size:24px}}@media (max-width:650px) and (orientation:landscape){.effect-chip{padding:2px 3px;font-size:8px}.status-strip{gap:3px;max-width:84%}.bubble-caption{font-size:8px}.skill small{font-size:9px}.kick-banner{font-size:22px}}