*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#173e35;color:#fff;font-family:system-ui,-apple-system,"PingFang SC",sans-serif;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation}button:focus-visible{outline:3px solid #ffca62;outline-offset:3px}#app{position:relative;width:100%;height:100dvh;overflow:hidden}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;gap:10px;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));z-index:2;background:linear-gradient(#173e3560,transparent)}header button,.actions button{background:#163d35b5;border:1px solid #ffffff25;border-radius:13px;min-width:42px;height:42px;font-size:23px;backdrop-filter:blur(10px)}.location{display:flex;flex-direction:column}.location small{font-size:9px;letter-spacing:2px;color:#dbe8b9}.location strong{font-size:17px;letter-spacing:1px}#progress{margin-left:auto;font-size:12px;background:#163d357d;padding:10px 14px;border-radius:30px;color:#edf7da}#hint{position:absolute;left:50%;top:82px;transform:translateX(-50%);font-size:13px;background:#14382c99;border:1px solid #ffffff26;padding:9px 20px;border-radius:30px;white-space:nowrap;pointer-events:none;transition:opacity .3s}#mission{position:absolute;right:22px;top:83px;display:flex;flex-direction:column;gap:6px;font-size:12px;background:#14382c85;padding:12px 16px;border-radius:14px}#mission small{color:#c3d8b6;letter-spacing:2px;font-size:9px;margin-bottom:2px}footer{position:absolute;bottom:max(13px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;gap:14px;z-index:2}.birds{display:flex;gap:6px;background:#14382ce0;border:1px solid #ffffff20;padding:5px;border-radius:18px}.bird{display:flex;gap:7px;align-items:center;background:transparent;border-radius:12px;padding:6px 11px;min-height:49px;color:#b7cabb}.bird.selected{background:#fff1ca;color:#253f31}.bird span{font-size:13px;text-align:left;font-weight:700}.bird small{display:block;font-size:9px;font-weight:400;margin-top:2px;opacity:.6}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:27px;height:29px;color:#17352f;font-size:12px;box-shadow:inset -5px -4px #0002}.blue{background:#70c5ee}.green{background:#8cba4a}#ammo{display:flex;gap:6px;flex:1}.ammo{background:#14382cdc;border:1px solid #ffffff20;border-radius:14px;padding:6px 12px;min-width:62px;min-height:60px;font-size:11px}.ammo b{display:block;font-size:17px;margin-bottom:2px}.ammo.selected{border-color:#ffc966;background:#365743;box-shadow:0 0 0 1px #ffc966}.ammo:disabled{opacity:.35}.actions{display:flex;gap:8px}.actions #skill{font-size:12px;width:90px;color:#ffd78b}.actions #skill:disabled{opacity:.4}.overlay{position:absolute;inset:0;background:#14332c91;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:5;padding:20px}.overlay.hidden{display:none}.panel{width:min(850px,94vw);text-align:center;max-height:94dvh;overflow:auto}.eyebrow{font-size:10px;letter-spacing:4px;color:#e5c78c;margin-bottom:8px}.panel h1{font-size:clamp(25px,5vw,58px);margin:0 0 6px;letter-spacing:5px;font-weight:900;color:#fff0c6}.panel p{color:#d2e0d1;font-size:13px;line-height:1.7;margin:8px auto 14px;max-width:600px}.primary{background:#f4c46c;color:#233f34;box-shadow:0 5px 0 #bf9147;border-radius:14px;font-size:15px;font-weight:800;padding:13px 30px}.secondary{background:#fff1;border:1px solid #fff3;border-radius:13px;padding:12px 22px;font-size:13px}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:18px 0}.level-card{position:relative;background:#244c40e6;border:1px solid #88ae7845;border-radius:16px;min-height:78px;padding:12px;color:#eff3d6;transition:.2s}.level-card:hover:not(:disabled){transform:translateY(-3px);background:#35634f}.level-card b{font-size:24px;display:block;color:#f3cb7c}.level-card small{font-size:11px;display:block;margin-top:5px}.level-card:disabled{opacity:.36;cursor:default}.level-card .stars{font-size:10px;letter-spacing:3px;margin-top:5px;color:#f3cb7c}.row{display:flex;justify-content:center;gap:12px;margin-top:18px}.result-icon{font-size:48px;margin-bottom:8px}.unlock{color:#ffdc98!important;font-size:15px!important}#rotate{display:none;position:absolute;inset:0;background:#183e35;z-index:10;align-items:center;justify-content:center;flex-direction:column;text-align:center}#rotate>span{font-size:70px;color:#f1c773}#rotate h2{margin:12px}#rotate p{font-size:14px;color:#baceb6}#rotate button{background:#efc775;color:#203f34;border-radius:12px;padding:12px 22px}@media(orientation:portrait) and (max-width:900px){#rotate{display:flex}}@media(max-height:500px){header{padding-top:7px;padding-bottom:6px}header button{height:34px;min-width:34px;border-radius:10px}.location strong{font-size:14px}#hint{top:58px;padding:6px 15px;font-size:11px}#mission{top:58px;padding:8px 12px;font-size:10px}footer{bottom:8px;gap:8px}.ammo{min-height:49px;padding:4px 8px;min-width:53px;font-size:10px}.ammo b{font-size:14px}.bird{min-height:40px;padding:4px 7px}.birds{padding:4px}.level-card{min-height:64px;padding:8px}.level-grid{margin:12px 0;gap:7px}.panel p{margin:5px auto 9px}.panel h1{font-size:30px}.row{margin-top:10px}.primary{padding:10px 24px}.result-icon{font-size:32px}.eyebrow{margin-bottom:5px}}@media(max-width:750px){#progress{font-size:10px;padding:7px 10px}header{gap:6px;padding-left:12px;padding-right:12px}footer{left:12px;right:12px}.actions #skill{width:74px}.bird span{font-size:11px}.avatar{width:23px;height:25px}.ammo{min-width:48px;padding:4px 6px}}