:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#343d28;background:#e6e4d4;font-synthesis:none;font-weight:500;--ink:#34422b;--gold:#ffc84a;--cream:#fffbed;--green:#586d3c}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:wait;opacity:.5}button:focus-visible,input:focus-visible{outline:3px solid #4c7631;outline-offset:4px}button{transition:transform .13s,filter .13s}button:hover:not(:disabled){filter:brightness(1.045);transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(3px)!important}[hidden]{display:none!important}.icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle;stroke-width:2}.game{height:100dvh;width:100%;position:relative;isolation:isolate;overflow:hidden}.scene{position:absolute;inset:0;touch-action:none;-webkit-user-select:none;user-select:none;z-index:-3}.scene canvas{display:block;width:100%;height:100%}.screen-shade{position:absolute;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(180deg,#53683f12 0%,transparent 25%,transparent 65%,#333c242e 100%);box-shadow:inset 0 0 180px #34442118}.game-header{position:absolute;top:max(26px,env(safe-area-inset-top));left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none}.game-header>*{pointer-events:auto}.player-badge{display:flex;align-items:center;gap:12px;background:#fffbe8e8;padding:7px 21px 7px 7px;border:2px solid #fffdf4;border-radius:50px;box-shadow:0 4px #a4aa8b40,0 8px 20px #3b482717;transform:rotate(-2deg)}.player-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#f8c85c;border:2px solid #e4aa39;box-shadow:inset 0 2px #ffe8a7}.player-icon .icon{height:29px;width:29px;stroke-width:1.8}.player-badge strong{display:block;font-size:13px;letter-spacing:1px}.player-badge>div>span{display:flex;align-items:center;gap:4px;font-size:10px;margin-top:5px;color:#989469}.player-badge>div>span .icon{height:12px;width:12px}.player-badge b{color:#6c754a;font-weight:800}.game-tools{display:flex;gap:12px}.round-button{background:#fffbebe8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #fffdf2;border-radius:16px;width:47px;height:47px;display:grid;place-items:center;box-shadow:0 4px #9ba47e6b,0 6px 12px #39472b16;color:#66744b}.round-button .icon{height:22px;width:22px}.pause-button{display:none}.game-title{position:absolute;top:10.5%;left:50%;transform:translate(-50%) rotate(-4deg);width:max-content;text-align:center;pointer-events:none;filter:drop-shadow(0 8px 14px #625c3820)}.title-ribbon{display:inline-block;background:#697849;color:#fff7d0;border:2px solid #eff2d4;box-shadow:0 3px #3e4f2c;padding:7px 23px;border-radius:7px;font-size:12px;font-weight:750;letter-spacing:4px;transform:rotate(2deg)}h1{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(60px,6.4vw,100px);font-weight:1000;line-height:1.12;letter-spacing:-4px;color:#fff9d9;margin:12px 0 7px;-webkit-text-stroke:7px #3d4b30;paint-order:stroke fill;text-shadow:0 7px 0 #3d4b30,0 10px 0 #26352024;position:relative}h1>span{color:#ffc845}h1 i{display:inline-block;font-style:normal;transform:rotate(10deg);margin-left:5px;color:#ffc845}.title-english{display:block;font-size:14px;letter-spacing:9px;font-weight:900;color:#56633c;text-shadow:0 1px #fffbdd}.title-stars{position:absolute;right:-57px;top:-18px;color:#f9ba38;font-size:23px;transform:rotate(20deg);text-shadow:1px 1px #fff4c4}.start-menu{position:absolute;bottom:70px;left:50%;transform:translate(-50%);width:min(410px,calc(100% - 40px));text-align:center;z-index:3}.mode-switch{display:flex;gap:12px;align-items:stretch;margin-bottom:15px}.mode-switch>button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;padding:13px 12px;background:#fffbeeec;border:2px solid #fffdf3;border-bottom:4px solid #bbbba3;border-radius:17px;box-shadow:0 5px 14px #33402015;font-size:14px;font-weight:800}.mode-switch>button>.icon{width:28px;height:28px;color:#a2a282}.mode-switch>button span{display:block;text-align:left}.mode-switch>button small{display:block;color:#a5a38e;font-size:9px;font-weight:500;margin-top:4px;letter-spacing:.2px}.mode-switch>button[aria-selected=true]{background:#eef3d1;border-color:#637943;border-bottom-color:#4c6136;box-shadow:0 3px #4c6136;color:#4a6136}.mode-switch>button[aria-selected=true]>.icon{color:#779141}.mode-switch>button[aria-selected=true] small{color:#849766}.target{display:none}.start-button{width:100%;display:flex;align-items:center;justify-content:center;gap:22px;padding:16px 24px;background:linear-gradient(#ffdf73,#ffc540);border:3px solid #5d532a;border-bottom:7px solid #775a20;border-radius:21px;box-shadow:inset 0 3px #fff0b0,0 6px #353f2316,0 10px 23px #705d2524;color:#54421c;font-size:26px;font-weight:900;text-shadow:0 2px #ffe9a3;letter-spacing:6px}.start-button>.icon{height:29px;width:29px}.start-button>.icon:last-child{height:23px;width:23px;margin-left:auto}.start-button>span{flex:1}.start-menu>p{font-size:11px;color:#6d7557;letter-spacing:1px;margin:13px 0 0;text-shadow:0 1px #f8f7e7}.bottom-hints{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#596848;gap:16px;z-index:3}.bottom-hints>span{position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;color:#727e5b;font-size:10px;letter-spacing:1px;text-shadow:0 1px #f9f8e8}.input-chip,.calibrate-button{display:flex;gap:7px;align-items:center;background:#fffbedc9;border:1px solid #fffbeec7;border-radius:20px;padding:8px 12px;font-size:10px;color:#6d7957;box-shadow:0 2px 6px #5864420a}.input-chip .icon,.calibrate-button .icon{width:15px;height:15px}.play-hud,.play-controls{display:none}.scene-state{position:absolute;top:40%;left:50%;transform:translate(-50%);pointer-events:none;color:#63704a;background:#fffbe6d9;padding:9px 19px;border:2px solid #fffef0;border-radius:30px;box-shadow:0 3px #aeb59a5c;font-size:12px;letter-spacing:1px;white-space:nowrap;opacity:0}.flip-feedback{position:absolute;top:42%;left:50%;pointer-events:none;z-index:5;width:max-content;max-width:95%;transform:translate(-50%,-50%);font-size:40px;font-weight:1000;color:#ffcf48;-webkit-text-stroke:4px #4a582f;paint-order:stroke fill;text-shadow:0 5px 0 #4a582f;opacity:0}.flip-feedback.pop{animation:flip-pop 1.6s both}@keyframes flip-pop{0%{opacity:0;transform:translate(-50%,10px) scale(.55) rotate(-8deg)}15%{opacity:1;transform:translate(-50%,-30px) scale(1.2) rotate(-5deg)}28%,70%{opacity:1;transform:translate(-50%,-30px) scale(1) rotate(-5deg)}to{opacity:0;transform:translate(-50%,-70px) scale(.95) rotate(-5deg)}}body[data-playing=true] .game-title,body[data-playing=true] .start-menu{display:none}body[data-playing=true] .pause-button{display:grid}body[data-playing=true] .play-hud{display:flex}body[data-playing=true] .play-controls{display:grid}body[data-playing=true] .scene-state{opacity:1;top:26%}body[data-playing=true] .player-badge{transform:none}body[data-playing=true] .play-hud{position:absolute;left:50%;top:30px;transform:translate(-50%);gap:16px;align-items:center;pointer-events:none}.round-status{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;font-size:11px;color:#66744e;white-space:nowrap}.round-status>#mode-label{font-weight:750}.timer{display:flex;align-items:center;gap:5px;border-left:1px solid #99a880;padding-left:14px}.timer .icon{width:14px;height:14px}.timer b{font-family:ui-monospace,monospace;font-size:12px;letter-spacing:1px}.flip-counter{position:absolute;left:calc(100% + 16px);top:45px;width:70px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;color:#617646;transform:rotate(5deg);text-shadow:0 1px #ffffe4}.flip-counter>.icon{width:19px;height:19px}.flip-counter>strong{font-size:32px;font-weight:900;line-height:1}.flip-counter>span{width:100%;font-size:9px;font-weight:700;text-align:center;letter-spacing:1px}.play-controls{position:absolute;bottom:74px;left:50%;transform:translate(-50%);grid-template-columns:160px;align-items:end;gap:24px;z-index:3}input[type=range]{appearance:none;width:100%;height:10px;background:#e1e3c9;border:2px solid #b8b28b;border-radius:10px;display:block;cursor:pointer;margin:13px 0 8px}input[type=range]::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border:3px solid #9d7934;border-radius:50%;background:#ffe391;box-shadow:inset 0 2px #fff7d7,0 2px #75673233}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:3px solid #9d7934;border-radius:50%;background:#ffe391}.serve-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:25px;min-height:105px;border:3px solid #7e713c;border-bottom:6px solid #7e713c;font-weight:900;font-size:18px;box-shadow:inset 0 3px #ffffff94,0 7px 15px #4c502d20;letter-spacing:1px}.serve-button>.icon{width:28px;height:28px}.serve-button small{display:block;font-size:8px;font-weight:500;margin-top:4px;letter-spacing:1px;color:#978143}.serve-button{grid-column:1;grid-row:1;background:linear-gradient(#fbffe5,#e4edc6);color:#687b48;border-color:#7d8c5b;transform:rotate(5deg)}.serve-button small{color:#98a474}.loading{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:#eeecd9;color:#77835c}.loading>strong{font-size:16px;letter-spacing:2px}.loading>span:last-child{font-size:11px;color:#a8ae8e}.loading-egg{width:75px;height:75px;display:grid;place-items:center;background:#ffdc77;border:3px solid #d1af52;border-radius:50%;animation:egg-wiggle 1s ease-in-out infinite alternate;margin-bottom:6px}.loading-egg>.icon{height:45px;width:45px}@keyframes egg-wiggle{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.toast{position:fixed;left:50%;top:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);width:max-content;background:#425332ed;color:#fffde9;padding:13px 21px;border:2px solid #cbd6a680;border-radius:16px;font-size:12px;z-index:30;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;box-shadow:0 5px #2e3f2440}.toast.visible{opacity:1;transform:translate(-50%)}dialog{width:min(410px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:3px solid #859166;border-bottom:8px solid #687a4c;border-radius:26px;background:#fffbe8;padding:28px;color:var(--ink);box-shadow:inset 0 3px #fffef7,0 25px 90px #26301755}dialog::backdrop{background:#303c2b65;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-symbol{display:grid;place-items:center;width:56px;height:56px;border:2px solid #ddc681;border-bottom:4px solid #c6aa5e;border-radius:20px;background:#ffe5a1;color:#877241;transform:rotate(-7deg);margin:0 auto 18px}.modal-symbol .icon{width:30px;height:30px}dialog h2{font-size:24px;text-align:center;letter-spacing:1px;font-weight:850;margin:0 0 12px}dialog p{font-size:12px;color:#939975;line-height:1.9;text-align:center}.primary-button{display:flex;justify-content:center;align-items:center;gap:14px;background:linear-gradient(#ffda67,#fac148);color:#6a531e;border:2px solid #b89643;border-bottom:5px solid #a17d32;padding:13px;width:100%;font-weight:850;border-radius:15px;font-size:15px;letter-spacing:1px;margin-top:22px;box-shadow:inset 0 2px #ffe9a5}.primary-button>.icon{width:19px;height:19px}.text-button{border:0;background:none;color:#8a976d;display:block;margin:12px auto 0;padding:6px;font-size:11px}.modal-label{font-size:12px;color:#7b8760;display:block;margin:22px 0 12px}.choice-buttons{display:flex;gap:10px}.choice-buttons button{flex:1;background:#f1f1d9;border:2px solid #d9dfbe;border-bottom:4px solid #c3cda1;padding:12px 7px;border-radius:12px;font-size:12px}.choice-buttons button.selected{background:#e3ebc3;border-color:#97a777}.modal-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7c8760;margin-top:20px}.modal-row button{font-size:11px;background:none;color:#637650}.modal-row .icon{width:15px;height:15px}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#a1aa86}.help-step{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px dashed #d9ddbe}.help-step .icon{width:27px;height:27px;color:#9aa674}.help-step strong{font-size:13px;font-weight:750;display:block}.help-step p{font-size:11px;text-align:left;margin:4px 0 0;line-height:1.7}.result-score{font-size:76px;text-align:center;line-height:1.3;font-weight:950;letter-spacing:-3px;color:#f5be46;margin:15px 0 0;-webkit-text-stroke:3px #74804e;paint-order:stroke fill;text-shadow:0 4px #74804e}.result-score small{font-size:16px;letter-spacing:0;color:#9daa7b;-webkit-text-stroke:0;text-shadow:none}.result-detail{background:#eef0d6;border:2px solid #e2e6c5;border-radius:13px;padding:13px;margin-top:17px;text-align:center;font-size:12px;color:#8b956e}.result-detail span+span{margin-left:16px}.modal-eyebrow{text-align:center;color:#acb388;font-size:8px;letter-spacing:2px;margin-bottom:10px}@media(max-width:800px){.game-header{top:max(17px,env(safe-area-inset-top));left:16px;right:16px}.player-badge{padding:5px 11px 5px 5px;gap:7px}.player-icon{width:35px;height:35px}.player-icon .icon{width:25px;height:25px}.player-badge strong{font-size:10px;letter-spacing:.4px}.player-badge>div>span{font-size:9px;margin-top:4px}.game-tools{gap:7px}.round-button{height:37px;width:37px;border-radius:13px;box-shadow:0 3px #9ba47e6b}.round-button .icon{height:18px;width:18px}.game-title{top:14%;transform:translate(-50%) rotate(-5deg)}h1{font-size:62px;letter-spacing:-3px;-webkit-text-stroke:5px #3d4b30;text-shadow:0 5px 0 #3d4b30,0 8px 0 #26352024}.title-ribbon{font-size:9px;padding:6px 16px;letter-spacing:3px}.title-english{font-size:10px;letter-spacing:7px}.title-stars{right:-22px;top:-16px;font-size:17px}.start-menu{width:min(370px,calc(100% - 40px));bottom:69px}.mode-switch{gap:10px;margin-bottom:13px}.mode-switch>button{padding:11px 10px;font-size:12px;gap:8px;border-radius:14px}.mode-switch>button>.icon{width:23px;height:23px}.mode-switch>button small{font-size:8px}.start-button{padding:13px 19px;font-size:24px;border-radius:18px;gap:13px}.start-button>.icon{height:25px;width:25px}.start-menu>p{font-size:9px;letter-spacing:.5px;margin-top:11px}.bottom-hints{bottom:max(19px,env(safe-area-inset-bottom));left:18px;right:18px;gap:8px}.bottom-hints>span{display:none}.input-chip,.calibrate-button{font-size:9px;padding:7px 10px;gap:5px}.input-chip .icon,.calibrate-button .icon{width:13px;height:13px}body[data-playing=true] .player-badge{background:transparent;border:0;box-shadow:none;padding:0}body[data-playing=true] .player-badge strong{display:none}body[data-playing=true] .player-badge .player-icon{width:30px;height:30px}body[data-playing=true] .player-badge .player-icon>.icon{width:21px;height:21px}body[data-playing=true] .player-badge>div>span{font-size:9px;max-width:57px;flex-wrap:wrap;gap:2px;margin:0}body[data-playing=true] .game-tools{gap:6px}body[data-playing=true] .game-tools .round-button{width:33px;height:33px;border-radius:11px}body[data-playing=true] .game-tools .round-button>.icon{width:16px;height:16px}body[data-playing=true] .play-hud{top:max(74px,calc(env(safe-area-inset-top) + 50px));width:calc(100% - 60px);max-width:350px;left:50%;justify-content:center;gap:10px}.round-status{font-size:10px}.timer b{font-size:11px}.flip-counter{left:auto;right:0;top:140px;width:62px;font-size:10px}.flip-counter strong{font-size:31px}.flip-counter span{font-size:8px}body[data-playing=true] .scene-state{top:auto;bottom:calc(28% + 13px);font-size:10px;padding:8px 14px;border-radius:20px}.play-controls{bottom:70px;width:calc(100% - 40px);max-width:220px;grid-template-columns:1fr;gap:0}.serve-button{grid-row:1;min-height:75px;flex-direction:row;gap:10px;font-size:18px;border-radius:20px;border-width:2px;border-bottom-width:5px;padding:10px}.serve-button{grid-column:1;transform:rotate(3deg)}.serve-button>.icon{height:26px;width:26px}.serve-button small{font-size:7px;letter-spacing:.6px;margin-top:5px}.flip-feedback{font-size:31px;top:43%;-webkit-text-stroke-width:3px;text-shadow:0 4px #4a582f}}@media(max-height:720px)and (max-width:800px){.game-title{top:12.5%}h1{font-size:52px;margin:8px 0 4px}.title-ribbon{font-size:8px;padding:4px 12px}.start-menu{bottom:54px}.mode-switch{margin-bottom:10px}.mode-switch>button{padding:8px}.start-button{padding:10px 16px}.start-menu>p{display:none}.bottom-hints{bottom:12px}body[data-playing=true] .play-hud{top:64px}.play-controls{bottom:56px;gap:10px}.serve-button{min-height:64px;padding:8px}.scene-state{display:none}.flip-counter{top:125px}}@media(max-height:550px)and (min-width:701px){.game-title{top:20%;left:23%;transform:translate(-50%) rotate(-5deg)}h1{font-size:61px}.start-menu{left:76%;bottom:22%;width:300px}.game-header{top:15px;left:20px;right:20px}.play-controls{bottom:45px;grid-template-columns:130px;gap:15px}.serve-button{min-height:79px;font-size:15px}body[data-playing=true] .play-hud{top:18px}.scene-state{display:none}}.mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-switch #arcade-tab{grid-column:1/-1;position:relative;justify-content:flex-start;padding-left:24px;background:linear-gradient(120deg,#fff4b2,#ffdc75);border-color:#fff6cd;border-bottom-color:#cb9541;color:#73501e;transform:rotate(-1deg);min-height:62px}.mode-switch #arcade-tab[aria-selected=true]{background:linear-gradient(120deg,#ffe88e,#ffc04d);border-color:#af762d;border-bottom-color:#86571f;box-shadow:0 5px #86571f,0 9px 20px #513a162b;color:#694214}.mode-switch #arcade-tab>.icon{color:#e37725;width:32px;height:32px}.mode-switch #arcade-tab small{color:#976830}.mode-hot{position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(6deg);background:#ed6953;color:#fff8db;border:2px solid #fff4cf;border-radius:20px;padding:5px 9px;font-size:10px;letter-spacing:1px;box-shadow:0 3px #a94637}.arcade-score{position:absolute;right:calc(100% + 16px);top:45px;width:76px;display:flex;flex-direction:column;align-items:center;color:#a85627;transform:rotate(-5deg);text-shadow:0 1px #ffffe4}.arcade-score strong{font-size:32px;font-weight:950;line-height:1}.arcade-score span{font-size:9px;font-weight:800;white-space:nowrap}@media(max-width:800px){.mode-switch #arcade-tab{padding:9px 16px;min-height:51px}.mode-hot{font-size:8px;right:10px;padding:4px 6px}.arcade-score{left:0;right:auto;top:140px;width:62px}.arcade-score strong{font-size:30px}.arcade-score span{font-size:8px}}@media(max-height:720px)and (max-width:800px){.mode-switch #arcade-tab{min-height:45px;padding:6px 13px}.arcade-score{top:125px}}.spawn-countdown{position:absolute;z-index:3;top:92px;left:50%;transform:translate(-50%);padding:7px 15px;border:2px solid #fff7da;border-bottom:4px solid #d5ae68;border-radius:22px;background:#fff3cde8;color:#875e29;font-size:11px;font-weight:850;letter-spacing:1px;white-space:nowrap;box-shadow:0 4px 14px #624a2130;pointer-events:none}.spawn-countdown.urgent{background:#ffcf7a;color:#813c20;border-color:#fff3c7;animation:egg-warning .65s ease-in-out infinite alternate}@keyframes egg-warning{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.08)}}@media(max-width:800px){.spawn-countdown{top:max(117px,calc(env(safe-area-inset-top) + 94px));font-size:10px;padding:5px 11px}.arcade-score #arcade-active{margin-top:5px;color:#9f6536}}@media(max-height:720px)and (max-width:800px){.spawn-countdown{top:105px}}@media(max-width:800px){.title-ribbon{font-size:11px;letter-spacing:2px}}@media(max-height:720px)and (max-width:800px){.title-ribbon{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}.loading-egg{animation:none}.flip-feedback.pop{animation:none;opacity:1}}body[data-playing=true] .play-hud{height:40px;width:auto;top:32px;gap:0}.round-status{position:static;transform:none;background:#fffce9df;border:2px solid #fffef1;border-bottom:4px solid #bdc6a3;border-radius:24px;padding:10px 17px;box-shadow:0 4px 12px #53674014}.flip-counter{left:calc(100% + 20px);top:2px}@media(max-width:800px){body[data-playing=true] .play-hud{top:max(76px,calc(env(safe-area-inset-top) + 54px));width:auto}.round-status{font-size:10px;padding:8px 13px;gap:10px}.timer{padding-left:10px}.flip-counter{top:2px;left:calc(100% + 18px);right:auto;width:49px}.flip-counter>strong{font-size:25px}.flip-counter>.icon{width:15px;height:15px}.flip-counter>span{font-size:7px;letter-spacing:0}}