.tv-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-family:var(--font-family-friendly);font-weight:800;font-size:var(--fs-sm);box-sizing:border-box;box-shadow:0 2px 6px #00000014}.tv-badge--xp{background:var(--color-primary-light);color:#b26a00;border:1.5px solid var(--color-primary)}.tv-badge--streak{background:var(--color-coral-light);color:#c22f2f;border:1.5px solid var(--color-coral)}.tv-badge--level{background:var(--color-sky-light);color:#177c9e;border:1.5px solid var(--color-sky)}.tv-badge__icon{font-size:1.1em}.tv-topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:3px solid #FFE7B3;box-shadow:0 4px 16px #ffb70314;position:sticky;top:0;z-index:40;box-sizing:border-box;gap:12px;width:100%}.tv-topbar__left{display:flex;align-items:center;gap:12px;flex-shrink:0}.tv-topbar__brand{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.tv-topbar__brand:hover{transform:scale(1.04)}.tv-topbar__brand-icon-wrap{width:40px;height:40px;background:linear-gradient(135deg,#ffe17d,#ffb703);border:2px solid #FFFFFF;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #dca010,0 4px 8px #ffb70340}.tv-topbar__brand-icon{font-size:24px;line-height:1}.tv-topbar__brand-text{display:flex;flex-direction:column}.tv-topbar__brand-name{font-family:var(--font-display);font-weight:900;font-size:20px;line-height:1.1;color:#b26a00;letter-spacing:.5px}.tv-topbar__brand-tag{font-family:var(--font-family-friendly);font-size:10px;font-weight:900;color:#d47a00;letter-spacing:.4px}.tv-topbar__level-wrap{display:flex;align-items:center}.tv-topbar__desktop-nav{display:none;align-items:center;justify-content:center}.tv-topbar__nav-capsule{display:inline-flex;align-items:center;gap:6px;background:#fff8e6;border:2px solid #FFD166;border-radius:999px;padding:4px 6px;box-shadow:inset 0 2px 4px #0000000a,0 2px 6px #ffd16626}.tv-topbar__nav-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:999px;font-family:var(--font-family-friendly);font-weight:800;font-size:14px;color:#5c5046;background:transparent;border:2px solid transparent;cursor:pointer;transition:all .18s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none;position:relative}.tv-topbar__nav-btn:hover{background:#ffffffbf;color:#b26a00;transform:translateY(-2px)}.tv-topbar__nav-btn--active{background:linear-gradient(180deg,#ffe17d,#ffb703)!important;color:#593d00!important;border-color:#fff!important;box-shadow:0 4px #dca010,0 6px 12px #ffb70340!important;transform:translateY(-1px)}.tv-topbar__nav-btn--active:active{transform:translateY(2px)!important;box-shadow:0 1px #dca010!important}.tv-topbar__nav-icon{font-size:16px;line-height:1}.tv-topbar__nav-label{letter-spacing:.2px}.tv-topbar__nav-dot{width:6px;height:6px;background:#593d00;border-radius:50%;margin-left:-2px}.tv-topbar__nav-btn--admin{color:#7c3aed}.tv-topbar__nav-btn--admin:hover{background:#ede9fe;color:#6d28d9}.tv-topbar__nav-btn--admin.tv-topbar__nav-btn--active{background:linear-gradient(180deg,#ddd6fe,#9d4edd)!important;color:#fff!important;box-shadow:0 4px #7326b8,0 6px 12px #9d4edd40!important}.tv-topbar__right{display:flex;align-items:center;gap:12px;flex-shrink:0}.tv-topbar__stats-cluster{display:flex;align-items:center;gap:8px}.tv-topbar__coin-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(180deg,#fff9db,#ffebaa);border:2px solid #FFD166;padding:5px 14px;border-radius:999px;cursor:pointer;box-shadow:0 3px #dca010,0 3px 6px #0000000d;transition:all .15s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.tv-topbar__coin-badge:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 5px #dca010,0 6px 10px #ffb70333}.tv-topbar__coin-badge:active{transform:translateY(2px);box-shadow:0 1px #dca010}.tv-coin-icon{font-size:16px;animation:tv-wiggle 3.5s infinite ease-in-out}.tv-coin-num{font-family:var(--font-display);font-size:14px;font-weight:900;color:#d9480f}.tv-coin-txt{font-family:var(--font-display);font-size:11px;font-weight:900;color:#b26a00}.tv-topbar__actions-cluster{display:flex;align-items:center;gap:8px}.tv-topbar__icon-btn{width:38px;height:38px;border-radius:50%;background:#fff;border:2px solid #EEDFC2;box-shadow:0 3px #e4d5b9;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s cubic-bezier(.34,1.56,.64,1)}.tv-topbar__icon-btn:hover{transform:translateY(-2px);border-color:#ffb703}.tv-topbar__icon-btn:active{transform:translateY(2px);box-shadow:0 1px #e4d5b9}.tv-topbar__icon-btn--sound-on{border-color:#a3eed7;box-shadow:0 3px #059d75}.tv-topbar__auth-group{display:flex;align-items:center;gap:6px}.tv-topbar__user-btn{display:flex;align-items:center;gap:6px;background:#fff;border:2px solid #FFD166;padding:5px 12px;border-radius:999px;box-shadow:0 3px #dca010;cursor:pointer;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.tv-topbar__user-btn:hover{transform:translateY(-2px);background:#fffdf8}.tv-topbar__user-btn:active{transform:translateY(2px);box-shadow:0 1px #dca010}.tv-user-avatar-tiny{font-size:18px}.tv-user-name-tiny{font-family:var(--font-family-friendly);font-size:13px;font-weight:800;color:var(--color-text-main);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-topbar__logout-btn{width:36px;height:36px;border-radius:50%;border:2px solid #FEB2B2;background:#fff5f5;box-shadow:0 3px #f56565;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.tv-topbar__logout-btn:hover{transform:translateY(-2px)}.tv-topbar__logout-btn:active{transform:translateY(2px);box-shadow:0 1px #f56565}.tv-topbar__login-btn{font-size:13px!important;padding:6px 14px!important;gap:6px}.tv-topbar__parent-btn{width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#f4ebfd,#e9d8fd);border:2px solid #9D4EDD;box-shadow:0 3px #7326b8;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s cubic-bezier(.34,1.56,.64,1)}.tv-topbar__parent-btn:hover{transform:translateY(-2px)}.tv-topbar__parent-btn:active{transform:translateY(2px);box-shadow:0 1px #7326b8}@media (max-width: 600px){.tv-topbar{padding:8px 10px;gap:8px}.tv-topbar__brand-text{display:none}.tv-topbar__stats-cluster{gap:4px}}@media (min-width: 900px){.tv-topbar{padding:12px 36px;gap:20px}.tv-topbar__desktop-nav{display:flex;flex:1;justify-content:center}}@media (min-width: 1200px){.tv-topbar{padding:14px 48px}.tv-topbar__nav-btn{padding:9px 22px;font-size:15px}}.tv-bottom-nav{position:fixed;bottom:12px;left:14px;right:14px;margin:0 auto;max-width:500px;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:3px solid #FFD166;border-radius:28px;box-shadow:0 8px #ecc94b,0 14px 28px #ecc94b40;z-index:50;padding:6px 10px;box-sizing:border-box;animation:tv-speech-pop .3s ease-out}.tv-bottom-nav__inner{display:flex;justify-content:space-around;align-items:center;gap:4px}.tv-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;padding:4px 6px;flex:1;min-height:48px;border-radius:18px;position:relative;transition:all .15s cubic-bezier(.34,1.56,.64,1);touch-action:manipulation;color:var(--color-text-muted);border:none;cursor:pointer;-webkit-user-select:none;user-select:none}.tv-nav-item:active{transform:translateY(2px) scale(.95)}.tv-nav-item__icon{font-size:1.5rem;line-height:1;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center}.tv-nav-item__label{font-family:var(--font-family-friendly);font-size:11px;font-weight:800;letter-spacing:.2px;margin-top:3px;transition:color .15s ease}.tv-nav-item--active{color:#593d00}.tv-nav-item--active .tv-nav-item__icon{transform:translateY(-2px) scale(1.18);animation:tv-jelly-pop .25s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(255,183,3,.4))}.tv-nav-item--active .tv-nav-item__label{color:#b26a00;font-weight:900}.tv-nav-item__indicator{position:absolute;bottom:0;width:18px;height:3.5px;background:linear-gradient(90deg,#ffb703,#ff9f1c);border-radius:var(--radius-pill);box-shadow:0 1px 3px #ff9f1c80}@media (min-width: 900px){.tv-bottom-nav{display:none!important}}.tv-speech-bubble{position:relative;background:#fff;border:2.5px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:0 6px 16px #ffb70329;max-width:90%;margin:0 auto;animation:gentlePulse 4s infinite ease-in-out}.tv-speech-bubble__text{margin:0;font-family:var(--font-family-friendly);font-size:var(--fs-md);font-weight:800;color:var(--color-text-main);line-height:1.35;text-align:center}.tv-speech-bubble__tail{position:absolute;width:14px;height:14px;background:#fff;border:2.5px solid var(--color-primary);box-sizing:border-box}.tv-speech-bubble--tail-bottom .tv-speech-bubble__tail{bottom:-9px;left:50%;transform:translate(-50%) rotate(45deg);border-top-color:transparent;border-left-color:transparent}.tv-speech-bubble--tail-left .tv-speech-bubble__tail{left:-9px;top:50%;transform:translateY(-50%) rotate(45deg);border-top-color:transparent;border-right-color:transparent}.tv-mascot-wrapper{display:flex;flex-direction:column;align-items:center;position:relative;-webkit-user-select:none;user-select:none}.tv-mascot__speech-slot{margin-bottom:var(--space-2);width:100%;display:flex;justify-content:center;z-index:2}.tv-mascot-figure{position:relative;display:flex;flex-direction:column;align-items:center}.tv-mascot-figure--animated{animation:mascotFloat 3.5s ease-in-out infinite}.tv-mascot-figure--clickable{cursor:pointer;touch-action:manipulation;transition:transform .15s ease}.tv-mascot-figure--clickable:active{transform:scale(.92)}.tv-mascot__img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(64,53,47,.12));display:block;z-index:1}.tv-mascot__shadow{width:65%;height:12px;background:radial-gradient(ellipse at center,rgba(64,53,47,.18) 0%,transparent 75%);border-radius:var(--radius-pill);margin-top:-6px;z-index:0}.tv-mascot-wrapper--sm .tv-mascot-figure{width:90px}.tv-mascot-wrapper--md .tv-mascot-figure{width:150px}.tv-mascot-wrapper--lg .tv-mascot-figure{width:220px}@media (max-width: 380px){.tv-mascot-wrapper--md .tv-mascot-figure{width:125px}.tv-mascot-wrapper--lg .tv-mascot-figure{width:180px}}.tv-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:800;font-family:var(--font-family-friendly);letter-spacing:.3px;border-radius:var(--radius-md);transition:transform .08s ease,box-shadow .08s ease,filter .12s ease;position:relative;text-decoration:none;touch-action:manipulation;box-sizing:border-box}.tv-btn--pill{border-radius:var(--radius-pill)}.tv-btn--full{width:100%}.tv-btn--sm{min-height:44px;padding:0 var(--space-4);font-size:var(--fs-sm)}.tv-btn--md{min-height:52px;padding:0 var(--space-5);font-size:var(--fs-md)}.tv-btn--lg{min-height:60px;padding:0 var(--space-6);font-size:var(--fs-lg)}.tv-btn--primary{background:var(--color-primary);color:var(--color-text-main);box-shadow:0 5px 0 var(--color-primary-shadow)}.tv-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.tv-btn--primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--color-primary-shadow)}.tv-btn--sky{background:var(--color-sky);color:#fff;box-shadow:0 5px 0 var(--color-sky-shadow)}.tv-btn--sky:hover:not(:disabled){background:var(--color-sky-hover)}.tv-btn--sky:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--color-sky-shadow)}.tv-btn--success{background:var(--color-success);color:#fff;box-shadow:0 5px 0 var(--color-success-shadow)}.tv-btn--success:hover:not(:disabled){background:var(--color-success-hover)}.tv-btn--success:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--color-success-shadow)}.tv-btn--coral{background:var(--color-coral);color:#fff;box-shadow:0 5px 0 var(--color-coral-shadow)}.tv-btn--coral:hover:not(:disabled){background:var(--color-coral-hover)}.tv-btn--coral:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--color-coral-shadow)}.tv-btn--purple{background:var(--color-purple);color:#fff;box-shadow:0 5px 0 var(--color-purple-shadow)}.tv-btn--purple:hover:not(:disabled){background:var(--color-purple-hover)}.tv-btn--purple:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--color-purple-shadow)}.tv-btn--secondary{background:#fff;color:var(--color-text-main);border:2px solid var(--color-border-soft);box-shadow:0 4px 0 var(--color-border-strong)}.tv-btn--secondary:hover:not(:disabled){background:var(--color-bg-surface)}.tv-btn--secondary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--color-border-strong)}.tv-btn--ghost{background:transparent;color:var(--color-text-main);box-shadow:none}.tv-btn--ghost:hover:not(:disabled){background:#0000000d}.tv-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.tv-btn__icon{display:inline-flex;align-items:center;font-size:1.25em}.tv-card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:2px solid var(--color-border-soft);position:relative;transition:transform .15s ease,box-shadow .15s ease;box-sizing:border-box}.tv-card--pad-sm{padding:var(--space-3)}.tv-card--pad-md{padding:var(--space-4)}.tv-card--pad-lg{padding:var(--space-6)}.tv-card--flat{box-shadow:none;background:var(--color-bg-surface);border-color:transparent}.tv-card--highlight{border-color:var(--color-primary);background:linear-gradient(180deg,#fff,#fffbf0);box-shadow:0 6px 20px #ffb7032e}.tv-card--clickable{cursor:pointer;touch-action:manipulation}.tv-card--clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #40352f24}.tv-card--clickable:active{transform:translateY(1px)}.tv-progress-container{display:flex;flex-direction:column;gap:var(--space-1);width:100%}.tv-progress-header{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:700;color:var(--color-text-muted)}.tv-progress-track{height:16px;background:var(--color-bg-surface);border-radius:var(--radius-pill);overflow:hidden;border:1.5px solid var(--color-border-soft);box-shadow:inset 0 2px 4px #0000000f;position:relative}.tv-progress-fill{height:100%;border-radius:var(--radius-pill);transition:width .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.tv-progress-fill--sky{background:linear-gradient(90deg,#4cc9f0,#38bae0)}.tv-progress-fill--primary{background:linear-gradient(90deg,#ffb703,#ffa200)}.tv-progress-fill--success{background:linear-gradient(90deg,#70c174,#5fb463)}.tv-progress-fill--purple{background:linear-gradient(90deg,#9b7ede,#8a6acc)}.tv-progress-shine{position:absolute;top:1px;left:4px;right:4px;height:4px;background:#ffffff73;border-radius:var(--radius-pill)}.tv-footer{width:100%;position:relative;background:transparent;color:var(--color-text-main);margin-top:auto;flex-shrink:0}.tv-footer__wave{width:100%;line-height:0;color:#fff3d6}.tv-footer__wave svg{display:block;width:100%;height:48px}.tv-footer__main{background:linear-gradient(180deg,#fff3d6,#ffe9b8);border-bottom:4px solid #FFD166;padding:32px 24px 20px}.tv-footer__container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px}.tv-footer__brand-col{display:flex;flex-direction:column;gap:12px}.tv-footer__brand{display:flex;align-items:center;gap:10px}.tv-footer__brand-icon{font-size:38px;animation:tv-wiggle 3s infinite ease-in-out}.tv-footer__brand-name{font-family:var(--font-display);font-size:24px;font-weight:900;color:#b26a00;margin:0;line-height:1.1;letter-spacing:.5px}.tv-footer__brand-sub{font-family:var(--font-family-friendly);font-size:13px;font-weight:700;color:#7e6f65}.tv-footer__brand-desc{font-size:14px;line-height:1.6;color:#5c5046;margin:0;max-width:360px}.tv-footer__badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tv-footer-safe-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-family-friendly);font-size:12px;font-weight:800;background:#fff;border:1.5px solid #FFD166;border-radius:var(--radius-pill);padding:5px 12px;color:#8c5300;box-shadow:0 2px 4px #0000000a}.tv-footer-safe-badge--green{border-color:#06d6a0;color:#047a5a}.tv-footer__col-title{font-family:var(--font-display);font-size:16px;font-weight:900;color:#40352f;margin:0 0 14px;display:flex;align-items:center;gap:6px}.tv-footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.tv-footer__links button{background:none;border:none;padding:0;font-family:var(--font-family-friendly);font-size:14px;font-weight:700;color:#5c5046;cursor:pointer;text-align:left;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease}.tv-footer__links button:hover{color:#b26a00;transform:translate(4px)}.tv-footer-speech-card{background:#fff;border:2.5px solid #FFD166;border-radius:20px;padding:16px 18px;box-shadow:0 6px #ecc94b,0 8px 16px #0000000d;display:flex;flex-direction:column;gap:12px;position:relative}.tv-footer-speech-card__bubble{font-size:13.5px;line-height:1.5;color:#40352f;font-style:italic;font-weight:600}.tv-footer-speech-card__author{display:flex;align-items:center;gap:8px;font-size:13px;color:#b26a00}.tv-footer-mascot-emoji{font-size:20px}.tv-footer__bottom{max-width:1280px;margin:28px auto 0;padding-top:18px;border-top:1.5px dashed rgba(178,106,0,.25)}.tv-footer__bottom-inner{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.tv-footer__copyright{font-size:13px;color:#7e6f65;margin:0}.tv-footer__bottom-tags{font-size:12px;font-weight:700;color:#b26a00}@media (min-width: 900px){.tv-footer__wave svg{height:64px}.tv-footer__main{padding:40px 48px 24px}.tv-footer__container{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}.tv-footer__bottom-inner{flex-direction:row;justify-content:space-between;text-align:left}}.tv-home-screen{flex:1;display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:110px;position:relative;box-sizing:border-box}.tv-home-container{display:flex;flex-direction:column;width:100%}.tv-home-hero{position:relative;background-size:cover;background-position:center bottom;background-repeat:no-repeat;padding:var(--space-5) var(--space-4) var(--space-4);display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 24px #ffb70326;border-bottom:4px solid var(--color-primary-light)}.tv-home-hero__decorations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:1}.tv-hero-cloud{position:absolute;font-size:2.5rem;opacity:.85;filter:drop-shadow(0 4px 6px rgba(0,0,0,.06))}.tv-hero-cloud--1{top:12px;left:5%;animation:tv-float-clouds 6s infinite ease-in-out}.tv-hero-cloud--2{top:30px;right:8%;font-size:3rem;animation:tv-float-clouds 8s infinite ease-in-out reverse}.tv-hero-star{position:absolute;font-size:1.4rem}.tv-hero-star--1{top:25%;left:28%;animation:tv-star-twinkle 2.5s infinite ease-in-out}.tv-hero-star--2{bottom:20%;right:25%;animation:tv-star-twinkle 3s infinite ease-in-out .8s}.tv-hero-star--3{top:15%;right:35%;animation:tv-star-twinkle 2.2s infinite ease-in-out .4s}.tv-hero-balloon{position:absolute;bottom:15px;left:12%;font-size:2.2rem;animation:mascotFloat 4s infinite ease-in-out}.tv-home-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff8e859,#fff8e8d9);pointer-events:none}.tv-home-hero__content{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.tv-home-hero__mascot{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.tv-home-hero__mascot:hover{transform:scale(1.05)}.tv-home-mascot-speech{position:relative;background:#fff;border:3px solid #FFB703;border-radius:20px;padding:10px 16px;max-width:260px;text-align:center;box-shadow:0 6px 14px #ffb70340;margin-bottom:8px;animation:tv-speech-pop .35s cubic-bezier(.34,1.56,.64,1)}.tv-home-mascot-speech:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);border-width:10px 10px 0;border-style:solid;border-color:#FFB703 transparent transparent;display:block;width:0}.tv-home-mascot-speech__text{font-family:var(--font-family-friendly);font-size:var(--fs-sm);font-weight:800;color:var(--color-text-main);display:block}.tv-home-mascot-speech__tip{font-size:.72rem;font-weight:800;color:#b26a00;margin-top:3px;display:block}.tv-home-hero__details{display:flex;flex-direction:column;width:100%;gap:var(--space-3)}.tv-home-hero__heading{display:none}.tv-home-hero__badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tv-home-hero__actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.tv-home-hero__coin-pill{background:#fff0c2;color:#b26a00;font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:800;padding:4px 12px;border-radius:var(--radius-pill);border:1px solid #FFB703;display:inline-flex;align-items:center;gap:4px}.tv-home-guest-callout{margin-top:10px;background:#ffffffeb;border:2px dashed #FFB703;border-radius:16px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 4px 10px #ffb7031f}.tv-home-guest-text{font-family:var(--font-family-friendly);font-size:13px;color:#7b4b00}.tv-home-guest-btn{padding:8px 14px!important;font-size:12px!important;white-space:nowrap}.tv-home-cta-btn{font-size:1.25rem!important;min-height:66px!important;padding:0 28px!important;display:flex;align-items:center;justify-content:center;gap:12px;border:2px solid #FFF8E8;animation:gentlePulse 2.8s infinite ease-in-out}.tv-home-cta-icon{font-size:1.6rem}.tv-home-cta-label{font-weight:900;letter-spacing:.5px}.tv-home-cta-rocket{font-size:1.5rem;display:inline-block;animation:tv-wiggle 1.5s infinite ease-in-out}.tv-home-progress-card{display:flex;flex-direction:column;gap:var(--space-2);background:#fff!important;border:2px solid var(--color-border-soft);border-radius:var(--radius-md)!important;box-shadow:0 4px 0 var(--color-border-soft)!important}.tv-home-progress-info{display:flex;justify-content:space-between;font-family:var(--font-family-friendly);font-size:var(--fs-sm);font-weight:800}.tv-home-level-tag{color:var(--color-text-main)}.tv-home-xp-tag{color:#b26a00}.tv-home-activities{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.tv-home-section-header{display:none}.tv-home-grid{display:flex;flex-direction:column;gap:var(--space-3)}.tv-home-card{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:18px 20px!important;cursor:pointer;background:#fff;border-radius:22px;border:3px solid var(--color-border-soft);box-shadow:0 6px 0 var(--color-border-soft),0 8px 16px #0000000a;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.tv-home-card:active{transform:translateY(4px)!important;box-shadow:0 2px 0 var(--color-border-soft)!important}.tv-home-card__badge{position:absolute;top:-11px;left:18px;font-family:var(--font-family-friendly);font-size:.68rem;font-weight:900;letter-spacing:.5px;padding:2px 10px;border-radius:999px;color:#fff;box-shadow:0 2px 6px #0000001f;z-index:2}.tv-home-card__badge--coral{background:linear-gradient(135deg,#ff9f1c,#ff6b6b)}.tv-home-card__badge--sky{background:linear-gradient(135deg,#4cc9f0,#118ab2)}.tv-home-card__badge--success{background:linear-gradient(135deg,#38e4b7,#06d6a0)}.tv-home-card__badge--purple{background:linear-gradient(135deg,#b5838d,#9d4edd)}.tv-home-card--daily{border-color:#ffd166;box-shadow:0 6px #e0a020,0 8px 14px #ffd16633}.tv-home-card--daily:hover{border-color:#ff9f1c;box-shadow:0 10px #d47a00,0 14px 22px #ff9f1c40}.tv-home-card--journey{border-color:#a0e4f8;box-shadow:0 6px #2ba0c4,0 8px 14px #4cc9f033}.tv-home-card--journey:hover{border-color:#4cc9f0;box-shadow:0 10px #118ab2,0 14px 22px #118ab240}.tv-home-card--practice{border-color:#a3eed7;box-shadow:0 6px #059d75,0 8px 14px #06d6a033}.tv-home-card--practice:hover{border-color:#06d6a0;box-shadow:0 10px #047a5a,0 14px 22px #06d6a040}.tv-home-card--collection{border-color:#dec3f5;box-shadow:0 6px #7326b8,0 8px 14px #9d4edd33}.tv-home-card--collection:hover{border-color:#9d4edd;box-shadow:0 10px #5e1a96,0 14px 22px #9d4edd40}.tv-home-card__icon-wrap{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;box-shadow:0 4px #0000001a;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.tv-home-card:hover .tv-home-card__icon-wrap{transform:scale(1.15) rotate(6deg)}.tv-home-card__icon-wrap--coral{background:#fff0c2;border:2px solid #FF9F1C}.tv-home-card__icon-wrap--sky{background:#e0f7fd;border:2px solid #4CC9F0}.tv-home-card__icon-wrap--success{background:#e5f6e6;border:2px solid #06D6A0}.tv-home-card__icon-wrap--purple{background:#f4ebfd;border:2px solid #9D4EDD}.tv-home-card__content{flex:1;display:flex;flex-direction:column;gap:3px}.tv-home-card__title{margin:0;font-family:var(--font-family-friendly);font-size:var(--fs-md);font-weight:800;color:var(--color-text-main)}.tv-home-card__desc{margin:0;font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:600;color:var(--color-text-muted)}.tv-home-card__arrow{font-size:1.25rem;font-weight:900;color:var(--color-text-muted);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.tv-home-card:hover .tv-home-card__arrow{transform:translate(6px) scale(1.2);color:var(--color-primary-shadow)}@media (min-width: 900px){.tv-home-screen{padding-bottom:0;overflow:visible}.tv-home-container{max-width:1280px;margin:0 auto;padding:24px 32px 36px;gap:28px;box-sizing:border-box}.tv-home-hero{border-radius:28px;padding:32px 44px;min-height:260px;box-shadow:0 12px 32px #40352f14;border:3px solid #F0E6D2}.tv-home-hero__content{flex-direction:row;align-items:center;justify-content:space-between;gap:48px}.tv-home-hero__mascot{flex-shrink:0}.tv-home-hero__details{flex:1;gap:20px}.tv-home-hero__heading{display:flex;flex-direction:column;gap:8px}.tv-home-hero__pill{display:inline-block;align-self:flex-start;background:#fff0c2;color:#b26a00;font-family:var(--font-display);font-size:13px;font-weight:900;padding:5px 14px;border-radius:999px;border:2px solid #FFB703}.tv-home-hero__streak-pill{display:inline-block;align-self:flex-start;background:#ffeaea;color:#d94444;font-family:var(--font-display);font-size:13px;font-weight:900;padding:5px 14px;border-radius:999px;border:2px solid #FF6B6B}.tv-home-hero__title{font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--color-text-main);margin:0;line-height:1.25}.tv-home-hero__desc{font-size:15px;color:var(--color-text-muted);margin:0;line-height:1.5}.tv-home-hero__actions{flex-direction:row;align-items:center;gap:24px}.tv-home-cta-btn{min-height:64px!important;font-size:20px!important;padding:0 36px!important;white-space:nowrap;flex-shrink:0}.tv-home-progress-card{flex:1;margin:0;min-width:260px;border-radius:18px!important;padding:12px 20px!important;background:#fff!important;box-shadow:0 4px 12px #40352f0f}.tv-home-activities{padding:0;gap:18px}.tv-home-section-header{display:flex;align-items:baseline;gap:14px;margin-bottom:4px}.tv-home-section-title{font-family:var(--font-display);font-size:22px;font-weight:900;color:var(--color-text-main);margin:0}.tv-home-section-desc{font-size:14px;color:var(--color-text-muted);margin:0}.tv-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tv-home-card{flex-direction:column;align-items:flex-start;padding:24px 20px!important;border-radius:24px!important;gap:16px;position:relative}.tv-home-card:hover{transform:translateY(-6px)}.tv-home-card__arrow{position:absolute;top:24px;right:20px;font-size:18px}.tv-home-card__title{font-size:17px}.tv-home-card__desc{font-size:13px;line-height:1.45}}.tv-journey-screen{display:flex;flex-direction:column;min-height:100%;padding-bottom:84px;box-sizing:border-box}.tv-journey-header{position:relative;background-size:cover;background-position:center;padding:var(--space-4) var(--space-4) var(--space-5);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 16px #40352f14}.tv-journey-header__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff8e866,#fff8e8d9);pointer-events:none}.tv-journey-header__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.tv-journey-back-btn{align-self:flex-start;margin-bottom:var(--space-2)}.tv-journey-title{margin:0;font-family:var(--font-family-friendly);font-size:var(--fs-2xl);font-weight:900;color:var(--color-text-main)}.tv-journey-subtitle{margin:var(--space-1) 0 0;font-family:var(--font-family-friendly);font-size:var(--fs-sm);font-weight:600;color:var(--color-text-muted)}.tv-world-selector-bar{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tv-world-selector-bar::-webkit-scrollbar{display:none}.tv-world-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:2px solid var(--color-border-soft);border-radius:var(--radius-pill);box-shadow:0 3px 0 var(--color-border-soft);cursor:pointer;white-space:nowrap;touch-action:manipulation;transition:transform .1s ease,background .1s ease;font-family:var(--font-family-friendly);font-weight:800;font-size:var(--fs-sm);color:var(--color-text-main)}.tv-world-tab:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--color-border-soft)}.tv-world-tab--active{background:var(--color-sky-light);border-color:var(--color-sky);color:#11789b;box-shadow:0 4px 0 var(--color-sky-shadow)}.tv-world-tab--locked{opacity:.55;cursor:not-allowed;background:var(--color-bg-surface)}.tv-world-tab__num{width:24px;height:24px;background:var(--color-primary);color:var(--color-text-main);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xs);font-weight:900}.tv-world-tab--active .tv-world-tab__num{background:var(--color-sky);color:#fff}.tv-journey-content{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.tv-world-hero-card{display:flex;align-items:center;gap:var(--space-4)}.tv-world-hero__image-wrap{width:100px;height:100px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;box-shadow:0 4px 12px #0000001f;border:2px solid #FFFFFF}.tv-world-hero__img{width:100%;height:100%;object-fit:cover;display:block}.tv-world-hero__info{display:flex;flex-direction:column;gap:var(--space-1)}.tv-world-hero__badge{font-size:var(--fs-xs);font-weight:800;color:#b26a00}.tv-world-hero__title{margin:0;font-family:var(--font-family-friendly);font-size:var(--fs-xl);font-weight:900;color:var(--color-text-main)}.tv-world-hero__desc{margin:0;font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:600;color:var(--color-text-muted);line-height:1.35}.tv-level-nodes-container{display:flex;flex-direction:column;gap:var(--space-3)}.tv-level-nodes-heading{margin:0;font-family:var(--font-family-friendly);font-size:var(--fs-md);font-weight:800;color:var(--color-text-main)}.tv-level-nodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-3)}.tv-level-node{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:2.5px solid var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-2);box-shadow:0 4px 0 var(--color-border-soft);transition:transform .1s ease,box-shadow .1s ease;position:relative;touch-action:manipulation;min-height:96px}.tv-level-node--unlocked{cursor:pointer}.tv-level-node--unlocked:active{transform:translateY(3px);box-shadow:0 1px 0 var(--color-border-soft)}.tv-level-node--current{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 4px 0 var(--color-primary-shadow);animation:gentlePulse 3s infinite ease-in-out}.tv-level-node--locked{background:var(--color-bg-surface);opacity:.65;cursor:not-allowed}.tv-level-node__circle{width:44px;height:44px;border-radius:var(--radius-pill);background:var(--color-bg-surface);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-1)}.tv-level-node--unlocked .tv-level-node__circle{background:var(--color-sky);color:#fff}.tv-level-node--current .tv-level-node__circle{background:var(--color-primary);color:var(--color-text-main)}.tv-level-node__num{font-family:var(--font-family-friendly);font-size:var(--fs-md);font-weight:900}.tv-level-node__lock{font-size:1.1rem}.tv-level-node__stars{display:flex;gap:2px;font-size:.75rem}.tv-node-star{opacity:.25;filter:grayscale(1)}.tv-node-star--earned{opacity:1;filter:none}.tv-level-node__pulse-tag{position:absolute;top:-10px;background:var(--color-coral);color:#fff;font-family:var(--font-family-friendly);font-size:10px;font-weight:800;padding:2px 6px;border-radius:var(--radius-pill);white-space:nowrap;box-shadow:0 2px 4px #00000026}@media (min-width: 900px){.tv-journey-screen{padding-bottom:24px;max-width:1100px;margin:0 auto;width:100%;overflow-y:auto}.tv-journey-header{border-radius:24px;margin:20px 0}.tv-world-selector-bar{justify-content:center}.tv-level-nodes-grid{grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.tv-level-node{min-height:110px;padding:var(--space-4) var(--space-2)}.tv-level-node__circle{width:50px;height:50px}.tv-level-node__num{font-size:var(--fs-lg)}.tv-map-nodes{max-width:600px;margin:0 auto}}.tv-collection-screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:120px;background:var(--color-bg)}.tv-collection-header{padding:var(--space-6) var(--space-4) var(--space-4);background:linear-gradient(180deg,#ff8e5326,#fff0);text-align:center}.tv-collection-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-1)}.tv-collection-subtitle{font-size:var(--fs-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.tv-collection-tabs{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-3)}.tv-collection-tab{padding:10px 20px;border-radius:var(--radius-full);border:2px solid transparent;background:var(--color-surface);font-weight:700;font-size:var(--fs-sm);color:var(--color-text-secondary);box-shadow:var(--shadow-sm);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.tv-collection-tab:hover{transform:translateY(-2px)}.tv-collection-tab--active{background:var(--color-primary);color:#fff;border-color:#fff6;box-shadow:0 4px 12px #ff8e5359}.tv-collection-content{padding:var(--space-3) var(--space-4);max-width:600px;margin:0 auto}.tv-vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-3)}.tv-vocab-card{background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}.tv-vocab-card--unlocked:hover{transform:translateY(-4px) scale(1.02);border-color:var(--color-primary);box-shadow:0 8px 20px #ff8e5340}.tv-vocab-card--locked{opacity:.65;filter:grayscale(.6);cursor:not-allowed}.tv-vocab-card__img-wrap{width:100%;aspect-ratio:1 / 1;background:#fff5ea;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.tv-vocab-card__img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tv-vocab-card__lock-overlay{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#0000000d}.tv-vocab-lock-icon{font-size:2rem}.tv-vocab-card__footer{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;background:var(--color-surface)}.tv-vocab-card__word{font-family:var(--font-display);font-weight:800;font-size:var(--fs-base);color:var(--color-text)}.tv-vocab-card__audio-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:transform .15s}.tv-vocab-card__audio-btn:hover{transform:scale(1.2)}.tv-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.tv-badge-card{text-align:center;display:flex;flex-direction:column;align-items:center}.tv-badge-card__img-wrap{width:84px;height:84px;margin:0 auto var(--space-2);position:relative}.tv-badge-card__img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.tv-badge-card__img--gray{filter:grayscale(1) opacity(.5)}.tv-badge-card__lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.8rem}.tv-badge-card__title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--color-text);margin-bottom:var(--space-1)}.tv-badge-card__desc{font-size:var(--fs-xs);color:var(--color-text-secondary);margin-bottom:var(--space-2);flex:1}.tv-badge-card__status{font-size:var(--fs-xs);font-weight:700;padding:4px 10px;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-text-secondary)}.tv-badge-card__status--unlocked{background:#ebf8ff;color:#2b6cb0;border:1px solid #BEE3F8}.tv-vocab-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:tv-fade-in .2s ease-out}.tv-vocab-modal{background:var(--color-surface);width:100%;max-width:400px;border-radius:var(--radius-2xl);border:3px solid var(--color-primary);box-shadow:0 16px 32px #00000040;padding:var(--space-5);position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;animation:tv-pop-in .3s cubic-bezier(.34,1.56,.64,1)}.tv-vocab-modal__close-btn{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:var(--radius-full);border:none;background:var(--color-border);font-size:1.1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center}.tv-vocab-modal__img-wrap{width:160px;height:160px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);margin-bottom:var(--space-3);border:3px solid #FFF5EA}.tv-vocab-modal__img{width:100%;height:100%;object-fit:cover}.tv-vocab-modal__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.tv-vocab-modal__word{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800;color:var(--color-text)}.tv-vocab-modal__speaker-btn{background:#fff5ea;border:1px solid var(--color-primary);color:var(--color-primary);font-weight:700;padding:4px 12px;border-radius:var(--radius-full);cursor:pointer;font-size:var(--fs-sm);transition:transform .15s}.tv-vocab-modal__speaker-btn:hover{transform:scale(1.05)}.tv-vocab-modal__category{display:inline-block;font-size:var(--fs-xs);font-weight:700;color:var(--color-primary);background:#ff8e5326;padding:3px 10px;border-radius:var(--radius-full);margin-bottom:var(--space-2)}.tv-vocab-modal__meaning{font-size:var(--fs-base);color:var(--color-text);line-height:1.5;margin-bottom:var(--space-3)}.tv-vocab-modal__example{font-size:var(--fs-sm);font-style:italic;color:#2f855a;background:#f0fff4;padding:8px 14px;border-radius:var(--radius-md);margin-bottom:var(--space-4);line-height:1.4}.tv-vocab-card__fallback-box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff5ea}.tv-vocab-card__fallback-cat{font-size:var(--fs-xs);font-weight:800;color:var(--color-primary);background:#fff;padding:4px 10px;border-radius:var(--radius-full)}.tv-vocab-modal__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);font-weight:800;color:var(--color-primary);background:#fff5ea}.tv-chest-tab-content{display:flex;flex-direction:column;gap:var(--space-4)}.tv-chest-status-card{border:3px solid #ECC94B;background:#fffdf7}.tv-chest-status-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.tv-chest-status-img{width:80px;height:80px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 6px 12px rgba(236,201,75,.4));animation:tv-bounce 2s infinite ease-in-out}.tv-chest-status-info{text-align:left}.tv-chest-status-title{font-family:var(--font-display);font-size:var(--fs-base);font-weight:900;color:#744210;margin-bottom:4px}.tv-chest-status-desc{font-size:var(--fs-xs);color:var(--color-text-secondary);line-height:1.4;margin:0}.tv-chest-progress-box{margin-bottom:var(--space-4)}.tv-chest-progress-labels{display:flex;justify-content:space-between;font-size:var(--fs-xs);font-weight:800;color:var(--color-text);margin-bottom:6px}.tv-chest-open-cta{box-shadow:0 8px 18px #ff8e5359}.tv-chest-history-section{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-4);border:1.5px solid var(--color-border)}.tv-chest-history-heading{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--color-text);margin-bottom:var(--space-3);text-align:left}.tv-chest-history-empty{font-size:var(--fs-xs);color:var(--color-text-secondary);text-align:center;padding:var(--space-3)}.tv-chest-history-list{display:flex;flex-direction:column;gap:var(--space-2)}.tv-chest-history-item{display:flex;align-items:center;gap:var(--space-3);padding:8px 12px;background:#fffdf9;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.tv-chest-history-icon{font-size:1.5rem}.tv-chest-history-detail{flex:1;text-align:left;display:flex;flex-direction:column}.tv-chest-history-label{font-size:var(--fs-xs);font-weight:800;color:var(--color-text)}.tv-chest-history-date{font-size:10px;color:var(--color-text-secondary)}.tv-chest-history-badge{font-size:var(--fs-xs);font-weight:900;color:#b7791f;background:#fefcbf;padding:2px 8px;border-radius:var(--radius-full)}@media (min-width: 900px){.tv-collection-screen{padding-bottom:24px;max-width:1200px;margin:0 auto;width:100%;overflow-y:auto}.tv-vocab-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.tv-badge-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.tv-collection-guest-banner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;background:#fff9eb;border:1.5px dashed #FFB703;border-radius:var(--radius-full);padding:8px 18px;max-width:600px;margin:10px auto 0;font-size:var(--fs-xs);font-weight:700;color:#8c5300}.tv-collection-guest-login-btn{background:#ffb703;color:#fff;border:none;font-family:var(--font-display);font-size:11.5px;font-weight:900;padding:4px 12px;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px #dca010;transition:transform .15s ease}.tv-collection-guest-login-btn:hover{transform:translateY(-1px)}.tv-profile-screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:120px;background:var(--color-bg)}.tv-profile-hero{padding:var(--space-5) var(--space-4) var(--space-4);background:linear-gradient(180deg,#ffe8d6,#fff0);display:flex;flex-direction:column;align-items:center;text-align:center}.tv-profile-mascot-wrap{margin-bottom:var(--space-2)}.tv-profile-name{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:900;color:var(--color-text);margin-bottom:var(--space-1)}.tv-profile-title-badge{display:inline-block;font-size:var(--fs-sm);font-weight:800;color:#744210;background:#feebc8;padding:4px 16px;border-radius:var(--radius-full);border:1.5px solid #ECC94B}.tv-profile-body{padding:var(--space-3) var(--space-4);max-width:500px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.tv-profile-card{width:100%}.tv-profile-xp-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--fs-sm);font-weight:800}.tv-profile-card-lbl{color:var(--color-text)}.tv-profile-card-val{color:var(--color-primary)}.tv-profile-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.tv-profile-stat-box{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px}.tv-profile-stat-icon{font-size:2rem}.tv-profile-stat-number{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;color:var(--color-text)}.tv-profile-stat-title{font-size:var(--fs-xs);color:var(--color-text-secondary)}.tv-profile-section-title{font-family:var(--font-display);font-size:var(--fs-base);font-weight:800;color:var(--color-text);margin-bottom:var(--space-3)}.tv-profile-badges-row{display:flex;justify-content:space-around;gap:var(--space-2)}.tv-profile-badge-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.tv-profile-badge-item img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.12))}.tv-profile-badge-item span{font-size:var(--fs-xs);font-weight:700;color:var(--color-text)}.tv-profile-parent-link{text-align:center;margin-top:var(--space-3)}.tv-profile-parent-btn{background:none;border:1px dashed var(--color-border);padding:10px 18px;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:700;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.tv-profile-parent-btn:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}@media (min-width: 900px){.tv-profile-screen{padding-bottom:24px;max-width:900px;margin:0 auto;width:100%;overflow-y:auto}.tv-profile-body{max-width:700px}}.tv-profile-badges-row-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}.tv-profile-role-badge{display:inline-block;font-size:var(--fs-xs);font-weight:800;color:#1e40af;background:#dbeafe;padding:4px 14px;border-radius:var(--radius-full);border:1.5px solid #93C5FD}.tv-profile-guest-badge{display:inline-block;font-size:var(--fs-xs);font-weight:800;color:#4b5563;background:#e5e7eb;padding:4px 14px;border-radius:var(--radius-full)}.tv-profile-auth-card{background:linear-gradient(135deg,#fff9eb,#fff0c2)!important;border:2px dashed #FFB703!important;display:flex;flex-direction:column;gap:14px}.tv-profile-auth-content{display:flex;align-items:center;gap:14px}.tv-profile-auth-icon{font-size:32px}.tv-profile-auth-title{margin:0 0 4px;font-family:var(--font-display);font-size:15px;font-weight:900;color:#b26a00}.tv-profile-auth-desc{margin:0;font-size:13px;color:#66460d;line-height:1.4}.tv-profile-auth-btn{width:100%;padding:10px!important;font-size:13.5px!important}.tv-profile-account-card{background:#fff!important;border:2px solid #E2E8F0!important;border-radius:20px!important}.tv-profile-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tv-profile-account-name-tag{display:flex;align-items:center;gap:8px;margin-bottom:6px}.tv-profile-account-username{font-family:var(--font-display);font-weight:900;font-size:15px;color:#1a202c}.tv-profile-account-role-tag{font-size:11px;font-weight:800;background:#ebf8ff;color:#2b6cb0;padding:2px 8px;border-radius:var(--radius-full)}.tv-profile-account-coins{margin:0;font-size:13px;color:#4a5568}.tv-profile-account-actions{display:flex;align-items:center;gap:8px}.tv-profile-dash-btn{background:#ffb703;color:#fff;border:none;font-family:var(--font-display);font-size:12px;font-weight:900;padding:6px 14px;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px #dca010;transition:transform .15s ease}.tv-profile-dash-btn:hover{transform:translateY(-1px)}.tv-profile-logout-btn{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.25);font-family:var(--font-display);font-size:12px;font-weight:800;padding:6px 14px;border-radius:var(--radius-full);cursor:pointer;transition:background .15s ease}.tv-profile-logout-btn:hover{background:#ef444433}.tv-practice-screen{display:flex;flex-direction:column;min-height:100%;padding-bottom:84px;background:var(--color-bg);box-sizing:border-box}.tv-practice-banner{background:linear-gradient(180deg,#e0f2fe,#f0f9ff 60%,#f0f9ff66);padding:var(--space-4) var(--space-4) var(--space-5);border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl);box-shadow:0 4px 16px #0ea5e914}.tv-practice-banner__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.tv-practice-view-toggle{display:flex;background:#fff;padding:4px;border-radius:var(--radius-pill);border:2px solid var(--color-border-soft);box-shadow:0 2px 6px #0000000d}.tv-view-toggle-btn{border:none;background:transparent;padding:6px 14px;border-radius:var(--radius-pill);font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:800;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.tv-view-toggle-btn--active{background:var(--color-sky);color:#fff;box-shadow:0 2px 6px #0ea5e959}.tv-practice-banner__content{text-align:center;display:flex;flex-direction:column;align-items:center}.tv-practice-banner__badge{background:#0ea5e926;color:#0369a1;font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:900;padding:4px 14px;border-radius:var(--radius-pill);margin-bottom:var(--space-2);letter-spacing:.5px}.tv-practice-title{margin:0 0 var(--space-1);font-family:var(--font-family-friendly);font-size:var(--fs-2xl);font-weight:900;color:var(--color-text-main)}.tv-practice-subtitle{margin:0 auto var(--space-3);font-family:var(--font-family-friendly);font-size:var(--fs-sm);font-weight:600;color:var(--color-text-muted);max-width:540px;line-height:1.4}.tv-practice-stats-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.tv-practice-chip{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--color-border-soft);border-radius:var(--radius-pill);padding:4px 12px;box-shadow:0 2px 4px #0000000a}.tv-practice-chip__icon{font-size:14px}.tv-practice-chip__text{font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:800;color:var(--color-text-main)}.tv-practice-controls-panel{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}.tv-practice-toolbar{display:flex;flex-direction:column;gap:var(--space-2)}@media (min-width: 640px){.tv-practice-toolbar{flex-direction:row;align-items:center}}.tv-practice-search-box{flex:1;position:relative;display:flex;align-items:center}.tv-practice-search-icon{position:absolute;left:14px;font-size:16px;pointer-events:none;opacity:.65}.tv-practice-search-input{width:100%;padding:10px 40px;border:2px solid var(--color-border-soft);border-radius:var(--radius-pill);font-family:var(--font-family-friendly);font-size:var(--fs-sm);font-weight:700;color:var(--color-text-main);background:#fff;outline:none;box-shadow:0 2px 6px #0000000a;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.tv-practice-search-input:focus{border-color:var(--color-sky);box-shadow:0 0 0 3px #0ea5e933}.tv-practice-search-clear{position:absolute;right:12px;background:var(--color-border-soft);border:none;width:22px;height:22px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--color-text-muted);cursor:pointer}.tv-practice-random-cta{flex-shrink:0;box-shadow:0 4px 12px #f59e0b59}.tv-practice-filters{display:flex;flex-direction:column;gap:var(--space-2)}.tv-filter-row{display:flex;align-items:center;gap:var(--space-2);overflow:hidden}.tv-filter-title{flex-shrink:0;font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:800;color:var(--color-text-muted);width:76px}.tv-filter-pills-scroll{display:flex;gap:var(--space-1);overflow-x:auto;padding:4px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tv-filter-pills-scroll::-webkit-scrollbar{display:none}.tv-pill{padding:5px 12px;border-radius:var(--radius-pill);border:2px solid var(--color-border-soft);background:#fff;font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:800;color:var(--color-text-main);cursor:pointer;white-space:nowrap;box-shadow:0 2px 0 var(--color-border-soft);transition:transform .1s ease,background .1s ease;touch-action:manipulation}.tv-pill:active{transform:translateY(2px);box-shadow:none}.tv-pill--active{background:var(--color-sky-light);border-color:var(--color-sky);color:#0369a1;box-shadow:0 3px 0 var(--color-sky-shadow)}.tv-pill--fav.tv-pill--active{background:#fee2e2;border-color:#ef4444;color:#b91c1c;box-shadow:0 3px #f87171}.tv-practice-main-content{padding:0 var(--space-4);max-width:1100px;margin:0 auto;width:100%;box-sizing:border-box}.tv-practice-results-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);font-family:var(--font-family-friendly);font-size:var(--fs-xs);color:var(--color-text-muted)}.tv-practice-count strong{color:var(--color-text-main);font-weight:900}.tv-practice-query-tag{background:var(--color-sky-light);color:#0369a1;padding:2px 8px;border-radius:var(--radius-pill);font-weight:800}.tv-practice-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);background:#fff;border:2px dashed var(--color-border-soft);border-radius:var(--radius-xl);margin:var(--space-4) 0}.tv-practice-empty__icon{font-size:3rem;margin-bottom:var(--space-2)}.tv-practice-empty__title{margin:0 0 var(--space-1);font-family:var(--font-family-friendly);font-size:var(--fs-lg);font-weight:900;color:var(--color-text-main)}.tv-practice-empty__desc{margin:0 0 var(--space-4);font-family:var(--font-family-friendly);font-size:var(--fs-xs);color:var(--color-text-muted);max-width:360px}.tv-flashcard-stage{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin:var(--space-2) auto var(--space-6);max-width:480px;width:100%}.tv-flashcard-meta{display:flex;flex-direction:column;align-items:center;gap:2px}.tv-flashcard-counter{font-family:var(--font-family-friendly);font-size:var(--fs-sm);font-weight:900;color:#0369a1;background:#e0f2fe;padding:3px 14px;border-radius:var(--radius-pill)}.tv-flashcard-tip{font-family:var(--font-family-friendly);font-size:11px;color:var(--color-text-muted)}.tv-flashcard-container{width:100%;aspect-ratio:4 / 4.8;max-height:480px;perspective:1200px;cursor:pointer;-webkit-user-select:none;user-select:none}.tv-flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}.tv-flashcard-container--flipped .tv-flashcard-inner{transform:rotateY(180deg)}.tv-flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:28px;background:#fff;border:3px solid var(--color-border-soft);box-shadow:0 10px 28px #00000014,0 4px 0 var(--color-border-soft);display:flex;flex-direction:column;padding:var(--space-4);box-sizing:border-box}.tv-flashcard-face--front{justify-content:space-between}.tv-flashcard-header{display:flex;align-items:center;justify-content:space-between;width:100%}.tv-flashcard-category{font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:800;padding:4px 12px;border-radius:var(--radius-pill)}.tv-flashcard-fav-btn{background:#fff1f2;border:1.5px solid #FECDD3;width:36px;height:36px;border-radius:var(--radius-pill);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.tv-flashcard-fav-btn:hover{transform:scale(1.15)}.tv-flashcard-visual{flex:1;display:flex;align-items:center;justify-content:center;margin:var(--space-2) 0}.tv-flashcard-img{max-width:160px;max-height:160px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.12))}.tv-flashcard-emoji-circle{width:130px;height:130px;border-radius:var(--radius-pill);background:radial-gradient(circle,#fef3c7,#fde68a);display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #f59e0b33;border:3px solid #FFFFFF}.tv-flashcard-emoji{font-size:64px}.tv-flashcard-word-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.tv-flashcard-word{margin:0;font-family:var(--font-family-friendly);font-size:2.2rem;font-weight:900;color:var(--color-text-main);letter-spacing:2px}.tv-flashcard-len-badge{font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:800;color:var(--color-text-muted);background:var(--color-bg-surface);padding:2px 10px;border-radius:var(--radius-pill)}.tv-flashcard-audio-row{margin:var(--space-2) 0}.tv-flashcard-listen-btn{background:linear-gradient(135deg,#ffedd5,#fed7aa);border:2px solid #FB923C;border-radius:var(--radius-pill);padding:8px 18px;font-family:var(--font-family-friendly);font-size:var(--fs-sm);font-weight:900;color:#9a3412;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 3px #ea580c;transition:transform .1s ease}.tv-flashcard-listen-btn:active{transform:translateY(2px);box-shadow:none}.tv-flashcard-listen-btn--speaking{animation:pulseListen .8s infinite alternate ease-in-out;background:#fed7aa}@keyframes pulseListen{0%{transform:scale(1)}to{transform:scale(1.08)}}.tv-flashcard-flip-prompt{font-family:var(--font-family-friendly);font-size:11px;font-weight:700;color:var(--color-text-muted);opacity:.8}.tv-flashcard-face--back{transform:rotateY(180deg);background:linear-gradient(180deg,#fff,#f8fafc);justify-content:space-between}.tv-flashcard-back-title{font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:900;color:#0369a1;background:#e0f2fe;padding:4px 12px;border-radius:var(--radius-pill)}.tv-flashcard-back-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.tv-flashcard-back-word{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-friendly);font-size:var(--fs-xl);font-weight:900;color:var(--color-text-main)}.tv-flashcard-back-audio{background:#e0f2fe;border:1.5px solid #BAE6FD;width:32px;height:32px;border-radius:var(--radius-pill);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.tv-flashcard-meaning{font-family:var(--font-family-friendly);font-size:var(--fs-md);font-weight:700;color:var(--color-text-main);line-height:1.45;margin:0;padding:0 var(--space-2)}.tv-flashcard-example-box{background:#f0fdf4;border:1.5px dashed #86EFAC;border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-align:left;width:100%;box-sizing:border-box}.tv-example-label{display:block;font-family:var(--font-family-friendly);font-size:11px;font-weight:900;color:#166534;margin-bottom:2px}.tv-example-text{font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:600;color:#14532d;margin:0;line-height:1.35}.tv-flashcard-clue{font-family:var(--font-family-friendly);font-size:var(--fs-xs);color:var(--color-text-muted)}.tv-flashcard-clue strong{color:#d97706;font-size:var(--fs-base)}.tv-flashcard-actions-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%}.tv-flashcard-play-now{flex:1;box-shadow:0 4px 14px #f59e0b66}.tv-practice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.tv-practice-candy-card{display:flex;flex-direction:column;justify-content:space-between;background:#fff;border:2px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:0 3px 0 var(--color-border-soft);cursor:pointer;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;overflow:hidden;box-sizing:border-box}.tv-practice-candy-card:hover{transform:translateY(-4px);border-color:var(--color-sky);box-shadow:0 8px 16px #0ea5e926,0 3px 0 var(--color-sky)}.tv-candy-card__header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 4px}.tv-candy-card__cat{font-family:var(--font-family-friendly);font-size:10px;font-weight:800;padding:2px 8px;border-radius:var(--radius-pill)}.tv-candy-card__top-actions{display:flex;align-items:center;gap:4px}.tv-candy-card__fav-btn,.tv-candy-card__audio-btn{background:none;border:none;font-size:15px;cursor:pointer;padding:2px;border-radius:var(--radius-pill);transition:transform .15s ease}.tv-candy-card__fav-btn:hover,.tv-candy-card__audio-btn:hover{transform:scale(1.25)}.tv-candy-card__audio-btn--speaking{animation:pulseAudio .6s infinite alternate}@keyframes pulseAudio{0%{transform:scale(1)}to{transform:scale(1.3)}}.tv-candy-card__visual{width:100%;height:84px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#f8fafc,#f1f5f9);border-radius:var(--radius-md);margin:4px 0}.tv-candy-card__img{max-width:70px;max-height:70px;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.tv-candy-card__emoji-wrap{width:54px;height:54px;border-radius:var(--radius-pill);background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000000f}.tv-candy-card__emoji{font-size:28px}.tv-candy-card__body{padding:6px 10px;display:flex;flex-direction:column;gap:4px}.tv-candy-card__word-row{display:flex;align-items:baseline;justify-content:space-between}.tv-candy-card__word{font-family:var(--font-family-friendly);font-size:var(--fs-md);font-weight:900;color:var(--color-text-main)}.tv-candy-card__length{font-family:var(--font-family-friendly);font-size:10px;font-weight:800;color:var(--color-text-muted)}.tv-candy-card__meaning{margin:0;font-family:var(--font-family-friendly);font-size:11px;font-weight:600;color:var(--color-text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:30px}.tv-candy-card__footer{padding:6px 10px 8px;border-top:1px solid var(--color-bg-surface);text-align:right;background:#fafbfd}.tv-candy-card__cta{font-family:var(--font-family-friendly);font-size:11px;font-weight:900;color:var(--color-sky);transition:color .1s ease}.tv-practice-candy-card:hover .tv-candy-card__cta{color:#0284c7;text-decoration:underline}@media (min-width: 900px){.tv-practice-screen{padding-bottom:24px;max-width:1200px;margin:0 auto;width:100%}.tv-practice-banner{border-radius:24px;margin:16px 0;padding:var(--space-5) var(--space-6)}.tv-practice-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--space-4)}.tv-candy-card__visual{height:100px}.tv-candy-card__img{max-width:84px;max-height:84px}.tv-candy-card__emoji{font-size:34px}.tv-candy-card__emoji-wrap{width:64px;height:64px}}.tv-parent-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1350;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:tv-fade-in .2s ease-out}.tv-parent-modal{background:var(--color-surface);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;border-radius:var(--radius-2xl);border:3px solid #718096;box-shadow:0 20px 45px #00000059;padding:var(--space-5);position:relative;animation:tv-pop-in .25s cubic-bezier(.34,1.56,.64,1)}.tv-parent-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1.5px solid var(--color-border)}.tv-parent-title-group{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.tv-parent-modal__title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;color:var(--color-text);margin:0}.tv-parent-badge{font-size:10px;font-weight:800;color:#4a5568;background:#edf2f7;padding:2px 8px;border-radius:var(--radius-full)}.tv-parent-modal__close-btn{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--color-border);font-size:1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center}.tv-parent-gate-methods{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.tv-gate-tab{flex:1;padding:8px 12px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:#f7fafc;font-size:var(--fs-xs);font-weight:700;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.tv-gate-tab--active{background:#edf2f7;border-color:#718096;color:var(--color-text)}.tv-parent-gate-desc{font-size:var(--fs-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3);line-height:1.5;text-align:center}.tv-parent-gate-math{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-4);padding:var(--space-3);background:#f7fafc;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.tv-parent-gate-input{width:70px;height:48px;border:2px solid var(--color-primary);border-radius:var(--radius-md);text-align:center;font-size:var(--fs-xl);font-weight:800;color:var(--color-primary);outline:none}.tv-parent-error{color:#e53e3e;font-size:var(--fs-xs);font-weight:700;margin-bottom:var(--space-3);text-align:center}.tv-parent-hold-btn{width:100%;height:54px;position:relative;border-radius:var(--radius-lg);border:2px dashed #718096;background:#f7fafc;overflow:hidden;cursor:pointer;margin-bottom:var(--space-3)}.tv-parent-hold-fill{position:absolute;top:0;left:0;bottom:0;background:#48bb78;transition:width .05s linear}.tv-parent-hold-text{position:relative;z-index:2;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--color-text);display:flex;align-items:center;justify-content:center;height:100%;-webkit-user-select:none;user-select:none}.tv-parent-nav-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-2)}.tv-parent-nav-tab{flex:1;padding:8px 12px;border-radius:var(--radius-md);border:none;background:none;font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;color:var(--color-text-secondary);cursor:pointer}.tv-parent-nav-tab--active{background:#edf2f7;color:#2d3748}.tv-parent-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-4)}.tv-parent-stat-box{text-align:center;background:#f7fafc}.tv-parent-stat-val{display:block;font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;color:var(--color-primary)}.tv-parent-stat-lbl{font-size:var(--fs-xs);color:var(--color-text-secondary)}.tv-parent-subheading{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;color:var(--color-text);margin-bottom:var(--space-2);text-align:left}.tv-parent-chart-section{background:#f7fafc;padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.tv-parent-bars{display:flex;align-items:flex-end;justify-content:space-around;height:80px;padding-top:var(--space-2)}.tv-parent-bar-col{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.tv-parent-bar{width:18px;background:#4299e1;border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:8px;transition:height .3s ease}.tv-parent-bar-lbl{font-size:10px;font-weight:700;color:var(--color-text-secondary)}.tv-parent-tricky-section{background:#fffdf0;border:1px solid #ECC94B;padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.tv-parent-tricky-list{display:flex;flex-direction:column;gap:var(--space-1)}.tv-parent-tricky-item{display:flex;align-items:center;justify-content:space-between;padding:4px 0;border-bottom:1px dashed #ECC94B}.tv-parent-tricky-item:last-child{border-bottom:none}.tv-parent-tricky-word{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:900;color:#b7791f}.tv-parent-tricky-note{font-size:11px;color:#744210}.tv-parent-section{background:#f7fafc;padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.tv-parent-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.tv-parent-row:last-child{border-bottom:none}.tv-parent-row-info{display:flex;flex-direction:column;text-align:left}.tv-parent-row-title{font-size:var(--fs-xs);font-weight:800;color:var(--color-text)}.tv-parent-row-desc{font-size:10px;color:var(--color-text-secondary)}.tv-parent-toggle{padding:5px 12px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--fs-xs);font-weight:700;cursor:pointer}.tv-parent-toggle--active{background:#c6f6d5;color:#22543d;border-color:#9ae6b4}.tv-parent-select{padding:6px 10px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);font-size:var(--fs-xs);font-weight:700}.tv-parent-danger-section{background:#fff5f5;border:1px solid #FEB2B2;padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-4);text-align:left}.tv-parent-danger-heading{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:800;color:#c53030;margin-bottom:4px}.tv-parent-danger-desc{font-size:10px;color:#742a2a;margin-bottom:var(--space-2)}.tv-parent-confirm-box{background:#fff;border:1.5px solid #E53E3E;border-radius:var(--radius-md);padding:var(--space-2)}.tv-parent-confirm-warn{font-size:11px;font-weight:700;color:#c53030;margin-bottom:var(--space-2)}.tv-parent-confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.tv-parent-danger-confirm-btn{background:#e53e3e;color:#fff;border:none;border-radius:var(--radius-full);padding:4px 12px;font-size:11px;font-weight:800;cursor:pointer}.tv-parent-bottom-action{margin-top:var(--space-2)}.tv-tile{width:58px;height:58px;max-width:14vw;max-height:14vw;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:var(--font-family-friendly);font-size:var(--fs-xl);font-weight:900;text-transform:uppercase;border:3px solid #E4D5B9;background:linear-gradient(180deg,#fff,#fff9f0);color:var(--color-text-main);box-sizing:border-box;box-shadow:0 5px #d0c0a2,inset 0 2px #ffffffe6;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease;-webkit-user-select:none;user-select:none;position:relative}.tv-tile--filled{border-color:#ffb703;background:linear-gradient(180deg,#fff,#fff5d6);color:#613c00;animation:tv-jelly-pop .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 6px #dca010,inset 0 2px #ffffffe6,0 4px 10px #ffb70333;transform:translateY(-2px)}.tv-tile--correct{background:linear-gradient(180deg,#8ee092,#5eb463);border-color:#438f47;color:#fff;text-shadow:0 1.5px 2px rgba(0,0,0,.25);box-shadow:0 6px #36753a,inset 0 2px #fff9;animation:tileFlipIn .5s ease}.tv-tile--present{background:linear-gradient(180deg,#ffce47,#ffb703);border-color:#d68b00;color:#fff;text-shadow:0 1.5px 2px rgba(0,0,0,.25);box-shadow:0 6px #b87600,inset 0 2px #fff9;animation:tileFlipIn .5s ease}.tv-tile--absent{background:linear-gradient(180deg,#e8dfd3,#d8cebe);border-color:#bdb19f;color:#7a6f62;box-shadow:0 4px #a89b88,inset 0 2px #ffffff80;animation:tileFlipIn .5s ease}.tv-tile--winning{animation:bounceSuccess .8s ease infinite}.tv-tile__char{line-height:1;display:inline-block;transform:translateY(-1px)}@media (max-width: 380px){.tv-tile{width:48px;height:48px;font-size:var(--fs-lg);border-radius:12px;border-width:2.5px;box-shadow:0 4px #d0c0a2}}@media (min-width: 900px){.tv-tile{width:72px;height:72px;font-size:32px;max-width:none;max-height:none;border-radius:20px;border-width:3.5px;box-shadow:0 7px #d0c0a2,inset 0 3px #ffffffe6}.tv-tile--filled{box-shadow:0 8px #dca010,inset 0 3px #ffffffe6}.tv-tile--correct{box-shadow:0 8px #36753a,inset 0 3px #fff9}.tv-tile--present{box-shadow:0 8px #b87600,inset 0 3px #fff9}.tv-tile--absent{box-shadow:0 5px #a89b88}}.tv-board-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.tv-board-rule-tip{display:flex;align-items:center;gap:8px;background:#fef3c7;border:1.5px solid #FCD34D;border-radius:var(--radius-pill);padding:6px 14px;font-family:var(--font-family-friendly);font-size:12px;color:#92400e;max-width:500px;text-align:center;box-shadow:0 2px 4px #0000000a}.tv-rule-tip-icon{font-size:15px;flex-shrink:0}.tv-board-container{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;padding:var(--space-2) 0;-webkit-user-select:none;user-select:none}.tv-board-row{display:flex;align-items:center;gap:8px;justify-content:center;position:relative}.tv-row-attempt-tag{font-family:var(--font-family-friendly);font-size:11px;font-weight:800;color:var(--color-text-muted);width:62px;text-align:right;flex-shrink:0;-webkit-user-select:none;user-select:none}.tv-row-attempt-tag--active{color:#d97706;font-weight:900;animation:gentlePulse 2s infinite ease-in-out}.tv-row-attempt-tag--done{color:#16a34a}.tv-board-row--future{opacity:.65}.tv-board-gap{width:var(--space-3);display:inline-block}.tv-board-row--active{cursor:pointer;border-radius:var(--radius-md);transition:transform .1s ease}.tv-board-row--active:hover{filter:brightness(1.03)}.tv-board-enter-prompt{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ffedd5,#fed7aa);border:2px solid #F97316;border-radius:var(--radius-pill);padding:6px 16px;font-family:var(--font-family-friendly);font-size:13px;font-weight:800;color:#9a3412;box-shadow:0 3px #ea580c,0 4px 12px #f9731640;animation:popIn .3s cubic-bezier(.34,1.56,.64,1)}.tv-enter-prompt-icon{font-size:16px;animation:tv-wiggle 1s infinite}@media (max-width: 480px){.tv-row-attempt-tag{display:none}.tv-board-row{gap:6px}.tv-board-rule-tip{font-size:11px;padding:4px 10px}}.tv-keyboard{display:flex;flex-direction:column;gap:6px;padding:8px 4px 12px;background:var(--color-surface);border-top:2px solid var(--color-border);box-shadow:0 -4px 16px #0000000a;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:all .2s ease-in-out}.tv-keyboard--collapsed{padding:6px 12px;background:transparent;border-top:none;box-shadow:none;align-items:center}.tv-keyboard-header-bar{display:flex;align-items:center;justify-content:space-between;padding:0 8px 4px}.tv-keyboard-title{font-family:var(--font-display);font-size:12px;font-weight:800;color:var(--color-text-sub)}.tv-keyboard-toggle-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;cursor:pointer;border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:#fff;color:var(--color-text-main);transition:all .12s ease}.tv-keyboard-toggle-btn--collapsed{padding:8px 18px;font-size:13px;box-shadow:0 3px 0 var(--color-border);background:#fff}.tv-keyboard-toggle-btn--collapsed:hover{background:#f7fafc;transform:translateY(-1px)}.tv-keyboard-toggle-btn--expanded{padding:3px 10px;font-size:11px;color:#718096}.tv-keyboard-toggle-btn--expanded:hover{background:#edf2f7;color:#2d3748}.tv-keyboard-toggle-icon{font-size:15px}.tv-keyboard-toggle-arrow{font-size:10px}.tv-keyboard-row{display:flex;justify-content:center;gap:4px}.tv-key{min-width:30px;flex:1;max-width:38px;height:48px;padding:0;border:2px solid #E2D7C5;border-radius:12px;background:linear-gradient(180deg,#fff,#f8f5ee);color:var(--color-text-main);font-family:var(--font-family-friendly);font-size:var(--fs-md);font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 4px #c9bca5,inset 0 1px #ffffffe6;cursor:pointer;transition:transform .1s cubic-bezier(.34,1.56,.64,1),box-shadow .1s ease;-webkit-user-select:none;user-select:none}.tv-key:hover{background:#fff;border-color:#ffb703}.tv-key:active{transform:translateY(3px)!important;box-shadow:0 1px #c9bca5!important}.tv-keyboard-row--tone{align-items:center;gap:6px;margin-bottom:4px;padding:4px 8px;background:linear-gradient(180deg,#fffdf5,#fff4d1);border-radius:16px;border:2px solid #FFD166;box-shadow:0 3px #deba3b}.tv-tone-label{font-size:var(--fs-xs);font-weight:900;color:#b7791f;margin-right:4px}.tv-key--tone{max-width:52px;height:42px;background:#fff;border:2px solid #FFD166;border-radius:10px;box-shadow:0 3px #deba3b;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;padding:2px}.tv-key-tone__symbol{font-size:var(--fs-sm);font-weight:900;color:#d69e2e}.tv-key-tone__name{font-size:9px;font-weight:800;color:#744210}.tv-key--correct{background:linear-gradient(180deg,#8ee092,#5eb463);border-color:#438f47;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px #36753a,inset 0 1px #fff9}.tv-key--present{background:linear-gradient(180deg,#ffce47,#ffb703);border-color:#d68b00;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px #b87600,inset 0 1px #fff9}.tv-key--absent{background:#e8dfd3;border-color:#cfc3b2;color:#9c8f80;box-shadow:0 3px #b8ab98;opacity:.65}.tv-key--wide{min-width:58px;flex:1.6;font-size:var(--fs-sm);font-weight:900}.tv-key--backspace{background:linear-gradient(180deg,#ffaaa6,#ff6b6b);border-color:#d94444;color:#fff;font-size:var(--fs-lg);box-shadow:0 4px #b52b2b,inset 0 1px #fff9}.tv-key--backspace:active{box-shadow:0 1px #b52b2b!important}.tv-key--enter{background:linear-gradient(180deg,#38e4b7,#06d6a0);border-color:#059d75;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px #047a5a,inset 0 1px #fff9}.tv-key--enter:active{box-shadow:0 1px #047a5a!important}@media (max-width: 400px){.tv-key{height:44px;font-size:var(--fs-sm);border-radius:10px}.tv-key--wide{min-width:48px;font-size:var(--fs-xs)}}.tv-hint-system{display:inline-block}.tv-hint-trigger-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 16px;border-radius:var(--radius-full);border:2px solid #ECC94B;background:#fffdf0;color:#b7791f;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;cursor:pointer;box-shadow:0 4px 10px #ecc94b40;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.tv-hint-trigger-btn:hover{transform:scale(1.05);background:#fefcbf}.tv-hint-trigger-btn--empty{opacity:.6;border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);box-shadow:none}.tv-hint-trigger-icon{font-size:1.2rem}.tv-hint-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:tv-fade-in .2s ease-out}.tv-hint-modal{background:var(--color-surface);width:100%;max-width:420px;border-radius:var(--radius-2xl);border:3px solid #ECC94B;box-shadow:0 16px 36px #00000040;padding:var(--space-5);animation:tv-pop-in .3s cubic-bezier(.34,1.56,.64,1)}.tv-hint-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.tv-hint-modal__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;color:#b7791f}.tv-hint-modal__close-btn{width:32px;height:32px;border-radius:var(--radius-full);border:none;background:var(--color-border);font-size:1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center}.tv-hint-modal__subtitle{font-size:var(--fs-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.tv-hint-options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.tv-hint-option-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:#fffdf7;cursor:pointer;text-align:left;transition:all .15s ease}.tv-hint-option-btn:hover{border-color:#ecc94b;background:#fffdf0;transform:translate(4px)}.tv-hint-option-btn--active{border-color:#d69e2e;background:#fefcbf}.tv-hint-option-icon{font-size:1.8rem;flex-shrink:0}.tv-hint-option-info{display:flex;flex-direction:column}.tv-hint-option-name{font-family:var(--font-display);font-size:var(--fs-base);font-weight:800;color:var(--color-text)}.tv-hint-option-desc{font-size:var(--fs-xs);color:var(--color-text-secondary)}.tv-hint-revealed-box{background:#fff9e6;border:2px dashed #ECC94B;border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-4);text-align:center;animation:tv-pop-in .25s ease-out}.tv-hint-vocab-img{width:140px;height:140px;border-radius:var(--radius-lg);object-fit:cover;border:3px solid #ECC94B;box-shadow:var(--shadow-md);margin:0 auto}.tv-hint-text{font-size:var(--fs-base);font-weight:700;color:#744210;line-height:1.5}.tv-hint-letter-badge{display:inline-block;padding:4px 14px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-family:var(--font-display);font-size:var(--fs-xl);font-weight:900;margin-left:var(--space-2)}.tv-hint-modal__footer{margin-top:var(--space-2)}.tv-question-card{background:linear-gradient(180deg,#fffdf7,#fff9e6);border:3px solid #FFD166;border-radius:22px;box-shadow:0 7px #deba3b,0 12px 24px #deba3b29;padding:16px 18px;margin:10px 12px;display:flex;flex-direction:column;gap:12px;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative}.tv-card-pin{position:absolute;top:-10px;font-size:14px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));-webkit-user-select:none;user-select:none}.tv-card-pin--left{left:18px}.tv-card-pin--right{right:18px}.tv-question-card__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.tv-question-card__badges{display:flex;align-items:center;gap:8px}.tv-badge{font-family:var(--font-family-friendly);font-size:13px;font-weight:800;padding:5px 12px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:5px;box-shadow:0 2px #0000000f}.tv-badge--category{background:#fff3c4;color:#744210;border:1.5px solid #FFD166}.tv-badge--length{background:#e0f7fd;color:#0e6c8c;border:1.5px solid #4CC9F0}.tv-question-card__audio-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(180deg,#ffb347,#ff9f1c);color:#fff;border:2px solid #FFF8E8;border-radius:var(--radius-pill);padding:8px 16px;font-family:var(--font-family-friendly);font-size:13px;font-weight:900;box-shadow:0 5px #d47a00,0 6px 12px #ff9f1c40;cursor:pointer;transition:all .15s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.tv-question-card__audio-btn:hover{transform:translateY(-2px);box-shadow:0 7px #d47a00,0 8px 16px #ff9f1c4d}.tv-question-card__audio-btn:active{transform:translateY(3px);box-shadow:0 2px #d47a00}.tv-question-card__audio-btn--speaking{background:linear-gradient(180deg,#38e4b7,#06d6a0);box-shadow:0 5px #059d75,0 0 16px #06d6a080;animation:gentlePulse 1.2s infinite ease-in-out}.tv-audio-icon{font-size:16px}.tv-audio-text{letter-spacing:.3px}.tv-audio-notes{display:inline-flex;align-items:center;gap:4px}.tv-note-item{display:inline-block;font-size:14px;animation:tv-note-bob .8s infinite alternate ease-in-out}.tv-note-item:nth-child(2){animation-delay:.3s}@keyframes tv-note-bob{0%{transform:translateY(0) scale(.9)}to{transform:translateY(-5px) scale(1.15) rotate(10deg)}}.tv-question-card__body{display:flex;align-items:flex-start;gap:12px;background:#fff;border:2px dashed #FFD166;border-radius:16px;padding:12px 16px;box-shadow:inset 0 2px 4px #00000005}.tv-question-icon{font-size:24px;line-height:1.1;flex-shrink:0;animation:tv-wiggle 3s infinite ease-in-out}.tv-question-text{font-family:var(--font-family-friendly);font-size:16px;font-weight:800;line-height:1.5;color:var(--color-text-main);margin:0}.tv-question-hints-section{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1.5px dashed rgba(222,186,59,.4)}.tv-hints-section-title{font-family:var(--font-family-friendly);font-size:12px;font-weight:800;color:#b45309}.tv-quick-hints-bar{display:flex;flex-wrap:wrap;gap:6px}.tv-hint-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-pill);border:1.5px solid #FCD34D;background:#fffbeb;font-family:var(--font-family-friendly);font-size:12px;font-weight:800;color:#92400e;cursor:pointer;box-shadow:0 2px #f59e0b;transition:all .12s ease;touch-action:manipulation}.tv-hint-chip:hover{background:#fef3c7;transform:translateY(-1px)}.tv-hint-chip:active{transform:translateY(2px);box-shadow:none}.tv-hint-chip--active{background:#fef08a;border-color:#eab308;color:#854d0e;box-shadow:0 3px #ca8a04}.tv-hint-chip--audio{background:#f0fdf4;border-color:#86efac;color:#166534;box-shadow:0 2px #22c55e}.tv-hint-chip--speaking{animation:gentlePulse .8s infinite alternate;background:#dcfce7}.tv-revealed-hint{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-lg);background:#fff;border:2px solid var(--color-border-soft);box-shadow:0 3px 8px #0000000a;animation:popIn .25s cubic-bezier(.34,1.56,.64,1)}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tv-revealed-hint--letter{background:#eff6ff;border-color:#93c5fd}.tv-revealed-label{font-family:var(--font-family-friendly);font-size:13px;font-weight:800;color:var(--color-text-main)}.tv-revealed-letter-box{width:36px;height:36px;border-radius:var(--radius-md);background:#3b82f6;color:#fff;font-family:var(--font-family-friendly);font-size:20px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 3px #1d4ed8;animation:gentlePulse 1.5s infinite}.tv-revealed-subtext{font-family:var(--font-family-friendly);font-size:11px;font-weight:700;color:#1d4ed8}.tv-revealed-hint--image{flex-direction:column;background:#fffdf5;border-color:#fde68a;padding:12px}.tv-revealed-img{max-width:100px;max-height:100px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.tv-revealed-emoji-box{width:72px;height:72px;border-radius:var(--radius-pill);background:#fef3c7;display:flex;align-items:center;justify-content:center;border:2px solid #FDE68A}.tv-revealed-emoji{font-size:44px}.tv-revealed-img-text{font-family:var(--font-family-friendly);font-size:12px;font-weight:800;color:#b45309}.tv-revealed-hint--example{flex-direction:column;align-items:flex-start;background:#f0fdf4;border-color:#86efac}.tv-revealed-example-text{font-family:var(--font-family-friendly);font-size:14px;font-weight:700;color:#15803d;margin:0;line-height:1.4}@media (min-width: 900px){.tv-question-card{padding:20px 24px;margin:0;gap:14px;border-radius:24px}.tv-badge{font-size:14px;padding:6px 14px}.tv-question-card__audio-btn{font-size:15px;padding:9px 20px}.tv-question-icon{font-size:28px}.tv-question-text{font-size:18px;line-height:1.6}.tv-hint-chip{font-size:13px;padding:6px 14px}}.tv-vocab-learning-card{width:100%;border:2.5px solid var(--color-primary-light);background:#fffdf9;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 24px #ff8e531f;text-align:left}.tv-vcard-top-tags{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.tv-vcard-category-tag{display:inline-block;padding:3px 12px;border-radius:var(--radius-full);background:#fff0e6;color:var(--color-primary);font-size:var(--fs-xs);font-weight:800;border:1px solid rgba(255,142,83,.3)}.tv-vcard-difficulty-tag{font-size:var(--fs-xs)}.tv-vcard-main{display:flex;flex-direction:column;align-items:center;text-align:center}.tv-vcard-img-wrap{width:140px;height:140px;border-radius:var(--radius-lg);overflow:hidden;border:3px solid #FFF5EA;box-shadow:var(--shadow-md);margin-bottom:var(--space-3);background:#fff}.tv-vcard-img{width:100%;height:100%;object-fit:cover}.tv-vcard-word-row{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.tv-vcard-word{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:900;color:var(--color-primary);letter-spacing:2px;margin:0}.tv-vcard-speaker-btn{background:#fff;border:2px solid var(--color-primary);color:var(--color-primary);font-family:var(--font-family-friendly);font-size:var(--fs-xs);font-weight:800;padding:4px 12px;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px #ff8e5366;transition:all .15s ease}.tv-vcard-speaker-btn:hover{transform:scale(1.06);background:#fff5ea}.tv-vcard-speaker-btn--playing{background:var(--color-primary);color:#fff;animation:tv-pulse .8s infinite}.tv-vcard-meaning{font-size:var(--fs-sm);color:var(--color-text);line-height:1.5;margin-bottom:var(--space-3);padding:0 var(--space-2)}.tv-vcard-example-box{display:flex;align-items:flex-start;gap:var(--space-2);background:#f0fff4;border:1.5px solid #C6F6D5;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);width:100%;text-align:left}.tv-vcard-example-icon{font-size:1.1rem;flex-shrink:0}.tv-vcard-example-text{font-size:var(--fs-xs);font-style:italic;font-weight:600;color:#22543d;margin:0;line-height:1.4}.tv-result-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:tv-fade-in .2s ease-out}.tv-result-modal{background:var(--color-surface);width:100%;max-width:440px;border-radius:var(--radius-2xl);border:4px solid var(--color-primary);box-shadow:0 24px 48px #0000004d;padding:var(--space-5) var(--space-4);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;animation:tv-pop-in .35s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto}.tv-result-modal--win{border-color:#48bb78}.tv-result-modal--loss{border-color:#ed8936}.tv-result-mascot-wrap{margin-top:-10px;margin-bottom:var(--space-1)}.tv-result-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:900;color:var(--color-text);margin-bottom:var(--space-2)}.tv-result-stars{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.tv-result-star{font-size:2.2rem;filter:grayscale(1) opacity(.3);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.tv-result-star--earned{filter:none;transform:scale(1.15);animation:tv-bounce .6s ease}.tv-result-reward-row{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:var(--space-4);flex-wrap:wrap}.tv-result-xp-badge{display:inline-block;padding:6px 18px;border-radius:var(--radius-full);background:#fefcbf;border:2px solid #ECC94B;color:#b7791f;font-family:var(--font-display);font-size:var(--fs-md);font-weight:900;box-shadow:0 4px 12px #ecc94b4d}.tv-result-coin-badge{display:inline-block;padding:6px 18px;border-radius:var(--radius-full);background:#fff9db;border:2px solid #F59F00;color:#d9480f;font-family:var(--font-display);font-size:var(--fs-md);font-weight:900;box-shadow:0 4px 12px #f59f004d;animation:tv-pop-in .3s ease}.tv-result-vocab-card-wrap{width:100%;margin-bottom:var(--space-4)}.tv-result-word-card{width:100%;margin-bottom:var(--space-4);background:#fffbf5;border:2px solid #FEEBC8}.tv-result-word-header{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.tv-result-answer-text{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:900;color:var(--color-primary);letter-spacing:2px}.tv-result-speaker-btn{background:#fff;border:1.5px solid var(--color-primary);color:var(--color-primary);font-size:var(--fs-xs);font-weight:800;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .15s ease}.tv-result-speaker-btn:hover{transform:scale(1.08)}.tv-result-word-body{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);text-align:left}.tv-result-vocab-img{width:72px;height:72px;border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--color-border);flex-shrink:0}.tv-result-word-desc{font-size:var(--fs-sm);color:var(--color-text);line-height:1.4;margin:0}.tv-result-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-2)}.tv-result-sub-actions{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.tv-chest-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1300;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:tv-fade-in .2s ease-out}.tv-chest-modal{background:var(--color-surface);width:100%;max-width:420px;border-radius:var(--radius-2xl);border:4px solid #ECC94B;box-shadow:0 20px 50px #00000059;padding:var(--space-5) var(--space-4);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;animation:tv-pop-in .3s cubic-bezier(.34,1.56,.64,1)}.tv-chest-modal__close-btn{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:var(--radius-full);border:none;background:var(--color-border);font-size:1.1rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5}.tv-chest-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:900;color:#b7791f;margin-bottom:var(--space-1)}.tv-chest-subtitle{font-size:var(--fs-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.tv-chest-visual-wrap{position:relative;width:200px;height:180px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none}.tv-chest-visual-wrap--closed:hover{animation:tv-wobble .6s ease infinite}.tv-chest-img-container{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center}.tv-chest-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.25))}.tv-chest-img--closed{animation:tv-bounce 1.5s infinite ease-in-out}.tv-chest-img-container--opening{animation:tv-chest-burst .9s cubic-bezier(.34,1.56,.64,1)}.tv-chest-rays{position:absolute;width:280px;height:280px;background:radial-gradient(circle,#ecc94b66,#ecc94b00 70%);border-radius:50%;animation:tv-rotate-rays 8s linear infinite;z-index:1}.tv-chest-img--open{z-index:2;animation:tv-pop-in .4s cubic-bezier(.34,1.56,.64,1)}.tv-chest-sparkle{position:absolute;font-size:1.5rem;animation:tv-sparkle 1.2s infinite ease-in-out}.tv-chest-sparkle--1{top:10px;left:10px;animation-delay:.1s}.tv-chest-sparkle--2{top:15px;right:15px;animation-delay:.4s}.tv-chest-sparkle--3{bottom:20px;right:10px;animation-delay:.7s}.tv-chest-reward-card{width:100%;background:#fffdf0;border:2px dashed #ECC94B;border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;animation:tv-pop-in .35s ease-out}.tv-chest-reward-icon{font-size:3rem;margin-bottom:var(--space-1);animation:tv-bounce .8s ease}.tv-chest-reward-label{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:900;color:#744210;margin-bottom:var(--space-1)}.tv-chest-reward-desc{font-size:var(--fs-xs);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.tv-chest-mascot-row{margin-bottom:var(--space-3)}.tv-chest-closed-action{width:100%}@keyframes tv-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes tv-chest-burst{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(6deg);filter:brightness(1.3)}to{transform:scale(1.1)}}@keyframes tv-rotate-rays{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tv-sparkle{0%,to{transform:scale(.8);opacity:.4}50%{transform:scale(1.3);opacity:1}}.tv-levelup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1400;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:tv-fade-in .2s ease-out}.tv-levelup-modal{background:var(--color-surface);width:100%;max-width:440px;border-radius:var(--radius-2xl);border:4px solid var(--color-primary);box-shadow:0 24px 60px #ff8e5366;padding:var(--space-6) var(--space-4) var(--space-5);text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;animation:tv-pop-in .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.tv-levelup-confetti{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:space-around;font-size:1.6rem;pointer-events:none;animation:tv-bounce 1s infinite ease-in-out}.tv-levelup-mascot-wrap{margin-top:var(--space-1);margin-bottom:var(--space-2)}.tv-levelup-heading{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:900;color:var(--color-primary);margin-bottom:var(--space-1)}.tv-levelup-sub{font-size:var(--fs-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.tv-levelup-badge-card{width:100%;background:linear-gradient(180deg,#fffdf0,#fff5ea);border:2px solid #ECC94B;border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-5);display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 20px #ecc94b40}.tv-levelup-icon{font-size:3.2rem;margin-bottom:var(--space-1);animation:tv-bounce .8s ease}.tv-levelup-title{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:900;color:#744210;margin-bottom:var(--space-2)}.tv-levelup-tag{font-size:var(--fs-xs);font-weight:800;color:#b7791f;background:#fefcbf;padding:4px 14px;border-radius:var(--radius-full);border:1px solid #ECC94B}.tv-levelup-cta-btn{box-shadow:0 8px 20px #ff8e5366}.tv-badge-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:440px;background:var(--color-surface);border:3px solid #ECC94B;border-radius:var(--radius-xl);box-shadow:0 12px 30px #00000040;padding:10px 14px;display:flex;align-items:center;gap:var(--space-3);z-index:1500;cursor:pointer;animation:tv-toast-slide-in .4s cubic-bezier(.34,1.56,.64,1)}.tv-badge-toast__icon-wrap{width:52px;height:52px;flex-shrink:0}.tv-badge-toast__img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(236,201,75,.4))}.tv-badge-toast__content{flex:1}.tv-badge-toast__tag{display:inline-block;font-size:10px;font-weight:900;color:#b7791f;background:#fefcbf;padding:2px 8px;border-radius:var(--radius-full);margin-bottom:2px}.tv-badge-toast__title{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--color-text);margin:0 0 2px}.tv-badge-toast__desc{font-size:var(--fs-xs);color:var(--color-text-secondary);margin:0}.tv-badge-toast__close{width:24px;height:24px;border-radius:var(--radius-full);border:none;background:var(--color-border);font-size:10px;font-weight:800;cursor:pointer}@keyframes tv-toast-slide-in{0%{top:-80px;opacity:0}to{top:16px;opacity:1}}.tv-auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a202ca6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:16px;animation:tv-fade-in .2s ease-out}.tv-auth-modal-card{background:#fffdf8;border-radius:28px;border:3px solid #F0E6D2;box-shadow:0 20px 50px #40352f40;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative;padding:32px 28px 28px;box-sizing:border-box;animation:tv-pop-in .25s cubic-bezier(.34,1.56,.64,1)}.tv-auth-modal-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;background:#edf2f7;border:1.5px solid #CBD5E0;font-size:16px;font-weight:800;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.tv-auth-modal-close:hover{background:#e2e8f0;transform:scale(1.08)}.tv-auth-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px}.tv-auth-mascot-circle{width:64px;height:64px;border-radius:50%;background:#fff0c2;border:3px solid #FFB703;display:flex;align-items:center;justify-content:center;font-size:34px;box-shadow:0 6px 16px #ffb70359;margin-bottom:12px;animation:tv-bounce 2s infinite ease-in-out}.tv-auth-title{font-family:var(--font-display);font-size:22px;font-weight:900;color:#2d3748;margin:0 0 6px}.tv-auth-subtitle{font-size:13px;line-height:1.5;color:#718096;margin:0}.tv-auth-quick-section{background:#f7fafc;border:1.5px dashed #CBD5E0;border-radius:16px;padding:12px 14px;margin-bottom:18px;display:flex;flex-direction:column;gap:8px}.tv-auth-quick-label{font-family:var(--font-display);font-size:11px;font-weight:800;color:#4a5568;text-transform:uppercase;letter-spacing:.5px}.tv-auth-quick-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tv-quick-login-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:2px solid;cursor:pointer;transition:all .15s ease;font-family:var(--font-display);font-weight:800;font-size:12px;text-align:left}.tv-quick-login-btn--kid{background:#fffdf0;border-color:#ecc94b;color:#744210;box-shadow:0 3px #d69e2e}.tv-quick-login-btn--kid:hover{background:#fefcbf;transform:translateY(-2px)}.tv-quick-login-btn--admin{background:#faf5ff;border-color:#d6bcfa;color:#553c9a;box-shadow:0 3px #b794f4}.tv-quick-login-btn--admin:hover{background:#f3e8ff;transform:translateY(-2px)}.tv-quick-login-btn:active{transform:translateY(1px);box-shadow:none}.tv-quick-login-icon{font-size:18px}.tv-auth-divider{display:flex;align-items:center;text-align:center;margin:14px 0 16px;color:#a0aec0;font-size:11px;font-weight:700}.tv-auth-divider:before,.tv-auth-divider:after{content:"";flex:1;border-bottom:1.5px solid #E2E8F0}.tv-auth-divider span{padding:0 10px}.tv-auth-tabs{display:flex;background:#edf2f7;padding:4px;border-radius:14px;gap:6px;margin-bottom:16px}.tv-auth-tab{flex:1;padding:8px 12px;border-radius:10px;font-family:var(--font-display);font-size:13px;font-weight:800;color:#718096;background:transparent;cursor:pointer;transition:all .15s ease;border:none}.tv-auth-tab--active{background:#fff;color:#2b6cb0;box-shadow:0 2px 6px #00000014}.tv-auth-alert{padding:8px 14px;border-radius:10px;font-size:12px;font-weight:700;margin-bottom:14px;animation:tv-shake .3s ease}.tv-auth-alert--error{background:#fff5f5;color:#c53030;border:1.5px solid #FEB2B2}.tv-auth-alert--success{background:#f0fff4;color:#276749;border:1.5px solid #9AE6B4}.tv-auth-form{display:flex;flex-direction:column;gap:12px}.tv-auth-field{display:flex;flex-direction:column;gap:5px}.tv-auth-label{font-family:var(--font-display);font-size:12px;font-weight:800;color:#4a5568}.tv-auth-input{width:100%;padding:10px 14px;border-radius:12px;border:2px solid #E2E8F0;font-family:inherit;font-size:14px;box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease;background:#fff}.tv-auth-input:focus{border-color:#3182ce;box-shadow:0 0 0 3px #3182ce26}.tv-auth-submit-btn{margin-top:8px;width:100%;padding:14px;border-radius:14px;background:linear-gradient(180deg,#ffb703,#fb8500);color:#fff;border:none;font-family:var(--font-display);font-size:15px;font-weight:900;box-shadow:0 4px #c45500,0 8px 16px #fb85004d;cursor:pointer;transition:all .12s ease}.tv-auth-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px #c45500,0 10px 20px #fb850059}.tv-auth-submit-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #c45500}.tv-auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.tv-user-dashboard{flex:1;display:flex;flex-direction:column;background:#fffdf8;min-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:120px;box-sizing:border-box}.tv-user-dash-header{background:linear-gradient(180deg,#fff5ea,#fff);border-bottom:2px solid #F0E6D2;padding:24px 36px 0;box-sizing:border-box}.tv-user-dash-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.tv-dash-back-btn{background:#fff;border:1.5px solid #CBD5E0;padding:8px 16px;border-radius:var(--radius-full);font-family:var(--font-display);font-size:13px;font-weight:800;color:#4a5568;cursor:pointer;box-shadow:0 2px 4px #0000000d;transition:all .15s ease}.tv-dash-back-btn:hover{background:#f7fafc;transform:translate(-2px)}.tv-user-pill-tag{background:#fff0c2;color:#b26a00;font-family:var(--font-display);font-size:12px;font-weight:800;padding:4px 14px;border-radius:var(--radius-full);border:1px solid #FFB703}.tv-user-profile-hero{display:flex;align-items:center;gap:24px;margin-bottom:24px;flex-wrap:wrap}.tv-user-avatar-large{width:80px;height:80px;border-radius:50%;background:#ffe8d6;border:3.5px solid #FFB703;display:flex;align-items:center;justify-content:center;font-size:42px;box-shadow:0 6px 16px #ffb7034d;flex-shrink:0}.tv-user-profile-text{flex:1;min-width:200px}.tv-user-profile-name{font-family:var(--font-display);font-size:26px;font-weight:900;color:#2d3748;margin:0 0 6px}.tv-user-level-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tv-badge--level{background:#ebf8ff;color:#2b6cb0;border:1px solid #BEE3F8}.tv-badge--streak{background:#fff5f5;color:#c53030;border:1px solid #FEB2B2}.tv-user-coin-card{background:linear-gradient(135deg,#fff9db,#fff3bf);border:2px solid #FCC419;border-radius:20px;padding:16px 24px;box-shadow:0 8px 20px #f59f0026;display:flex;flex-direction:column;gap:4px;min-width:240px}.tv-coin-card-label{font-family:var(--font-display);font-size:11px;font-weight:900;color:#d9480f;letter-spacing:.5px}.tv-coin-card-amount{display:flex;align-items:baseline;gap:8px}.tv-coin-symbol{font-size:28px}.tv-coin-value{font-family:var(--font-display);font-size:32px;font-weight:900;color:#e67700;line-height:1}.tv-coin-unit{font-family:var(--font-display);font-size:16px;font-weight:800;color:#d9480f}.tv-coin-earn-hint{background:none;border:none;padding:0;font-family:var(--font-display);font-size:12px;font-weight:800;color:#d9480f;cursor:pointer;text-align:left;margin-top:4px;transition:opacity .15s ease}.tv-coin-earn-hint:hover{text-decoration:underline}.tv-user-dash-tabs{display:flex;gap:12px;overflow-x:auto;padding-bottom:2px}.tv-dash-tab-btn{padding:12px 24px;border:none;background:transparent;font-family:var(--font-display);font-size:14px;font-weight:800;color:#718096;border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease}.tv-dash-tab-btn:hover{color:#2d3748}.tv-dash-tab-btn--active{color:#b26a00;border-bottom-color:#b26a00;background:#ffb70314;border-radius:8px 8px 0 0}.tv-user-dash-body{max-width:1280px;width:100%;margin:0 auto;padding:28px 36px 48px;box-sizing:border-box}.tv-redeem-toast-banner{display:flex;align-items:center;gap:14px;background:#f0fff4;border:2px solid #68D391;border-radius:16px;padding:14px 20px;margin-bottom:24px;box-shadow:0 4px 12px #48bb7826;animation:tv-pop-in .2s ease}.tv-redeem-toast-banner--error{background:#fff5f5;border-color:#feb2b2}.tv-redeem-toast-icon{font-size:28px}.tv-redeem-toast-info{flex:1;display:flex;flex-direction:column;gap:2px;font-size:14px}.tv-code-highlight{background:#fff;border:1.5px solid #48BB78;padding:2px 8px;border-radius:6px;font-weight:900;color:#22543d;font-size:15px}.tv-toast-close{background:none;border:none;font-size:16px;cursor:pointer;color:#718096}.tv-shop-filter-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:16px}.tv-shop-filter-title h3{font-family:var(--font-display);font-size:20px;font-weight:900;margin:0 0 4px;color:#2d3748}.tv-shop-filter-title p{font-size:13px;color:#718096;margin:0}.tv-shop-filter-pills{display:flex;gap:8px}.tv-filter-pill{padding:8px 16px;border-radius:var(--radius-full);border:1.5px solid #CBD5E0;background:#fff;font-family:var(--font-display);font-size:13px;font-weight:800;color:#4a5568;cursor:pointer;transition:all .12s ease}.tv-filter-pill--active{background:#b26a00;color:#fff;border-color:#b26a00;box-shadow:0 2px 8px #b26a0040}.tv-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tv-gift-card{background:#fff;border:2px solid #EEDFC2;border-radius:20px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 12px #40352f0d;transition:transform .15s ease,box-shadow .15s ease}.tv-gift-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #40352f1a;border-color:#ecc94b}.tv-gift-card__icon-wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.tv-gift-card__icon{font-size:44px}.tv-gift-badge{font-family:var(--font-display);font-size:11px;font-weight:800;padding:3px 10px;border-radius:var(--radius-full)}.tv-gift-badge--phys{background:#fefcbf;color:#744210;border:1px solid #ECC94B}.tv-gift-badge--dig{background:#ebf8ff;color:#2b6cb0;border:1px solid #BEE3F8}.tv-gift-card__title{font-family:var(--font-display);font-size:17px;font-weight:900;color:#2d3748;margin:0 0 6px}.tv-gift-card__desc{font-size:13px;color:#718096;line-height:1.4;margin:0 0 10px}.tv-gift-card__stock{font-size:11px;font-weight:700;color:#a0aec0}.tv-gift-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1.5px dashed #E2E8F0}.tv-gift-card__price{display:flex;align-items:baseline;gap:4px}.tv-price-coin{font-size:20px}.tv-price-num{font-family:var(--font-display);font-size:20px;font-weight:900;color:#d9480f}.tv-price-label{font-size:12px;font-weight:800;color:#718096}.tv-gift-redeem-btn{padding:10px 18px;border-radius:12px;font-family:var(--font-display);font-size:13px;font-weight:900;cursor:pointer;transition:all .12s ease;border:none}.tv-gift-redeem-btn--can{background:#48bb78;color:#fff;box-shadow:0 3px #2f855a}.tv-gift-redeem-btn--can:hover{background:#38a169;transform:translateY(-1px)}.tv-gift-redeem-btn--locked{background:#edf2f7;color:#a0aec0;cursor:not-allowed}.tv-my-gifts-list{display:flex;flex-direction:column;gap:12px}.tv-my-gift-item{background:#fff;border:2px solid #E2E8F0;border-radius:18px;padding:16px 20px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 8px #0000000a}.tv-my-gift-icon{font-size:36px}.tv-my-gift-info{flex:1}.tv-my-gift-name{font-family:var(--font-display);font-size:16px;font-weight:900;margin:0 0 6px;color:#2d3748}.tv-my-gift-tags{display:flex;gap:10px;align-items:center;font-size:12px}.tv-status-tag--pending{background:#fefcbf;color:#744210;padding:2px 8px;border-radius:6px;font-weight:800}.tv-status-tag--delivered{background:#c6f6d5;color:#22543d;padding:2px 8px;border-radius:6px;font-weight:800}.tv-my-gift-code-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.tv-code-label{font-size:10px;font-weight:900;color:#a0aec0}.tv-code-box{font-family:monospace;font-size:16px;font-weight:900;background:#edf2f7;padding:6px 12px;border-radius:8px;color:#2d3748;letter-spacing:1px}.tv-empty-rewards{background:#fff;border:2px dashed #CBD5E0;border-radius:24px;padding:48px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.tv-empty-icon{font-size:48px}.tv-empty-btn{background:#ffb703;color:#fff;font-family:var(--font-display);font-weight:900;font-size:14px;padding:10px 24px;border-radius:var(--radius-full);border:none;cursor:pointer;box-shadow:0 4px #d69e2e}.tv-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.tv-stat-box{background:#fff;border:2px solid #E2E8F0;border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.tv-stat-box__icon{font-size:32px}.tv-stat-box__num{font-family:var(--font-display);font-size:28px;font-weight:900;color:#2d3748}.tv-stat-box__label{font-size:12px;font-weight:800;color:#718096}.tv-history-card{background:#fff;border:2px solid #E2E8F0;border-radius:20px;padding:24px}.tv-history-title{font-family:var(--font-display);font-size:18px;font-weight:900;margin:0 0 16px;color:#2d3748}.tv-history-list{display:flex;flex-direction:column;gap:10px}.tv-history-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f7fafc;border-radius:12px}.tv-history-left{display:flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.tv-history-dot{width:8px;height:8px;border-radius:50%;background:#ffb703}.tv-history-amount--pos{color:#38a169;font-weight:900}.tv-history-amount--neg{color:#e53e3e;font-weight:900}.tv-history-date{font-size:11px;color:#a0aec0;margin-left:12px}.tv-leaderboard-table{display:flex;flex-direction:column;gap:10px}.tv-leaderboard-row{background:#fff;border:2px solid #E2E8F0;border-radius:16px;padding:14px 20px;display:flex;align-items:center;gap:16px}.tv-leaderboard-row--me{background:#fffdf0;border-color:#ecc94b;box-shadow:0 4px 12px #ecc94b33}.tv-lb-rank{font-family:var(--font-display);font-size:20px;font-weight:900;width:36px;text-align:center}.tv-lb-avatar{font-size:28px}.tv-lb-info{flex:1}.tv-lb-name{font-family:var(--font-display);font-size:15px;font-weight:900;color:#2d3748}.tv-me-tag{background:#ffb703;color:#fff;font-size:10px;padding:2px 6px;border-radius:var(--radius-full);margin-left:6px}.tv-lb-sub{display:block;font-size:12px;color:#718096}.tv-lb-stats{display:flex;gap:14px;font-weight:800;font-size:13px}.tv-guest-auth-alert-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#fff9eb,#fff0c2);border:2px dashed #FFB703;border-radius:20px;padding:16px 20px;margin-bottom:24px;box-shadow:0 4px 12px #ffb70326}.tv-guest-auth-alert-icon{font-size:36px;animation:tv-wiggle 2.5s infinite ease-in-out}.tv-guest-auth-alert-info{flex:1}.tv-guest-auth-alert-info h4{font-family:var(--font-display);font-size:16px;font-weight:900;color:#b26a00;margin:0 0 4px}.tv-guest-auth-alert-info p{font-size:13.5px;color:#66460d;margin:0;line-height:1.45}.tv-guest-auth-alert-btn{padding:10px 18px!important;font-size:13px!important;white-space:nowrap}.tv-dash-login-inline-btn{background:#ffb703;color:#fff;border:none;font-family:var(--font-display);font-size:11px;font-weight:900;padding:4px 12px;border-radius:var(--radius-full);cursor:pointer;box-shadow:0 2px #dca010;transition:transform .15s ease}.tv-dash-login-inline-btn:hover{transform:translateY(-1px)}.tv-dash-logout-inline-btn{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3);font-family:var(--font-display);font-size:11px;font-weight:800;padding:3px 10px;border-radius:var(--radius-full);cursor:pointer;transition:background .15s ease}.tv-dash-logout-inline-btn:hover{background:#ef444433}.tv-gift-redeem-btn--login{background:linear-gradient(135deg,#ffb703,#ff9f1c)!important;color:#fff!important;cursor:pointer!important;border:none!important;box-shadow:0 3px #d47a00!important;font-weight:800!important}.tv-badge--guest{background:#e2e8f0;color:#4a5568}.tv-badge--username{background:#ebf8ff;color:#2b6cb0;border:1px solid #BEE3F8}.tv-admin-app{display:flex;width:100vw;height:100vh;background:#f8fafc;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#1e293b}.tv-admin-sidebar{width:260px;background:#0f172a;color:#f8fafc;display:flex;flex-direction:column;justify-content:space-between;padding:24px 16px;box-sizing:border-box;flex-shrink:0;box-shadow:4px 0 20px #0000001a}.tv-admin-brand{display:flex;align-items:center;gap:12px;padding:0 8px 24px;border-bottom:1px solid #334155}.tv-admin-logo-icon{font-size:32px}.tv-admin-brand-text h2{font-size:20px;font-weight:900;margin:0;color:#f8fafc;letter-spacing:.5px}.tv-admin-badge{font-size:11px;font-weight:700;background:#3b82f6;color:#fff;padding:2px 8px;border-radius:999px;display:inline-block;margin-top:2px}.tv-admin-nav{display:flex;flex-direction:column;gap:6px;margin-top:24px;flex:1}.tv-admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;background:transparent;color:#94a3b8;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .15s ease;text-align:left}.tv-admin-nav-item:hover{background:#1e293b;color:#f8fafc}.tv-admin-nav-item--active{background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f659}.tv-admin-nav-icon{font-size:18px}.tv-admin-sidebar-footer{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid #334155}.tv-admin-back-game-btn{padding:10px 14px;border-radius:10px;background:#1e293b;color:#38bdf8;font-size:13px;font-weight:800;border:1px solid #38BDF8;cursor:pointer;transition:all .15s ease}.tv-admin-back-game-btn:hover{background:#0284c7;color:#fff}.tv-admin-logout-btn{padding:10px 14px;border-radius:10px;background:transparent;color:#ef4444;font-size:13px;font-weight:800;border:1px solid #EF4444;cursor:pointer;transition:all .15s ease}.tv-admin-logout-btn:hover{background:#ef4444;color:#fff}.tv-admin-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;background:#f8fafc}.tv-admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 36px;background:#fff;border-bottom:1px solid #E2E8F0;box-shadow:0 1px 3px #0000000d}.tv-admin-page-title h1{font-size:22px;font-weight:900;margin:0 0 4px;color:#0f172a}.tv-admin-page-title p{font-size:13px;color:#64748b;margin:0}.tv-admin-user-profile{display:flex;align-items:center;gap:12px;background:#f1f5f9;padding:8px 16px;border-radius:999px;border:1px solid #E2E8F0}.tv-admin-avatar{font-size:24px}.tv-admin-info{display:flex;flex-direction:column}.tv-admin-name{font-size:13px;font-weight:800;color:#0f172a}.tv-admin-role{font-size:11px;font-weight:700;color:#3b82f6}.tv-admin-notice-banner{background:#dcfce7;color:#15803d;font-size:13px;font-weight:700;padding:10px 36px;border-bottom:1px solid #BBF7D0;animation:tv-fade-in .2s ease}.tv-admin-content-view{padding:32px 36px;flex:1}.tv-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.tv-kpi-card{background:#fff;border-radius:18px;padding:22px;display:flex;align-items:center;gap:16px;border:1px solid #E2E8F0;box-shadow:0 4px 12px #00000008}.tv-kpi-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:26px}.tv-kpi-card--blue .tv-kpi-icon{background:#eff6ff}.tv-kpi-card--green .tv-kpi-icon{background:#f0fdf4}.tv-kpi-card--gold .tv-kpi-icon{background:#fefce8}.tv-kpi-card--purple .tv-kpi-icon{background:#faf5ff}.tv-kpi-data{display:flex;flex-direction:column}.tv-kpi-val{font-size:28px;font-weight:900;color:#0f172a;line-height:1.1}.tv-kpi-label{font-size:12px;font-weight:700;color:#64748b;margin-top:4px}.tv-overview-sections{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tv-overview-box{background:#fff;border-radius:18px;border:1px solid #E2E8F0;padding:24px}.tv-overview-box h3{font-size:16px;font-weight:900;margin:0 0 16px;color:#0f172a}.tv-overview-actions{display:flex;flex-direction:column;gap:10px}.tv-action-btn{padding:12px 18px;background:#f8fafc;border:1.5px solid #E2E8F0;border-radius:12px;font-size:13px;font-weight:800;color:#334155;cursor:pointer;text-align:left;transition:all .12s ease}.tv-action-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;transform:translate(4px)}.tv-overview-table-mini{display:flex;flex-direction:column;gap:10px}.tv-mini-order-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f8fafc;border-radius:12px}.tv-mini-order-left{font-size:13px}.tv-mini-order-left small{display:block;font-size:11px;color:#94a3b8;font-family:monospace}.tv-table-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}.tv-table-header-bar h3{font-size:18px;font-weight:900;margin:0;color:#0f172a}.tv-search-filter-group{display:flex;gap:12px;flex:1;max-width:600px}.tv-admin-search-input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid #CBD5E1;font-size:13px;outline:none}.tv-admin-select{padding:10px 14px;border-radius:10px;border:1px solid #CBD5E1;font-size:13px;background:#fff}.tv-admin-add-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #3b82f640;transition:all .12s ease}.tv-admin-add-btn:hover{background:#2563eb}.tv-table-card{background:#fff;border-radius:16px;border:1px solid #E2E8F0;overflow:hidden;box-shadow:0 4px 12px #00000008}.tv-admin-table{width:100%;border-collapse:collapse;text-align:left}.tv-admin-table th{background:#f8fafc;padding:14px 18px;font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E2E8F0}.tv-admin-table td{padding:14px 18px;font-size:13px;border-bottom:1px solid #F1F5F9;vertical-align:middle}.tv-admin-table tr:hover td{background:#f8fafc}.tv-vocab-highlight{font-size:15px;color:#0f172a}.tv-cat-badge{background:#fef3c7;color:#92400e;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px}.tv-vocab-meaning-cell{max-width:380px;line-height:1.4;color:#475569}.tv-role-pill{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px}.tv-role-pill--admin{background:#ede9fe;color:#6d28d9}.tv-role-pill--user{background:#eff6ff;color:#1d4ed8}.tv-coin-highlight{color:#d97706;font-weight:900}.tv-status-dot{font-size:12px;font-weight:800}.tv-status-dot--active{color:#16a34a}.tv-status-dot--locked{color:#dc2626}.tv-status-badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px}.tv-status-badge--pending{background:#fef3c7;color:#b45309}.tv-status-badge--delivered{background:#dcfce7;color:#15803d}.tv-user-action-buttons{display:flex;gap:6px}.tv-btn-reward-sm{padding:4px 10px;border-radius:6px;border:1px solid #F59E0B;background:#fffbeb;color:#b45309;font-size:11px;font-weight:800;cursor:pointer}.tv-btn-reward-sm:hover{background:#fde68a}.tv-btn-lock-sm{padding:4px 10px;border-radius:6px;border:1px solid #EF4444;background:#fef2f2;color:#b91c1c;font-size:11px;font-weight:800;cursor:pointer}.tv-btn-lock-sm--unlock{border-color:#10b981;background:#ecfdf5;color:#047857}.tv-btn-danger-sm{padding:4px 10px;border-radius:6px;border:1px solid #CBD5E1;background:#fff;color:#ef4444;font-size:11px;font-weight:800;cursor:pointer}.tv-btn-deliver-sm{padding:6px 12px;border-radius:8px;background:#10b981;color:#fff;font-size:12px;font-weight:800;border:none;cursor:pointer}.tv-code-highlight-admin{background:#f1f5f9;padding:3px 8px;border-radius:6px;font-weight:900;color:#0f172a}.tv-done-label{font-size:12px;font-weight:800;color:#10b981}.tv-admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:flex;align-items:center;justify-content:center;padding:20px}.tv-admin-modal{background:#fff;border-radius:20px;padding:28px;width:100%;max-width:520px;box-shadow:0 20px 40px #0003}.tv-admin-modal h3{font-size:18px;font-weight:900;margin:0 0 18px;color:#0f172a}.tv-modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.tv-modal-field label{font-size:12px;font-weight:800;color:#475569}.tv-modal-field input,.tv-modal-field select,.tv-modal-field textarea{padding:10px 12px;border-radius:10px;border:1px solid #CBD5E1;font-family:inherit;font-size:13px;outline:none}.tv-modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tv-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.tv-btn-cancel{padding:10px 18px;border-radius:10px;background:#f1f5f9;color:#475569;font-weight:800;font-size:13px;border:none;cursor:pointer}.tv-btn-primary{padding:10px 20px;border-radius:10px;background:#3b82f6;color:#fff;font-weight:800;font-size:13px;border:none;cursor:pointer}.tv-share-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a202cb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:999;display:flex;align-items:center;justify-content:center;padding:16px;animation:tv-fade-in .2s ease-out}.tv-share-modal-card{background:#fffdf8;border-radius:28px;border:3px solid #F0E6D2;box-shadow:0 20px 50px #40352f40;width:100%;max-width:440px;position:relative;padding:28px 24px;box-sizing:border-box;text-align:center;animation:tv-pop-in .25s cubic-bezier(.34,1.56,.64,1)}.tv-share-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#edf2f7;border:1px solid #CBD5E0;font-size:14px;font-weight:800;color:#4a5568;cursor:pointer;display:flex;align-items:center;justify-content:center}.tv-share-modal-title{font-family:var(--font-display);font-size:20px;font-weight:900;color:#2d3748;margin:0 0 6px}.tv-share-modal-desc{font-size:13px;color:#718096;margin:0 0 18px}.tv-visual-share-card{background:linear-gradient(180deg,#fffdf0,#fff3bf);border:2.5px solid #FFB703;border-radius:20px;padding:20px 18px;box-shadow:0 8px 20px #ffb70333;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:6px}.tv-share-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-display);font-size:13px;font-weight:800}.tv-share-brand{color:#b26a00}.tv-share-stars{font-size:16px}.tv-share-card-mascot{font-size:44px;margin:4px 0}.tv-share-kid-name{font-family:var(--font-display);font-size:20px;font-weight:900;color:#2d3748;margin:0}.tv-share-kid-level{font-size:12px;font-weight:700;color:#718096}.tv-share-word-box{background:#fff;border:1.5px solid #ECC94B;border-radius:12px;padding:8px 20px;margin:8px 0;display:flex;flex-direction:column;align-items:center;gap:2px;width:85%}.tv-share-word-label{font-size:10px;font-weight:900;color:#b26a00;letter-spacing:.5px}.tv-share-word-val{font-family:var(--font-display);font-size:22px;font-weight:900;color:#2f855a;letter-spacing:2px}.tv-share-reward-pill{display:flex;gap:12px;background:#fffc;border-radius:var(--radius-full);padding:4px 14px;font-family:var(--font-display);font-size:12px;font-weight:800;color:#4a5568}.tv-share-tiles-preview{font-size:18px;margin-top:4px}.tv-share-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tv-social-btn{padding:12px 14px;border-radius:12px;font-family:var(--font-display);font-size:13px;font-weight:800;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.tv-social-btn--facebook{background:#1877f2;color:#fff;box-shadow:0 3px #0e5ac0}.tv-social-btn--facebook:hover{background:#166fe5;transform:translateY(-2px)}.tv-social-btn--zalo{background:#0068ff;color:#fff;box-shadow:0 3px #004ec4}.tv-social-btn--zalo:hover{background:#0056d2;transform:translateY(-2px)}.tv-social-btn--copy{background:#edf2f7;color:#2d3748;border:1.5px solid #CBD5E0;box-shadow:0 3px #a0aec0}.tv-social-btn--copy:hover{background:#e2e8f0;transform:translateY(-2px)}.tv-social-btn--download{background:#48bb78;color:#fff;box-shadow:0 3px #2f855a}.tv-social-btn--download:hover{background:#38a169;transform:translateY(-2px)}.tv-social-btn:active{transform:translateY(1px);box-shadow:none}:root{--color-bg-app: #FFF8E8;--color-bg-card: #FFFFFF;--color-bg-surface: #FFF1D0;--color-bg-overlay: rgba(64, 53, 47, .45);--color-primary: #FFB703;--color-primary-hover: #FFA200;--color-primary-shadow: #E09200;--color-primary-light: #FFF0C2;--color-sky: #4CC9F0;--color-sky-hover: #38BAE0;--color-sky-shadow: #2BA0C4;--color-sky-light: #E0F7FD;--color-success: #70C174;--color-success-hover: #5FB463;--color-success-shadow: #4F9953;--color-success-light: #E5F6E6;--color-coral: #FF6B6B;--color-coral-hover: #F25757;--color-coral-shadow: #D94444;--color-coral-light: #FFEAEA;--color-purple: #9B7EDE;--color-purple-hover: #8A6ACC;--color-purple-shadow: #7555B8;--color-purple-light: #F0EBFA;--color-text-main: #40352F;--color-text-muted: #7E6F65;--color-text-light: #FFFFFF;--color-border-soft: #EEDFC2;--color-border-strong: #D5C19B;--color-tile-correct: #70C174;--color-tile-correct-border: #4F9953;--color-tile-present: #FFB703;--color-tile-present-border: #E09200;--color-tile-absent: #D8CEBE;--color-tile-absent-border: #BDB19F;--color-tile-empty: #FFFFFF;--color-tile-empty-border: #E4D5B9;--color-tile-active-border: #FFB703;--color-paper: var(--color-bg-app);--color-paper-soft: var(--color-bg-surface);--color-surface: var(--color-bg-card);--color-ink: var(--color-text-main);--color-ink-soft: var(--color-text-muted);--color-indigo: var(--color-sky);--color-indigo-soft: var(--color-sky-hover);--color-lacquer: var(--color-coral);--color-correct: var(--color-tile-correct);--color-present: var(--color-tile-present);--color-absent: var(--color-tile-absent);--color-tile-border: var(--color-tile-empty-border);--font-family-friendly: "Nunito", "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-display: "Nunito", "Fraunces", sans-serif;--font-body: var(--font-family-friendly);--font-display: var(--font-family-display);--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.375rem;--fs-xl: 1.75rem;--fs-2xl: 2.25rem;--fs-3xl: 2.75rem;--max-width: 460px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 28px;--space-7: 36px;--shadow-soft: 0 4px 12px rgba(64, 53, 47, .08);--shadow-card: 0 6px 16px rgba(64, 53, 47, .1);--shadow-popup: 0 12px 32px rgba(64, 53, 47, .18);--color-candy-yellow: #FFD166;--color-candy-yellow-shadow: #DCA010;--color-candy-orange: #FF9F1C;--color-candy-orange-shadow: #D47A00;--color-candy-pink: #FF6B8B;--color-candy-pink-shadow: #D9395F;--color-candy-mint: #06D6A0;--color-candy-mint-shadow: #059D75;--color-candy-sky: #118AB2;--color-candy-sky-shadow: #0C617D;--color-candy-purple: #9D4EDD;--color-candy-purple-shadow: #7326B8;--color-candy-blue: #48CAE4;--color-candy-blue-shadow: #0096C7;--bg-kids-pattern: radial-gradient(#FFDE8A 12%, transparent 12%), radial-gradient(#FFB703 8%, transparent 8%);--shadow-button-primary: 0 5px 0 var(--color-primary-shadow);--shadow-button-sky: 0 5px 0 var(--color-sky-shadow);--shadow-button-success: 0 5px 0 var(--color-success-shadow);--shadow-button-coral: 0 5px 0 var(--color-coral-shadow);--shadow-button-purple: 0 5px 0 var(--color-purple-shadow)}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--color-bg-app);color:var(--color-text-main);font-family:var(--font-family-friendly);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}body{min-height:100vh;width:100%;margin:0;padding:0;background-color:var(--color-bg-app);background-image:radial-gradient(circle at 15% 15%,rgba(255,209,102,.25) 0%,transparent 40%),radial-gradient(circle at 85% 25%,rgba(76,201,240,.2) 0%,transparent 45%),radial-gradient(circle at 50% 80%,rgba(255,107,107,.15) 0%,transparent 40%);background-attachment:fixed}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative}@media (max-width: 899px){body{display:flex;justify-content:center}#root{max-width:var(--max-width)}}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible,input:focus-visible{outline:3px solid var(--color-sky);outline-offset:2px}.tv-btn-3d{display:inline-flex;align-items:center;justify-content:center;font-weight:800;border-radius:var(--radius-pill);transition:all .15s cubic-bezier(.34,1.56,.64,1);text-shadow:0 1px 2px rgba(0,0,0,.15);cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.tv-btn-3d:hover{transform:translateY(-2px)}.tv-btn-3d:active{transform:translateY(4px)!important}.tv-btn-3d-yellow{background:linear-gradient(180deg,#ffe17d,#ffb703);color:#593d00;box-shadow:0 6px 0 var(--color-candy-yellow-shadow),0 8px 14px #0000001f}.tv-btn-3d-yellow:hover{box-shadow:0 8px 0 var(--color-candy-yellow-shadow),0 12px 18px #00000026}.tv-btn-3d-yellow:active{box-shadow:0 2px 0 var(--color-candy-yellow-shadow),0 3px 6px #0000001f}.tv-btn-3d-orange{background:linear-gradient(180deg,#ffb347,#ff9f1c);color:#fff;box-shadow:0 6px 0 var(--color-candy-orange-shadow),0 8px 14px #ff9f1c40}.tv-btn-3d-orange:hover{box-shadow:0 8px 0 var(--color-candy-orange-shadow),0 12px 18px #ff9f1c4d}.tv-btn-3d-orange:active{box-shadow:0 2px 0 var(--color-candy-orange-shadow),0 3px 6px #ff9f1c33}.tv-btn-3d-green{background:linear-gradient(180deg,#38e4b7,#06d6a0);color:#fff;box-shadow:0 6px 0 var(--color-candy-mint-shadow),0 8px 14px #06d6a040}.tv-btn-3d-green:hover{box-shadow:0 8px 0 var(--color-candy-mint-shadow),0 12px 18px #06d6a04d}.tv-btn-3d-green:active{box-shadow:0 2px 0 var(--color-candy-mint-shadow),0 3px 6px #06d6a033}.tv-btn-3d-pink{background:linear-gradient(180deg,#ff8ca5,#ff6b8b);color:#fff;box-shadow:0 6px 0 var(--color-candy-pink-shadow),0 8px 14px #ff6b8b40}.tv-btn-3d-pink:hover{box-shadow:0 8px 0 var(--color-candy-pink-shadow),0 12px 18px #ff6b8b4d}.tv-btn-3d-pink:active{box-shadow:0 2px 0 var(--color-candy-pink-shadow),0 3px 6px #ff6b8b33}.tv-btn-3d-blue{background:linear-gradient(180deg,#6be2fc,#118ab2);color:#fff;box-shadow:0 6px 0 var(--color-candy-sky-shadow),0 8px 14px #118ab240}.tv-btn-3d-blue:hover{box-shadow:0 8px 0 var(--color-candy-sky-shadow),0 12px 18px #118ab24d}.tv-btn-3d-blue:active{box-shadow:0 2px 0 var(--color-candy-sky-shadow),0 3px 6px #118ab233}@keyframes tv-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3.5deg) scale(1.02)}75%{transform:rotate(3.5deg) scale(1.02)}}@keyframes tv-float-clouds{0%{transform:translate(0)}50%{transform:translate(18px)}to{transform:translate(0)}}@keyframes tv-jelly-pop{0%{transform:scale(1)}30%{transform:scale(1.15,.88)}60%{transform:scale(.92,1.08)}80%{transform:scale(1.04,.98)}to{transform:scale(1)}}@keyframes tv-star-twinkle{0%,to{transform:scale(1) rotate(0);opacity:.85}50%{transform:scale(1.25) rotate(15deg);opacity:1;filter:drop-shadow(0 0 6px rgba(255,209,102,.8))}}@keyframes tv-speech-pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes tilePop{0%{transform:scale(.85)}50%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes tileFlipIn{0%{transform:rotateX(0)}50%{transform:rotateX(90deg)}to{transform:rotateX(0)}}@keyframes bounceSuccess{0%,to{transform:translateY(0)}30%{transform:translateY(-16px) scale(1.06)}50%{transform:translateY(0) scale(.96)}70%{transform:translateY(-8px)}}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes mascotFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}@keyframes starSpin{0%{transform:scale(0) rotate(-45deg);opacity:0}70%{transform:scale(1.2) rotate(15deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*,*:before,*:after{scrollbar-width:none!important;-ms-overflow-style:none!important}*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#fffdf8}#root{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column}.tv-app-root{display:flex;flex-direction:column;width:100%;height:100%;background:#fffdf8;position:relative;overflow:hidden;box-sizing:border-box}@media (max-width: 899px){.tv-app-root{max-width:600px;margin:0 auto;box-shadow:0 0 40px #00000014}}.tv-main-viewport{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.tv-sr-hidden-input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;top:-9999px;left:-9999px}.tv-gameplay-view{flex:1;display:flex;flex-direction:column;height:100%;background:#fffdf8;overflow:hidden}.tv-game-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--color-surface);border-bottom:2px solid var(--color-border-soft);box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0}.tv-game-title-badge{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:800;color:var(--color-primary);background:#fff5ea;padding:4px 14px;border-radius:var(--radius-full);border:1px solid var(--color-primary-light)}.tv-gameplay-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.tv-gameplay-info-col{display:flex;flex-direction:column}.tv-gameplay-board-col{display:flex;flex-direction:column;flex:1;margin-top:auto}.tv-game-mascot-row{display:flex;justify-content:center;padding:var(--space-1) var(--space-3) 0}.tv-game-error{text-align:center;color:#e53e3e;font-weight:800;font-size:var(--fs-xs);padding:6px var(--space-3);background:#fff5f5;border:1.5px solid #FEB2B2;border-radius:var(--radius-md);margin:var(--space-1) var(--space-4);animation:tv-shake .3s ease-in-out}.tv-game-board-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:6px 0;min-height:200px}.tv-game-loading{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:800;color:var(--color-primary);animation:tv-bounce 1s infinite}.tv-game-desktop-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:#fff;border:1.5px solid var(--color-border-soft);border-radius:var(--radius-md);margin:4px 16px 8px;box-shadow:0 2px 6px #40352f0a;gap:8px;flex-wrap:wrap}.tv-game-desktop-hint{font-family:var(--font-display);font-size:13px;font-weight:700;color:#4a5568}.tv-game-desktop-actions{display:flex;align-items:center;gap:8px}.tv-quick-btn{font-family:var(--font-display);font-size:12px;font-weight:800;padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:all .12s ease;border:1.5px solid #CBD5E0;-webkit-user-select:none;user-select:none}.tv-quick-btn--backspace{background:#edf2f7;color:#4a5568}.tv-quick-btn--backspace:active{transform:translateY(1px)}.tv-quick-btn--enter{background:#48bb78;color:#fff;border-color:#38a169;box-shadow:0 2px #2f855a}.tv-quick-btn--enter:active{transform:translateY(1px);box-shadow:none}.tv-quick-btn--toggle{background:#fff;color:#2d3748}.tv-quick-btn--toggle:hover{background:#f7fafc}.tv-game-keyboard-wrap{margin-top:auto;z-index:10}.tv-offline-banner{background:#fffdf0;border-bottom:1.5px solid #ECC94B;color:#b7791f;font-size:11px;font-weight:800;text-align:center;padding:4px 8px;z-index:100;display:flex;align-items:center;justify-content:center;animation:tv-fade-in .3s ease-out}@media (min-width: 900px){html,body,#root{background:#fffdf8;overflow:hidden;width:100vw;height:100vh}.tv-app-root{max-width:100%!important;width:100vw!important;height:100vh!important;margin:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:#fffdf8;overflow:hidden}.tv-bottom-nav{display:none!important}.tv-main-viewport{height:calc(100vh - 68px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.tv-game-header{padding:12px 48px;background:#fff;border-bottom:2px solid #EEDFC2}.tv-gameplay-view{height:100%;overflow:hidden}.tv-gameplay-content{max-width:1360px;margin:0 auto;width:100%;height:calc(100vh - 72px);display:grid;grid-template-columns:480px 1fr;gap:40px;padding:16px 48px;box-sizing:border-box;align-items:center;overflow:hidden}.tv-gameplay-info-col{display:flex;flex-direction:column;gap:20px;justify-content:center}.tv-game-mascot-row{padding:4px 0 0;justify-content:flex-start}.tv-gameplay-board-col{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:0;overflow:hidden}.tv-game-board-wrap{padding:8px 0 16px;min-height:auto;width:100%}.tv-tile{width:68px!important;height:68px!important;font-size:30px!important;border-radius:14px!important;box-shadow:0 5px 0 var(--color-border-soft)!important}.tv-game-desktop-bar{width:100%;max-width:600px;border-radius:14px;padding:10px 18px;margin:0 auto 10px;box-sizing:border-box;box-shadow:0 2px 8px #40352f0d}.tv-game-desktop-hint{font-size:13px}.tv-quick-btn{font-size:13px;padding:6px 14px}.tv-game-keyboard-wrap{width:100%;max-width:600px;margin:0 auto}}