:root{color:#16364d;font-family:"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;background:#071c30;touch-action:none}#stage{position:fixed;inset:0;width:100%;height:100%;border:0}#GameCanvas{position:absolute;z-index:1;top:0;left:0;image-rendering:optimizeSpeed;-webkit-tap-highlight-color:transparent}#GameCanvas:focus{outline:0}#orientation{position:fixed;inset:0;z-index:50;display:none;place-items:center;background:#071c30}#orientation img{display:block;width:min(320px,100vw);height:min(480px,100dvh);margin:auto;object-fit:contain}.unit-panel{position:fixed;z-index:12;top:max(8px,env(safe-area-inset-top));left:50%;width:min(270px,58vw);padding:7px 10px 8px;transform:translateX(-50%);border:2px solid #fff;border-radius:15px;background:#ffffffed;box-shadow:0 4px 0 #174b7580;text-align:center}.unit-panel label{display:block;margin-bottom:4px;color:#0874b7;font-size:13px;font-weight:900}.unit-panel select{width:100%;padding:6px 8px;border:1px solid #98c7dc;border-radius:9px;background:#f6fcff;color:#16364d;font:inherit;font-size:13px;font-weight:800;touch-action:manipulation}.unit-panel small{display:block;margin-top:4px;font-size:10px}.vocab-hud{position:fixed;z-index:20;top:max(7px,env(safe-area-inset-top));left:50%;display:flex;align-items:center;justify-content:space-between;gap:10px;width:min(760px,calc(100vw - 18px));padding:7px 9px 7px 12px;transform:translateX(-50%);border:3px solid #fff;border-radius:20px;background:#fffffff0;box-shadow:0 5px 0 #174b7555;pointer-events:none}.hud-stats{display:flex;gap:5px}.hud-stats span{padding:6px 8px;border-radius:11px;background:#e8f7ff;font-size:12px;white-space:nowrap}.hud-prompt{display:flex;align-items:center;gap:8px}.hud-prompt strong{font-size:13px}button{border:0;font:inherit;font-weight:900;cursor:pointer;touch-action:manipulation}#speakButton{padding:8px 10px;border-radius:11px;color:#fff;background:#087cc1;pointer-events:auto}.vocab-fish-layer{position:fixed;inset:0;z-index:10;overflow:hidden;pointer-events:none}.fish-vocab-badge{position:fixed;display:grid;place-items:center;width:58px;height:58px;padding:4px;transform:translate(-50%,-50%);border:4px solid #fff;border-radius:50%;background:#fff;box-shadow:0 4px 0 #89532f,0 7px 13px #00192d99;will-change:left,top}.fish-vocab-badge img{width:100%;height:100%;object-fit:contain;border-radius:50%}.fish-vocab-badge .fallback{font-size:31px;line-height:1}.feedback{position:fixed;z-index:24;top:70px;left:50%;max-width:min(92vw,560px);padding:10px 18px;transform:translate(-50%,-12px);border-radius:18px;background:#fff;font-size:15px;font-weight:900;text-align:center;opacity:0;transition:.2s;pointer-events:none}.feedback.show{transform:translate(-50%,0);opacity:1}.feedback.correct{color:#226e32;background:#e4ffd8}.feedback.wrong{color:#9d5100;background:#fff0bc}.word-burst{position:fixed;z-index:26;top:48%;left:50%;width:230px;transform:translate(-50%,-50%) scale(.2);text-align:center;opacity:0;pointer-events:none}.word-burst img{display:block;width:110px;height:110px;margin:auto;border:6px solid #fff;border-radius:50%;background:#fff;box-shadow:0 8px 24px #00192d99;object-fit:contain}.word-burst strong{display:block;color:#fff;font-size:42px;line-height:1;-webkit-text-stroke:2px #a41f1f;text-shadow:0 4px #8d2525}.word-burst span{display:block;margin-top:6px;color:#172f43;font-weight:900}.word-burst.play{animation:word-burst 1.8s ease-out both}.result-screen{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#00395da8}.result-card{width:min(440px,94vw);max-height:calc(100dvh - 24px);overflow:auto;padding:20px 26px 24px;border:5px solid #fff;border-radius:26px;background:#fffffff5;box-shadow:0 14px 0 #163b5890,0 24px 60px #00192daa;text-align:center}.result-stars{font-size:36px}.result-kicker{margin:4px 0;color:#0874b7;font-size:11px;font-weight:900;letter-spacing:1.5px}.result-card h1{margin:5px 0 8px;color:#df3835}.result-score{margin:14px 0 8px;padding:10px;border-radius:14px;background:#fff0ad;font-size:20px}.result-card button{width:100%;margin-top:9px;padding:11px 14px;border-radius:12px;color:#17364d;background:#e7f4f8}.result-card .primary{color:#fff;background:linear-gradient(#ff7048,#dc3631);box-shadow:0 4px 0 #902522}@keyframes word-burst{0%{opacity:0;transform:translate(-50%,-35%) scale(.15)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}72%{opacity:1;transform:translate(-50%,-60%) scale(1)}100%{opacity:0;transform:translate(-50%,-105%) scale(1.22)}}@media(max-width:700px),(max-height:500px){.unit-panel{top:max(4px,env(safe-area-inset-top));width:min(235px,53vw);padding:4px 7px 5px}.unit-panel label{display:inline;font-size:11px}.unit-panel select{width:auto;max-width:125px;padding:4px 5px;font-size:11px}.unit-panel small{display:none}.vocab-hud{top:max(4px,env(safe-area-inset-top));width:calc(100vw - max(12px,env(safe-area-inset-left) + env(safe-area-inset-right)));padding:4px 6px;border-width:2px}.hud-stats{gap:3px}.hud-stats span{padding:5px 6px;font-size:10px}.hud-prompt strong{display:none}#speakButton{padding:6px 8px;font-size:11px}.fish-vocab-badge{border-width:3px}.feedback{top:52px;padding:7px 12px;font-size:12px}.word-burst img{width:76px;height:76px}.word-burst strong{font-size:32px}.word-burst span{font-size:12px}.result-card{width:min(520px,88vw);padding:12px 20px 15px}.result-stars{font-size:25px}.result-card h1{font-size:24px}.result-card p{margin-block:5px;font-size:13px}.result-score{margin:8px 0 4px;padding:7px}.result-card button{margin-top:6px;padding:8px 12px}}