:root{--gold:#ffd35a;--blue:#27c9ff;--ink:#07172b;--glass:rgba(4,16,34,.44);--stroke:rgba(255,225,110,.72)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:#07172b;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:white;touch-action:none;user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;background:#07172b}#ui{position:fixed;inset:0;pointer-events:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;pointer-events:auto}.topbar{position:absolute;top:calc(env(safe-area-inset-top) + 10px);left:12px;right:12px;display:flex;gap:8px;align-items:center;justify-content:space-between}.pill{background:rgba(0,0,0,.28);border:1.5px solid rgba(255,255,255,.22);box-shadow:0 8px 28px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.15);border-radius:22px;padding:8px 12px;backdrop-filter:blur(12px);font-weight:900;text-shadow:0 2px 6px #000;display:flex;align-items:center;gap:6px}.glass{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(0,0,0,.22));border:1.7px solid var(--stroke);border-radius:28px;box-shadow:0 18px 50px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.2);backdrop-filter:blur(14px)}.menuPanel{width:min(92vw,420px);padding:24px 18px;gap:12px;display:flex;flex-direction:column;align-items:stretch}.title{font-size:clamp(34px,9vw,58px);line-height:.9;font-weight:1000;text-align:center;color:#fff3b0;text-shadow:0 5px 0 #6a3100,0 0 24px rgba(39,201,255,.9);letter-spacing:.5px;margin-bottom:10px}.subtitle{text-align:center;color:#dff7ff;font-weight:800;margin:-4px 0 10px}.btn{border:2px solid rgba(255,218,90,.9);background:linear-gradient(180deg,rgba(255,220,97,.28),rgba(255,255,255,.06));color:white;border-radius:22px;padding:15px 18px;min-height:56px;font-weight:1000;font-size:18px;letter-spacing:.3px;text-shadow:0 2px 5px #000;box-shadow:0 12px 0 rgba(55,26,0,.42),0 14px 28px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.35);backdrop-filter:blur(10px);pointer-events:auto}.btn:active{transform:translateY(4px);box-shadow:0 8px 0 rgba(55,26,0,.42),0 8px 18px rgba(0,0,0,.25)}.btn.blue{border-color:rgba(76,217,255,.95);background:linear-gradient(180deg,rgba(39,201,255,.32),rgba(0,64,150,.28))}.btn.small{min-height:auto;padding:9px 12px;border-radius:16px;font-size:14px}.row{display:flex;gap:10px}.row>*{flex:1}.gridMenu{width:min(94vw,500px);max-height:72vh;overflow:auto;padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.levelNode{aspect-ratio:1;border-radius:24px;border:2px solid rgba(255,214,72,.75);display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(0,0,0,.28);backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.22),0 10px 24px rgba(0,0,0,.28);font-weight:1000}.levelNode.locked{filter:grayscale(.9);opacity:.45}.levelNode .stars{font-size:13px;color:#ffd341}.cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(94vw,520px);max-height:70vh;overflow:auto;padding:14px}.card{position:relative;min-height:184px;padding:12px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(0,0,0,.24));border:1.6px solid rgba(255,220,90,.65);box-shadow:0 16px 36px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.18);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;overflow:hidden}.card.enemy{border-color:#d74bff}.card.bonus{border-color:#ffd35a}.card img{max-width:90%;height:95px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.45))}.card h3{margin:4px 0 0;font-size:15px}.card p{margin:2px 0;font-size:12px;color:#d9f6ff;font-weight:800}.footerHint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 18px);transform:translateX(-50%);padding:10px 14px;border-radius:18px;background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);font-weight:900;color:#ffe989;text-align:center}.resultBox{width:min(92vw,430px);padding:22px;text-align:center}.resultBox h2{font-size:38px;margin:0 0 8px;color:#ffe66a;text-shadow:0 4px 0 #7a3500}.langbar{position:absolute;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);display:flex;gap:8px}.toast{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);padding:14px 18px;border-radius:20px;background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(12px);font-weight:1000;color:#fff3a4;opacity:0;transition:.25s}.toast.show{opacity:1}