:root{--ink:#3b4a6b;--ink-soft:#6b7794;--paper:#fffaf2;--sky:#bde4ff;--sun:#ffd43b;--pink:#ff6b81;--line:#e6dccd;--radius:22px;color:var(--ink);font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{background:#fff4e0}html,body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;overscroll-behavior:none;min-height:100%;margin:0}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}input,select{font:inherit}body{background:linear-gradient(#bde4ff 0,#e7f5ff 420px,#fff4e0 1100px) no-repeat}#app{max-width:760px;margin:0 auto;padding:0 16px 48px}#game{z-index:20;touch-action:none;background:#bde4ff;position:fixed;inset:0}#game[hidden]{display:none}#overlay{z-index:40;pointer-events:none;position:fixed;inset:0}#overlay>*{pointer-events:auto}.screen{padding-top:max(12px, env(safe-area-inset-top))}.topbar{align-items:center;gap:12px;padding:10px 0 14px;display:flex}.topbar h1{flex:1;margin:0;font-size:26px}.brand{letter-spacing:.5px;color:var(--pink);text-shadow:0 3px #fff;font-size:34px!important}.round-btn,.hold{width:60px;height:60px;box-shadow:0 4px 0 var(--line);background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:inline-flex;position:relative}.round-btn:active,.hold:active{box-shadow:0 1px 0 var(--line);transform:translateY(3px)}.hold-ring{background:conic-gradient(var(--pink) 0deg, transparent 0deg);opacity:0;border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 31px,#000 32px);mask:radial-gradient(circle,#0000 31px,#000 32px)}.hold.holding .hold-ring{opacity:1;animation:hold-fill var(--hold-ms,3s) linear forwards}@property --hold-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes hold-fill{0%{--hold-angle:0deg}to{--hold-angle:360deg}}.hold.holding .hold-ring{background:conic-gradient(var(--pink) var(--hold-angle), transparent var(--hold-angle))}.ask{text-align:center;margin:8px 0 18px;font-size:30px}.profile-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.profile-card{box-shadow:0 6px 0 color-mix(in srgb, var(--profile) 55%, #fff);border:0;border:5px solid var(--profile);background:#fff;border-radius:28px;flex-direction:column;align-items:center;gap:4px;padding:18px 10px 16px;display:flex}.profile-card:active{box-shadow:0 2px 0 var(--profile);transform:translateY(4px)}.profile-name{font-size:24px;font-weight:800}.profile-age{color:var(--ink-soft);font-size:17px}.hint-parent{text-align:center;color:var(--ink-soft);margin-top:22px;font-size:15px}.me{border:4px solid var(--profile);background:#fff;border-radius:40px;align-items:center;gap:8px;min-height:60px;padding:2px 16px 2px 2px;font-size:20px;font-weight:800;display:inline-flex}.star-total{text-align:center;white-space:nowrap;flex:1;font-size:26px;font-weight:800}.lang-tabs{gap:10px;margin:4px 0 10px;display:flex}.lang-tab{border:3px solid var(--line);min-height:56px;color:var(--ink-soft);background:#fff;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:19px;font-weight:800;display:inline-flex}.card-lang-inline{color:#fff;border-radius:10px;padding:3px 8px;font-size:13px;font-weight:800}.lang-tab.active{border-color:var(--pink);color:var(--ink);box-shadow:0 4px 0 color-mix(in srgb, var(--pink) 40%, #fff);background:#fff0f3}.topic-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin:6px -4px 0;padding:4px 2px 10px;display:flex;overflow-x:auto}.topic-chips::-webkit-scrollbar{display:none}.topic-chip{border:2px solid var(--line);white-space:nowrap;background:#fff;border-radius:24px;flex:none;align-items:center;gap:6px;min-height:48px;padding:6px 14px 6px 10px;font-size:16px;font-weight:700;display:inline-flex}.topic-chip-icon{font-size:24px}.topic{scroll-margin-top:12px}.filters{justify-content:space-between;align-items:center;gap:10px;margin:2px 0 6px;display:flex}.count{color:var(--ink-soft);font-weight:700}.chip{border:2px solid var(--line);background:#fff;border-radius:20px;min-height:48px;padding:10px 16px;font-weight:700}.topic h2{align-items:center;gap:8px;margin:22px 0 10px;font-size:24px;display:flex}.topic-icon{font-size:30px}.game-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.game-card{border-radius:var(--radius);background:linear-gradient(180deg, var(--sky) 0%, #fff 70%);box-shadow:0 6px 0 color-mix(in srgb, var(--accent) 45%, #fff);border:0;border:3px solid color-mix(in srgb, var(--accent) 60%, #fff);flex-direction:column;align-items:center;gap:6px;min-height:180px;padding:14px 10px 12px;display:flex;position:relative}.game-card:active{box-shadow:0 2px 0 var(--accent);transform:translateY(4px)}.card-icon{font-size:58px;line-height:1.1}.card-series{font-size:24px;position:absolute;top:8px;left:10px}.card-lang{color:#fff;border-radius:10px;padding:3px 8px;font-size:13px;font-weight:800;position:absolute;top:10px;right:10px}.lang-vi{background:#e8590c}.lang-en{background:#1c7ed6}.card-title{text-align:center;font-size:17px;font-weight:700;line-height:1.25}.card-stars{color:#f59f00;letter-spacing:2px;font-size:22px}.sticker-count{color:var(--ink-soft);margin:0 0 8px;font-weight:700}.sticker-page{border-radius:var(--radius);box-shadow:0 5px 0 var(--line);background:#fff;margin:14px 0;padding:12px 14px 16px}.sticker-page h2{margin:4px 0 10px;font-size:22px}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;display:grid}.sticker{aspect-ratio:1;border:3px dashed var(--line);color:#c9c2b6;border-radius:18px;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex;position:relative}.sticker.owned{color:inherit;background:#fff9db;border:3px solid #ffd43b;font-size:44px}.sticker small{color:var(--ink-soft);font-size:13px;position:absolute;bottom:2px;right:4px}.screen-parents .card{border-radius:var(--radius);box-shadow:0 4px 0 var(--line);background:#fff;margin:12px 0;padding:14px 16px}.screen-parents h2{margin:2px 0 10px;font-size:20px}.options{flex-wrap:wrap;gap:10px;display:flex}.option{border:2px solid var(--line);border-radius:16px;align-items:center;gap:8px;min-height:48px;padding:10px 14px;font-weight:600;display:inline-flex}.option input{width:22px;height:22px;accent-color:var(--pink)}.options button,.primary{background:#e7f5ff;border:0;border-radius:16px;min-height:48px;padding:12px 18px;font-weight:800}.primary{background:var(--pink);color:#fff}.muted{color:var(--ink-soft);margin:8px 0 0;font-size:15px}.profile-row{align-items:center;gap:10px;margin:8px 0;display:flex}.profile-row input{border:3px solid var(--profile);border-radius:12px;flex:1;min-width:0;min-height:48px;padding:10px 12px}.profile-row select{border:2px solid var(--line);border-radius:12px;min-height:48px;padding:10px}.progress-list{margin:0;padding-left:18px;line-height:1.6}.note p{margin:0}.break-backdrop{background:#1d2b3a9e;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.break-panel{text-align:center;background:#f3f9ff;border:8px solid #1c7ed6;border-radius:40px;width:100%;max-width:460px;padding:28px 24px}.break-face{font-size:110px;line-height:1}.break-panel h2{margin:12px 0 6px;font-size:30px}.break-panel p{color:var(--ink-soft);font-size:18px}.break-count{color:#1c7ed6;font-size:84px;font-weight:800}.break-resume{color:#fff;background:#51cf66;border:0;border-radius:50%;width:140px;height:140px;font-size:64px;box-shadow:0 6px #2f9e44}@media (max-width:380px){.game-grid{grid-template-columns:repeat(2,1fr)}.profile-name{font-size:20px}}