*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;touch-action:none;background:#0f172a;font-family:system-ui,-apple-system,sans-serif}#app{display:block;width:100%;height:100%}#home-ui{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:12px;padding-top:48px;pointer-events:none;touch-action:manipulation}#home-ui[hidden]{display:none !important}.home-shell{pointer-events:auto;width:min(100%,520px);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:16px}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}#home-preview{display:block;width:min(72vw,220px);height:min(72vw,220px);border-radius:14px;background:rgba(15,23,42,0.5)}.home-title{color:#fff;font-size:clamp(1.35rem,5vw,1.75rem);font-weight:800;line-height:1.15}.home-tagline{color:#cbd5e1;font-size:clamp(0.8rem,3.2vw,0.95rem);line-height:1.35;max-width:28em}.home-actions{display:flex;flex-direction:column;gap:10px;width:100%}.home-mode{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-chip,.home-btn{border:0;border-radius:10px;font-size:.95rem;font-weight:600;color:#fff;cursor:pointer;touch-action:manipulation}.home-chip{height:40px;background:#475569}.home-chip.active{background:#fbbf24;color:#1e293b;outline:2px solid #fef3c7}#mode-kids{background:#7c3aed}#mode-kids.active{background:#fbbf24;color:#1e293b}.home-btn-play{height:48px;background:#dc2626;font-size:1.05rem}.home-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-btn-secondary{height:40px;background:#334155}.home-stars{text-align:center;color:#94a3b8;font-size:.9rem;padding-top:2px}@media(orientation:landscape) and (min-width:560px){.home-shell{width:min(100%,900px);flex-direction:row;align-items:center;gap:24px;overflow:visible}.home-hero{flex:1 1 48%;min-width:0}#home-preview{width:min(36vh,240px);height:min(36vh,240px)}.home-actions{flex:1 1 44%;min-width:220px;max-width:340px}}#lang-ui{position:fixed;top:10px;right:10px;z-index:200;touch-action:manipulation}#lang-btn{min-width:52px;height:34px;padding:0 10px;border:0;border-radius:10px;background:#7f1d1d;color:#fff;font-size:13px;font-weight:600;cursor:pointer}#lang-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;max-height:min(70vh,320px);overflow-y:auto;list-style:none;margin:0;padding:6px;border-radius:10px;background:rgba(15,23,42,0.96);border:1px solid #475569;box-shadow:0 8px 24px rgba(0,0,0,0.45)}#lang-menu[hidden]{display:none}#lang-menu button{display:block;width:100%;margin:2px 0;padding:8px 10px;border:0;border-radius:8px;background:#334155;color:#fff;font-size:13px;font-weight:600;text-align:left;cursor:pointer}#lang-menu button.active,#lang-menu button:hover{background:#7f1d1d}#lang-menu button.active{outline:2px solid #fbbf24}#lang-menu .lang-code{display:inline-block;min-width:2.2em;opacity:.75;font-size:11px;margin-right:6px}