:root{font-family:"Arial Rounded MT Bold","Trebuchet MS",system-ui,sans-serif;color:#18324a}*{box-sizing:border-box}[hidden]{display:none!important}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#000;touch-action:none}#content{position:fixed;inset:0;z-index:1}#content canvas{display:block}.engine-loading{position:fixed;inset:0;z-index:8;display:grid;place-content:center;text-align:center;color:#fff;background:#101820}.engine-loading span{width:48px;height:48px;margin:auto;border:6px solid #ffffff45;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.engine-loading p{font-weight:900}.overlay-screen{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px;background:linear-gradient(#78ccebdd,#a8db79dd)}.home-card{width:min(480px,94vw);padding:25px 34px 28px;text-align:center;background:#fffffff2;border:5px solid #fff;border-radius:30px;box-shadow:0 16px 0 #476b3780,0 28px 70px #18324a55}.bird-mark{font-size:65px;filter:drop-shadow(0 7px 3px #0004)}.eyebrow{margin:4px 0;color:#3b8d43;font-size:13px;font-weight:900;letter-spacing:2px}h1{margin:3px 0 12px;color:#df3835;font-size:clamp(34px,7vw,54px);line-height:.95;text-shadow:0 3px #fff3a5}.home-card>p:not(.eyebrow){line-height:1.45}label{display:block;margin:17px 0 6px;text-align:left;font-weight:900}select{width:100%;padding:13px;border:2px solid #b8d4dd;border-radius:13px;background:#f7fcfe;color:#18324a;font:inherit}button{border:0;font:inherit;font-weight:900;cursor:pointer;touch-action:manipulation}.primary,.secondary{width:100%;margin-top:12px;padding:14px 18px;border-radius:15px}.primary{color:#fff;background:linear-gradient(#ff6945,#df3631);box-shadow:0 5px 0 #952524;font-size:18px}.secondary{color:#18324a;background:#eaf5f7;box-shadow:0 3px 0 #bed7dc}.rules{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:20px}.rules span{padding:7px 9px;border-radius:13px;background:#eff8dd;font-size:12px}.vocab-hud{position:fixed;z-index:20;top:max(8px,env(safe-area-inset-top));left:50%;width:min(750px,94vw);transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px 8px 15px;border:3px solid #fff;border-radius:22px;background:#fffffff2;box-shadow:0 6px 0 #245e7838;pointer-events:none}.stats{display:flex;gap:7px}.stats span{padding:7px 9px;border-radius:14px;background:#eaf6fa;font-size:13px;white-space:nowrap}.listen{display:flex;align-items:center;gap:10px}.listen button{padding:9px 13px;border-radius:14px;color:#fff;background:#087cc1;pointer-events:auto}#targetLayer{position:fixed;inset:0;z-index:12;pointer-events:none}.target-card{position:fixed;width:74px;height:74px;padding:5px;border:4px solid #fff;border-radius:17px;background:#fff;box-shadow:0 5px 0 #8c522d,0 9px 16px #0005;transform:translate(-50%,-50%);transition:opacity .12s}.target-card img{width:100%;height:100%;object-fit:contain;border-radius:10px}.target-card .fallback{display:grid;width:100%;height:100%;place-items:center;font-size:44px}.feedback{position:fixed;z-index:24;top:86px;left:50%;max-width:90vw;padding:10px 20px;border-radius:20px;background:#fff;font-weight:900;opacity:0;transform:translate(-50%,-10px);transition:.2s;pointer-events:none}.feedback.show{opacity:1;transform:translate(-50%,0)}.feedback.correct{color:#217530;background:#e8ffd8}.feedback.wrong{color:#a95800;background:#fff2c5}.word-burst{position:fixed;z-index:26;left:50%;top:44%;width:220px;text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.2);pointer-events:none}.word-burst img{display:block;width:120px;height:120px;margin:auto;object-fit:contain;border:7px solid #fff;border-radius:50%;background:#fff;box-shadow:0 8px 25px #0005}.word-burst strong{display:block;color:#fff;font-size:44px;-webkit-text-stroke:2px #a92222;text-shadow:0 5px #9e2524}.word-burst span{display:block;margin-top:8px;font-weight:900}.word-burst.play{animation:burst 1.7s ease-out both}.stars{font-size:42px}.result-score{margin:18px 0 8px;padding:14px;border-radius:18px;background:#fff2b6;font-size:22px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes burst{0%{opacity:0;transform:translate(-50%,-30%) scale(.15)}25%{opacity:1;transform:translate(-50%,-50%) scale(1.12)}70%{opacity:1;transform:translate(-50%,-62%) scale(1)}100%{opacity:0;transform:translate(-50%,-110%) scale(1.25)}}@media(max-width:650px){.vocab-hud{top:5px;padding:6px 8px}.stats span:first-child{display:none}.listen strong{display:none}.target-card{width:62px;height:62px}.home-card{padding-inline:22px}.feedback{top:70px}}