:root{--green: #19a695;--light-green: #cbebe7;--dark-green: #0f6359;--blue: #101554;--titles: #1a1a18;--gray: #5c5c5c;--back-gray: #f5f5f5;--shadow: 0 12px 40px rgba(16, 21, 84, .18)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Nunito,Open Sans,sans-serif;color:var(--titles);background:#0d1028}#scene-canvas{display:block;width:100%;height:100%;touch-action:none}.hud-top{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:linear-gradient(180deg,rgba(16,21,84,.92),rgba(16,21,84,.45) 70%,transparent);pointer-events:none}.hud-top>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:.75rem;color:#fff}.brand-icon{font-size:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.brand h1{margin:0;font-size:1.1rem;font-weight:800;letter-spacing:.02em}.brand p{margin:0;font-size:.8rem;opacity:.85}.device-picker{display:flex;gap:.35rem;padding:.3rem;border-radius:999px;background:#ffffff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.device-btn{border:0;border-radius:999px;padding:.45rem .9rem;font:inherit;font-size:.82rem;font-weight:700;color:#fff;background:transparent;cursor:pointer;transition:background .2s ease,transform .15s ease}.device-btn:hover{background:#ffffff1f}.device-btn.active{background:var(--green);box-shadow:0 4px 14px #19a69573}.controls-hint{position:fixed;left:1.25rem;bottom:1.25rem;z-index:10;max-width:280px;padding:.85rem 1rem;border-radius:14px;background:#ffffffeb;box-shadow:var(--shadow);font-size:.85rem;line-height:1.5}.controls-hint p{margin:.25rem 0}kbd{display:inline-block;min-width:1.5rem;margin:0 .1rem;padding:.1rem .35rem;border:1px solid #d0d5dd;border-radius:6px;background:#fff;font-size:.75rem;font-weight:700;text-align:center;box-shadow:0 2px #d0d5dd}.touch-controls{position:fixed;right:1rem;bottom:1rem;z-index:10;display:grid;gap:.35rem}.touch-row{display:flex;gap:.35rem}.touch-btn{width:3.4rem;height:3.4rem;border:0;border-radius:14px;background:#ffffffe6;color:var(--blue);font-size:1.2rem;font-weight:800;box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.touch-btn:active{transform:scale(.95);background:var(--light-green)}.game-panel{width:min(92vw,520px);max-height:90vh;margin:auto;padding:0;border:0;border-radius:20px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.game-panel::backdrop{background:#1015548c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel-close{position:absolute;top:.75rem;right:.75rem;z-index:2;width:2.25rem;height:2.25rem;border:0;border-radius:50%;background:#10155414;color:var(--blue);font-size:1.4rem;line-height:1;cursor:pointer}.panel-content{position:relative;display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:1.25rem}.panel-art{width:140px;height:140px;border-radius:14px;background:var(--light-green);background-size:cover;background-position:center;box-shadow:inset 0 0 0 2px #10155414}.panel-category{margin:0 0 .25rem;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}.panel-info h2{margin:0 0 .5rem;font-size:1.35rem;color:var(--blue)}.panel-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 .75rem;font-size:.9rem;color:var(--gray)}.panel-description{margin:0 0 1rem;font-size:.92rem;line-height:1.5;color:var(--titles)}.install-btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border:0;border-radius:12px;background:var(--green);color:#fff;font-weight:800;font-family:inherit;font-size:1rem;cursor:pointer;box-shadow:0 8px 20px #19a69559;transition:transform .15s ease,background .2s ease}.install-panel{width:min(96vw,520px);height:min(88vh,640px);max-height:90vh;margin:auto;padding:0;border:0;border-radius:20px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.install-panel::backdrop{background:#1015548c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.install-frame{display:block;width:100%;height:100%;border:0;background:#f9fcfc}.install-btn:hover{background:var(--dark-green);transform:translateY(-1px)}.install-btn.disabled{pointer-events:none;background:var(--gray);box-shadow:none;cursor:not-allowed}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:linear-gradient(160deg,#101554,#0f6359);transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-card{text-align:center;color:#fff}.loading-spinner{width:48px;height:48px;margin:0 auto 1rem;border:4px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){.hud-top{flex-direction:column;align-items:flex-start;padding-bottom:.5rem}.controls-hint{display:none}.panel-content{grid-template-columns:1fr}.panel-art{width:100%;height:180px}}