*,:before,:after{box-sizing:border-box}:root{--primary:#0ea5e9;--primary-light:#e0f2fe;--primary-dark:#0369a1;--primary-mid:#38bdf8;--accent:#f59e0b;--accent-light:#fef3c7;--accent-dark:#d97706;--fun-green:#10b981;--fun-green-light:#d1fae5;--fun-pink:#ec4899;--fun-pink-light:#fce7f3;--fun-purple:#8b5cf6;--fun-purple-light:#ede9fe;--fun-orange:#f97316;--fun-orange-light:#ffedd5;--success:#10b981;--success-light:#d1fae5;--danger:#ef4444;--danger-light:#fee2e2;--bg:#f0f9ff;--surface:#fff;--border:#bae6fd;--line:#e0f2fe;--text:#0c4a6e;--muted:#64748b;--ink:#0c4a6e;--sky:#0ea5e9;--leaf:#10b981;--sun:#f59e0b;--coral:#ef4444;--violet:#8b5cf6;--paper:#f0f9ff;--shadow-sm:0 2px 8px #0ea5e91f, 0 1px 3px #0000000d;--shadow:0 6px 20px #0ea5e92e, 0 2px 8px #00000012;--shadow-lg:0 12px 36px #0ea5e938, 0 4px 12px #00000014;--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px}@keyframes kid-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes kid-float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-8px)rotate(1deg)}66%{transform:translateY(-4px)rotate(-1deg)}}@keyframes kid-pulse{0%,to{box-shadow:0 0 #0ea5e966}50%{box-shadow:0 0 0 10px #0ea5e900}}@keyframes kid-sparkle{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.08)rotate(2deg)}75%{transform:scale(.96)rotate(-1deg)}to{transform:scale(1)rotate(0)}}@keyframes rainbow-shift{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}html{background:var(--bg);min-width:320px}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0f9ff 0%,#ede9fe 50%,#fce7f3 100%) fixed;margin:0;font-family:Be Vietnam Pro,Segoe UI,Helvetica Neue,sans-serif;line-height:1.6}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,h4{margin:0;font-weight:700;line-height:1.2}p{margin:0}main{min-height:calc(100vh - 72px)}.topbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#fffffff2;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px clamp(16px,4vw,48px);display:flex;position:sticky;top:0;box-shadow:0 1px #4f46e50f}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-mark{border-radius:var(--r-sm);color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,#4f46e5,#7c3aed);flex-shrink:0;place-items:center;width:40px;height:40px;font-size:.9rem;font-weight:800;display:grid}.brand strong{font-size:.95rem;font-weight:700;display:block}.brand small{color:var(--muted);font-size:.72rem;display:block}.nav-links{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.nav-links a{border-radius:var(--r-sm);height:40px;color:var(--muted);align-items:center;gap:6px;padding:0 14px;font-size:.88rem;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-links a:hover{background:var(--primary-light);color:var(--primary)}.nav-auth{flex-shrink:0;align-items:center;gap:8px;display:flex}.nav-login{border:1.5px solid var(--border);border-radius:var(--r-sm);height:38px;color:var(--text);align-items:center;padding:0 16px;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.nav-login:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.nav-register{border-radius:var(--r-sm);color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);align-items:center;height:38px;padding:0 16px;font-size:.85rem;font-weight:700;transition:opacity .15s,transform .1s;display:flex}.nav-register:hover{opacity:.9;transform:translateY(-1px)}.register-family-card{max-width:560px}.register-section-title{color:#0f172a;background:linear-gradient(135deg,#ecfeff,#fef3c7);border-radius:14px;margin:16px 0 4px;padding:9px 12px;font-weight:950}.auth-hint{color:#1e3a8a;background:#eff6ff;border-radius:14px;margin:0;padding:10px 12px}.user-chip{border:1.5px solid var(--border);border-radius:var(--r-full);align-items:center;gap:8px;height:38px;padding:0 14px;font-size:.85rem;font-weight:600;display:flex}.user-chip .avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.72rem;font-weight:800;display:grid}.page-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:40px 0 64px}.primary-action{border-radius:var(--r-full);color:#fff;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);border:none;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:0 26px;font-size:.95rem;font-weight:800;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:inline-flex;box-shadow:0 4px 16px #0ea5e973,0 2px 6px #8b5cf640}.primary-action:hover:not(:disabled){transform:translateY(-3px)scale(1.03);box-shadow:0 8px 24px #0ea5e980,0 4px 10px #8b5cf64d}.primary-action:active:not(:disabled){transform:translateY(-1px)scale(1.01)}.primary-action:disabled{opacity:.55;cursor:progress}.ghost-action{border:2px solid var(--border);border-radius:var(--r-full);background:var(--surface);min-height:48px;color:var(--primary-dark);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 22px;font-size:.9rem;font-weight:700;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.ghost-action:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary-dark);transform:translateY(-2px)}.btn-green{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98173}.btn-green:hover:not(:disabled){box-shadow:0 8px 24px #10b98180}.btn-pink{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 16px #ec489973}.btn-orange{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 16px #f9731673}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);background:linear-gradient(90deg, var(--primary), var(--fun-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:.76rem;font-weight:800}.landing-hero{background:linear-gradient(135deg,#0c4a6e 0%,#0ea5e9 45%,#8b5cf6 80%,#ec4899 100%);align-items:center;min-height:80vh;padding:clamp(60px,10vw,100px) clamp(20px,6vw,80px);display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 15%,#ffffff14 0%,#0000 45%),radial-gradient(circle at 85% 20%,#ffffff0f 0%,#0000 40%),radial-gradient(circle at 50% 90%,#10b98126 0%,#0000 50%);position:absolute;inset:0}.landing-hero:after{content:"⭐ 🌟 ✨ 🌈 🎯 🚀 🎮 📚";opacity:.18;letter-spacing:.8em;pointer-events:none;font-size:1.5rem;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.landing-content{grid-template-columns:1fr 420px;align-items:center;gap:56px;width:100%;max-width:1180px;margin:0 auto;display:grid;position:relative}.landing-text h1{color:#fff;letter-spacing:-.02em;font-size:clamp(34px,5vw,62px);font-weight:800;line-height:1.12}.landing-text h1 .highlight{background:linear-gradient(90deg,#fcd34d,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-text>p{color:#ffffffc7;max-width:520px;margin:20px 0 32px;font-size:1.05rem;line-height:1.75}.landing-actions{flex-wrap:wrap;gap:12px;display:flex}.landing-cta{border-radius:var(--r-full);color:#fff;cursor:pointer;text-shadow:0 1px 2px #00000026;background:linear-gradient(135deg,#f59e0b,#f97316);border:none;align-items:center;gap:8px;height:56px;padding:0 32px;font-size:1rem;font-weight:800;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-flex;box-shadow:0 6px 22px #f59e0b8c}.landing-cta:hover{transform:translateY(-4px)scale(1.04);box-shadow:0 10px 30px #f59e0ba6}.landing-cta-ghost{border-radius:var(--r-full);color:#fff;border:2.5px solid #ffffff73;align-items:center;height:56px;padding:0 28px;font-size:.95rem;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.landing-cta-ghost:hover{background:#ffffff26;border-color:#ffffffb3;transform:translateY(-2px)}.landing-stats{gap:36px;margin-top:44px;display:flex}.landing-stat strong{background:linear-gradient(135deg,#fbbf24,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:800;display:block}.landing-stat span{color:#ffffffb8;font-size:.82rem;font-weight:600}.landing-cards{flex-direction:column;gap:12px;display:flex}.landing-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r);color:#fff;background:#ffffff14;border:1px solid #ffffff26;align-items:flex-start;gap:14px;padding:20px 22px;transition:background .2s;display:flex}.landing-card:hover{background:#ffffff1f}.landing-card .card-icon{flex-shrink:0;font-size:2rem}.landing-card h3{font-size:1rem;font-weight:700}.landing-card p{color:#ffffffad;margin-top:4px;font-size:.83rem;line-height:1.5}.section-heading{margin-bottom:28px}.section-heading h2{color:var(--text);margin-top:6px;font-size:clamp(22px,3.5vw,34px);font-weight:800}.section-heading h1{color:var(--text);margin-top:6px;font-size:clamp(20px,3vw,30px);font-weight:700}.section-heading p.sub{color:var(--muted);margin-top:8px;font-size:.95rem}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;display:grid}.feature-card{border:2px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);padding:28px 24px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;animation:.4s both slide-up}.feature-card:nth-child(2){animation-delay:.1s}.feature-card:nth-child(3){animation-delay:.2s}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-5px)scale(1.02)}.feature-icon{margin-bottom:14px;font-size:2.8rem;animation:2.5s ease-in-out infinite kid-bounce}.feature-card:nth-child(2) .feature-icon{animation-delay:.4s}.feature-card:nth-child(3) .feature-icon{animation-delay:.8s}.feature-card h3{color:var(--text);margin-bottom:8px;font-size:1.1rem;font-weight:800}.feature-card p{color:var(--muted);font-size:.88rem;line-height:1.65}.subjects-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px;display:grid}.subject-card{border-radius:var(--r);padding:28px 24px;transition:transform .2s,box-shadow .2s;display:block;position:relative;overflow:hidden}.subject-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.subject-card.math{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1.5px solid #c7d2fe}.subject-card.english{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #a7f3d0}.subject-card.literature{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #fde68a}.subject-icon{margin-bottom:12px;font-size:2.6rem}.subject-card h3{font-size:1.2rem;font-weight:800}.subject-card p{color:var(--muted);margin-top:6px;font-size:.86rem}.subject-cta{color:var(--primary);align-items:center;gap:4px;margin-top:16px;font-size:.86rem;font-weight:700;display:inline-flex}.dashboard-welcome{border-radius:var(--r-xl);color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#8b5cf6 60%,#ec4899 100%);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:32px 36px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0ea5e959,0 4px 12px #8b5cf633}.dashboard-welcome:before{content:"🌟";opacity:.15;font-size:4rem;animation:3s ease-in-out infinite kid-float;position:absolute;top:12px;right:24px}.dashboard-welcome h1{color:#fff;font-size:clamp(20px,3vw,28px);font-weight:800}.dashboard-welcome p{color:#ffffffe0;margin-top:8px;font-size:.95rem}.dashboard-random-greeting{color:#fff;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:9px;max-width:720px;margin-top:14px;padding:10px 13px;display:inline-flex;box-shadow:inset 0 1px #ffffff29}.dashboard-random-greeting strong{font-size:.92rem;line-height:1.35}.dashboard-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{border:2px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);text-align:center;padding:24px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.stat-card:first-child{border-color:#bae6fd}.stat-card:nth-child(2){border-color:#a7f3d0}.stat-card:nth-child(3){border-color:#ddd6fe}.stat-card strong{background:linear-gradient(135deg,#0ea5e9,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;display:block}.stat-card span{color:var(--muted);font-size:.86rem;font-weight:600}.dashboard-hero{border-radius:var(--r-lg);background:linear-gradient(135deg, var(--primary-light), #e0e7ff 50%, #f5f3ff);box-shadow:var(--shadow);border:1.5px solid #4f46e51f;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:24px;margin-bottom:32px;padding:clamp(24px,5vw,48px);display:grid}.hero-copy h1{color:var(--primary-dark);letter-spacing:-.02em;font-size:clamp(34px,6vw,64px);font-weight:800}.hero-copy p{color:var(--muted);max-width:540px;margin:12px 0 24px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero-board{grid-template-columns:1fr 1fr;align-content:end;gap:10px;display:grid}.hero-board img{grid-column:1/-1;width:min(220px,78%);margin:0 auto 8px}.hero-board>div{border:1.5px solid var(--border);border-radius:var(--r-sm);background:#fffc;padding:16px}.hero-board strong{color:var(--primary);font-size:1.8rem;font-weight:800;display:block}.hero-board span{color:var(--muted);font-size:.82rem}.dashboard-tip{border-radius:var(--r-lg);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fde68a;align-items:flex-start;gap:14px;margin-top:28px;padding:18px 22px;display:flex}.dashboard-tip span{flex-shrink:0;font-size:1.5rem}.dashboard-tip p{color:var(--text);font-size:.9rem;line-height:1.65}.dashboard-tip strong{color:#92400e}.landing-subject-section,.learning-studio{margin-top:0}.control-rail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.segmented{background:var(--bg);border:1.5px solid var(--border);border-radius:var(--r-sm);flex-wrap:wrap;gap:4px;padding:4px;display:flex}.segmented button{min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.segmented button:hover{background:var(--surface);color:var(--text)}.segmented button.is-active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:700}.lesson-layout{grid-template-columns:296px minmax(0,1fr);gap:16px;display:grid}.lesson-list{align-content:start;gap:7px;max-height:720px;padding-right:4px;display:grid;overflow-y:auto}.lesson-chip{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);width:100%;min-height:68px;color:var(--text);text-align:left;cursor:pointer;gap:4px;padding:12px 14px;transition:border-color .15s,background .15s;display:grid}.lesson-chip:hover,.lesson-chip.is-active{border-color:var(--primary);background:var(--primary-light)}.lesson-chip.is-active span{color:var(--primary)}.lesson-chip span{font-size:.86rem;font-weight:600}.lesson-chip small{color:var(--muted);font-size:.77rem}.lesson-stage{border:1.5px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);padding:clamp(16px,3vw,28px)}.lesson-visual{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--primary-light), #f5f3ff);border:2px solid var(--border);align-items:center;gap:20px;min-height:130px;margin-bottom:20px;padding:18px 22px;display:flex}.lesson-visual img{width:90px;max-width:34%}.lesson-visual span{color:var(--muted);font-size:.76rem;display:block}.lesson-visual strong{color:var(--primary-dark);margin-top:4px;font-size:clamp(18px,3.5vw,34px);font-weight:800;display:block}.lesson-visual-kid{border-radius:var(--r-lg);background:linear-gradient(135deg,#e0f2fe,#ede9fe);border:2px solid #bae6fd;align-items:center;gap:20px;margin-bottom:22px;padding:20px 24px;display:flex}.lesson-visual-emoji{flex-shrink:0;font-size:3.5rem;animation:3s ease-in-out infinite kid-float}.lesson-visual-kid h1{color:var(--text);margin-top:4px;font-size:clamp(18px,3vw,24px);font-weight:800}.lesson-standard{color:var(--muted);margin-top:4px;font-size:.84rem;line-height:1.55}.q-num{border-radius:var(--r-full);color:#fff;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);margin-right:4px;padding:2px 8px;font-size:.72rem;font-weight:800;display:inline-block}.feedback-ok{border-radius:var(--r-sm);color:#065f46;background:#d1fae5;padding:8px 12px;font-size:.86rem;font-weight:600}.feedback-hint{border-radius:var(--r-sm);color:#92400e;background:#fef3c7;padding:8px 12px;font-size:.86rem;font-weight:600}.lesson-progress-bar{border-radius:var(--r-full);background:var(--border);width:100%;height:8px;overflow:hidden}.lesson-progress-fill{border-radius:var(--r-full);background:linear-gradient(90deg,#10b981,#0ea5e9);height:100%;transition:width .5s}.lesson-copy{margin-bottom:20px}.lesson-copy h1{color:var(--text);margin-top:4px;font-size:clamp(17px,2.8vw,24px);font-weight:800}.lesson-copy p{color:var(--muted);margin-top:8px;line-height:1.7}.step-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.step-card{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);gap:8px;padding:14px;display:grid}.step-card span{background:var(--primary);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.82rem;font-weight:800;display:grid}.step-card p{color:var(--text);font-size:.86rem;line-height:1.55}.activity-panel{gap:12px;margin-bottom:20px;display:grid}.activity-card{border:1.5px solid var(--border);border-radius:var(--r-sm);background:#fafbff;gap:12px;padding:16px;display:grid}.activity-card strong{font-size:.93rem;line-height:1.55}.answer-row{flex-wrap:wrap;gap:8px;display:flex}.answer-row button{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;padding:8px 16px;font-size:.86rem;font-weight:600;transition:border-color .15s,background .15s}.answer-row button:hover{border-color:var(--primary);background:var(--primary-light)}.action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.action-row p{color:var(--success);font-size:.86rem;font-weight:600}.game-room{grid-template-columns:292px minmax(0,1fr);gap:16px;display:grid}.game-picker{align-content:start;gap:8px;display:grid}.game-tab{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);width:100%;min-height:82px;color:var(--text);text-align:left;cursor:pointer;grid-template-columns:14px 1fr;gap:4px 10px;padding:14px;transition:border-color .15s,background .15s;display:grid}.game-tab:hover{border-color:var(--primary);background:var(--primary-light)}.game-tab span{border-radius:50%;width:14px;height:14px;margin-top:3px}.game-tab strong{font-size:.86rem;font-weight:700}.game-tab small{color:var(--muted);grid-column:2;font-size:.77rem}.game-tab.is-active{border-color:var(--primary);background:var(--primary-light)}.game-tab.is-active strong{color:var(--primary)}.game-stage{border:1.5px solid color-mix(in srgb, var(--accent), white 50%);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);padding:clamp(16px,3vw,28px)}.game-hud{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.game-hud h1{font-size:clamp(17px,2.8vw,24px);font-weight:800}.game-hud>div:first-child p{color:var(--muted);margin-top:6px;font-size:.88rem}.score-box{border:2px solid var(--border);border-radius:var(--r-sm);background:linear-gradient(135deg, var(--accent-light), #fef9c3);flex-shrink:0;place-items:center;min-width:96px;min-height:76px;display:grid}.score-box span{color:var(--accent-dark);font-size:1.9rem;font-weight:800;display:block}.score-box small{color:var(--muted);font-size:.77rem}.block-board{aspect-ratio:1;grid-template-columns:repeat(6,minmax(38px,1fr));gap:6px;width:min(100%,490px);margin:0 auto 20px;display:grid}.block-board button{border-radius:var(--r-sm);cursor:pointer;border:2px solid #0000001a;min-width:0;transition:transform 80ms,filter .1s}.block-board button:hover{filter:brightness(1.12);transform:scale(.93)}.mini-game-scene{border-radius:var(--r-sm);background:linear-gradient(135deg, var(--primary-light), #f5f3ff);place-items:center;min-height:280px;margin-bottom:20px;display:grid}.track{grid-template-columns:repeat(3,minmax(88px,1fr));gap:10px;width:min(470px,100%);display:grid}.track button{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--surface);min-height:80px;color:var(--text);cursor:pointer;padding:10px;font-size:.86rem;font-weight:600;transition:border-color .15s,background .15s}.track button:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.game-footer{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.game-footer p{color:var(--primary);font-size:.86rem;font-weight:600}.auth-page{background:linear-gradient(135deg,#e0f2fe 0%,#ede9fe 50%,#fce7f3 100%);place-items:center;min-height:calc(100vh - 72px);padding:24px 16px;display:grid}.auth-card{border:2px solid var(--border);border-radius:var(--r-xl);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;gap:16px;width:min(460px,100%);padding:44px 40px;animation:.5s both slide-up;display:grid;box-shadow:0 16px 48px #0ea5e92e,0 4px 12px #8b5cf61a}.auth-logo{text-align:center;margin-bottom:8px}.auth-logo .logo-mark{flex-direction:column;align-items:center;gap:4px;font-size:3.5rem;line-height:1;animation:3s ease-in-out infinite kid-float;display:inline-flex}.auth-card h1{text-align:center;color:var(--text);font-size:1.7rem;font-weight:800}.auth-sub{text-align:center;color:var(--muted);margin-top:-6px;font-size:.88rem}.field{gap:8px;display:grid}.field label{color:var(--text);font-size:.86rem;font-weight:700}.auth-card .primary-action{width:100%;height:52px;margin-top:6px;font-size:1rem}.auth-card hr{border:none;border-top:1.5px solid var(--border);margin:0}.auth-link{text-align:center;color:var(--muted);font-size:.88rem}.auth-link a{color:var(--primary);font-weight:800}input,select{border:2px solid var(--border);border-radius:var(--r);background:var(--surface);width:100%;min-height:50px;color:var(--text);padding:0 16px;font-size:.95rem;transition:border-color .18s,box-shadow .18s}input:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #0ea5e926}.form-error{border-radius:var(--r-sm);background:var(--danger-light);color:var(--danger);align-items:center;gap:8px;padding:10px 14px;font-size:.86rem;font-weight:600;display:flex}.form-success{border-radius:var(--r-sm);background:var(--success-light);color:var(--success);align-items:center;gap:8px;padding:10px 14px;font-size:.86rem;font-weight:600;display:flex}.account-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-panel{border:1.5px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);padding:28px}.profile-panel h1{font-size:1.5rem;font-weight:800}.profile-panel h2{margin-bottom:16px;font-size:1.15rem;font-weight:700}.profile-panel>p{color:var(--muted);margin-top:4px;font-size:.88rem}.profile-stats{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.profile-stats span{border-radius:var(--r-full);background:var(--primary-light);color:var(--primary);padding:6px 14px;font-size:.8rem;font-weight:700}.badge-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.badge-row span{border-radius:var(--r-full);background:var(--accent-light);color:var(--accent-dark);padding:6px 14px;font-size:.8rem;font-weight:700}.stack-form{gap:12px;display:grid}.user-table{border:1.5px solid var(--border);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.user-row{border-top:1px solid var(--border);grid-template-columns:1fr 1.4fr 1fr .6fr;gap:12px;padding:14px 20px;font-size:.86rem;display:grid}.user-row:first-child{border-top:none}.user-head{background:var(--primary-light);color:var(--primary);font-size:.8rem;font-weight:700}@media (max-width:960px){.landing-content{grid-template-columns:1fr}.landing-cards{display:none}.features-grid,.subjects-grid{grid-template-columns:1fr 1fr}.dashboard-hero{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:1fr 1fr}.lesson-layout,.game-room,.account-grid{grid-template-columns:1fr}}@media (max-width:640px){.topbar{flex-wrap:wrap;gap:8px;min-height:auto;padding:10px 16px}.nav-links{order:3;justify-content:center;width:100%}.features-grid,.subjects-grid,.dashboard-stats{grid-template-columns:1fr}.dashboard-welcome{flex-direction:column;align-items:flex-start;gap:12px}.step-grid{grid-template-columns:1fr}.game-picker{grid-template-columns:repeat(2,1fr);display:grid}.track,.user-row{grid-template-columns:1fr 1fr}.landing-stats{gap:20px}.auth-card{padding:28px 20px}.page-shell{padding-top:24px}}.centered{text-align:center}.muted-line{color:var(--muted);margin-top:4px}.spaced{margin-top:22px}.wide{width:100%;margin-top:16px}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.quick-card{border-radius:var(--r-xl);background:var(--surface);min-height:190px;box-shadow:var(--shadow);color:var(--text);border:2px solid #0000;gap:10px;padding:24px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s;display:grid}.quick-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-6px)scale(1.02)}.quick-card:first-child{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#7dd3fc}.quick-card:nth-child(2){background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.quick-card:nth-child(3){background:linear-gradient(135deg,#ede9fe,#ddd6fe);border-color:#c4b5fd}.quick-card span{color:var(--primary-dark);font-size:1.6rem}.quick-card strong{color:var(--text);font-size:1.2rem;font-weight:800}.learning-switcher{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin-bottom:18px;padding:22px;display:grid}.learning-switcher h2{font-size:clamp(1.35rem,3vw,2rem)}.learning-switcher p:not(.eyebrow){color:var(--muted);margin-top:6px}.switcher-controls{justify-items:end;gap:10px;display:grid}.unit-group{gap:8px;display:grid}.unit-group>strong{color:var(--primary);text-transform:uppercase;font-size:.82rem}.lesson-visual p{max-width:680px;color:var(--muted);margin-top:8px}.activity-card.is-correct{background:var(--success-light);border-color:#05966959}.activity-card.is-wrong{background:var(--danger-light);border-color:#dc262647}.answer-row button.is-picked{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.lesson-summary{border-radius:var(--r);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:16px;display:flex}.lesson-summary div{display:grid}.lesson-summary strong{color:var(--primary);font-size:1.4rem}.academy-games{grid-template-columns:310px minmax(0,1fr);gap:18px;display:grid}.game-menu{align-content:start;gap:10px;display:grid}.game-menu-item{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);min-height:76px;color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);grid-template-columns:14px minmax(0,1fr);gap:4px 10px;padding:14px;display:grid}.game-menu-item.is-active{border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent), var(--shadow)}.game-dot{background:var(--accent);border-radius:50%;width:14px;height:14px;margin-top:4px}.game-menu-item small{color:var(--muted);grid-column:2}.game-workbench{border:1px solid color-mix(in srgb, var(--accent), white 55%);border-radius:var(--r-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), white 88%), #fff 34%), var(--surface);min-width:0;box-shadow:var(--shadow-lg);padding:clamp(16px,3vw,28px)}.game-workbench-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.game-workbench-head h1{font-size:clamp(1.6rem,4vw,2.4rem)}.game-workbench-head p:not(.eyebrow){max-width:720px;color:var(--muted);margin-top:8px}.game-focus{border-radius:var(--r-full);background:color-mix(in srgb, var(--accent), white 82%);color:color-mix(in srgb, var(--accent), black 25%);flex-shrink:0;padding:8px 12px;font-size:.82rem;font-weight:800}.game-panel{gap:14px;display:grid}.game-toolbar,.mini-hud,.form-row,.security-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.segmented.compact button{min-height:38px;padding:0 12px}.soft-button{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;padding:0 14px;font-weight:700}.game-message{border-radius:var(--r);color:var(--text);background:#ffffffb8;padding:12px 14px;font-weight:600}.caro-board{border-radius:var(--r);background:#f8d99b;grid-template-columns:repeat(15,minmax(20px,1fr));gap:3px;width:min(100%,660px);margin:0 auto;padding:8px;display:grid;box-shadow:inset 0 0 0 2px #78350f29}.caro-cell{aspect-ratio:1;min-width:0;color:var(--text);cursor:pointer;background:#ffffff5c;border:1px solid #78350f47;border-radius:6px;font-weight:900}.caro-cell.p1{color:#0f766e;background:#ccfbf1}.caro-cell.p2{color:#b91c1c;background:#fee2e2}.chess-lite-board{border-radius:var(--r);border:8px solid #8b5a2b;grid-template-columns:repeat(8,minmax(38px,1fr));width:min(100%,560px);margin:0 auto;display:grid;overflow:hidden}.chess-lite-cell{aspect-ratio:1;cursor:pointer;border:0;place-items:center;min-width:0;display:grid}.chess-lite-cell.light{background:#f8e7c8}.chess-lite-cell.dark{background:#b9824f}.chess-lite-cell.can-move{box-shadow:inset 0 0 0 4px #059669a6}.chess-lite-cell.selected{box-shadow:inset 0 0 0 4px var(--primary)}.white-piece,.black-piece{border-radius:50%;place-items:center;width:78%;height:78%;font-size:clamp(.65rem,2vw,1rem);font-weight:900;display:grid}.white-piece{color:#7c2d12;background:#fff7ed}.black-piece{color:#fff7ed;background:#1f2937}.xiangqi-board-lite{border-radius:var(--r);background:#f5d29b;grid-template-columns:repeat(9,minmax(32px,1fr));width:min(100%,620px);margin:0 auto;padding:10px;display:grid;position:relative}.xiangqi-cell{aspect-ratio:1;cursor:pointer;background:#ffffff3d;border:1px solid #78350f52;place-items:center;min-width:0;display:grid}.xiangqi-cell.can-move{background:#dcfce7}.xiangqi-cell.selected{outline:3px solid var(--accent);z-index:1}.red-xpiece,.black-xpiece{background:#fffaf0;border:2px solid;border-radius:50%;place-items:center;width:82%;height:82%;font-size:clamp(.58rem,1.7vw,.88rem);font-weight:900;display:grid}.red-xpiece{color:#b91c1c}.black-xpiece{color:#111827}.river-label{color:#78350fbd;text-align:center;grid-column:1/-1;padding:8px;font-weight:900}.egg-board{border-radius:var(--r-lg);background:linear-gradient(#dcfce7,#fef3c7);grid-template-columns:repeat(8,minmax(34px,1fr));gap:8px;width:min(100%,560px);margin:0 auto;padding:14px;display:grid}.egg-cell{aspect-ratio:1;cursor:pointer;background:#ffffffa3;border:1px dashed #0f172a33;border-radius:50%;place-items:center;min-width:0;display:grid}.egg-cell span,.current-egg{border-radius:50%;width:78%;height:78%;display:block;box-shadow:inset -6px -8px #00000029,inset 8px 8px #ffffff3d}.current-egg{width:34px;height:34px}.sea-stage{border-radius:var(--r-lg);background:linear-gradient(#0ea5e92e,#06b6d447),#eff6ff;gap:18px;padding:22px;display:grid}.player-fish{color:#fff;max-width:100%;box-shadow:var(--shadow);background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:999px 55% 55% 999px;place-items:center;font-weight:900;display:grid}.sea-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sea-item{min-width:58px;color:var(--text);cursor:pointer;background:#fff;border:2px solid #0000;border-radius:999px 55% 55% 999px;justify-self:center;font-weight:800}.sea-item.safe{border-color:var(--success);background:#dcfce7}.sea-item.danger{border-color:var(--danger);background:#fee2e2}.sea-item.star{border-color:var(--accent);background:#fef3c7;border-radius:50%}.check-line{color:var(--muted);align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:inline-flex}.form-row a,.security-links a{color:var(--primary);font-size:.88rem;font-weight:800}.security-links{margin-top:18px}@media (max-width:980px){.academy-games,.learning-switcher,.quick-grid{grid-template-columns:1fr}.switcher-controls{justify-items:stretch}}@media (max-width:720px){.game-workbench-head,.lesson-summary{flex-direction:column;align-items:flex-start}.game-focus{align-self:flex-start}.game-menu{grid-template-columns:1fr}.sea-items{grid-template-columns:repeat(2,minmax(0,1fr))}.caro-board{gap:2px;padding:6px}}.app-frame{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.app-main{min-width:0}.left-nav{background:linear-gradient(#0c4a6e 0%,#0369a1 60%,#0ea5e9 100%);border-right:none;flex-direction:column;gap:16px;height:100vh;padding:20px;display:flex;position:sticky;top:0;overflow-y:auto;box-shadow:4px 0 24px #0ea5e940}.side-brand{background:#ffffff1f;border:1px solid #fff3;border-radius:18px;align-items:center;gap:12px;padding:14px;display:flex}.side-brand strong{color:#fff;font-size:.95rem;display:block}.side-brand small{color:#ffffffb8;font-size:.76rem;display:block}.side-links{gap:6px;display:grid}.side-links a,.side-login{color:#ffffffe6;background:#ffffff1a;border:1.5px solid #ffffff1a;border-radius:14px;align-items:center;min-height:50px;padding:0 14px;font-size:.92rem;font-weight:700;transition:background .18s,border-color .18s,transform .18s;display:flex}.side-links a:hover,.side-login:hover{color:#fff;background:#fff3;border-color:#fff6;transform:translate(4px)}.side-auth{gap:10px;margin-top:auto;display:grid;position:relative}.side-user{background:#ffffff1f;border:1px solid #fff3;border-radius:18px;gap:4px;padding:14px;display:grid}.side-user span{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;place-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:900;display:grid}.side-user strong{color:#fff;font-size:.92rem;display:block}.side-user small{color:#ffffffa6;font-size:.76rem}.side-register,.side-auth button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#f97316);border:0;border-radius:14px;justify-content:center;align-items:center;min-height:50px;font-weight:800;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;display:flex;box-shadow:0 4px 16px #f59e0b66}.side-register:hover,.side-auth button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #f59e0b80}.side-auth .user-dropdown-wrap{position:relative}.side-auth .user-dropdown-trigger{color:#fff;background:#ffffff21;border:1px solid #ffffff3d;border-radius:20px;justify-content:flex-start;width:100%;min-height:62px;box-shadow:0 12px 28px #082f492e}.side-auth .user-dropdown-avatar{background:linear-gradient(135deg,#facc15,#f97316);width:42px;height:42px}.side-auth .user-dropdown-name{color:#fff;max-width:155px}.side-auth .user-dropdown-arrow{margin-left:auto}.side-auth .user-dropdown-menu{width:100%;inset:auto auto calc(100% + 10px) 0}.left-nav .side-auth .user-dropdown-trigger{color:#0f172a;background:linear-gradient(135deg,#fff,#e0f2fe);border-color:#2563eb2e}.left-nav .side-auth .user-dropdown-name{color:#0f172a;text-shadow:none;font-weight:950}.left-nav .side-auth .user-dropdown-arrow{color:#2563eb}.side-nav-item{color:#ffffffe6;background:#ffffff1a;border:1.5px solid #ffffff1a;border-radius:14px;align-items:center;gap:10px;min-height:50px;padding:0 14px;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:flex!important}.side-nav-item:hover{color:#fff;background:#ffffff38;border-color:#fff6;transform:translate(4px)}.side-nav-item.is-active{color:#fff;background:#ffffff47;border-color:#ffffff80;box-shadow:0 2px 12px #ffffff1f}.side-nav-admin{background:#f59e0b1f;border-color:#f59e0b4d}.side-nav-admin:hover{background:#f59e0b38;border-color:#f59e0b99}.side-nav-icon{flex-shrink:0;font-size:1.2rem}.topbar{display:none}.admin-grid{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:18px;margin-top:22px;display:grid}.compact-table{max-height:620px;overflow:auto}.permission-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.permission-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;align-content:start;gap:12px;padding:18px;display:grid}.permission-card p{color:var(--muted);font-size:.88rem}.permission-card div{flex-wrap:wrap;gap:6px;display:flex}.permission-card span{background:var(--primary-light);color:var(--primary);border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:800}.kid-games-shell{grid-template-columns:280px minmax(0,1fr);gap:18px;display:grid}.kid-game-sidebar{align-content:start;gap:12px;display:grid}.kid-game-card{border:1px solid color-mix(in srgb, var(--accent), white 70%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), white 90%), #fff);min-height:82px;color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);border-radius:18px;grid-template-columns:42px minmax(0,1fr);gap:3px 12px;padding:14px;display:grid}.kid-game-card.is-active{box-shadow:inset 5px 0 0 var(--accent), var(--shadow-lg);transform:translateY(-1px)}.kid-game-icon{background:var(--accent);color:#fff;border-radius:14px;grid-row:span 2;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.kid-game-card small{color:var(--muted)}.kid-game-stage{background:linear-gradient(135deg, color-mix(in srgb, var(--accent), white 86%), #fffffff5 40%), #fff;min-width:0;box-shadow:var(--shadow-lg);border-radius:28px;padding:clamp(16px,3vw,28px)}.kid-game-hero{justify-content:space-between;gap:18px;margin-bottom:18px;display:flex}.kid-game-hero h1{font-size:clamp(1.7rem,4vw,2.6rem)}.kid-game-hero p:not(.eyebrow){max-width:740px;color:var(--muted);margin-top:8px}.kid-game-hero>span{background:color-mix(in srgb, var(--accent), white 82%);color:color-mix(in srgb, var(--accent), black 35%);border-radius:999px;align-self:flex-start;padding:8px 12px;font-weight:900}.board-arena{gap:14px;display:grid}.arena-toolbar,.room-actions,.arcade-hud{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sound-toggle{border:1px solid var(--border);color:#9a3412;cursor:pointer;background:#fff7ed;border-radius:999px;min-height:40px;padding:0 14px;font-weight:900}.online-panel{border:1px dashed color-mix(in srgb, var(--accent), white 35%);background:#ffffffb3;border-radius:18px;gap:12px;padding:14px;display:grid}.room-card-live,.room-list-item{box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;display:flex}.room-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.room-list-item{border:1px solid var(--border);color:var(--text);cursor:pointer;text-align:left}.room-list-item strong{color:var(--primary)}.storybook-board{margin:0 auto}.caro-board-pro{width:min(100%,690px);box-shadow:inset 0 0 0 4px #78350f2e, var(--shadow);background:linear-gradient(90deg,#78350f14 1px,#0000 1px),linear-gradient(0deg,#78350f14 1px,#0000 1px),#f9d99a;border-radius:24px;grid-template-columns:repeat(15,minmax(20px,1fr));gap:3px;padding:12px;display:grid}.caro-stone-cell{aspect-ratio:1;min-width:0;color:var(--text);cursor:pointer;background:#ffffff73;border:1px solid #78350f42;border-radius:10px;font-weight:900}.caro-stone-cell.p1{color:#0f766e;background:#ccfbf1;box-shadow:inset 0 -5px #0f766e29}.caro-stone-cell.p2{color:#b91c1c;background:#fee2e2;box-shadow:inset 0 -5px #b91c1c24}.caro-stone-cell.last{outline:4px solid #fbbf24}.chess-board-pro{width:min(100%,620px);box-shadow:var(--shadow-lg);border:12px solid #85592e;border-radius:24px;grid-template-columns:repeat(8,minmax(42px,1fr));display:grid;overflow:hidden}.chess-square-pro{aspect-ratio:1;cursor:pointer;border:0;place-items:center;min-width:0;display:grid}.chess-square-pro.light{background:#ffe8b8}.chess-square-pro.dark{background:#b97843}.chess-square-pro.legal{box-shadow:inset 0 0 0 5px #14b8a6bf}.chess-square-pro.selected{box-shadow:inset 0 0 0 5px #4f46e5}.piece-token,.xpiece-token{border-radius:50%;place-items:center;width:82%;height:82%;font-size:clamp(.58rem,1.8vw,.9rem);font-weight:900;display:grid;box-shadow:0 8px 16px #0f172a2e}.piece-token.white{color:#7c2d12;background:#fff7ed}.piece-token.black{color:#fff7ed;background:#111827}.xiangqi-board-pro{width:min(100%,680px);box-shadow:inset 0 0 0 4px #78350f2e, var(--shadow-lg);background:#f5c982;border-radius:24px;grid-template-columns:repeat(9,minmax(38px,1fr));padding:12px;display:grid}.xiangqi-square-pro{aspect-ratio:1;cursor:pointer;background:#fff3;border:1px solid #78350f47;place-items:center;min-width:0;display:grid}.xiangqi-square-pro.legal{background:#dcfce7}.xiangqi-square-pro.selected{z-index:1;outline:4px solid #4f46e5}.xpiece-token.red{color:#b91c1c;background:#fff7ed;border:2px solid #b91c1c}.xpiece-token.black{color:#111827;background:#fff7ed;border:2px solid #111827}.river-band{text-align:center;color:#92400e;grid-column:1/-1;padding:9px;font-weight:900}.arcade-card{box-shadow:inset 0 0 0 1px #fff9, var(--shadow);border-radius:28px;gap:14px;padding:18px;display:grid}.dino-scene{background:linear-gradient(#dcfce7,#fef3c7)}.ocean-scene{background:linear-gradient(#dff7ff,#bae6fd)}.egg-grid-pro{grid-template-columns:repeat(8,minmax(34px,1fr));gap:9px;width:min(100%,560px);margin:0 auto;display:grid}.egg-slot-pro{aspect-ratio:1;cursor:pointer;background:#ffffff9e;border:1px dashed #0f172a2e;border-radius:50%;place-items:center;display:grid}.egg-slot-pro span,.egg-preview{border-radius:50%;width:78%;height:78%;display:block;box-shadow:inset -7px -8px #00000029,inset 8px 8px #ffffff4d}.egg-preview{width:34px;height:34px}.ocean-playfield{gap:18px;display:grid}.hero-fish-pro{color:#fff;background:linear-gradient(135deg,#f97316,#ef4444);border-radius:999px 55% 55% 999px;place-items:center;max-width:100%;font-weight:900;display:grid}.fish-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.fish-choice{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:999px 55% 55% 999px;justify-self:center;min-width:58px;font-weight:900}.fish-choice.safe{color:#065f46;background:#dcfce7;border-color:#059669}.fish-choice.danger{color:#991b1b;background:#fee2e2;border-color:#dc2626}.fish-choice.star{color:#92400e;background:#fef3c7;border-color:#f59e0b;border-radius:50%}@media (max-width:1100px){.app-frame{grid-template-columns:1fr}.left-nav{border-right:0;border-bottom:1px solid var(--border);height:auto;position:relative}.side-links{grid-template-columns:repeat(3,minmax(0,1fr))}.kid-games-shell,.admin-grid,.permission-grid{grid-template-columns:1fr}}@media (max-width:700px){.side-links{grid-template-columns:1fr 1fr}.kid-game-hero,.arena-toolbar{flex-direction:column;align-items:flex-start}.room-list,.fish-choice-grid{grid-template-columns:1fr 1fr}.caro-board-pro{gap:2px;padding:7px}}.brand-logo{border-radius:16px;flex:none;width:48px;height:48px;box-shadow:0 10px 22px #0ea5a43d}.games-page-shell{width:min(1320px,100% - 32px)}.games-heading{background:linear-gradient(135deg,#ecfdf5f5,#fffbebe6),#fff;border:1px solid #0f766e24;border-radius:24px;padding:clamp(22px,4vw,34px);position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a14}.games-heading:after{content:"";opacity:.5;background-color:#0000;background-image:linear-gradient(90deg,#0f766e33 2px,#0000 2px),linear-gradient(0deg,#0f766e2e 2px,#0000 2px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:180px;height:180px;position:absolute;bottom:-24px;right:clamp(18px,5vw,64px);rotate:-8deg}.games-heading>*{z-index:1;position:relative}.pro-games-shell{grid-template-columns:304px minmax(0,1fr);align-items:start;gap:18px;display:grid}.pro-game-sidebar{align-content:start;gap:12px;display:grid}.pro-game-card{border:2px solid color-mix(in srgb, var(--accent), white 55%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), white 85%), #fffffffa 55%);min-height:100px;color:var(--text);text-align:left;cursor:pointer;border-radius:20px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s;display:grid;box-shadow:0 6px 20px #0f172a14}.pro-game-card:hover,.pro-game-card.is-active{border-color:var(--accent);transform:translateY(-4px)scale(1.02);box-shadow:0 12px 36px #0f172a29}.pro-game-cta{border-radius:var(--r-full);background:var(--accent);color:#fff;white-space:nowrap;align-items:center;gap:4px;height:36px;padding:0 14px;font-size:.8rem;font-weight:800;display:inline-flex;box-shadow:0 3px 10px #f59e0b66}.pro-game-art{position:relative}.pro-game-badge{border-radius:var(--r-full);color:#fff;white-space:nowrap;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);padding:2px 8px;font-size:.65rem;font-weight:800;position:absolute;top:-6px;right:-6px}.pro-game-copy small{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:700;display:block}.pro-game-copy strong{color:var(--text);margin-top:2px;font-size:1rem;font-weight:800;display:block}.pro-game-copy p{color:var(--muted);margin-top:4px;font-size:.82rem;line-height:1.5}.pro-game-card strong,.pro-game-card small{display:block}.pro-game-card strong{font-size:.98rem}.pro-game-card small{color:var(--muted);margin-top:3px;font-weight:700}.game-nav-visual{background:color-mix(in srgb, var(--accent), white 16%);border-radius:16px;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff6}.game-nav-visual.chess{background:linear-gradient(45deg,#f7dfb4 25%,#8b512d 25% 50%,#f7dfb4 50% 75%,#8b512d 75%) 0 0/32px 32px}.game-nav-visual.chess i{color:#111827;text-shadow:0 2px #fff7ed;font-size:2.7rem;line-height:1}.game-nav-visual.xiangqi{background:radial-gradient(circle at 30% 28%,#fff7ed,#e8bd78 72%)}.game-nav-visual.xiangqi i{color:#b42318;background:#fffaf0;border:3px solid #b42318;border-radius:50%;place-items:center;width:46px;height:46px;font-size:1.45rem;font-style:normal;font-weight:900;display:grid}.game-nav-visual.caro{background-color:#ddb46f;background-image:linear-gradient(90deg,#482a1457 1px,#0000 1px),linear-gradient(0deg,#482a1457 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.game-nav-visual.caro i{border-radius:50%;width:20px;height:20px;position:absolute}.game-nav-visual.caro i:first-child{background:radial-gradient(circle at 30% 28%,#6b7280,#0f172a 70%);top:16px;left:16px}.game-nav-visual.caro i:last-child{background:radial-gradient(circle at 30% 28%,#fff,#dbe2ea 72%);border:1px solid #cbd5e1;bottom:14px;right:14px}.game-nav-visual.dino{background:linear-gradient(#b7f7d0,#f9e6a6)}.game-nav-visual.dino i{background:radial-gradient(circle at 34% 30%,#ffffff8c 0 10%,#0000 11%),linear-gradient(145deg,#ef4444,#f59e0b);border-radius:55% 55% 45% 45%;width:38px;height:48px;box-shadow:inset -8px -10px #00000024}.game-nav-visual.ocean i{background:linear-gradient(135deg,#fde68a,#f97316);border-radius:999px 55% 55% 999px;width:44px;height:25px;box-shadow:-16px 0 0 -6px #f97316}.pro-game-stage{border:1px solid color-mix(in srgb, var(--accent), white 62%);background:linear-gradient(140deg, color-mix(in srgb, var(--accent), white 86%), #fffffffa 42%), #fff;border-radius:26px;min-width:0;padding:clamp(16px,3vw,28px);box-shadow:0 24px 64px #0f172a1f}.pro-game-stage.chess{background:linear-gradient(140deg,#fce7c7f2,#fffffffa 46%),#fff}.pro-game-stage.xiangqi{background:linear-gradient(140deg,#fee2e2c7,#fffffffa 46%),#fff}.pro-game-stage.ocean{background:linear-gradient(140deg,#e0f2fef5,#fffffffa 46%),#fff}.pro-game-hero{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.pro-game-hero h1{letter-spacing:0;font-size:clamp(1.85rem,4vw,3rem)}.pro-game-hero p:not(.eyebrow){max-width:780px;color:var(--muted);margin-top:8px}.pro-game-hero>span{background:color-mix(in srgb, var(--accent), white 82%);color:color-mix(in srgb, var(--accent), black 34%);border-radius:999px;flex:none;padding:9px 12px;font-size:.82rem;font-weight:900}.pro-board-arena{gap:16px}.pro-arena-toolbar{background:#ffffffb8;border:1px solid #0f172a14;border-radius:16px;padding:10px}.pro-game-message{background:#ffffffd1;border:1px solid #0f172a14;box-shadow:0 10px 24px #0f172a0f}.pro-online-panel{background:#ffffffb8;border-style:solid}.pro-board-frame{background:#ffffffad;border-radius:24px;gap:12px;width:fit-content;max-width:100%;margin:0 auto;padding:clamp(10px,2vw,16px);display:grid;box-shadow:0 18px 46px #0f172a1f}.board-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:0 4px;display:flex}.board-status-row span,.board-status-row strong{font-size:.88rem}.board-status-row span{color:color-mix(in srgb, var(--accent), black 25%);font-weight:900}.caro-board-real{aspect-ratio:1;background:linear-gradient(90deg,#522d106b 1px,#0000 1px) 0 0/7.14286% 7.14286%,linear-gradient(0deg,#522d106b 1px,#0000 1px) 0 0/7.14286% 7.14286%,radial-gradient(circle at 30% 22%,#ffffff3d,#0000 36%),#d8a45d;border:12px solid #8a5a2b;border-radius:20px;grid-template-columns:repeat(15,minmax(22px,1fr));width:min(100%,720px);padding:10px;display:grid;box-shadow:inset 0 0 0 3px #ffffff38,inset 0 0 34px #522d1042}.caro-point{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;min-width:0;display:grid}.caro-point:hover{background:#ffffff2e}.caro-point.last{box-shadow:inset 0 0 0 3px #facc15db}.caro-stone{border-radius:50%;width:76%;height:76%;box-shadow:0 8px 14px #0f172a3d,inset 4px 5px 8px #ffffff42}.caro-stone.black{background:radial-gradient(circle at 32% 28%,#64748b,#111827 66%)}.caro-stone.white{background:radial-gradient(circle at 32% 28%,#fff,#d7dee8 74%);border:1px solid #d8dee8}.chess-board-real{aspect-ratio:1;background:#58351d;border:16px solid #58351d;border-radius:20px;grid-template-columns:repeat(8,minmax(46px,1fr));width:min(100%,660px);display:grid;overflow:hidden;box-shadow:inset 0 0 0 4px #b9824f,0 18px 38px #0f172a3d}.chess-square-real{aspect-ratio:1;cursor:pointer;border:0;place-items:center;min-width:0;display:grid;position:relative}.chess-square-real.legal:after{content:"";background:#14b8a6c7;border-radius:50%;width:28%;height:28%;position:absolute;box-shadow:0 0 0 7px #14b8a624}.chess-square-real.selected{box-shadow:inset 0 0 0 5px #facc15}.chess-piece{z-index:1;filter:drop-shadow(0 8px 9px #0f172a3d);font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,6vw,4.6rem);line-height:1;position:relative}.chess-piece.white{color:#fffaf0;text-shadow:0 2px #9a6b44,0 0 1px #3f2a1a}.chess-piece.black{color:#111827;text-shadow:0 1px #ffffff59}.xiangqi-board-real{background:linear-gradient(90deg,#5c2d0c70 1px,#0000 1px) 0 0/12.5% 11.1111%,linear-gradient(0deg,#5c2d0c70 1px,#0000 1px) 0 0/12.5% 11.1111%,radial-gradient(circle at 28% 18%,#ffffff47,#0000 38%),#e9b96f;border:14px solid #7c2d12;border-radius:20px;grid-template-columns:repeat(9,minmax(42px,1fr));width:min(100%,720px);padding:18px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #ffffff38,0 18px 38px #0f172a33}.xiangqi-river{z-index:0;color:#7c2d12b8;letter-spacing:.18em;background:#fff7edb8;border-top:1px solid #7c2d1247;border-bottom:1px solid #7c2d1247;place-items:center;height:44px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1rem,3vw,1.55rem);font-weight:900;display:grid;position:absolute;top:calc(50% - 22px);left:18px;right:18px}.xiangqi-point{z-index:1;aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;min-width:0;display:grid;position:relative}.xiangqi-point.legal{background:#14b8a62e;box-shadow:inset 0 0 0 3px #14b8a68f}.xiangqi-point.selected{background:#facc1540;box-shadow:inset 0 0 0 4px #facc15d1}.xiangqi-piece{background:radial-gradient(circle at 34% 24%,#ffffffeb,#fff7edfa 54%,#e8c27c 100%);border:3px solid;border-radius:50%;place-items:center;width:84%;height:84%;font-family:Times New Roman,Georgia,serif;font-size:clamp(1.12rem,3.2vw,2.45rem);font-weight:900;line-height:1;display:grid;box-shadow:0 10px 16px #5c2d0c33,inset 0 -5px #5c2d0c1a}.xiangqi-piece.red{color:#b42318}.xiangqi-piece.black{color:#111827}.dino-scene-pro,.ocean-scene-pro{border:1px solid #0f172a14;overflow:hidden}.dino-scene-pro{background:linear-gradient(#7dd3fc7a,#fff7ed33 38%),linear-gradient(0deg,#9bd37d 0 24%,#e9f8bf 24% 33%,#0000 33%),#e0f7ff}.launcher-preview{background:#ffffffb3;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.launcher-preview i{border-radius:54% 54% 46% 46%;width:28px;height:34px;box-shadow:inset -7px -8px #00000024,inset 7px 7px #ffffff38}.dino-playfield{grid-template-columns:132px minmax(0,1fr);align-items:end;gap:18px;display:grid}.dino-cannon{place-items:end center;min-height:360px;display:grid}.dino-cannon span{background:linear-gradient(135deg,#16a34a,#0f766e);border-radius:55% 55% 42% 42%;width:92px;height:118px;position:relative;box-shadow:inset -12px -16px #00000024,0 14px 24px #0f172a29}.dino-cannon span:before,.dino-cannon span:after{content:"";position:absolute}.dino-cannon span:before{background:#0f172a;border-radius:50%;width:12px;height:12px;top:24px;left:24px;box-shadow:28px 0 #0f172a}.dino-cannon span:after{border-bottom:5px solid #f8fafc;border-radius:999px;width:46px;height:12px;top:58px;left:24px}.egg-grid-real{background:#ffffff70;border-radius:24px;grid-template-columns:repeat(8,minmax(34px,1fr));gap:9px;width:min(100%,620px);margin:0 auto;padding:14px;display:grid;box-shadow:inset 0 0 0 1px #ffffff94}.egg-slot-real{aspect-ratio:1;cursor:pointer;background:#ffffff80;border:1px dashed #0f172a2e;border-radius:16px;place-items:center;min-width:0;display:grid}.egg-slot-real:hover{background:#ffffffc7}.egg-slot-real span{background:radial-gradient(circle at 34% 26%, #ffffff80 0 12%, transparent 13%), var(--egg);border-radius:54% 54% 46% 46%;width:74%;height:86%;display:block;box-shadow:inset -8px -10px #00000029,0 8px 14px #0f172a24}.ocean-scene-pro{background:linear-gradient(#bae6fdf0,#0ea5e957 54%,#0759852e),#e0f2fe}.ocean-playfield-real{background:linear-gradient(0deg,#064e3b2e 0 18%,#0000 18%),repeating-linear-gradient(170deg,#ffffff24 0 2px,#0000 2px 34px),linear-gradient(#38bdf847,#0e749052);border-radius:24px;gap:22px;min-height:420px;padding:24px;display:grid;position:relative;overflow:hidden}.hero-fish-real{background:linear-gradient(135deg,#facc15,#f97316 72%);border-radius:999px 56% 56% 999px;align-self:center;place-items:center;max-width:min(420px,92%);display:grid;position:relative;box-shadow:-26px 0 0 -11px #f97316,0 12px 22px #07598538}.hero-fish-real span,.fish-shape{display:block;position:relative}.hero-fish-real span:before,.fish-shape:before{content:"";background:#0f172a;border-radius:50%;position:absolute}.hero-fish-real span:before{width:9px;height:9px;top:-7px;right:-64px}.fish-choice-grid-real{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:14px;display:grid}.fish-choice-real{cursor:pointer;background:0 0;border:0;justify-self:center;place-items:center;min-width:58px;display:grid;position:relative}.fish-choice-real.safe .fish-shape,.fish-choice-real.danger .fish-shape{border-radius:999px 55% 55% 999px;width:100%;height:72%;box-shadow:-16px 0 0 -7px,0 9px 14px #0759852e}.fish-choice-real.safe .fish-shape{color:#0f766e;background:linear-gradient(135deg,#67e8f9,#0f766e)}.fish-choice-real.danger .fish-shape{color:#b42318;background:linear-gradient(135deg,#fca5a5,#b42318)}.fish-shape:before{width:7px;height:7px;top:35%;right:18%}.sea-star{aspect-ratio:1;clip-path:polygon(50% 0,61% 34%,98% 35%,68% 56%,79% 91%,50% 70%,21% 91%,32% 56%,2% 35%,39% 34%);filter:drop-shadow(0 9px 10px #92400e38);background:linear-gradient(135deg,#fde047,#f59e0b);width:min(68px,82%);display:block}@media (max-width:1100px){.pro-games-shell{grid-template-columns:1fr}.pro-game-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.games-page-shell{width:min(100% - 20px,1320px)}.pro-game-sidebar{grid-template-columns:1fr}.pro-game-hero,.pro-arena-toolbar{flex-direction:column;align-items:flex-start}.pro-game-hero>span{align-self:flex-start}.chess-board-real,.xiangqi-board-real{border-width:8px}.xiangqi-board-real{grid-template-columns:repeat(9,minmax(28px,1fr));padding:10px}.xiangqi-river{height:34px;top:calc(50% - 17px);left:10px;right:10px}.dino-playfield{grid-template-columns:1fr}.dino-cannon{min-height:120px}.fish-choice-grid-real{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.caro-board-real{border-width:7px;grid-template-columns:repeat(15,minmax(15px,1fr));padding:6px}.chess-board-real{grid-template-columns:repeat(8,minmax(30px,1fr))}.chess-piece{font-size:clamp(1.55rem,9vw,2.7rem)}.xiangqi-piece{border-width:2px}}.game-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.hub-game-tile{border:1px solid color-mix(in srgb, var(--accent), white 58%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent), white 84%), #fff 62%), #fff;border-radius:24px;grid-template-columns:74px minmax(0,1fr);gap:16px;min-height:210px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 42px #0f172a1a}.hub-game-tile:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 24px 58px #0f172a24}.hub-game-copy{align-content:start;gap:7px;display:grid}.hub-game-copy small{color:color-mix(in srgb, var(--accent), black 30%);text-transform:uppercase;font-weight:900}.hub-game-copy strong{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.15}.hub-game-copy em{color:var(--muted);font-style:normal;font-weight:600;line-height:1.55}.hub-game-action{background:var(--accent);color:#fff;border-radius:999px;min-height:40px;padding:8px 14px;font-size:.86rem;font-weight:900;position:absolute;bottom:18px;right:18px}.game-nav-visual.candy{background:linear-gradient(#fdf2f8,#fce7f3)}.game-nav-visual.candy i{border-radius:9px;width:24px;height:24px;display:block;position:absolute;rotate:12deg;box-shadow:inset -5px -6px #0000001f}.game-nav-visual.candy i:first-child{background:#ef4444;top:13px;left:13px}.game-nav-visual.candy i:nth-child(2){background:#22c55e;top:22px;right:12px}.game-nav-visual.candy i:nth-child(3){background:#a855f7;bottom:10px;left:24px}.game-play-page{width:min(1480px,100% - 24px);padding-top:24px}.game-play-shell{border:1px solid color-mix(in srgb, var(--accent), white 60%);background:linear-gradient(145deg, color-mix(in srgb, var(--accent), white 84%), #fffffffa 42%), #fff;border-radius:28px;min-height:calc(100vh - 48px);padding:clamp(14px,2vw,24px);box-shadow:0 24px 68px #0f172a1f}.game-play-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.game-play-head h1{font-size:clamp(2rem,4vw,3.4rem)}.game-play-head p:not(.eyebrow){max-width:920px;color:var(--muted);margin-top:6px;font-weight:600}.game-play-shell .pro-board-frame{width:min(100%,960px)}.game-play-shell .caro-board-real,.game-play-shell .chess-board-real,.game-play-shell .xiangqi-board-real{width:min(100%,860px)}.candy-scene-pro{background:linear-gradient(#fce7f3eb,#ffffffd1),#fff}.candy-grid-real{background:linear-gradient(135deg,#ffffffbd,#fdf2f8c7),#fff;border-radius:24px;grid-template-columns:repeat(8,minmax(38px,1fr));gap:10px;width:min(100%,620px);margin:0 auto;padding:16px;display:grid;box-shadow:inset 0 0 0 1px #db27771f}.candy-tile-real{aspect-ratio:1;cursor:pointer;background:#ffffffb8;border:0;border-radius:16px;place-items:center;min-width:0;display:grid;box-shadow:inset 0 -4px #0f172a14}.candy-tile-real span{background:radial-gradient(circle at 30% 25%, #ffffff8a, transparent 24%), var(--candy);border-radius:16px 50%;width:72%;height:72%;rotate:12deg;box-shadow:inset -8px -9px #00000024,0 8px 13px #0f172a1f}.dino-shooter-scene{background:linear-gradient(#7dd3fc80,#fff7ed33 38%),linear-gradient(0deg,#8ccf63 0 18%,#f4e7b1 18% 25%,#0000 25%),#dff7ff}.dino-shooter-field{gap:16px;display:grid}.egg-ceiling-real{background:linear-gradient(#ffffffb8,#fffbeb57),#fef3c7;border:10px solid #7c3f1d;border-radius:24px;grid-template-columns:repeat(12,minmax(30px,1fr));gap:7px;width:min(100%,860px);margin:0 auto;padding:16px;display:grid;box-shadow:inset 0 0 0 3px #ffffff52,0 16px 32px #0f172a1f}.egg-bubble-slot{aspect-ratio:1;cursor:crosshair;background:#ffffff47;border:1px dashed #7c3f1d33;border-radius:50%;place-items:center;min-width:0;display:grid}.egg-bubble-slot.is-target{box-shadow:inset 0 0 0 3px #facc15cc}.egg-bubble-slot span{background:radial-gradient(circle at 34% 25%, #ffffff8c 0 12%, transparent 13%), var(--egg);border-radius:54% 54% 46% 46%;width:82%;height:90%;display:block;box-shadow:inset -8px -10px #00000029,0 8px 13px #0f172a24}.dino-launcher-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.dino-launcher{place-items:end center;width:132px;height:132px;display:grid;position:relative}.dino-launcher:before{content:"";width:5px;height:92px;transform:translateX(-50%) rotate(var(--aim));transform-origin:bottom;background:linear-gradient(#facc1500,#facc15c7);border-radius:999px;position:absolute;bottom:70px;left:50%}.dino-launcher span{background:linear-gradient(135deg,#16a34a,#0f766e);border-radius:56% 56% 42% 42%;width:92px;height:112px;display:block;position:relative;box-shadow:inset -13px -16px #00000024,0 14px 24px #0f172a29}.dino-launcher span:before,.dino-launcher span:after{content:"";position:absolute}.dino-launcher span:before{background:#0f172a;border-radius:50%;width:11px;height:11px;top:25px;left:24px;box-shadow:28px 0 #0f172a}.dino-launcher span:after{background:radial-gradient(circle at 34% 25%, #ffffff7a 0 12%, transparent 13%), var(--egg);border-radius:54% 54% 46% 46%;width:34px;height:42px;top:-18px;left:30px;box-shadow:inset -7px -8px #00000029,0 9px 14px #0f172a29}.ocean-playfield-real.is-playable{cursor:none;touch-action:none;height:min(62vh,560px);min-height:440px}.hero-fish-real.playable,.swimming-fish{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.hero-fish-real.playable{z-index:4}.swimming-fish{z-index:2;place-items:center;display:grid}.swimming-fish .fish-shape{border-radius:999px 55% 55% 999px;width:100%;height:72%;box-shadow:-18px 0 0 -8px,0 9px 14px #0759852e}.swimming-fish.safe .fish-shape{color:#0f766e;background:linear-gradient(135deg,#67e8f9,#0f766e)}.swimming-fish.danger .fish-shape{color:#b42318;background:linear-gradient(135deg,#fca5a5,#b42318)}.swimming-fish.star .sea-star{width:min(70px,88%)}@media (max-width:1100px){.game-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.game-hub-grid{grid-template-columns:1fr}.hub-game-tile{min-height:178px}.game-play-page{width:min(100% - 12px,1480px);padding-top:10px}.game-play-shell{border-radius:18px;min-height:calc(100vh - 20px)}.game-play-head{grid-template-columns:1fr}.egg-ceiling-real{border-width:6px;grid-template-columns:repeat(12,minmax(18px,1fr));gap:4px;padding:8px}.candy-grid-real{grid-template-columns:repeat(8,minmax(24px,1fr));gap:6px;padding:8px}.ocean-playfield-real.is-playable{height:58vh;min-height:360px}}.pro-game-hub{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.pro-game-hub .pro-game-card{min-height:340px;color:var(--text);background:radial-gradient(circle at 78% 16%, color-mix(in srgb, var(--accent) 28%, transparent), transparent 30%), linear-gradient(145deg, #fffffff5, #ffffffc7);grid-template-columns:initial;border:2.5px solid #0000;border-radius:30px;flex-direction:column;justify-content:space-between;gap:18px;padding:20px;text-decoration:none;transition:transform .24s cubic-bezier(.34,1.56,.64,1),box-shadow .24s,border-color .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #0f172a1a,0 4px 10px #0f172a0f}.pro-game-hub .pro-game-card:before{content:"";background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, transparent), transparent);pointer-events:none;height:45%;position:absolute;inset:auto -20% -28%;transform:rotate(-3deg)}.pro-game-hub .pro-game-card:hover{border-color:var(--accent);box-shadow:0 20px 56px color-mix(in srgb, var(--accent) 22%, #0f172a24);transform:translateY(-8px)scale(1.02)}.pro-game-hub .pro-game-art,.pro-game-hub .pro-game-copy,.pro-game-hub .pro-game-cta{z-index:1;grid-template-columns:initial;position:relative}.pro-game-hub .pro-game-art{justify-content:space-between;align-items:flex-start;min-height:132px;display:flex}.pro-game-hub .pro-game-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#0ea5e9,#8b5cf6);border-radius:999px;padding:7px 12px;font-size:11px;font-weight:900;box-shadow:0 4px 12px #0ea5e94d}.pro-game-hub .pro-game-copy{gap:8px;display:grid}.pro-game-hub .pro-game-copy small{color:color-mix(in srgb, var(--accent) 70%, #0f172a);text-transform:uppercase;letter-spacing:.12em;font-weight:900}.pro-game-hub .pro-game-copy strong{letter-spacing:-.03em;color:var(--text);font-size:clamp(24px,3vw,32px);line-height:1.05}.pro-game-hub .pro-game-copy p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.62}.pro-game-hub .pro-game-cta{color:#fff;background:linear-gradient(135deg, var(--accent), #f97316);border-radius:999px;width:fit-content;padding:12px 20px;font-size:.9rem;font-weight:900;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s;box-shadow:0 6px 18px #f59e0b66}.pro-game-hub .pro-game-card:hover .pro-game-cta{transform:scale(1.06);box-shadow:0 10px 24px #f59e0b80}.pro-play-shell{gap:18px}.pro-mode-select{gap:18px;display:grid}.pro-mode-hero{color:#fff;background:radial-gradient(circle at 90% 0, #ffffff38, transparent 32%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 88%, #0f172a), #0f172a);box-shadow:0 24px 70px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:28px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;padding:22px;display:grid}.pro-mode-hero h2{letter-spacing:-.06em;margin:0 0 6px;font-size:clamp(30px,5vw,56px)}.pro-mode-hero p{color:#ffffffd1;max-width:760px;margin:0;line-height:1.7}.pro-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pro-mode-card{border:1px solid color-mix(in srgb, var(--accent) 18%, transparent);min-height:210px;color:var(--text);text-align:left;cursor:pointer;background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 28%), linear-gradient(145deg, #fff, color-mix(in srgb, var(--accent) 8%, #fff));border-radius:26px;flex-direction:column;justify-content:flex-end;gap:10px;padding:22px;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 18px 56px #0f172a1a}.pro-mode-card:hover{box-shadow:0 26px 70px color-mix(in srgb, var(--accent) 16%, #0f172a1a);transform:translateY(-4px)}.pro-mode-card span{color:#fff;background:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;width:fit-content;padding:6px 10px;font-size:11px;font-weight:950}.pro-mode-card strong{font-size:23px;line-height:1.1}.pro-mode-card p{color:var(--text-secondary);margin:0;line-height:1.6}.pro-mode-card.is-disabled{cursor:not-allowed;opacity:.62;filter:grayscale(.25)}.ai-levels{background:#ffffffad}.pro-canvas-card{width:100%}.bt-game{flex-direction:column;align-items:center;gap:12px;display:flex}.bt-hud,.fish-hud{gap:10px;width:min(100%,760px);display:grid}.bt-hud{grid-template-columns:repeat(4,1fr)}.fish-hud{grid-template-columns:repeat(6,1fr)}.bt-hud div,.fish-hud div{color:#fff;text-align:center;background:linear-gradient(135deg, #0f172a, color-mix(in srgb, var(--accent) 62%, #0f172a));border:1px solid #ffffff24;border-radius:16px;padding:10px}.bt-hud span,.fish-hud span{color:#ffffffb8;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:900;display:block}.bt-hud strong,.fish-hud strong{font-size:20px}.bt-canvas-wrap{border-radius:22px;max-width:100%;position:relative;overflow:hidden;box-shadow:0 30px 90px #0f172a47}.bt-canvas-wrap canvas{cursor:crosshair;touch-action:none;border-radius:22px;width:min(100%,460px);height:auto;display:block}.bt-overlay,.game-overlay{z-index:8;color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#082f49b3;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:28px;display:flex;position:absolute;inset:0}.bt-overlay h2,.game-overlay h2{letter-spacing:-.04em;margin:0;font-size:clamp(25px,4vw,38px)}.bt-overlay p,.game-overlay p{color:#ffffffd6;max-width:460px;margin:0;line-height:1.65}.bt-start{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#16a34a);border:0;border-radius:15px;padding:13px 25px;font-weight:950;box-shadow:0 14px 34px #16a34a57}.bt-msg,.game-msg{min-height:20px;color:var(--text-muted);text-align:center;font-size:13px;font-weight:800}.fish-game{background:linear-gradient(#0c4a6e,#082f49);border-radius:30px;gap:12px;padding:18px;display:grid;box-shadow:0 30px 86px #0f172a38}.fish-canvas-wrap{background:#075985;border:5px solid #bae6fd5c;border-radius:26px;height:min(64vh,560px);min-height:430px;position:relative;overflow:hidden}.fish-canvas-wrap canvas{cursor:none;touch-action:none;width:100%;height:100%;display:block}.growth-meter,.frenzy-meter{z-index:3;background:#fff3;border-radius:999px;height:8px;position:absolute;left:18px;right:18px;overflow:hidden}.growth-meter{top:14px}.frenzy-meter{top:28px}.growth-meter span,.frenzy-meter span{border-radius:inherit;height:100%;transition:width .25s;display:block}.growth-meter span{background:linear-gradient(90deg,#fde68a,#f97316)}.frenzy-meter span{background:linear-gradient(90deg,#38bdf8,#22c55e,#facc15)}.game-msg{z-index:4;color:#ffffffd6;text-shadow:0 1px 2px #00000047;position:absolute;bottom:10px;left:16px;right:16px}.candy-v2{position:relative;overflow:hidden}.candy-level-strip{background:#ffffffb8;border-radius:999px;grid-template-columns:minmax(120px,auto) minmax(0,1fr) auto;align-items:center;gap:10px;width:min(100%,620px);margin:0 auto;padding:10px 12px;display:grid;box-shadow:inset 0 0 0 1px #db27771f}.candy-level-strip span,.candy-level-strip strong{color:#9d174d;font-size:12px;font-weight:950}.candy-level-strip div{background:#f472b62e;border-radius:999px;height:10px;overflow:hidden}.candy-level-strip i{border-radius:inherit;background:linear-gradient(90deg,#fb7185,#f59e0b,#22c55e);height:100%;transition:width .45s;display:block}.mini-level-map-v6{flex-wrap:wrap;justify-content:center;gap:7px;width:min(100%,680px);margin:0 auto;display:flex}.mini-level-map-v6 span{color:#9d174d;background:#ffffffb8;border:1px solid #db277738;border-radius:999px;place-items:center;width:30px;height:30px;font-size:.78rem;font-weight:950;display:grid;box-shadow:0 8px 18px #db277714}.mini-level-map-v6 span.is-cleared{color:#166534;background:#dcfce7;border-color:#22c55e59}.mini-level-map-v6 span.is-current{color:#fff;background:linear-gradient(135deg,#fb7185,#f97316);border-color:#f97316;transform:translateY(-2px)scale(1.08)}.mini-level-map-v6.is-ocean span{color:#075985;border-color:#0ea5e947}.mini-level-map-v6.is-ocean span.is-current{color:#fff;background:linear-gradient(135deg,#06b6d4,#2563eb);border-color:#38bdf8}.mini-mission-card-v6{color:#831843;background:#ffffffa8;border-radius:18px;flex-wrap:wrap;justify-content:center;gap:8px;width:min(100%,680px);margin:0 auto;padding:10px 12px;font-size:.84rem;font-weight:850;display:flex}.mini-mission-card-v6 strong{color:#be123c}.fish-level-panel-v6{background:linear-gradient(135deg,#ecfeffe0,#ffffffb8);border-radius:22px;gap:9px;margin:8px 0 12px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #0ea5e929}.fish-level-copy-v6{color:#075985;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.84rem;font-weight:850;display:flex}.fish-level-copy-v6 strong{color:#0f172a}.fish-level-progress-v6{background:#0ea5e929;border-radius:999px;height:10px;overflow:hidden}.fish-level-progress-v6 i{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#06b6d4,#2563eb);height:100%;transition:width .35s;display:block}.candy-grid-real{position:relative}.candy-grid-real.is-animating .candy-tile-real{pointer-events:none}.candy-tile-real{transition:transform .2s,box-shadow .2s,opacity .2s}.candy-tile-real.is-swapping{z-index:3;transform:scale(1.12)rotate(8deg);box-shadow:0 18px 32px #db27773d}.candy-tile-real.is-crushing span{animation:.36s forwards candyCrush}.candy-burst{left:calc((100% - 32px) / 8 * var(--burst-col) + ((100% - 32px) / 16));top:calc((100% - 32px) / 8 * var(--burst-row) + ((100% - 32px) / 16));z-index:8;background:var(--burst-color);width:16px;height:16px;box-shadow:0 0 0 8px color-mix(in srgb, var(--burst-color) 22%, transparent), 18px -12px 0 -4px #fff, -16px 10px 0 -5px #fff, 10px 16px 0 -5px #fff;pointer-events:none;border-radius:50%;animation:.8s forwards candyBurst;position:absolute}.candy-combo-pop{z-index:10;color:#fff;pointer-events:none;background:linear-gradient(135deg,#db2777,#f97316);border-radius:999px;padding:12px 18px;animation:.9s both comboPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 44px #db277752}@keyframes candyCrush{0%{opacity:1;filter:brightness();transform:scale(1)rotate(0)}50%{opacity:1;filter:brightness(1.32);transform:scale(1.28)rotate(16deg)}to{opacity:0;filter:brightness(1.6);transform:scale(.1)rotate(-24deg)}}@keyframes candyBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(2.5)}}@keyframes comboPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)rotate(-10deg)}30%{opacity:1;transform:translate(-50%,-50%)scale(1.12)rotate(2deg)}to{opacity:0;transform:translate(-50%,-80%)scale(1)}}@media (max-width:760px){.mini-level-map-v6 span{width:27px;height:27px;font-size:.72rem}.mini-mission-card-v6,.fish-level-copy-v6{text-align:center;justify-content:center}.fish-level-panel-v6{padding:10px}}.learn-celebration{z-index:1200;color:#fff;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0f172a6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.learn-celebration strong{z-index:2;letter-spacing:-.06em;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:30px 30px 8px;max-width:560px;padding:28px 34px 8px;font-size:clamp(28px,6vw,54px);font-weight:1000;display:block;position:relative;box-shadow:0 30px 90px #0f172a57}.learn-celebration span{z-index:2;color:#ffffffe0;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:0 0 28px 28px;width:min(100%,560px);margin-top:-2px;padding:8px 24px 22px;display:block;position:relative}.learn-celebration small{z-index:2;color:#ffffffc2;margin-top:10px;font-weight:800;position:relative}.learn-celebration.master strong,.learn-celebration.master span{background:linear-gradient(135deg,#f59e0b,#ec4899,#7c3aed)}.confetti-field i{left:calc(var(--i) * 5.5%);background:hsl(calc(var(--i) * 33), 90%, 58%);width:12px;height:18px;animation:1.8s ease-in infinite confettiFall;animation-delay:calc(var(--i) * -.08s);border-radius:4px;position:fixed;top:-20px}@keyframes confettiFall{to{transform:translateY(110vh)rotate(540deg)}}.lesson-xp-card{text-align:center;background:linear-gradient(135deg,#fef3c7,#ffedd5);border-radius:20px;min-width:110px;padding:12px;box-shadow:inset 0 0 0 1px #f59e0b2e}.lesson-xp-card span{color:#92400e;text-transform:uppercase;font-size:11px;font-weight:900;display:block}.lesson-xp-card strong{color:#c2410c;font-size:28px}.activity-item.is-correct{animation:.55s both correctGlow}@keyframes correctGlow{0%,to{transform:translateY(0)}45%{transform:translateY(-3px);box-shadow:0 16px 40px #22c55e29}}.access-denied-card{text-align:center;background:radial-gradient(circle at 80% 0,#fbbf2433,#0000 28%),linear-gradient(145deg,#fff7ed,#eff6ff);border-radius:28px;place-items:center;gap:10px;padding:34px;display:grid;box-shadow:0 22px 70px #0f172a1a}.access-denied-card>span{font-size:54px}.access-denied-card h1{margin:0;font-size:clamp(26px,5vw,42px)}.access-denied-card p{max-width:620px;color:var(--muted);margin:0;line-height:1.65}.account-grid-wide{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}.profile-hero-card{background:radial-gradient(circle at 90% 0,#3b82f629,#0000 30%),linear-gradient(145deg,#fff,#f8fafc);overflow:hidden}.account-avatar-xl,.account-avatar-sm,.avatar-preview{background:linear-gradient(135deg,#e0f2fe,#fef3c7);place-items:center;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #0f172a14}.account-avatar-xl{border-radius:34px;width:112px;height:112px;margin-bottom:14px;font-size:52px}.account-avatar-sm{border-radius:16px;flex:none;width:46px;height:46px;font-size:22px}.account-avatar-xl img,.account-avatar-sm img,.avatar-preview img,.side-user img{object-fit:cover;width:100%;height:100%}.profile-bio{color:var(--muted);margin-top:12px;line-height:1.65}.profile-edit-panel{gap:16px;display:grid}.avatar-editor{background:#f8fafc;border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:14px;display:grid}.avatar-preview{border-radius:30px;width:100px;height:100px;font-size:46px}.avatar-preset-row{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.avatar-preset-row button{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.avatar-preset-row button.is-active{border-color:var(--primary);box-shadow:0 0 0 4px #2563eb1f}.avatar-upload{cursor:pointer;color:#fff;background:var(--primary);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900;display:inline-flex}.avatar-upload input{display:none}.stack-form textarea,.stack-form select{border:1.5px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:14px;padding:11px 12px}.managed-child-list{gap:10px;display:grid}.managed-child-card{background:#f8fafc;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.managed-child-card div:last-child{gap:2px;display:grid}.managed-child-card span{color:var(--muted);font-size:13px}@media (max-width:1100px){.pro-game-hub,.pro-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.pro-game-hub{grid-template-columns:1fr}.pro-game-hub .pro-game-card{flex-direction:row;align-items:center;gap:16px;min-height:220px}.pro-game-hub .pro-game-art{flex-direction:column;flex:0 0 80px;align-items:center;gap:8px;min-height:auto}.pro-game-hub .pro-game-badge{padding:4px 8px;font-size:9px}.pro-game-hub .pro-game-copy strong{font-size:clamp(18px,5vw,24px)}.pro-mode-grid,.pro-mode-hero{grid-template-columns:1fr}.pro-mode-hero{text-align:left}.bt-hud,.fish-hud{grid-template-columns:repeat(2,1fr)}.fish-game{border-radius:22px;padding:10px}.fish-canvas-wrap{height:62vh;min-height:360px}.caro-board-real{grid-template-columns:repeat(15,minmax(18px,1fr))}.chess-board-real{grid-template-columns:repeat(8,minmax(38px,1fr))}.xiangqi-board-real{grid-template-columns:repeat(9,minmax(34px,1fr))}.lesson-layout,.game-room{grid-template-columns:1fr}.pro-game-stage{border-radius:20px}}.section-heading{text-align:center;padding:40px 24px 24px}.section-heading h1{background:linear-gradient(135deg, var(--primary), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:8px 0;font-size:clamp(26px,5vw,40px)}.section-heading .sub{color:#64748b;max-width:560px;margin:0 auto;font-size:1rem}.subject-pick-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1100px;margin:0 auto;padding:0 24px 40px;display:grid}.subject-pick-card{color:inherit;background:#fff;border-radius:24px;flex-direction:column;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000014}.subject-pick-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 12px 40px #00000024}.spcard-icon{text-align:center;padding:32px 16px 16px;font-size:56px;line-height:1;display:block}.spcard-body{flex:1;padding:0 20px 16px}.spcard-body h2{margin:0 0 8px;font-size:1.3rem;font-weight:800}.spcard-body p{color:#64748b;margin:0 0 12px;font-size:.85rem;line-height:1.5}.spcard-topics{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.spcard-topics li{background:#ffffff80;border:1.5px solid #0000001a;border-radius:99px;padding:3px 10px;font-size:.72rem;font-weight:600}.spcard-footer{justify-content:space-between;align-items:center;margin-top:auto;padding:12px 20px 20px;display:flex}.spcard-grades{opacity:.7;font-size:.78rem;font-weight:700}.spcard-cta{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff59;border:2px solid #ffffff80;border-radius:99px;padding:8px 18px;font-size:.88rem;font-weight:800;transition:background .2s}.subject-pick-card:hover .spcard-cta{background:#ffffff8c}.subj-math{background:linear-gradient(160deg,#dbeafe 0%,#bfdbfe 60%,#93c5fd 100%)}.subj-math .spcard-body h2,.subj-math .spcard-cta{color:#1d4ed8}.subj-math .spcard-topics li{color:#1e40af;background:#dbeafe99;border-color:#93c5fd}.subj-english{background:linear-gradient(160deg,#dcfce7 0%,#bbf7d0 60%,#86efac 100%)}.subj-english .spcard-body h2,.subj-english .spcard-cta{color:#166534}.subj-english .spcard-topics li{color:#15803d;background:#dcfce799;border-color:#86efac}.subj-lit{background:linear-gradient(160deg,#fce7f3 0%,#fbcfe8 60%,#f9a8d4 100%)}.subj-lit .spcard-body h2,.subj-lit .spcard-cta{color:#9d174d}.subj-lit .spcard-topics li{color:#be185d;background:#fce7f399;border-color:#f9a8d4}.learn-tip-box{color:#92400e;background:#fefce8;border:2px solid #fde68a;border-radius:16px;align-items:flex-start;gap:16px;max-width:1100px;margin:0 auto 40px;padding:16px 20px;font-size:.9rem;display:flex}.learn-tip-box>span{flex-shrink:0;font-size:1.5rem}.subject-hero{color:#fff;border-radius:24px;margin:16px 24px 24px;padding:32px 28px;overflow:hidden}.subject-hero.subj-math{background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%)}.subject-hero.subj-english{background:linear-gradient(135deg,#15803d 0%,#22c55e 100%)}.subject-hero.subj-lit{background:linear-gradient(135deg,#be185d 0%,#ec4899 100%)}.subject-hero-content{align-items:center;gap:24px;max-width:960px;display:flex}.subject-hero-icon{flex-shrink:0;font-size:64px;line-height:1}.subject-hero-content .eyebrow{opacity:.85;margin:0 0 4px;font-size:.8rem}.subject-hero-content h1{margin:0 0 8px;font-size:clamp(22px,4vw,36px);font-weight:900}.subject-hero-content p{opacity:.88;max-width:560px;margin:0;font-size:.9rem}.subject-learn-wrap{padding:0 0 40px}.grade-selector-bar{background:#f8fafc;border-bottom:1.5px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:0;padding:12px 24px;display:flex}.grade-selector-label{color:#475569;white-space:nowrap;font-size:.9rem;font-weight:700}.grade-pills{flex-wrap:wrap;gap:8px;display:flex}.grade-pill{cursor:pointer;color:#475569;background:#fff;border:2px solid #cbd5e1;border-radius:99px;padding:7px 16px;font-size:.85rem;font-weight:700;transition:all .18s}.grade-pill:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.grade-pill.is-active{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;border-color:#0000;box-shadow:0 3px 10px #0ea5e959}.grade-default-badge{color:#f59e0b;background:#fef3c7;border:1.5px solid #fde68a;border-radius:99px;margin-left:4px;padding:4px 12px;font-size:.75rem;font-weight:700}.subject-learn-layout{grid-template-columns:260px 1fr;gap:0;min-height:70vh;display:grid}.subject-lesson-sidebar{background:#f8fafc;border-right:1.5px solid #e2e8f0;max-height:calc(100vh - 180px);padding:16px 12px;position:sticky;top:0;overflow-y:auto}.sidebar-title{color:#334155;margin:0 0 12px 4px;font-size:.9rem;font-weight:800}.lesson-unit-list{flex-direction:column;gap:16px;display:flex}.lesson-unit{flex-direction:column;gap:6px;display:flex}.unit-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;padding:0 4px;font-size:.75rem;font-weight:800}.lesson-item{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:9px 12px;transition:all .18s;display:flex;box-shadow:0 1px 4px #0000000d}.lesson-item:hover{border-color:var(--primary);background:#eff6ff}.lesson-item.is-active{border-color:var(--primary);background:linear-gradient(135deg,#eff6ff,#f5f3ff);box-shadow:0 2px 10px #0ea5e926}.lesson-item-title{color:#334155;flex:1;font-size:.8rem;font-weight:600;line-height:1.35}.lesson-item.is-active .lesson-item-title{color:var(--primary)}.lesson-item-level{white-space:nowrap;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:700}.level-easy{color:#15803d;background:#dcfce7}.level-medium{color:#b45309;background:#fef3c7}.level-hard{color:#b91c1c;background:#fee2e2}.lesson-content-area{max-height:calc(100vh - 180px);padding:24px 28px;overflow-y:auto}.lesson-kid-header{background:linear-gradient(135deg,#f0f9ff,#f5f3ff);border:1.5px solid #e0e7ff;border-radius:20px;align-items:flex-start;gap:20px;margin-bottom:20px;padding:20px 24px;display:flex}.lesson-kid-visual{flex-shrink:0;font-size:52px;line-height:1;animation:3s ease-in-out infinite kid-float}.lesson-kid-info{flex:1;min-width:0}.lesson-kid-info .eyebrow{color:#7c3aed;margin:0 0 6px;font-size:.75rem;font-weight:700}.lesson-kid-info h2{color:#1e293b;margin:0 0 8px;font-size:clamp(16px,2.5vw,22px);font-weight:900}.lesson-kid-standard{color:#64748b;margin:0;font-size:.82rem;line-height:1.5}.lesson-story-box{background:#fff7ed;border:1.5px solid #fed7aa;border-radius:16px;align-items:flex-start;gap:14px;margin-bottom:20px;padding:16px 20px;display:flex}.story-icon{flex-shrink:0;font-size:1.5rem}.lesson-story-box p{color:#7c2d12;margin:0;font-size:.92rem;line-height:1.6}.lesson-steps-row{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.lesson-step{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex:1;align-items:flex-start;gap:12px;min-width:160px;padding:12px 14px;display:flex}.step-badge{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:900;display:flex}.lesson-step p{color:#475569;margin:0;font-size:.82rem;line-height:1.5}.activities-list{margin-bottom:24px}.activities-title{color:#1e293b;margin:0 0 16px;font-size:1rem;font-weight:800}.activity-item{background:#fff;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:14px;padding:16px 20px;transition:border-color .2s,box-shadow .2s}.activity-item.is-correct{background:#f0fdf4;border-color:#22c55e}.activity-item.is-wrong{background:#fff5f5;border-color:#f87171}.activity-prompt{color:#1e293b;margin:0 0 12px;font-size:.95rem;font-weight:600;line-height:1.5}.act-num{background:var(--primary);color:#fff;vertical-align:middle;border-radius:99px;margin-right:8px;padding:2px 8px;font-size:.7rem;font-weight:800;display:inline-block}.activity-options{flex-wrap:wrap;gap:8px;margin-bottom:0;display:flex}.opt-btn{color:#334155;cursor:pointer;background:#f8fafc;border:2px solid #cbd5e1;border-radius:12px;padding:9px 18px;font-size:.88rem;font-weight:600;transition:all .18s}.opt-btn:not(:disabled):hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.opt-btn:disabled{opacity:.7;cursor:default}.opt-btn.picked-correct{color:#fff;background:#22c55e;border-color:#22c55e;box-shadow:0 2px 10px #22c55e4d}.opt-btn.picked-wrong{color:#fff;background:#f87171;border-color:#f87171}.activity-feedback{border-radius:10px;margin-top:12px;padding:10px 14px;font-size:.85rem;font-weight:600;line-height:1.5}.activity-feedback.fb-ok{color:#15803d;background:#dcfce7;border-left:4px solid #22c55e}.activity-feedback.fb-hint{color:#9a3412;background:#fff7ed;border-left:4px solid #f97316}.lesson-retry-lock{color:#991b1b;background:linear-gradient(135deg,#fff1f2,#fff7ed);border:1.5px solid #fecaca;border-radius:16px;gap:4px;margin:0 0 14px;padding:13px 15px;display:grid}.lesson-retry-lock.is-open{color:#075985;background:linear-gradient(135deg,#ecfeff,#eff6ff);border-color:#bae6fd}.lesson-retry-lock strong{color:inherit;font-size:.95rem}.lesson-retry-lock span{color:#475569;font-size:.84rem;font-weight:700;line-height:1.45}.lesson-summary-bar{background:linear-gradient(135deg,#f0f9ff,#f5f3ff);border:2px solid #e0e7ff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.summary-score{align-items:center;gap:16px;display:flex}.score-circle{background:conic-gradient(#22c55e calc(var(--pct,0%) * 1), #e2e8f0 0);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:relative}.score-circle:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:8px}.score-circle strong{z-index:1;color:#1e293b;font-size:.85rem;font-weight:900;position:relative}.summary-score>div{color:#334155;flex-direction:column;gap:2px;font-size:.9rem;font-weight:700;display:flex}.score-label{font-size:1rem}.summary-actions{flex-wrap:wrap;gap:10px;display:flex}.lesson-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;font-size:1.05rem;font-weight:600;display:flex}.lesson-empty span{font-size:48px}@media (max-width:900px){.subject-pick-grid{grid-template-columns:1fr;padding:0 16px 32px}.subject-learn-layout{grid-template-columns:1fr}.subject-lesson-sidebar{border-bottom:1.5px solid #e2e8f0;border-right:none;max-height:none;position:static}.lesson-unit-list{flex-flow:wrap;gap:8px}.lesson-unit{flex:1;min-width:160px}.lesson-content-area{max-height:none;padding:20px 16px}.subject-hero{margin:12px 16px;padding:24px 20px}.subject-hero-icon{font-size:44px}.lesson-kid-header{flex-direction:column;gap:12px}.lesson-steps-row{flex-direction:column}.lesson-summary-bar{flex-direction:column;align-items:flex-start}.grade-selector-bar{padding:10px 16px}}@media (max-width:640px){.subject-pick-grid{gap:16px}.spcard-icon{padding:24px 16px 12px;font-size:44px}.subject-hero-content{flex-direction:column;gap:12px}.activity-options{flex-direction:column}.opt-btn{text-align:center;width:100%}.score-circle{width:56px;height:56px}.score-circle:before{inset:6px}.dashboard-random-greeting{border-radius:18px;align-items:flex-start;width:100%}.lesson-summary-bar,.summary-score,.summary-actions{width:100%}.summary-actions{grid-template-columns:1fr;display:grid}.summary-actions button,.lesson-content-area .primary-action,.lesson-content-area .ghost-action{justify-content:center;width:100%}.lesson-kid-header,.lesson-story-box,.activity-item{border-radius:16px;padding:14px}.grade-pills{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.grade-pill{width:100%;padding-inline:10px}}.chess-board-real .chess-square-real,.xiangqi-board-real .xiangqi-point{min-width:var(--cell-min,40px);min-height:var(--cell-min,40px)}.chess-piece,.xiangqi-piece{font-size:var(--piece-fs,1.5rem)}.board-size-toggle{margin-left:8px}.candy-tile-real.candy-selected{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--accent,#f59e0b);z-index:2;position:relative;transform:scale(1.18)}.candy-scene-pro{position:relative}.candy-over-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:inherit;color:#fff;z-index:10;background:#000000b3;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.candy-over-overlay h3{margin:0;font-size:2rem}.candy-over-overlay p{margin:0;font-size:1.1rem}.arcade-hud{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.arcade-hud div{background:#ffffff1f;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:60px;padding:6px 14px;display:flex}.arcade-hud div span{opacity:.75;font-size:.7rem}.arcade-hud div strong{font-size:1.1rem;font-weight:900}.perm-layout{border:1.5px solid #e2e8f0;border-radius:20px;grid-template-columns:280px 1fr;gap:0;max-width:1100px;min-height:70vh;margin:0 auto 40px;display:grid;overflow:hidden}.perm-sidebar{background:#f8fafc;border-right:1.5px solid #e2e8f0;padding:16px 12px;overflow-y:auto}.perm-sidebar-title{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin:0 0 12px 4px;font-size:.8rem;font-weight:800}.perm-student-list{flex-direction:column;gap:6px;display:flex}.perm-student-item{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;transition:all .18s;display:flex;box-shadow:0 1px 3px #0000000f}.perm-student-item:hover{border-color:var(--primary);background:#eff6ff}.perm-student-item.is-active{border-color:var(--primary);background:linear-gradient(135deg,#eff6ff,#f5f3ff)}.perm-avatar{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:1rem;font-weight:900;display:flex}.perm-student-info{min-width:0}.perm-student-info strong{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;display:block;overflow:hidden}.perm-student-info small{color:#64748b;font-size:.72rem}.perm-empty{color:#94a3b8;padding:12px 4px;font-size:.82rem}.perm-editor{background:#fff;padding:24px 28px;overflow-y:auto}.perm-editor-header{border-bottom:1.5px solid #e2e8f0;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.perm-editor-avatar{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.4rem;font-weight:900;display:flex}.perm-editor-header h2{color:#1e293b;margin:0 0 4px;font-size:1.2rem;font-weight:800}.perm-editor-header p{color:#64748b;margin:0;font-size:.82rem}.perm-section{margin-bottom:24px}.perm-section h3{color:#1e293b;margin:0 0 4px;font-size:.92rem;font-weight:800}.perm-hint{color:#94a3b8;margin:0 0 10px;font-size:.78rem}.perm-pills{flex-wrap:wrap;gap:8px;display:flex}.perm-pill{cursor:pointer;color:#475569;background:#fff;border:2px solid #cbd5e1;border-radius:99px;padding:7px 16px;font-size:.83rem;font-weight:700;transition:all .18s}.perm-pill:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.perm-pill.is-active{background:linear-gradient(135deg, var(--primary), var(--purple));color:#fff;border-color:#0000;box-shadow:0 2px 8px #0ea5e94d}.perm-toggle-row{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.perm-toggle-row span{color:#334155;font-size:.88rem;font-weight:600}.perm-toggle{cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:99px;padding:7px 18px;font-size:.82rem;font-weight:700;transition:all .18s}.perm-toggle.is-on{color:#fff;background:#22c55e;border-color:#22c55e}.perm-time-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.perm-time-row label{color:#475569;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.perm-time-row input[type=time]{color:#1e293b;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;padding:8px 12px;font-size:.9rem;font-weight:600}.perm-time-row span{color:#94a3b8;font-weight:700}.perm-select{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;width:100%;padding:10px 14px;font-size:.9rem}.perm-actions{border-top:1.5px solid #e2e8f0;margin-top:24px;padding-top:20px}.perm-empty-state{color:#94a3b8;background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:1rem;font-weight:600;display:flex}.perm-empty-state span{font-size:3rem}@media (max-width:760px){.perm-layout{grid-template-columns:1fr}.perm-sidebar{border-bottom:1.5px solid #e2e8f0;border-right:none;max-height:280px}.perm-editor{padding:16px}.perm-time-row{flex-direction:column;align-items:flex-start}}:root{--primary:#2563eb;--purple:#7c3aed;--accent:#facc15;--mint:#2dd4bf;--rose:#fb7185;--ink:#172033;--soft-bg:#f4fbff}body{color:var(--ink);background:radial-gradient(circle at 8% 12%,#7dd3fc5c,#0000 34%),radial-gradient(circle at 88% 10%,#fde04747,#0000 30%),linear-gradient(135deg,#f8fdff 0%,#eef8ff 48%,#fff8ed 100%)}.left-nav{background:linear-gradient(#fffffff5,#eff8fff0),radial-gradient(circle at top,#2dd4bf38,#0000 36%);border-right:1px solid #2563eb1f}.side-brand,.side-nav-item,.side-user{box-shadow:0 14px 34px #2563eb14}.side-nav-item{background:#ffffffb8;border:1px solid #2563eb14}.side-nav-item:hover{background:linear-gradient(135deg,#eff6ff,#ecfeff);border-color:#2563eb47;transform:translate(4px)}.side-user{background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid #2563eb2e;align-items:center}.side-user>span{color:#0f172a;background:linear-gradient(135deg,#38bdf8,#facc15);overflow:hidden}.side-user img,.settings-avatar img,.account-avatar-sm img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.learning-hero-bar,.settings-hero{background:linear-gradient(135deg,#ffffffeb,#ecfdf5e6),radial-gradient(circle at 100% 0,#facc1538,#0000 34%);border:1px solid #2563eb1f;box-shadow:0 24px 58px #2563eb1f}.learning-hero-bar h1,.settings-hero h1{letter-spacing:-.04em;margin:4px 0;font-size:clamp(1.8rem,4vw,3.2rem)}.learning-progress-text{color:#2563eb;margin-top:8px;font-weight:800;display:inline-flex}.learning-road-map{background:linear-gradient(135deg,#dbeafed1,#f0fdfae6);border:1px solid #0ea5e92e;border-radius:30px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin:22px 0;padding:28px;display:grid;position:relative;overflow:hidden}.road-ribbon{opacity:.45;background:repeating-linear-gradient(90deg,#93c5fd 0 24px,#fef3c7 24px 48px);border-radius:99px;height:12px;position:absolute;top:58px;left:30px;right:30px}.road-stage{z-index:1;background:#ffffffe6;border:1px solid #2563eb1f;border-radius:24px;padding:14px;position:relative;box-shadow:0 18px 36px #0f172a14}.road-stage.is-current{outline:3px solid #facc15b3;transform:translateY(-3px)}.road-stage.is-complete{background:linear-gradient(135deg,#ecfdf5,#fff)}.road-stage.is-locked{filter:grayscale(.35);opacity:.68}.road-stage-top{text-align:left;cursor:pointer;background:0 0;border:0;gap:4px;width:100%;display:grid}.road-index{color:#fff;background:linear-gradient(135deg,#2563eb,#2dd4bf);border-radius:16px;place-items:center;width:46px;height:46px;font-size:1.25rem;font-weight:950;display:grid}.road-mini-nodes{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.road-mini-node{cursor:pointer;background:#fff;border:3px solid #bfdbfe;border-radius:50%;width:20px;height:20px}.road-mini-node.is-active{border-color:#facc15;box-shadow:0 0 0 5px #facc1538}.road-mini-node.is-done{background:#22c55e;border-color:#22c55e}.road-mini-node.is-locked{background:#e2e8f0;border-color:#cbd5e1}.path-lesson.is-locked{opacity:.56;border-style:dashed}.path-lesson.is-done{background:linear-gradient(135deg,#ecfdf5,#fff);border-color:#86efac}.flower-field b{left:calc(8% + (var(--i) * 9%));width:16px;height:16px;animation:1.35s ease-out infinite flower-pop;animation-delay:calc(var(--i) * 80ms);background:#fb7185;border-radius:50% 50% 0;position:absolute;bottom:-16px}.flower-field b:after{content:"";z-index:-1;background:#facc158c;border-radius:50%;position:absolute;inset:-6px}@keyframes flower-pop{0%{opacity:0;transform:translateY(0)rotate(0)}18%{opacity:1}to{opacity:0;transform:translateY(-220px)rotate(180deg)}}.settings-hero{border-radius:34px;align-items:center;gap:24px;margin-bottom:24px;padding:clamp(22px,4vw,42px);display:flex}.settings-avatar{color:#0f172a;background:linear-gradient(135deg,#38bdf8,#facc15);border-radius:30px;flex:none;place-items:center;width:112px;height:112px;font-size:3rem;font-weight:950;display:grid;box-shadow:0 24px 46px #2563eb38}.settings-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:20px;display:grid}.settings-card,.settings-grid .profile-form-panel{background:#ffffffeb;border:1px solid #2563eb1f;border-radius:26px;padding:22px;box-shadow:0 18px 42px #0f172a14}.settings-action-list{gap:10px;margin-top:16px;display:grid}.settings-action{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #2563eb24;border-radius:16px;padding:13px 15px;font-weight:900;text-decoration:none}.toggle-line,.telegram-type{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:10px;padding:12px;font-weight:800;display:flex}.telegram-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.muted-link{color:#2563eb;margin-top:12px;font-weight:800;display:inline-flex}.pro-game-hub{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pro-game-card{background:linear-gradient(160deg, #fffffff0, #eff6ffdb), radial-gradient(circle at top right, color-mix(in srgb, var(--accent) 28%, transparent), transparent 42%);border:1px solid #2563eb1f;border-radius:30px;min-height:330px}.pro-game-card:hover{transform:translateY(-8px)scale(1.01);box-shadow:0 28px 58px #0f172a26}.pro-game-art{min-height:150px}.game-nav-visual{transform:scale(1.18)}.game-nav-visual.ludo,.game-nav-visual.tycoon{background:linear-gradient(135deg,#dbeafe,#ecfeff);border-radius:28px;place-items:center;width:112px;height:112px;display:grid;position:relative;box-shadow:inset 0 0 0 8px #ffffffa3,0 18px 34px #2563eb2e}.game-nav-visual.ludo i:first-child,.game-nav-visual.tycoon i:first-child{color:var(--accent);font-size:3.4rem;font-style:normal;font-weight:950}.game-nav-visual.ludo i:last-child{color:#ef4444;font-size:2rem;font-style:normal;position:absolute;bottom:8px;right:14px}.game-nav-visual.tycoon i:last-child{background:linear-gradient(#38bdf8,#2563eb);border-radius:8px 8px 4px 4px;width:34px;height:48px;position:absolute;inset:auto 14px 14px auto}.ludo-game,.monopoly-game{color:#0f172a;gap:20px;display:grid}.ludo-game{background:radial-gradient(circle at 18% 12%,#2563eb29,#0000 32%),linear-gradient(135deg,#fff,#eff6ff);grid-template-columns:280px minmax(320px,1fr) 220px;align-items:stretch}.ludo-side-panel,.monopoly-panel,.monopoly-topbar,.ludo-progress{background:#ffffffdb;border:1px solid #2563eb1f;border-radius:24px;padding:18px;box-shadow:0 16px 34px #0f172a14}.dice-face{color:#1d4ed8;background:#fff;border:4px solid #bfdbfe;border-radius:22px;place-items:center;width:76px;height:76px;font-size:2.4rem;font-weight:950;display:grid;box-shadow:0 12px 24px #2563eb24}.ludo-actions{gap:10px;display:grid}.ludo-board-pro,.monopoly-board-pro{aspect-ratio:1;background:linear-gradient(135deg,#ffffffc7,#dbeafedb),conic-gradient(from 45deg,#ef44442e,#2563eb2e,#facc1538,#16a34a2e,#ef44442e);border-radius:32px;grid-template-rows:repeat(9,minmax(28px,1fr));grid-template-columns:repeat(9,minmax(28px,1fr));min-height:520px;padding:14px;display:grid;position:relative;box-shadow:inset 0 0 0 10px #ffffff75,0 24px 50px #2563eb29}.ludo-track-cell,.monopoly-cell{background:#ffffffeb;border:1px solid #2563eb29;border-radius:14px;margin:3px;box-shadow:inset 0 -5px #2563eb0d}.ludo-center,.monopoly-center{color:#1d4ed8;letter-spacing:.08em;background:linear-gradient(135deg,#fff7ed,#ecfeff);border-radius:30px;grid-area:3/3/8/8;align-content:center;place-items:center;gap:6px;font-weight:950;display:grid}.ludo-horse,.monopoly-token{z-index:3;background:var(--horse,var(--token));color:#fff;border-radius:50%;place-self:center;place-items:center;width:42px;height:42px;font-size:1.6rem;font-weight:950;transition:transform .25s;display:grid;box-shadow:0 10px 18px #0f172a38}.ludo-horse.is-turn{outline:4px solid #facc159e;animation:.82s ease-in-out infinite horse-bounce}.ludo-horse.is-finished{filter:saturate(1.3);transform:scale(.86)}@keyframes horse-bounce{50%{transform:translateY(-8px)scale(1.06)}}.ludo-progress{gap:10px;display:grid}.ludo-progress div,.money-card{background:#f8fafc;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.ludo-progress span,.money-card span{border-radius:50%;width:16px;height:16px}.monopoly-topbar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.monopoly-layout{grid-template-columns:minmax(320px,1fr) 300px;gap:20px;display:grid}.monopoly-cell{text-align:center;place-items:center;padding:4px;font-size:.62rem;font-weight:800;display:grid}.monopoly-cell.kind-property{background:#ecfeff}.monopoly-cell.kind-tax{background:#fee2e2}.monopoly-cell.kind-chance{background:#fef3c7}.monopoly-cell.kind-bonus,.monopoly-cell.kind-go{background:#dcfce7}.monopoly-cell b{border-radius:99px;width:80%;height:5px}.monopoly-token{width:34px;height:34px;font-size:1rem}.property-list{grid-template-columns:1fr;gap:7px;max-height:320px;margin-top:12px;display:grid;overflow:auto}.property-list div{background:#f8fafc;border-radius:12px;justify-content:space-between;gap:10px;padding:8px 10px;display:flex}.property-list .is-owned{color:#0f766e;background:#ecfeff;font-weight:900}@media (max-width:980px){.settings-grid,.ludo-game,.monopoly-layout{grid-template-columns:1fr}.ludo-board-pro,.monopoly-board-pro{width:min(100%,620px);min-height:auto;margin:0 auto}}@media (max-width:640px){.settings-hero{flex-direction:column;align-items:flex-start}.settings-avatar{width:86px;height:86px;font-size:2.2rem}.learning-road-map{padding:18px}.telegram-type-grid,.grade-pills{grid-template-columns:1fr}.ludo-board-pro,.monopoly-board-pro{grid-template-rows:repeat(9,minmax(22px,1fr));grid-template-columns:repeat(9,minmax(22px,1fr))}.ludo-horse{width:32px;height:32px;font-size:1.2rem}.monopoly-cell{font-size:.48rem}}.left-nav{background:linear-gradient(#fff 0%,#f0f9ff 55%,#ecfeff 100%),radial-gradient(circle at 22% 0,#facc1542,#0000 36%)}.side-brand{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#2563eb24}.side-brand strong{color:#0f172a}.side-brand small{color:#2563eb}.side-nav-item,.side-links a,.side-login{color:#172033!important;background:#ffffffe0!important;border-color:#2563eb24!important}.side-nav-item:hover,.side-links a:hover,.side-login:hover{color:#1d4ed8!important;background:linear-gradient(135deg,#eff6ff,#ecfeff)!important}.side-nav-item.is-active,.side-links a.is-active{color:#1d4ed8!important;background:linear-gradient(135deg,#dbeafe,#e0f2fe)!important;border-color:#2563eb47!important;box-shadow:0 2px 10px #2563eb1f!important}.side-nav-icon{background:#e0f2fe;border-radius:10px;place-items:center;width:30px;height:30px;display:grid}.side-auth button{background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:14px;min-height:42px;box-shadow:0 10px 22px #2563eb2e}.side-user strong{color:#0f172a}.side-user small{color:#64748b}.game-gallery-v2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.game-gallery-v2 .pro-game-card{background:linear-gradient(150deg, #fffffff5, #f8fafce6), radial-gradient(circle at 80% 8%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 38%);border:1px solid #2563eb1f;min-height:360px;padding:24px}.game-gallery-v2 .pro-game-card:after{content:"";background:linear-gradient(90deg, #ffffff8c 2px, transparent 2px), linear-gradient(0deg, #ffffff8c 2px, transparent 2px), color-mix(in srgb, var(--accent) 22%, transparent);opacity:.7;background-size:18px 18px;border-radius:30px;width:86px;height:86px;position:absolute;inset:auto 22px 22px auto;transform:rotate(-8deg)}.game-gallery-v2 .game-nav-visual{border-radius:32px;width:122px;height:122px}.game-gallery-v2 .pro-game-copy strong{color:#0f172a}.game-gallery-v2 .pro-game-copy p{color:#475569}.game-gallery-v2 .pro-game-cta{background:linear-gradient(135deg,#2563eb,#0ea5e9);box-shadow:0 12px 24px #2563eb33}.ludo-v2{background:radial-gradient(circle at 16% 14%,#2563eb24,#0000 32%),linear-gradient(135deg,#fff,#eff6ff);grid-template-columns:280px minmax(420px,1fr) 230px;align-items:stretch;gap:20px;display:grid}.ludo-v2-panel,.ludo-v2-score,.monopoly-v2-head,.monopoly-v2-panel{background:#ffffffe6;border:1px solid #2563eb24;border-radius:26px;padding:18px;box-shadow:0 18px 42px #0f172a14}.ludo-v2-panel{align-content:start;gap:12px;display:grid}.ludo-board-v2{aspect-ratio:1;background:linear-gradient(135deg,#ffffffd1,#dbeafedb),conic-gradient(from 45deg,#ef44443d,#2563eb38,#facc1547,#16a34a38,#ef44443d);border-radius:34px;grid-template-rows:repeat(11,minmax(34px,1fr));grid-template-columns:repeat(11,minmax(34px,1fr));gap:5px;padding:18px;display:grid;position:relative;box-shadow:inset 0 0 0 10px #ffffff7a,0 26px 54px #2563eb29}.ludo-home-v2{background:color-mix(in srgb, var(--home) 18%, white);border:4px solid var(--home);z-index:2;border-radius:22px;grid-template-rows:auto repeat(2,34px);grid-template-columns:repeat(2,34px);gap:8px;padding:12px;display:grid;position:absolute;box-shadow:0 14px 26px #0f172a1f}.ludo-home-v2 strong{text-align:center;color:#0f172a;grid-column:1/-1;font-size:.78rem}.ludo-home-v2.red{top:9%;left:9%}.ludo-home-v2.blue{top:9%;right:9%}.ludo-home-v2.yellow{bottom:9%;right:9%}.ludo-home-v2.green{bottom:9%;left:9%}.ludo-home-slot{border:2px dashed color-mix(in srgb, var(--home) 70%, white);background:#fff;border-radius:50%}.ludo-path-v2,.ludo-finish-v2{background:#fffffff0;border:1px solid #2563eb2e;border-radius:13px;box-shadow:inset 0 -5px #2563eb0d}.ludo-finish-v2{background:color-mix(in srgb, var(--lane) 30%, white);border-color:var(--lane)}.ludo-castle-v2{color:#92400e;text-align:center;z-index:1;background:linear-gradient(135deg,#fff7ed,#fef3c7);border:3px solid #facc15;border-radius:18px;grid-area:6/6;place-items:center;font-weight:950;display:grid}.ludo-token-v2{z-index:5;background:var(--horse);color:#fff;border:0;border-radius:50%;place-self:center;place-items:center;width:36px;height:36px;font-size:1.35rem;transition:grid-row .35s,grid-column .35s,transform .24s,box-shadow .24s;display:grid;box-shadow:0 12px 20px #0f172a3d}.ludo-token-v2.can-move{cursor:pointer;outline:5px solid #facc158c;animation:1s ease-in-out infinite ludo-ready}.ludo-token-v2.is-turn{box-shadow:0 0 0 5px #fffc,0 14px 24px #0f172a47}.ludo-token-v2.is-home{filter:saturate(1.35);transform:scale(.86)}@keyframes ludo-ready{50%{transform:translateY(-8px)scale(1.08)}}.ludo-v2-score{align-content:start;gap:10px;display:grid}.ludo-v2-score div,.money-card-v2{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.ludo-v2-score div.is-active,.money-card-v2.is-active{background:#eff6ff;border-color:#93c5fd}.ludo-v2-score span,.money-card-v2 span{border-radius:50%;width:16px;height:16px}.monopoly-v2{background:radial-gradient(circle at 8% 0,#2dd4bf2e,#0000 32%),linear-gradient(135deg,#fff,#f0fdfa);gap:20px;display:grid}.monopoly-v2-head{grid-template-columns:minmax(260px,1fr) auto minmax(320px,.9fr);align-items:stretch;gap:12px;display:grid}.monopoly-control-stack-v2{min-width:320px}.monopoly-v2-head p{color:#475569;margin:4px 0 0}.monopoly-v2-layout{grid-template-columns:minmax(460px,1fr) 310px;gap:20px;display:grid}.monopoly-board-v2{aspect-ratio:1;background:linear-gradient(135deg,#ffffffd6,#ccfbf1b8),conic-gradient(from 45deg,#dbeafe,#dcfce7,#fef3c7,#fee2e2,#dbeafe);border-radius:34px;grid-template-rows:repeat(7,minmax(56px,1fr));grid-template-columns:repeat(7,minmax(56px,1fr));gap:7px;padding:18px;display:grid;position:relative;box-shadow:inset 0 0 0 10px #ffffff7a,0 26px 54px #0f766e24}.monopoly-space-v2{text-align:center;background:#fff;border:1px solid #0f766e2e;border-radius:16px;align-content:center;place-items:center;gap:3px;padding:6px;display:grid;box-shadow:inset 0 -6px #0f766e0d}.monopoly-space-v2 b{color:#0f172a;font-size:.66rem;line-height:1.1}.monopoly-space-v2 small{color:#64748b;font-size:.58rem}.monopoly-space-v2.kind-property{background:#ecfeff}.monopoly-space-v2.kind-tax{background:#fee2e2}.monopoly-space-v2.kind-chance{background:#fef3c7}.monopoly-space-v2.kind-go,.monopoly-space-v2.kind-park{background:#dcfce7}.monopoly-space-v2 i{justify-content:center;gap:2px;min-height:12px;display:flex}.monopoly-space-v2 em{background:var(--owner);border-radius:3px 3px 1px 1px;width:9px;height:11px;display:block;box-shadow:inset 0 -3px #00000029}.monopoly-city-v2{color:#0f766e;text-align:center;background:linear-gradient(135deg,#fff,#ecfeff);border:2px solid #0ea5e933;border-radius:28px;grid-area:3/3/6/6;align-content:center;place-items:center;gap:8px;padding:20px;display:grid}.monopoly-city-v2 strong{letter-spacing:-.04em;font-size:clamp(1.2rem,2.4vw,2.1rem)}.monopoly-token-v2{z-index:4;background:var(--token);color:#fff;border-radius:50%;place-self:center;place-items:center;width:34px;height:34px;font-weight:950;transition:grid-row .35s,grid-column .35s,transform .24s;display:grid;box-shadow:0 12px 20px #0f172a3d}.monopoly-token-v2.is-turn{outline:5px solid #facc1594;animation:1s ease-in-out infinite ludo-ready}.monopoly-v2-panel{align-content:start;gap:10px;display:grid}.property-ledger-v2{gap:7px;max-height:360px;display:grid;overflow:auto}.property-ledger-v2 div{color:#334155;background:#f8fafc;border-radius:12px;justify-content:space-between;gap:10px;padding:9px 10px;display:flex}.property-ledger-v2 div.is-owned{color:#0f766e;background:#ecfeff;font-weight:900}.learn-hero-v2{background:radial-gradient(circle at 82% 18%,#facc1547,#0000 28%),linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #2563eb1f;border-radius:34px;justify-content:space-between;gap:24px;margin-bottom:24px;padding:clamp(26px,5vw,52px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 58px #2563eb1f}.learn-hero-v2 h1{letter-spacing:-.06em;color:#0f172a;margin:8px 0;font-size:clamp(2rem,5vw,4rem)}.learn-hero-v2 p{color:#475569;max-width:720px;line-height:1.7}.learn-hero-orbit{min-width:180px;min-height:160px;position:relative}.learn-hero-orbit span{background:#fff;border-radius:24px;place-items:center;width:72px;height:72px;font-size:2rem;animation:3.4s ease-in-out infinite kid-float;display:grid;position:absolute;box-shadow:0 18px 34px #0f172a1f}.learn-hero-orbit span:first-child{top:0;right:70px}.learn-hero-orbit span:nth-child(2){animation-delay:.4s;top:64px;right:10px}.learn-hero-orbit span:nth-child(3){animation-delay:.8s;top:92px;right:118px}.learn-subject-grid-v2{max-width:1180px}.learn-subject-card-v2{border:1px solid #2563eb1f;min-height:360px;position:relative;box-shadow:0 18px 42px #0f172a1a}.learn-subject-card-v2 .spcard-icon{justify-content:space-between;align-items:center;padding:28px 28px 8px;display:flex}.learn-subject-card-v2 .spcard-icon span,.learn-subject-card-v2 .spcard-icon b{background:#ffffffb8;border-radius:24px;place-items:center;width:74px;height:74px;display:grid;box-shadow:0 14px 24px #0f172a1a}.learn-subject-card-v2 .spcard-body{padding:0 28px 18px}.learn-subject-card-v2 .spcard-body small{color:#334155;margin-bottom:8px;font-weight:900;display:inline-flex}.learn-subject-card-v2 .spcard-body h2{letter-spacing:-.04em;font-size:clamp(1.55rem,3vw,2.1rem)}.learn-tip-v2{background:linear-gradient(135deg,#fff7ed,#fef3c7);border-radius:24px}.subject-hero-v2{border:0;box-shadow:0 24px 58px #0f172a1f}.subject-hero-v2 .subject-hero-icon{background:#ffffff38;border-radius:28px;place-items:center;width:92px;height:92px;display:grid}@media (max-width:1100px){.ludo-v2,.monopoly-v2-layout,.monopoly-v2-head{grid-template-columns:1fr}.ludo-v2-score{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.game-gallery-v2 .pro-game-card{flex-direction:column;align-items:stretch;min-height:240px}.game-gallery-v2 .game-nav-visual{width:92px;height:92px}.ludo-board-v2,.monopoly-board-v2{grid-template-rows:repeat(11,minmax(20px,1fr));grid-template-columns:repeat(11,minmax(20px,1fr));gap:3px;padding:10px}.monopoly-board-v2{grid-template-rows:repeat(7,minmax(32px,1fr));grid-template-columns:repeat(7,minmax(32px,1fr))}.ludo-home-v2{border-width:2px;border-radius:14px;grid-template-rows:auto repeat(2,18px);grid-template-columns:repeat(2,18px);gap:4px;padding:6px}.ludo-token-v2,.monopoly-token-v2{width:28px;height:28px;font-size:1rem}.monopoly-space-v2 b{font-size:.5rem}.monopoly-space-v2 small,.monopoly-space-v2 i{display:none}.learn-hero-v2{flex-direction:column}.learn-hero-orbit{min-height:110px}}.notification-bell-v2{position:relative}.notification-trigger-v2{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #2563eb29;border-radius:16px;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 14px;font-weight:900;display:flex;position:relative}.notification-trigger-v2 b{color:#fff;background:#ef4444;border-radius:999px;place-items:center;min-width:22px;height:22px;margin-left:auto;font-size:.75rem;display:grid}.notification-popover-v2{z-index:30;background:#fffffffa;border:1px solid #2563eb29;border-radius:20px;padding:12px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 24px 54px #0f172a2e}.notification-head-v2{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.notification-head-v2 button{color:#0369a1;background:#e0f2fe;border:0;border-radius:999px;padding:6px 10px;font-weight:900}.notification-list-v2{gap:8px;max-height:360px;display:grid;overflow:auto}.notification-list-v2 a{color:#0f172a;background:#f8fafc;border-radius:14px;gap:3px;padding:10px;text-decoration:none;display:grid}.notification-list-v2 small{color:#2563eb;text-transform:uppercase;font-size:.65rem;font-weight:900}.notification-list-v2 span,.notification-list-v2 p{color:#64748b;margin:0;font-size:.82rem}.resume-game-card-v2,.history-card-v2{background:linear-gradient(135deg,#eff6ff,#ecfeff);border:1px solid #2563eb24;border-radius:26px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px;padding:20px;display:flex;box-shadow:0 18px 42px #2563eb1a}.resume-game-card-v2 h2,.history-card-v2 h2{color:#0f172a;margin:4px 0}.history-list-v2{gap:14px;display:grid}.history-card-v2{align-items:flex-start;margin:0}.history-card-v2>div:first-child span{color:#2563eb;font-weight:900}.history-players-v2{flex-wrap:wrap;gap:8px;display:flex}.history-players-v2 strong{background:#f1f5f9;border-radius:999px;padding:8px 10px}.history-players-v2 .is-winner{color:#92400e;background:#fef3c7}.mini-history-panel-v2{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border:1px solid #2563eb21;border-radius:24px;width:min(360px,100vw - 32px);max-height:min(520px,100vh - 110px);margin:0;position:fixed;bottom:22px;right:22px;overflow:hidden;box-shadow:0 24px 54px #0f172a2e}.mini-history-toggle-v2{color:#0f172a;background:linear-gradient(135deg,#f8fafc,#ecfeff);border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 18px;display:flex}.mini-history-toggle-v2 span{font-weight:950}.mini-history-toggle-v2 strong{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:7px 11px;font-size:.78rem}.mini-history-body-v2{gap:12px;max-height:405px;padding:14px;display:grid;overflow:auto}.mini-history-body-v2 p{color:#475569;margin:0}.mini-history-body-v2 article{background:#fff;border:1px solid #94a3b83d;border-radius:18px;gap:8px;padding:12px;display:grid}.mini-history-body-v2 article>div:first-child,.mini-history-players-v2{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mini-history-body-v2 article>div:first-child span,.mini-history-body-v2 small{color:#64748b;font-weight:700}.mini-history-players-v2{justify-content:flex-start}.mini-history-players-v2 span{color:#334155;background:#f1f5f9;border-radius:999px;padding:6px 9px;font-size:.82rem;font-weight:800}.mini-history-players-v2 .is-winner{color:#92400e;background:#fef3c7}.pro-mode-grid{gap:18px}.pro-mode-card{background:radial-gradient(circle at 88% 12%,#facc152e,#0000 34%),linear-gradient(135deg,#fff,#eff6ff);border:1px solid #2563eb24;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 18px 38px #0f172a14}.pro-mode-card span:first-child{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:18px;place-items:center;width:54px;height:54px;font-weight:950;display:grid}.pro-mode-card.online span:first-child{background:linear-gradient(135deg,#16a34a,#2dd4bf)}.pro-mode-card.practice span:first-child{background:linear-gradient(135deg,#f59e0b,#fb7185)}.arena-toolbar.pro-arena-toolbar{background:#ffffffe6;border:1px solid #2563eb1f;border-radius:24px;grid-template-columns:repeat(4,minmax(180px,1fr));align-items:stretch;gap:12px;padding:14px;display:grid;box-shadow:0 14px 32px #0f172a0f}.arena-option-group-v2{background:radial-gradient(circle at 90% 8%,#facc1533,#0000 34%),linear-gradient(135deg,#fffffff5,#eff6ffe0);border:1px solid #94a3b833;border-radius:20px;align-content:start;gap:8px;min-width:0;padding:10px;display:grid}.arena-option-group-v2>span{color:#475569;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:950}.arena-action-row-v2{flex-wrap:wrap;gap:8px;display:flex}.game-control-stack-v2{gap:12px;width:100%;display:grid}.game-control-stack-v2 .arena-action-row-v2{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));display:grid}.game-control-stack-v2 .primary-action,.game-control-stack-v2 .ghost-action,.game-control-stack-v2 .sound-toggle,.game-control-stack-v2 .segmented.compact{border-radius:16px;width:100%}.game-control-stack-v2 .primary-action,.game-control-stack-v2 .ghost-action,.game-control-stack-v2 .sound-toggle{justify-content:center;min-height:44px}.arena-toolbar .segmented.compact,.arena-toolbar .sound-toggle,.arena-toolbar .soft-button{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px}.arena-toolbar .segmented.compact button{border-radius:12px;min-width:70px;font-weight:900}.arena-toolbar .segmented.compact button.is-active,.arena-toolbar .sound-toggle.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9)}.invite-box-v2{gap:8px;width:100%;margin-top:10px;display:flex}.invite-box-v2 input{border:1px solid #cbd5e1;border-radius:12px;flex:1;min-width:0;padding:9px 10px}.invite-box-v2 button{color:#fff;background:#2563eb;border:0;border-radius:12px;padding:9px 12px;font-weight:900}.invite-message-v2{color:#0f766e;font-weight:800}.game-play-head.pro-play-head{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:14px}.game-exit-button-v2,.game-audio-dock-v2 button{color:#0f172a;border:0;border-radius:18px;align-items:center;gap:9px;min-height:48px;padding:10px 14px;font-weight:950;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 12px 24px #0f172a1a}.game-exit-button-v2{color:#7c2d12;background:linear-gradient(135deg,#fff7ed,#fed7aa)}.game-audio-dock-v2{flex-wrap:wrap;gap:8px;display:flex}.game-audio-dock-v2 button{background:linear-gradient(135deg,#f8fafc,#e0f2fe)}.game-audio-dock-v2 button.is-active{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9)}.game-exit-button-v2:hover,.game-audio-dock-v2 button:hover{filter:saturate(1.05);transform:translateY(-2px);box-shadow:0 16px 28px #0f172a24}.game-exit-button-v2 span,.game-audio-dock-v2 span{background:#ffffffb8;border-radius:12px;place-items:center;width:30px;height:30px;display:grid}.game-exit-button-v2 strong,.game-audio-dock-v2 strong{white-space:nowrap}.pro-play-shell.is-focus-view,.pro-play-shell:fullscreen{z-index:5000;overscroll-behavior:contain;touch-action:manipulation;background:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 32%), linear-gradient(135deg, #f8fafc, #ecfeff);border-radius:0;width:100vw;max-width:none;height:100dvh;margin:0;padding:clamp(6px,1.8vw,14px);position:fixed;inset:0;overflow:auto}.pro-play-shell.is-focus-view .game-play-head.pro-play-head,.pro-play-shell:fullscreen .game-play-head.pro-play-head{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-radius:18px;margin:0;padding:6px;position:sticky;top:0}.pro-play-shell.is-focus-view .mini-history-panel-v2,.pro-play-shell:fullscreen .mini-history-panel-v2{width:100%;max-height:62px;margin:0;position:static}.pro-play-shell.is-focus-view .game-play-head.pro-play-head p:not(.eyebrow),.pro-play-shell:fullscreen .game-play-head.pro-play-head p:not(.eyebrow){display:none}.pro-play-shell.is-focus-view .fish-canvas-wrap,.pro-play-shell:fullscreen .fish-canvas-wrap{height:min(76dvh,720px);min-height:280px}.pro-play-shell.is-focus-view .bt-canvas-wrap canvas,.pro-play-shell:fullscreen .bt-canvas-wrap canvas{max-height:78dvh}.pro-play-shell.is-focus-view canvas,.pro-play-shell:fullscreen canvas,.pro-play-shell.is-focus-view button,.pro-play-shell:fullscreen button{touch-action:none}.chess-piece{filter:drop-shadow(0 5px 7px #0f172a42);line-height:1;font-size:clamp(2rem,6vw,3.9rem)!important}.xiangqi-guide-panel-v2{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;gap:6px;margin-bottom:12px;padding:12px 14px;line-height:1.55;display:grid}.xiangqi-piece{gap:0}.xiangqi-piece small{color:currentColor;margin-top:1px;font-size:clamp(.62rem,1.8vw,.86rem);font-weight:900;line-height:1.05;display:block}.game-nav-visual.ocean{background:radial-gradient(circle at 26% 30%,#facc15 0 7px,#0000 8px),radial-gradient(circle at 66% 62%,#fb7185 0 8px,#0000 9px),linear-gradient(135deg,#bae6fd,#0ea5e9)}.game-nav-visual.ocean:before,.game-nav-visual.ocean:after{content:"";background:linear-gradient(135deg,#f97316,#facc15);border-radius:999px 55% 55% 999px;width:58px;height:30px;position:absolute;box-shadow:inset -10px -6px #ffffff40}.game-nav-visual.ocean:before{top:36px;left:20px}.game-nav-visual.ocean:after{background:linear-gradient(135deg,#22c55e,#38bdf8);width:42px;height:22px;bottom:26px;right:14px;transform:scaleX(-1)}.fish-canvas-wrap canvas{filter:saturate(1.14)contrast(1.04)}.monopoly-token-v2{transition:grid-row .18s,grid-column .18s,transform .18s}.monopoly-v2{background:radial-gradient(circle at 10% 6%,#2dd4bf2e,#0000 32%),radial-gradient(circle at 92% 12%,#facc1533,#0000 28%),linear-gradient(135deg,#fff,#f0fdfa)}@media (max-width:760px){.game-play-head.pro-play-head,.resume-game-card-v2,.history-card-v2{grid-template-columns:1fr;display:grid}.game-play-head.pro-play-head{align-items:stretch}.game-audio-dock-v2{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.game-exit-button-v2,.game-audio-dock-v2 button{justify-content:center}.arena-toolbar.pro-arena-toolbar{grid-template-columns:1fr}.mini-history-panel-v2{width:100%;max-height:none;margin:0 0 16px;position:static}.mini-history-body-v2{max-height:270px}.monopoly-control-stack-v2{min-width:0}.invite-box-v2{flex-direction:column}}.top-bar-fixed{z-index:200;pointer-events:none;align-items:center;gap:8px;padding:10px 20px;display:flex;position:fixed;top:0;right:0}.top-bar-fixed>*{pointer-events:auto}.notif-bell-wrap{position:relative}.notif-bell-btn{border:1.5px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffffeb;border-radius:50%;justify-content:center;align-items:center;transition:background .18s,border-color .18s,transform .18s;display:flex;position:relative;box-shadow:0 2px 8px #00000014}.notif-bell-btn:hover{background:var(--primary-light);border-color:var(--primary);transform:scale(1.05)}.notif-badge{background:var(--danger);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:800;line-height:1;animation:2s infinite kid-pulse;display:grid;position:absolute;top:-4px;right:-4px}.notif-dropdown{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);width:340px;max-height:420px;box-shadow:var(--shadow-lg);animation:.2s slide-up;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notif-dropdown-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notif-dropdown-head strong{color:var(--text);font-size:.9rem}.notif-mark-read{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.78rem;font-weight:600}.notif-mark-read:hover{text-decoration:underline}.notif-mark-read:disabled{opacity:.5}.notif-dropdown-list{padding:4px 0}.notif-dropdown-item{gap:2px;padding:10px 16px;transition:background .12s;display:grid}.notif-dropdown-item:hover{background:var(--primary-light)}.notif-kind{text-transform:uppercase;color:var(--primary);letter-spacing:.05em;font-size:.68rem;font-weight:700}.notif-dropdown-item strong{color:var(--text);font-size:.84rem}.notif-dropdown-item span{color:var(--muted);font-size:.78rem;line-height:1.45}.notif-empty{text-align:center;color:var(--muted);padding:20px 16px;font-size:.85rem}.notif-phone-toggle-v2{color:#0f172a;text-align:left;cursor:pointer;background:linear-gradient(135deg,#ecfeff,#f8fafc);border:1px solid #0ea5e938;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px;width:calc(100% - 20px);margin:10px;padding:10px 12px;display:grid}.notif-phone-toggle-v2 span{color:#fff;background:#0ea5e9;border-radius:12px;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.notif-phone-toggle-v2 strong{font-size:.86rem}.notif-phone-toggle-v2 small{color:#64748b;font-weight:800}.user-dropdown-wrap{position:relative}.user-dropdown-check{display:none}.user-dropdown-trigger{border:1.5px solid var(--border);border-radius:var(--r-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:var(--text);background:#ffffffeb;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:.85rem;font-weight:600;transition:border-color .18s,box-shadow .18s;display:flex;box-shadow:0 2px 8px #00000014}.user-dropdown-trigger:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.user-dropdown-avatar{background:linear-gradient(135deg, var(--primary), var(--fun-purple));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:.75rem;font-weight:800;display:grid}.user-dropdown-avatar img{object-fit:cover;border-radius:50%;width:30px;height:30px}.user-dropdown-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.user-dropdown-arrow{flex-shrink:0;transition:transform .2s}.user-dropdown-menu{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r);width:220px;box-shadow:var(--shadow-lg);z-index:210;padding:6px 0;animation:.18s slide-up;display:none;position:absolute;top:calc(100% + 6px);right:0}.user-dropdown-check:checked~.user-dropdown-menu{display:block}.user-dropdown-check:checked~.user-dropdown-trigger .user-dropdown-arrow{transform:rotate(180deg)}.user-dropdown-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.85rem;font-weight:500;transition:background .12s;display:flex}.user-dropdown-item:hover{background:var(--primary-light);color:var(--primary-dark)}.user-dropdown-item span{flex-shrink:0;font-size:1rem}.user-dropdown-divider{border:none;border-top:1px solid var(--line);margin:4px 12px}.user-dropdown-logout{margin:0}.logout-item{color:var(--danger)}.logout-item:hover{background:var(--danger-light);color:var(--danger)}.remember-row{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px;display:flex}.remember-check{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.84rem;display:flex}.remember-check input{display:none}.remember-box{border:2px solid var(--border);background:var(--surface);border-radius:4px;flex-shrink:0;width:18px;height:18px;transition:background .15s,border-color .15s;display:block;position:relative}.remember-check input:checked+.remember-box{background:var(--primary);border-color:var(--primary)}.remember-check input:checked+.remember-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.remember-text{font-weight:500}.forgot-link{color:var(--primary);white-space:nowrap;font-size:.82rem;font-weight:600}.forgot-link:hover{text-decoration:underline}.settings-v2{max-width:1080px}.settings-hero-v2{background:linear-gradient(135deg, var(--primary) 0%, var(--fun-purple) 100%);border-radius:var(--r-xl);color:#fff;align-items:center;gap:20px;margin-bottom:28px;padding:28px 32px;display:flex;box-shadow:0 8px 32px #0ea5e94d}.settings-hero-avatar{background:#fff3;border:3px solid #fff6;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;font-size:1.6rem;font-weight:800;display:grid}.settings-hero-avatar img{object-fit:cover;border-radius:50%;width:64px;height:64px}.settings-hero-info h1{color:#fff;font-size:1.4rem;font-weight:800}.settings-hero-meta{color:#fffc;gap:12px;margin-top:6px;font-size:.82rem;display:flex}.settings-role-badge{border-radius:var(--r-full);background:#fff3;padding:2px 10px;font-size:.75rem;font-weight:700}.settings-main-grid{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}.settings-col-left,.settings-col-right{align-content:start;gap:20px;display:grid}.settings-card-v2{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:24px}.settings-card-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;margin-bottom:20px;padding-bottom:16px;display:flex}.settings-card-icon{border-radius:var(--r-sm);background:var(--primary-light);flex-shrink:0;place-items:center;width:42px;height:42px;font-size:1.3rem;display:grid}.settings-card-header h2{color:var(--text);font-size:1.05rem;font-weight:700}.settings-card-header p{color:var(--muted);margin-top:2px;font-size:.82rem}.settings-form{gap:14px;display:grid}.settings-field{gap:5px;display:grid}.settings-field label{color:var(--text);font-size:.82rem;font-weight:600}.settings-field input,.settings-field select{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--bg);height:42px;color:var(--text);padding:0 14px;font-size:.88rem;transition:border-color .15s}.settings-field input:focus,.settings-field select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0ea5e91f}.settings-field-hint{color:var(--muted);font-size:.74rem;line-height:1.4}.settings-submit{margin-top:8px}.settings-link{color:var(--primary);margin-top:12px;font-size:.82rem;font-weight:600;display:block}.settings-link:hover{text-decoration:underline}.settings-actions-grid{gap:10px;display:grid}.settings-action-card{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--bg);align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,background .15s,transform .15s;display:flex}.settings-action-card:hover{border-color:var(--primary);background:var(--primary-light);transform:translate(4px)}.settings-action-card span{flex-shrink:0;font-size:1.3rem}.settings-action-card strong{color:var(--text);font-size:.88rem;font-weight:700}.settings-action-card small{color:var(--muted);margin-top:2px;font-size:.76rem;display:block}.settings-children-list{gap:10px;display:grid}.settings-child-card{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--bg);align-items:center;gap:12px;padding:12px 14px;display:flex}.settings-child-avatar{background:linear-gradient(135deg, var(--fun-green), var(--fun-purple));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:grid}.settings-child-card strong{font-size:.88rem}.settings-child-card small{color:var(--muted);font-size:.78rem;display:block}.settings-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;margin-bottom:16px;display:flex}.settings-toggle input{display:none}.settings-toggle-slider{background:#cbd5e1;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.settings-toggle-slider:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.settings-toggle input:checked+.settings-toggle-slider{background:var(--fun-green)}.settings-toggle input:checked+.settings-toggle-slider:after{transform:translate(20px)}.settings-toggle-label{color:var(--text);font-size:.85rem;font-weight:600}.telegram-types-v2{margin:16px 0}.telegram-types-label{color:var(--text);margin-bottom:10px;font-size:.82rem;font-weight:600;display:block}.telegram-types-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.telegram-type-card{border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--bg);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.telegram-type-card:hover{border-color:var(--primary)}.telegram-type-card.is-active{border-color:var(--fun-green);background:var(--fun-green-light)}.telegram-type-card input{display:none}.telegram-type-icon{flex-shrink:0;font-size:1.1rem}.telegram-type-card>span:last-child{gap:2px;display:grid}.telegram-type-name{color:var(--text);font-size:.82rem;font-weight:800}.telegram-type-card small{color:var(--muted);font-size:.72rem;line-height:1.25}.settings-inline-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-child-info-v2{gap:8px;min-width:0;display:grid}.parent-child-form-v2{gap:8px;padding-top:8px;display:grid}.settings-tab-layout-v3{grid-template-columns:minmax(190px,240px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.settings-tab-menu-v3{background:#ffffffc7;border:1px solid #94a3b838;border-radius:24px;gap:10px;padding:12px;display:grid;position:sticky;top:96px;box-shadow:0 18px 40px #0f172a14}.settings-tab-menu-v3 a{color:#334155;background:#f8fafc;border:1px solid #0000;border-radius:17px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex}.settings-tab-menu-v3 a.is-active{color:#0f172a;background:linear-gradient(135deg,#dbeafe,#ecfeff);border-color:#2563eb2e}.settings-tab-menu-v3 span{background:#fff;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.settings-tab-content-v3{min-width:0}.parent-child-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.parent-child-form-v2 label:not(.settings-toggle){color:var(--muted);gap:5px;font-size:.78rem;font-weight:800;display:grid}.parent-child-form-v2 select,.parent-child-form-v2 input{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:12px;padding:9px 10px;font-weight:800}.compact-toggle{padding:8px 0}.parent-control-box-v2{background:#f8fafc;border:1px solid #94a3b833;border-radius:18px;gap:10px;padding:12px;display:grid}.parent-control-box-v2 strong{color:#0f172a}.parent-control-box-v2 small{color:#64748b;line-height:1.45}.parent-remote-lock-v2{background:linear-gradient(135deg,#ecfeff,#f8fafc);border:1px solid #0ea5e92e;border-radius:18px;gap:10px;padding:14px;display:grid}.parent-remote-lock-v2.is-locked{background:linear-gradient(135deg,#fff1f2,#fff7ed);border-color:#ef444452}.parent-remote-lock-v2 input:not([type=checkbox]){border:1px solid #cbd5e1;border-radius:14px;width:100%;padding:10px 12px}.parent-remote-lock-v2 small{color:#64748b;font-weight:700}.parent-days-v2{flex-wrap:wrap;gap:7px;display:flex}.parent-days-v2 button{color:#334155;cursor:pointer;background:#fff;border:1px solid #94a3b859;border-radius:999px;padding:7px 10px;font-weight:900}.parent-days-v2 button.is-active{color:#166534;background:#dcfce7;border-color:#86efac}.parent-subject-pills-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.parent-subject-pills-v2 button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #94a3b84d;border-radius:16px;justify-items:center;gap:5px;padding:12px 8px;font-weight:900;display:grid}.parent-subject-pills-v2 button.is-active{color:#075985;background:linear-gradient(135deg,#ecfeff,#eff6ff);border-color:#38bdf8}.parent-subject-pills-v2 span{font-size:1.35rem}.parent-control-head-v6{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.parent-control-head-v6>div{gap:4px;display:grid}.parent-control-head-v6>span{color:#0369a1;background:#e0f2fe;border-radius:999px;flex:none;padding:6px 10px;font-size:.78rem;font-weight:950}.parent-game-access-v6.is-disabled{opacity:.82}.parent-game-actions-v6{flex-wrap:wrap;gap:8px;display:flex}.parent-game-actions-v6 button{color:#0369a1;cursor:pointer;background:#fff;border:1px solid #0ea5e93d;border-radius:999px;padding:8px 11px;font-weight:900}.parent-game-grid-v6{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.parent-game-card-v6{color:#475569;text-align:left;cursor:pointer;background:#fff;border:1px solid #94a3b847;border-radius:18px;align-content:start;gap:6px;min-height:116px;padding:12px;display:grid;box-shadow:0 10px 22px #0f172a0f}.parent-game-card-v6 span{color:#991b1b;background:#fee2e2;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.72rem;font-weight:950}.parent-game-card-v6 strong{color:#0f172a;font-size:.94rem}.parent-game-card-v6 small{color:#64748b;font-weight:800}.parent-game-card-v6.is-active{border-color:color-mix(in srgb, var(--accent,#0ea5e9) 46%, #fff);background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--accent,#0ea5e9) 20%, transparent), transparent 42%), linear-gradient(135deg, #fff, #f8fafc)}.parent-game-card-v6.is-active span{color:#166534;background:#dcfce7}.parent-game-card-v6.caro{--accent:#0f766e}.parent-game-card-v6.chess{--accent:#6d4c2f}.parent-game-card-v6.xiangqi{--accent:#b45309}.parent-game-card-v6.candy{--accent:#0ea5e9}.parent-game-card-v6.dino{--accent:#16a34a}.parent-game-card-v6.ocean{--accent:#0284c7}.parent-game-card-v6.ludo{--accent:#2563eb}.parent-game-card-v6.tycoon{--accent:#0f766e}.admin-users-panel-v2{min-width:0}.admin-users-v2{gap:16px;display:grid}.admin-user-stats-v2{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-user-stats-v2 span{color:#64748b;background:#f8fafc;border:1px solid #94a3b838;border-radius:16px;gap:4px;padding:12px;font-weight:800;display:grid}.admin-user-stats-v2 strong{color:#0f172a;font-size:1.45rem}.admin-users-layout-v2{grid-template-columns:minmax(220px,310px) minmax(0,1fr);gap:16px;min-width:0;display:grid}.admin-users-list-v2{align-content:start;gap:8px;max-height:640px;display:grid;overflow:auto}.admin-users-list-head-v2{color:#334155;justify-content:space-between;gap:10px;display:flex}.admin-users-list-v2 button{color:#0f172a;text-align:left;cursor:pointer;background:#fff;border:1px solid #94a3b838;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.admin-users-list-v2 button.is-active{background:#ecfeff;border-color:#38bdf8}.admin-users-list-v2 button>span{color:#fff;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:14px;place-items:center;width:38px;height:38px;font-weight:950;display:grid}.admin-users-list-v2 button small{color:#64748b;text-overflow:ellipsis;display:block;overflow:hidden}.admin-users-list-v2 button b{color:#991b1b;background:#fee2e2;border-radius:999px;padding:5px 8px;font-size:.72rem}.admin-user-detail-v2,.admin-user-form-v2,.admin-password-box-v2{gap:14px;min-width:0;display:grid}.admin-user-title-v2{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-user-title-v2 h2{margin:0}.admin-user-title-v2>span{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:8px 11px;font-weight:900}.admin-user-title-v2>span.is-locked{color:#991b1b;background:#fee2e2}.admin-user-form-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-user-form-v2 label,.admin-password-box-v2{color:#64748b;font-size:.78rem;font-weight:900}.admin-user-form-v2 input,.admin-user-form-v2 select,.admin-password-box-v2 input{color:#0f172a;border:1px solid #cbd5e1;border-radius:14px;padding:10px 12px;font-weight:800}.admin-lock-row-v2,.admin-lock-reason-v2,.admin-user-form-v2 .primary-action{grid-column:1/-1}.admin-lock-row-v2{background:#fff7ed;border-radius:16px;align-items:center;gap:10px;padding:12px;color:#9a3412!important;display:flex!important}.admin-lock-row-v2 input{width:auto}.admin-password-box-v2{background:#f8fafc;border:1px solid #94a3b838;border-radius:18px;padding:14px}.admin-password-box-v2>div,.admin-user-meta-v2{flex-wrap:wrap;gap:10px;display:flex}.admin-password-box-v2 input{flex:1;min-width:220px}.admin-user-meta-v2 span{color:#475569;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:.8rem;font-weight:800}.admin-child-control-v6{background:radial-gradient(circle at 100% 0,#0ea5e91f,#0000 34%),linear-gradient(135deg,#fff,#f8fafc);border:1px solid #0ea5e938;border-radius:22px;gap:14px;padding:16px;display:grid}.admin-child-control-head-v6{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.admin-child-control-head-v6>span{color:#0369a1;white-space:nowrap;background:#e0f2fe;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:950}.admin-child-control-head-v6 strong{color:#0f172a;font-size:1rem;display:block}.admin-child-control-head-v6 small{color:#64748b;margin-top:4px;font-weight:800;line-height:1.45;display:block}.account-lock-overlay-v2{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 20% 20%,#0ea5e938,#0000 32%),#0f172a85;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.account-lock-overlay-v2>div{text-align:center;background:#fff;border-radius:30px;justify-items:center;gap:12px;width:min(520px,100%);padding:30px;display:grid;box-shadow:0 30px 80px #0f172a47}.account-lock-overlay-v2 span{background:linear-gradient(135deg,#fee2e2,#fed7aa);border-radius:24px;place-items:center;width:72px;height:72px;font-size:2rem;display:grid}.account-lock-overlay-v2 h2{color:#0f172a;margin:0}.account-lock-overlay-v2 p{color:#475569;margin:0;font-weight:800}.account-lock-overlay-v2 small{color:#64748b}.learn-ranking-card-v2{background:radial-gradient(circle at 8% 18%,#facc1533,#0000 32%),linear-gradient(135deg,#fffffff0,#f0f9ffe6);border:1px solid #2563eb21;border-radius:28px;grid-template-columns:minmax(220px,.35fr) minmax(0,1fr);gap:16px;margin:18px 0;padding:18px;display:grid;box-shadow:0 18px 44px #2563eb1a}.learn-ranking-card-v2 h2{color:#0f172a;margin:4px 0}.learn-ranking-card-v2 span{color:#475569;font-weight:900}.learn-ranking-list-v2{gap:8px;max-height:250px;display:grid;overflow:auto}.learn-ranking-list-v2 article{background:#fff;border:1px solid #94a3b833;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:10px;display:grid}.learn-ranking-list-v2 b,.learn-ranking-list-v2 em{color:#1d4ed8;background:#dbeafe;border-radius:12px;place-items:center;min-width:34px;height:34px;font-style:normal;font-weight:950;display:grid}.learn-ranking-list-v2 strong{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.learn-ranking-list-v2 small{color:#64748b;font-weight:800}.learn-ranking-list-v2 p{color:#64748b;margin:0;font-weight:800}.online-arcade-v2{gap:18px;display:grid}.online-arcade-hero-v2,.online-room-list-v2,.online-room-board-v2{background:#ffffffd1;border:1px solid #2563eb1f;border-radius:28px;box-shadow:0 18px 42px #0f172a14}.online-arcade-hero-v2{background:radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 36%), linear-gradient(135deg, #fff, #eff6ff);justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.online-arcade-hero-v2 h2,.online-room-list-v2 h3,.online-scoreboard-v2 h3{color:#0f172a;margin:0}.online-arcade-actions-v2{flex-wrap:wrap;gap:10px;display:flex}.online-arcade-grid-v2{grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:16px;display:grid}.online-room-list-v2,.online-room-board-v2{padding:16px}.online-room-list-v2{align-content:start;gap:10px;display:grid}.online-room-list-v2 button{text-align:left;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #94a3b83d;border-radius:17px;gap:4px;padding:12px;display:grid}.online-room-list-v2 button.is-active{border-color:var(--accent);background:#f0f9ff}.online-room-list-v2 span,.online-room-board-v2 small,.online-room-board-v2 p{color:#64748b}.online-room-board-v2{gap:14px;display:grid}.online-room-title-v2,.online-players-v2,.online-score-submit-v2,.online-scoreboard-v2 div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.online-room-title-v2 strong{color:#0f172a;letter-spacing:.08em;font-size:1.8rem;display:block}.invite-search-v2{flex:240px;gap:6px;min-width:0;display:grid;position:relative}.invite-search-v2 input{width:100%}.invite-selected-v2{color:#0f766e;font-size:.78rem;font-weight:900}.invite-suggestions-v2{z-index:12;background:#fff;border:1px solid #94a3b84d;border-radius:16px;gap:6px;max-height:220px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 18px 40px #0f172a2e}.invite-suggestions-v2 button{color:#0f172a;text-align:left;cursor:pointer;background:#f8fafc;border:0;border-radius:12px;gap:2px;width:100%;padding:9px 10px;display:grid}.invite-suggestions-v2 button:hover{background:#e0f2fe}.invite-suggestions-v2 span{color:#64748b;font-size:.78rem;font-weight:800}.caro-board-real,.chess-board-real,.xiangqi-board-real{touch-action:manipulation;max-width:100%}.caro-board-real{grid-template-columns:repeat(15,minmax(0,1fr))}.chess-board-real{grid-template-columns:repeat(8,minmax(0,1fr))}.xiangqi-board-real{grid-template-columns:repeat(9,minmax(0,1fr))}.caro-board-real .caro-point{min-width:min(var(--cell-min,24px), calc((100vw - 92px) / 15));min-height:min(var(--cell-min,24px), calc((100vw - 92px) / 15))}.chess-board-real .chess-square-real{min-width:min(var(--cell-min,40px), calc((100vw - 82px) / 8));min-height:min(var(--cell-min,40px), calc((100vw - 82px) / 8))}.xiangqi-board-real .xiangqi-point{min-width:min(var(--cell-min,40px), calc((100vw - 86px) / 9));min-height:min(var(--cell-min,40px), calc((100vw - 86px) / 9))}@media (max-width:900px),(max-height:560px) and (orientation:landscape){.game-play-page{width:min(100%,100% - 10px);padding-top:8px}.game-play-shell{border-radius:18px;min-height:auto;padding:10px}.game-play-head.pro-play-head{grid-template-columns:1fr;gap:10px;margin-bottom:10px}.game-play-head h1{font-size:clamp(1.45rem,7vw,2rem)}.game-play-head p:not(.eyebrow){display:none}.game-exit-button-v2,.game-audio-dock-v2 button{border-radius:14px;min-height:42px;padding:8px 10px}.arena-toolbar.pro-arena-toolbar{border-radius:16px;grid-template-columns:1fr;gap:8px;padding:8px}.arena-option-group-v2{border-radius:14px;padding:8px}.arena-toolbar .segmented.compact{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.arena-toolbar .segmented.compact button,.arena-action-row-v2 button{white-space:normal;min-width:0;min-height:40px;padding-inline:8px}.pro-online-panel,.online-arcade-grid-v2{grid-template-columns:1fr}.room-actions,.room-card-live,.room-list{width:100%}.room-list{max-height:170px;overflow:auto}.mini-history-panel-v2{border-radius:16px;width:100%;max-height:none;margin:0 0 10px;position:static}.mini-history-toggle-v2{padding:10px 12px}.mini-history-toggle-v2 strong{display:none}.mini-history-body-v2{max-height:132px;padding:10px}.pro-board-frame{border-radius:16px;width:100%;padding:8px}.caro-board-real{border-width:6px;border-radius:14px;padding:4px}.chess-piece{font-size:min(var(--piece-fs,1.5rem), 8vw)!important}.xiangqi-piece{font-size:min(var(--piece-fs,1.5rem), 5.8vw)}.bt-hud,.fish-hud{grid-template-columns:repeat(3,minmax(0,1fr))}.bt-hud div,.fish-hud div{border-radius:12px;padding:7px}.bt-hud strong,.fish-hud strong{font-size:15px}.bt-canvas-wrap canvas{width:min(100%,100vw - 34px,100vh - 180px)}.fish-canvas-wrap{border-width:3px;border-radius:16px;height:min(58vh,430px);min-height:260px}}@media (max-height:520px) and (orientation:landscape){.game-play-page{padding-top:4px}.pro-play-shell{gap:8px;display:grid}.game-audio-dock-v2{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mini-history-body-v2{display:none}.pro-board-arena{gap:8px}.game-message.pro-game-message{margin:0;padding:8px 10px;font-size:.82rem}.board-status-row{min-height:28px}.online-panel.pro-online-panel{max-height:42vh;overflow:auto}.fish-canvas-wrap{height:min(52vh,300px);min-height:210px}}.online-players-v2 span,.online-scoreboard-v2 div{color:#334155;background:#f1f5f9;border-radius:999px;padding:9px 11px;font-weight:900}.online-players-v2 .is-winner,.online-scoreboard-v2 .is-winner{color:#92400e;background:#fef3c7}.online-score-submit-v2{align-items:end}.online-score-submit-v2 label{color:#64748b;flex:170px;gap:6px;font-weight:800;display:grid}.online-score-submit-v2 input{border:1px solid #94a3b859;border-radius:14px;padding:10px 12px}.online-scoreboard-v2{gap:8px;display:grid}.online-empty-v2{text-align:center;align-content:center;place-items:center;gap:10px;min-height:280px;display:grid}.pro-board-arena.is-online-lobby{gap:12px}.pro-online-panel.is-lobby{background:radial-gradient(circle at 8% 10%,#2dd4bf2e,#0000 36%),radial-gradient(circle at 96% 4%,#facc152e,#0000 30%),linear-gradient(135deg,#fffffff5,#eff6ffeb);border-radius:28px;gap:14px;padding:clamp(12px,3vw,18px);display:grid}.pro-online-panel.is-playing{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.pro-online-panel.is-playing .room-card-live{flex-wrap:wrap;align-items:center;gap:10px;padding:10px;display:flex}.pro-online-panel.is-playing .online-lobby-v2,.pro-online-panel.is-playing .room-actions{display:none}.host-ready-note-v2,.empty-room-note-v2{color:#64748b;font-weight:850;line-height:1.45}.start-match-button-v2{min-width:min(100%,220px)}.online-lobby-empty-stage-v2{color:#334155;text-align:center;background:radial-gradient(circle at 50% 18%,#0ea5e929,#0000 34%),linear-gradient(135deg,#ffffffe6,#f0fdfae6);border:1px dashed #2563eb38;border-radius:28px;align-content:center;place-items:center;gap:10px;min-height:clamp(220px,42vh,420px);padding:clamp(18px,5vw,34px);display:grid}.online-lobby-empty-stage-v2 strong{color:#0f172a;font-size:clamp(1.2rem,4vw,1.8rem)}.match-countdown-v2{z-index:900;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 40%,#0ea5e957,#0000 30%),#0f172aa3;align-content:center;place-items:center;gap:8px;display:grid;position:fixed;inset:0}.match-countdown-v2 span{letter-spacing:.08em;text-transform:uppercase;font-weight:950}.match-countdown-v2 strong{background:linear-gradient(135deg,#f59e0b,#0ea5e9);border-radius:42px;place-items:center;width:clamp(108px,26vw,170px);height:clamp(108px,26vw,170px);font-size:clamp(4rem,18vw,7rem);line-height:1;animation:.9s ease-in-out infinite countdown-pop-v2;display:grid;box-shadow:0 30px 70px #0f172a59}@keyframes countdown-pop-v2{0%,to{transform:scale(1)}48%{transform:scale(1.08)}}@media (max-width:820px){.pro-mode-select{gap:12px;display:grid}.pro-mode-hero{grid-template-columns:56px minmax(0,1fr);padding:12px}.pro-mode-grid{grid-template-columns:1fr;gap:10px;display:grid}.pro-mode-card{border-radius:20px;min-height:0;padding:14px}.pro-board-arena.is-online-lobby .game-message.pro-game-message{order:-1}.pro-online-panel.is-lobby{max-height:none;overflow:visible}.room-list{grid-template-columns:1fr;max-height:38dvh;display:grid;overflow:auto}.room-list-item{min-height:58px}.online-lobby-steps-v2,.online-lobby-actions-v2{grid-template-columns:1fr;display:grid}.online-lobby-actions-v2 .primary-action,.online-lobby-actions-v2 .soft-button,.start-match-button-v2,.invite-box-v2 button{width:100%;min-height:48px}.pro-online-panel.is-playing{border-radius:18px;grid-template-columns:1fr;padding:7px}.pro-online-panel.is-playing .room-card-live{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;font-size:.78rem;display:grid}.pro-online-panel.is-playing .room-card-live strong{grid-column:1/-1}.pro-canvas-card,.fish-game,.bt-game{border-radius:18px;padding:8px}.fish-hud,.bt-hud{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.fish-canvas-wrap{height:clamp(360px,68dvh,640px);min-height:360px}.bt-canvas-wrap canvas{width:min(100%,100vw - 28px);max-height:68dvh}}@media (max-height:540px) and (orientation:landscape){.game-play-page{padding:4px}.pro-play-shell{min-height:calc(100dvh - 8px)}.pro-online-panel.is-lobby{grid-template-columns:minmax(260px,.8fr) minmax(0,1fr);max-height:calc(100dvh - 92px);overflow:auto}.pro-online-panel.is-lobby .room-list{max-height:calc(100dvh - 130px)}.online-lobby-empty-stage-v2{min-height:160px;padding:14px}.fish-canvas-wrap{height:calc(100dvh - 116px);min-height:250px}}.app-frame:has(.auth-page){min-height:100vh;display:block}.app-frame.auth-frame{background:radial-gradient(circle at 12% 16%,#0ea5e93d,#0000 28%),radial-gradient(circle at 86% 18%,#f59e0b33,#0000 26%),linear-gradient(135deg,#eff6ff,#fff7ed 54%,#f0fdfa);min-height:100dvh;display:block}:is(.app-frame:has(.auth-page) .left-nav,.app-frame:has(.auth-page) .top-bar-fixed){display:none}.app-frame.auth-frame .app-main{width:100%;min-height:100dvh}.app-frame:has(.auth-page) .app-main{width:100%;min-height:100dvh}.auth-page{min-height:100dvh;padding:clamp(18px, 4vw, 48px) max(16px, env(safe-area-inset-right)) clamp(18px, 4vw, 48px) max(16px, env(safe-area-inset-left));background:radial-gradient(circle at 18% 18%,#0ea5e938,#0000 30%),radial-gradient(circle at 82% 22%,#f59e0b2e,#0000 28%),linear-gradient(135deg,#eff6ff,#fff7ed 54%,#f0fdfa);place-items:center;display:grid}.auth-frame .auth-page{background:0 0}.auth-card{width:min(100%,460px)}.register-family-card{width:min(100%,560px)}.online-lobby-v2{background:radial-gradient(circle at 100% 0,#2dd4bf29,#0000 34%),linear-gradient(135deg,#fff,#eff6ff);border:1px solid #2563eb24;border-radius:20px;gap:12px;width:100%;margin-top:12px;padding:12px;display:grid}.online-lobby-steps-v2,.online-lobby-actions-v2{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.online-lobby-steps-v2 span{color:#64748b;background:#f1f5f9;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:950}.online-lobby-steps-v2 span.is-active{color:#1d4ed8;background:#dbeafe}.online-lobby-steps-v2 span.is-done{color:#166534;background:#dcfce7}.online-lobby-players-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.online-lobby-player-v2{background:#fff;border:1px solid #94a3b838;border-radius:16px;gap:3px;min-width:0;padding:12px;display:grid}.online-lobby-player-v2.is-ready{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e73}.online-lobby-player-v2 span,.online-lobby-player-v2 small,.online-lobby-actions-v2 span{color:#64748b;font-size:.78rem;font-weight:850}.online-lobby-player-v2 strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.online-lobby-actions-v2 .soft-button.is-ready{color:#166534;background:#dcfce7;border-color:#86efac}.chess-square-real.last-from,.xiangqi-point.last-from{box-shadow:inset 0 0 0 4px #0ea5e96b}.chess-square-real.last-to,.xiangqi-point.last-to,.caro-point.last{animation:.72s ease-out board-last-move-pulse}.chess-piece.is-arriving,.xiangqi-piece.is-arriving,.caro-point.last .caro-stone{animation:.38s cubic-bezier(.2,1.55,.45,1) piece-arrive-natural}.chess-square-real.selected .chess-piece,.xiangqi-point.selected .xiangqi-piece{animation:.9s ease-in-out infinite piece-lift-thinking}@keyframes board-last-move-pulse{0%{filter:brightness(1.08);box-shadow:inset 0 0 #facc15f2}55%{filter:brightness(1.12);box-shadow:inset 0 0 0 6px #facc15d1}to{filter:brightness()}}@keyframes piece-arrive-natural{0%{filter:drop-shadow(0 18px 15px #0f172a57);transform:translateY(-18%)scale(1.16)}70%{transform:translateY(3%)scale(.98)}to{transform:translateY(0)scale(1)}}@keyframes piece-lift-thinking{0%,to{filter:drop-shadow(0 14px 13px #0f172a52);transform:translateY(-5%)scale(1.04)}50%{filter:drop-shadow(0 22px 18px #0f172a66);transform:translateY(-14%)scale(1.08)}}@media (max-width:820px),(max-height:540px) and (orientation:landscape){.game-play-page{width:100%;padding:6px}.pro-play-shell{border-radius:18px;min-height:calc(100dvh - 12px);padding:8px}.game-play-head.pro-play-head{grid-template-columns:auto 1fr;gap:8px}.game-play-head.pro-play-head>div:last-child{grid-column:1/-1}.game-play-head.pro-play-head h1{font-size:clamp(1.2rem,6vw,1.65rem)}.game-exit-button-v2 strong,.game-audio-dock-v2 strong,.game-play-head.pro-play-head p:not(.eyebrow){display:none}.game-exit-button-v2,.game-audio-dock-v2 button{min-height:40px;padding:7px}.board-arena.pro-board-arena{gap:8px}.arena-toolbar.pro-arena-toolbar{grid-template-columns:1fr;gap:8px;padding:8px;display:grid}.arena-option-group-v2{padding:8px}.arena-option-group-v2>span{font-size:.68rem}.arena-toolbar .segmented.compact{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.arena-toolbar .segmented.compact button,.arena-action-row-v2 button{min-width:0;min-height:38px;padding:7px;font-size:.78rem}.online-panel.pro-online-panel{max-height:36dvh;padding:8px;overflow:auto}.room-card-live{gap:7px;padding:10px}.online-lobby-players-v2{grid-template-columns:1fr}.online-lobby-actions-v2 .primary-action,.online-lobby-actions-v2 .soft-button,.invite-box-v2 button{width:100%}.pro-board-frame{border-radius:16px;width:100%;max-width:min(100%,100dvh - 160px);padding:6px}.board-status-row{min-height:auto;padding:0}.board-status-row span,.board-status-row strong{font-size:.76rem}.caro-board-real,.chess-board-real,.xiangqi-board-real{width:100%;max-width:calc(100vw - 24px)}.caro-board-real{border-width:5px;padding:3px}.chess-board-real{border-width:6px}.xiangqi-board-real{border-width:6px;padding:7px}.caro-board-real .caro-point,.chess-board-real .chess-square-real,.xiangqi-board-real .xiangqi-point{min-width:0;min-height:0}.chess-piece{font-size:clamp(1.45rem,9vw,2.65rem)!important}.xiangqi-piece{border-width:2px;font-size:clamp(.9rem,5.4vw,1.55rem)}.mini-history-panel-v2{max-height:86px;overflow:hidden}.mini-history-body-v2{display:none}}@media (max-width:900px){.settings-main-grid{grid-template-columns:1fr}}@media (max-width:760px){.top-bar-fixed{gap:6px;padding:8px 12px}.user-dropdown-name{display:none}.settings-hero-v2{text-align:center;flex-direction:column}.settings-hero-meta{flex-wrap:wrap;justify-content:center}.settings-tab-layout-v3,.online-arcade-grid-v2,.learn-ranking-card-v2,.parent-child-grid-v2,.admin-user-stats-v2,.admin-users-layout-v2,.admin-user-form-v2,.admin-child-control-head-v6{grid-template-columns:1fr}.learn-ranking-list-v2 article{grid-template-columns:auto minmax(0,1fr) auto}.learn-ranking-list-v2 article span:nth-of-type(2){display:none}.parent-subject-pills-v2{grid-template-columns:1fr}.admin-users-list-v2{max-height:320px}.settings-tab-menu-v3{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.settings-tab-menu-v3 a{padding:10px}.online-arcade-hero-v2,.online-score-submit-v2{flex-direction:column;align-items:stretch}.telegram-types-grid{grid-template-columns:1fr}.notif-dropdown{width:290px;right:-40px}}.mini-history-toggle-v2{cursor:pointer}.mini-history-body-v2[hidden]{display:none}.mini-history-panel-v2.is-collapsed{max-height:62px}.learning-motivation-panel-v3{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.motivation-card-v3{background:radial-gradient(circle at 90% 10%,#facc1538,#0000 34%),linear-gradient(135deg,#fff,#ecfeff);border:1px solid #0ea5e929;border-radius:22px;gap:8px;min-height:138px;padding:16px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 38px #0f172a12}.motivation-card-v3:after{content:"";background:color-mix(in srgb, var(--card-accent,#0ea5e9) 16%, transparent);border-radius:28px;width:92px;height:92px;position:absolute;bottom:-24px;right:-22px;rotate:14deg}.motivation-card-v3.quest{--card-accent:#0ea5e9}.motivation-card-v3.streak{--card-accent:#f59e0b}.motivation-card-v3.badge{--card-accent:#22c55e}.motivation-card-v3.next{--card-accent:#ec4899}.motivation-card-v3 span{color:#475569;letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:950}.motivation-card-v3 strong{color:color-mix(in srgb, var(--card-accent,#0ea5e9) 78%, #0f172a);font-size:clamp(1.7rem,3vw,2.45rem);line-height:1}.motivation-card-v3 p{z-index:1;color:#334155;margin:0;font-weight:800;line-height:1.45;position:relative}.lesson-bonus-quests-v3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 22px;display:grid}.lesson-bonus-quests-v3 article{background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #22c55e2e;border-radius:18px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:6px 10px;padding:13px;display:grid}.lesson-bonus-quests-v3 span{color:#fff;background:#22c55e;border-radius:10px;grid-row:span 2;place-items:center;width:28px;height:28px;font-weight:950;display:grid}.lesson-bonus-quests-v3 strong{color:#14532d}.lesson-bonus-quests-v3 p{color:#475569;margin:0;font-size:.84rem;font-weight:750;line-height:1.45}@media (max-width:980px){.learning-motivation-panel-v3{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson-bonus-quests-v3{grid-template-columns:1fr}}@media (max-width:820px),(max-height:540px) and (orientation:landscape){html,body,.game-play-page{overflow-x:hidden}.pro-play-shell{gap:8px}.game-play-head.pro-play-head{order:0;position:static}.mini-history-panel-v2{border-radius:16px;order:1;width:100%;max-height:62px;margin:0;position:static}.mini-history-panel-v2.is-open{max-height:min(45dvh,300px)}.mini-history-panel-v2.is-open .mini-history-body-v2{max-height:min(34dvh,230px);display:grid}.board-arena.pro-board-arena,.online-arcade-v2,.pro-mode-select,.pro-canvas-card{order:2;min-width:0}.arena-toolbar.pro-arena-toolbar,.online-panel.pro-online-panel,.online-arcade-hero-v2,.online-room-list-v2,.online-room-board-v2{min-width:0;position:static}.pro-board-frame{max-width:min(100vw - 18px,100dvh - 126px);padding:5px}.caro-board-real,.chess-board-real,.xiangqi-board-real{box-sizing:border-box;width:100%;max-width:100%}.caro-board-real .caro-point,.chess-board-real .chess-square-real,.xiangqi-board-real .xiangqi-point{min-width:0;min-height:0}.candy-grid-real{border-radius:18px;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;width:min(100%,100vw - 18px);padding:9px}.candy-tile-real{border-radius:11px}.bt-canvas-wrap,.fish-canvas-wrap,.ludo-board-v2,.monopoly-board-v2{max-width:calc(100vw - 18px)}.ludo-v2,.monopoly-v2-layout,.monopoly-v2-head{grid-template-columns:1fr;gap:10px}.ludo-board-v2{border-radius:22px;grid-template-rows:repeat(11,minmax(0,1fr));grid-template-columns:repeat(11,minmax(0,1fr));gap:3px;width:100%;padding:10px}.ludo-home-v2{border-width:2px;border-radius:15px;grid-template-rows:auto repeat(2,minmax(0,24px));grid-template-columns:repeat(2,minmax(0,24px));gap:4px;padding:7px}.ludo-home-v2 strong{font-size:.58rem}.ludo-token-v2{width:28px;height:28px;font-size:1rem}.monopoly-control-stack-v2{min-width:0}.monopoly-board-v2{border-radius:22px;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%;padding:9px}.monopoly-space-v2{border-radius:10px;min-width:0;padding:4px}.monopoly-space-v2 b{font-size:clamp(.45rem,1.9vw,.62rem)}.monopoly-space-v2 small,.monopoly-city-v2 span{display:none}.monopoly-city-v2{border-radius:16px;padding:8px}.monopoly-token-v2{width:25px;height:25px;font-size:.85rem}}@media (max-width:640px){.learning-motivation-panel-v3{grid-template-columns:1fr}.motivation-card-v3{border-radius:18px;min-height:112px}.subject-lesson-sidebar{max-height:44dvh;overflow:auto}.lesson-unit-list{grid-template-columns:1fr;display:grid}.lesson-bonus-quests-v3 article{border-radius:15px}}.admin-users-tools-v2{gap:8px;margin:10px 0 12px;display:grid}.admin-users-tools-v2 input,.admin-users-tools-v2 select{color:#0f172a;background:#fff;border:1px solid #94a3b859;border-radius:14px;width:100%;padding:10px 12px;font-weight:800}.admin-empty-v2{color:#64748b;background:#f8fafc;border-radius:14px;margin:8px 0 0;padding:12px;font-size:.86rem;font-weight:800}.admin-user-classes-v4,.settings-admin-manager-head-v4{gap:10px;display:grid}.admin-user-classes-v4{grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0}.admin-user-classes-v4 span{color:#475569;background:#f8fafc;border:1px solid #0ea5e929;border-radius:16px;gap:4px;padding:12px;font-size:.82rem;font-weight:750;display:grid}.admin-user-classes-v4 b{color:#0f172a}.admin-title-badges-v4{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.admin-account-kind-v4{color:#334155;background:#f1f5f9;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:.78rem;font-weight:950;display:inline-flex}.admin-account-kind-v4.is-child{color:#166534;background:#dcfce7}.admin-account-kind-v4.is-parent{color:#1d4ed8;background:#dbeafe}.admin-account-kind-v4.is-staff{color:#92400e;background:#fef3c7}.settings-admin-console-v4{gap:18px;display:grid}.settings-admin-manager-v4{border-top:1px solid #94a3b838;gap:14px;padding-top:16px;display:grid}.settings-admin-manager-head-v4{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-admin-manager-head-v4 h3{color:#0f172a;font-size:clamp(1.05rem,2.2vw,1.35rem)}.settings-admin-manager-head-v4 p{color:#64748b;margin-top:4px;font-size:.9rem;font-weight:750;line-height:1.5}.parent-password-box-v2 .parent-child-grid-v2{align-items:end}.lesson-player-v4{background:radial-gradient(circle at 100% 0,#facc152e,#0000 32%),linear-gradient(135deg,#fff,#f0fdfa);border:1px solid #0ea5e92e;border-radius:26px;gap:14px;padding:clamp(14px,3vw,22px);display:grid;box-shadow:0 18px 42px #0f172a14}.progression-layout.is-focused-player{grid-template-columns:1fr}.progression-layout.is-focused-player .lesson-content-area{max-height:none;padding-inline:0}.progression-layout.is-focused-player .lesson-kid-header,.progression-layout.is-focused-player .lesson-story-box,.progression-layout.is-focused-player .lesson-steps-row,.progression-layout.is-focused-player .lesson-bonus-quests-v3{display:none}.lesson-player-head-v4{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lesson-player-head-v4 p{color:#475569;font-size:.88rem;font-weight:900}.lesson-page-dots-v4{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.lesson-page-dots-v4 button{cursor:pointer;background:#cbd5e1;border:0;border-radius:999px;width:13px;height:13px;padding:0}.lesson-page-dots-v4 button.is-done{background:#22c55e}.lesson-page-dots-v4 button.is-active{background:#0ea5e9;width:30px}.lesson-start-panel-v4,.lesson-question-page-v4{min-height:clamp(320px,46vh,520px)}.lesson-start-panel-v4{background:radial-gradient(circle at 14% 18%,#0ea5e92e,#0000 34%),linear-gradient(135deg,#eff6ff,#fff);border:1px dashed #0ea5e961;border-radius:24px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,3vw,24px);padding:clamp(18px,4vw,30px);display:grid}.lesson-start-visual-v4{background:#fff7ed;border-radius:30px;place-items:center;width:clamp(82px,15vw,128px);height:clamp(82px,15vw,128px);font-size:clamp(2.3rem,7vw,4.8rem);display:grid;box-shadow:inset 0 0 0 1px #fb923c33}.lesson-start-panel-v4 span,.question-illustration-v4 small{color:#0f766e;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:950}.lesson-start-panel-v4 strong{color:#0f172a;margin:4px 0 8px;font-size:clamp(1.25rem,3vw,2rem);line-height:1.15;display:block}.lesson-start-panel-v4 p{color:#475569;font-weight:800;line-height:1.55}.lesson-question-page-v4{border-radius:24px;align-content:start;gap:18px;margin:0;padding:clamp(18px,4vw,30px);display:grid}.lesson-complete-panel-v6{background:radial-gradient(circle at 12% 18%,#facc153d,#0000 30%),radial-gradient(circle at 92% 12%,#22c55e33,#0000 34%),linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #22c55e38;border-radius:28px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(16px,4vw,28px);min-height:clamp(340px,48vh,560px);padding:clamp(22px,5vw,38px);display:grid;box-shadow:0 20px 48px #0f172a17}.lesson-complete-visual-v6{color:#fff;background:linear-gradient(135deg,#22c55e,#14b8a6);border-radius:34px;place-items:center;width:clamp(86px,18vw,140px);height:clamp(86px,18vw,140px);font-size:clamp(2.1rem,7vw,4.4rem);font-weight:950;display:grid;box-shadow:0 18px 34px #14b8a640}.lesson-complete-panel-v6 span{color:#047857;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:950}.lesson-complete-panel-v6 strong{color:#0f172a;margin:6px 0 10px;font-size:clamp(1.45rem,3.6vw,2.5rem);line-height:1.08;display:block}.lesson-complete-panel-v6 p{color:#475569;max-width:620px;font-weight:850;line-height:1.55}.lesson-complete-actions-v6{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.lesson-question-page-v4.type-drag{background:linear-gradient(135deg,#f0f9ff,#fff)}.lesson-question-page-v4.type-story{background:linear-gradient(135deg,#fff7ed,#fff)}.lesson-question-page-v4.type-mission{background:linear-gradient(135deg,#f0fdf4,#fff)}.question-illustration-v4{align-items:center;gap:10px;display:flex}.question-illustration-v4 span{background:#fff;border-radius:18px;place-items:center;width:54px;height:54px;font-size:1.8rem;display:grid;box-shadow:0 12px 24px #0f172a14}.lesson-question-page-v4 .activity-prompt{font-size:clamp(1.05rem,2.3vw,1.45rem);line-height:1.5}.question-nav-v4{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:auto;display:flex}@media (max-width:760px){.lesson-start-panel-v4,.lesson-complete-panel-v6{text-align:center;grid-template-columns:1fr}.lesson-complete-visual-v6{margin:0 auto}.lesson-complete-actions-v6,.lesson-complete-actions-v6 button{width:100%}.lesson-start-visual-v4{margin:0 auto}.lesson-page-dots-v4{justify-content:flex-start}.question-nav-v4,.question-nav-v4 button,.lesson-start-panel-v4 .primary-action{width:100%}.admin-user-classes-v4,.settings-admin-manager-head-v4{grid-template-columns:1fr}.admin-title-badges-v4{justify-content:flex-start}}.admin-user-stats-v2{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.admin-family-list-v5{gap:12px;display:grid}.admin-family-card-v5{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #0ea5e929;border-radius:20px;gap:8px;padding:8px;display:grid}.admin-family-card-v5.is-orphan{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b47}.admin-family-card-v5.is-staff{border-color:#64748b38}.admin-family-parent-v5{background:linear-gradient(135deg,#ecfeff,#fff)!important;border-color:#0ea5e959!important}.admin-family-children-v5{border-left:2px dashed #0ea5e93d;gap:7px;padding-left:14px;display:grid}.admin-family-children-v5 button{border-radius:14px!important;padding:8px!important}.admin-family-children-v5 button>span{background:linear-gradient(135deg,#22c55e,#14b8a6)!important;border-radius:12px!important;width:32px!important;height:32px!important}.admin-family-caption-v5,.admin-family-children-v5 p{color:#64748b;font-size:.78rem;font-weight:900}.lesson-timer-v5{color:#0f766e;background:#ecfeff;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:7px 12px;font-size:.82rem;font-weight:950;display:inline-flex;box-shadow:inset 0 0 0 1px #0ea5e92e}.lesson-timer-v5.is-warning{color:#c2410c;background:#fff7ed;animation:1s ease-in-out infinite timerPulseV5}.lesson-timer-v5.is-expired{color:#991b1b;background:#fee2e2;animation:none}.lesson-timer-v5.is-free{color:#475569;background:#f1f5f9}@keyframes timerPulseV5{50%{transform:scale(1.04)}}.lesson-time-presets-v5,.perm-time-limit-v5{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lesson-time-presets-v5 button,.perm-time-limit-v5 button{color:#334155;cursor:pointer;background:#fff;border:1px solid #94a3b84d;border-radius:999px;padding:8px 11px;font-weight:900}.lesson-time-presets-v5 button.is-active,.perm-time-limit-v5 button.is-active{color:#0369a1;background:#e0f2fe;border-color:#0ea5e9}.perm-time-limit-v5 input{color:#0f172a;border:1px solid #cbd5e1;border-radius:14px;width:96px;padding:10px 12px;font-weight:900}.perm-time-limit-v5 span{color:#64748b;font-weight:900}.telegram-groups-v5{gap:12px;margin-top:16px;display:grid}.telegram-groups-head-v5{justify-content:space-between;align-items:center;gap:12px;display:flex}.telegram-groups-head-v5 strong{color:#0f172a}.telegram-groups-head-v5 small{color:#64748b;margin-top:4px;font-weight:750;display:block}.telegram-group-card-v5{background:#f8fafc;border:1px solid #0ea5e92e;border-radius:20px;gap:12px;padding:14px;display:grid}.telegram-group-top-v5{grid-template-columns:minmax(150px,1fr) minmax(170px,1fr) auto auto;align-items:end;gap:10px;display:grid}.telegram-group-top-v5 label:not(.settings-toggle){color:#64748b;gap:6px;font-size:.78rem;font-weight:900;display:grid}.telegram-group-top-v5 input{color:#0f172a;border:1px solid #cbd5e1;border-radius:14px;padding:10px 12px;font-weight:850}.telegram-group-types-v5{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;display:grid}.telegram-group-types-v5 label{color:#475569;background:#fff;border:1px solid #94a3b842;border-radius:14px;align-items:center;gap:8px;padding:9px 10px;font-size:.82rem;font-weight:850;display:flex}.telegram-group-types-v5 label.is-active{color:#075985;background:#ecfeff;border-color:#0ea5e973}@media (max-width:760px){.telegram-groups-head-v5,.telegram-group-top-v5{grid-template-columns:1fr;align-items:stretch}.telegram-groups-head-v5{display:grid}.admin-family-children-v5{padding-left:8px}.parent-control-head-v6{display:grid}.parent-control-head-v6>span{width:fit-content}.parent-game-grid-v6{grid-template-columns:1fr}.parent-game-card-v6{min-height:auto}}.landing-hero .eyebrow,.learn-hero-v2 .eyebrow,.subject-hero-content .eyebrow,.pro-game-hero .eyebrow,.kid-game-hero .eyebrow,.online-arcade-hero-v2 .eyebrow{color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 1px 2px #0f172a73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a57;border:1px solid #ffffff52;border-radius:999px;align-items:center;width:fit-content;padding:7px 12px;display:inline-flex;box-shadow:0 10px 28px #0f172a29}.auth-sub,.auth-link{color:#334155}.lesson-fast-start-v7{background:radial-gradient(circle at 100% 0,#facc1533,#0000 30%),linear-gradient(135deg,#fff,#ecfeff);border:1px solid #0ea5e938;border-radius:24px;order:-1;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:clamp(14px,3vw,20px);display:grid;box-shadow:0 18px 42px #0ea5e91f}.lesson-fast-start-visual-v7{background:#fff7ed;border-radius:22px;place-items:center;width:70px;height:70px;font-size:2.2rem;display:grid}.lesson-fast-start-v7 span{color:#0f766e;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:950}.lesson-fast-start-v7 strong{color:#0f172a;margin:3px 0;font-size:clamp(1.05rem,2.2vw,1.45rem);display:block}.lesson-fast-start-v7 p{color:#475569;margin:0;font-size:.88rem;font-weight:800}.lesson-content-area .lesson-kid-header{order:0}.lesson-content-area .activities-list{order:1}.lesson-content-area .lesson-summary-bar{order:2}.lesson-content-area .lesson-story-box{order:3}.lesson-content-area .lesson-steps-row{order:4}.lesson-content-area .lesson-bonus-quests-v3{order:5}.lesson-program-anchor-v7{color:#075985;background:linear-gradient(135deg,#ecfefff5,#f0fdf4eb);border:1px solid #0e74902e;border-radius:14px;margin:8px 0 0;padding:9px 11px;font-size:.84rem;font-weight:850;line-height:1.45}@media (max-width:760px){.lesson-fast-start-v7{text-align:center;grid-template-columns:1fr;margin-top:-4px}.lesson-fast-start-visual-v7{margin:0 auto}.lesson-fast-start-v7 .primary-action{width:100%}.learning-motivation-panel-v3 .motivation-card-v3:not(.lesson-fast-start-v7){display:none}.learn-ranking-card-v2,.learning-road-map{margin-top:10px}.game-play-page{width:100%;padding:0}.game-play-shell.pro-play-shell{border:0;border-radius:0;gap:6px;min-height:100dvh;padding:6px}.game-play-head.pro-play-head{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:6px;margin:0;padding:6px;position:sticky;top:0}.game-play-head.pro-play-head>div:last-child{grid-column:1/-1}.game-play-head.pro-play-head h1{margin:0;font-size:1.05rem}.pro-play-shell.is-active-play .game-play-head.pro-play-head{grid-template-columns:auto minmax(0,1fr);min-height:48px}.pro-play-shell.is-active-play .game-play-head.pro-play-head>div:last-child,.game-play-head.pro-play-head .eyebrow,.game-play-head.pro-play-head p:not(.eyebrow),.game-exit-button-v2 strong,.game-audio-dock-v2 strong{display:none}.game-exit-button-v2,.game-audio-dock-v2 button{min-height:38px;box-shadow:none;border-radius:13px;padding:6px}.game-exit-button-v2 span,.game-audio-dock-v2 span{width:28px;height:28px}.game-audio-dock-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.mini-history-panel-v2{display:none}.arena-toolbar.pro-arena-toolbar{left:6px;right:6px;bottom:max(6px, env(safe-area-inset-bottom));z-index:18;overscroll-behavior-x:contain;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-radius:16px;grid-auto-columns:minmax(132px,1fr);grid-auto-flow:column;gap:6px;padding:6px;display:grid;position:fixed;top:auto;overflow-x:auto;box-shadow:0 12px 30px #0f172a2e}.arena-option-group-v2{border-radius:13px;padding:6px}.arena-option-group-v2>span{display:none}.arena-toolbar .segmented.compact,.arena-action-row-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%;display:grid}.arena-toolbar .segmented.compact button,.arena-action-row-v2 button{border-radius:10px;min-width:0;min-height:34px;padding:5px;font-size:.72rem}.board-arena.pro-board-arena{gap:6px;padding:0 0 58px}.pro-board-frame{border-radius:14px;padding:4px;width:100%!important;max-width:calc(100dvw - 12px)!important}.caro-board-real,.chess-board-real,.xiangqi-board-real{max-width:calc(100dvw - 18px)!important}.candy-scene-pro,.fish-game,.bt-game{border-radius:0;padding:8px}.fish-canvas-wrap,.bt-canvas-wrap{height:calc(100dvh - 82px);min-height:430px}.fish-level-panel-v6,.fish-hud,.bt-hud,.arcade-hud,.candy-level-strip,.mini-mission-card-v6{padding-block:6px}.pro-play-shell.is-active-play .fish-level-panel-v6,.pro-play-shell.is-active-play .mini-level-map-v6,.pro-play-shell.is-active-play .mini-mission-card-v6{display:none}.pro-play-shell.is-active-play .fish-hud,.pro-play-shell.is-active-play .bt-hud,.pro-play-shell.is-active-play .arcade-hud{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px}.pro-play-shell.is-active-play .fish-hud div,.pro-play-shell.is-active-play .bt-hud div,.pro-play-shell.is-active-play .arcade-hud div{border-radius:10px;min-height:36px;padding:5px}.pro-play-shell.is-active-play .fish-hud span,.pro-play-shell.is-active-play .bt-hud span,.pro-play-shell.is-active-play .arcade-hud span{font-size:.6rem}.pro-play-shell.is-active-play .fish-hud strong,.pro-play-shell.is-active-play .bt-hud strong,.pro-play-shell.is-active-play .arcade-hud strong{font-size:.82rem}.candy-grid-real{grid-template-columns:repeat(8,minmax(32px,1fr));gap:6px}.lesson-program-anchor-v7{color:#075985;background:linear-gradient(135deg,#ecfefff5,#f0fdf4eb);border:1px solid #0e74902e;border-radius:14px;margin:8px 0 0;padding:9px 11px;font-size:.82rem;font-weight:850;line-height:1.45}.user-dropdown-name,.left-nav .side-auth .user-dropdown-name,.side-auth .user-dropdown-name{text-overflow:ellipsis;white-space:nowrap;max-width:116px;display:inline-block;overflow:hidden}}.board-arena.pro-board-arena{position:relative}.chess-board-real{background:#442613;box-shadow:inset 0 0 0 4px #ffedd5ad,0 18px 42px #0f172a47}.chess-square-real.light{background:linear-gradient(135deg,#ffe6b3,#fff6d9)}.chess-square-real.dark{background:linear-gradient(135deg,#9a5a2e,#c47a3e)}.chess-piece{filter:drop-shadow(0 7px 7px #0f172a57);place-items:center;width:88%;height:88%;font-family:Georgia,Times New Roman,serif;font-weight:900;line-height:.9;display:inline-grid;font-size:clamp(2rem,5.4vw,4.05rem)!important}.chess-piece.piece-p{font-size:clamp(1.68rem,4.8vw,3.2rem)!important}.chess-piece.white{color:#fff;-webkit-text-stroke:1.15px #334155;text-shadow:0 2px #475569,0 0 8px #ffffffdb,0 10px 14px #0f172a47}.chess-piece.black{color:#0b1220;-webkit-text-stroke:.55px #ffffffc2;text-shadow:0 1px #ffffffb8,0 8px 12px #0f172a57}.restart-button-v6{color:#431407!important;background:linear-gradient(135deg,#f97316,#facc15)!important;border:0!important;font-weight:950!important;box-shadow:0 12px 24px #f9731647!important}.restart-button-v6:hover{transform:translateY(-1px);box-shadow:0 16px 30px #f9731657!important}.board-victory-banner-v6{z-index:45;text-align:center;background:radial-gradient(circle at 20% 15%,#facc1557,#0000 28%),radial-gradient(circle at 82% 24%,#0ea5e942,#0000 30%),linear-gradient(135deg,#fffffffa,#fffbebf5);border:2px solid #facc15bf;border-radius:28px;justify-items:center;gap:10px;width:min(440px,100vw - 28px);padding:22px;animation:.48s cubic-bezier(.2,1.45,.38,1) both victory-pop-v6;display:grid;position:fixed;top:clamp(88px,16dvh,150px);left:50%;transform:translate(-50%);box-shadow:0 26px 70px #0f172a57}.victory-kicker-v6{color:#166534;text-transform:uppercase;letter-spacing:.08em;background:#dcfce7;border-radius:999px;padding:6px 10px;font-size:.74rem;font-weight:950}.board-victory-banner-v6 strong{color:#0f172a;letter-spacing:-.04em;font-size:clamp(1.55rem,5vw,2.35rem);font-weight:950}.board-victory-banner-v6 p{color:#475569;max-width:32ch;margin:0;font-weight:850;line-height:1.45}.board-victory-banner-v6 .primary-action{width:min(100%,260px)}.victory-confetti-v6{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.victory-confetti-v6 span{background:#f97316;border-radius:4px;width:10px;height:18px;animation:1.35s ease-in-out infinite confetti-fall-v6;position:absolute;top:16px}.victory-confetti-v6 span:first-child{background:#22c55e;animation-delay:50ms;left:12%}.victory-confetti-v6 span:nth-child(2){background:#38bdf8;animation-delay:.2s;left:28%}.victory-confetti-v6 span:nth-child(3){background:#facc15;animation-delay:.12s;left:58%}.victory-confetti-v6 span:nth-child(4){background:#fb7185;animation-delay:.28s;left:76%}.victory-confetti-v6 span:nth-child(5){background:#a78bfa;animation-delay:.18s;left:88%}@keyframes victory-pop-v6{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.88)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes confetti-fall-v6{0%{opacity:0;transform:translateY(-16px)rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(150px)rotate(220deg)}}@media (max-width:760px){.chess-board-real{border-width:8px;border-radius:16px}.chess-piece{font-size:clamp(1.7rem,9.5vw,3.35rem)!important}.chess-piece.piece-p{font-size:clamp(1.42rem,8.2vw,2.72rem)!important}.board-victory-banner-v6{border-radius:22px;padding:18px;top:70px}.arena-action-row-v2 .restart-button-v6{min-width:112px}}.pro-board-frame.board-size-small{--board-max:420px;--cell-min:22px;--piece-fs:1.55rem}.pro-board-frame.board-size-medium{--board-max:560px;--cell-min:34px;--piece-fs:2.15rem}.pro-board-frame.board-size-large{--board-max:720px;--cell-min:48px;--piece-fs:2.9rem}.game-play-shell .pro-board-frame.board-size-small,.game-play-shell .pro-board-frame.board-size-medium,.game-play-shell .pro-board-frame.board-size-large{width:min(var(--board-max), calc(100dvw - 24px))!important;max-width:min(var(--board-max), calc(100dvw - 24px))!important}.pro-board-frame.board-size-small .caro-board-real,.pro-board-frame.board-size-medium .caro-board-real,.pro-board-frame.board-size-large .caro-board-real,.pro-board-frame.board-size-small .chess-board-real,.pro-board-frame.board-size-medium .chess-board-real,.pro-board-frame.board-size-large .chess-board-real,.pro-board-frame.board-size-small .xiangqi-board-real,.pro-board-frame.board-size-medium .xiangqi-board-real,.pro-board-frame.board-size-large .xiangqi-board-real{width:100%!important;max-width:100%!important}.pro-board-frame.board-size-small .caro-point,.pro-board-frame.board-size-medium .caro-point,.pro-board-frame.board-size-large .caro-point,.pro-board-frame.board-size-small .chess-square-real,.pro-board-frame.board-size-medium .chess-square-real,.pro-board-frame.board-size-large .chess-square-real,.pro-board-frame.board-size-small .xiangqi-point,.pro-board-frame.board-size-medium .xiangqi-point,.pro-board-frame.board-size-large .xiangqi-point{min-width:0!important;min-height:0!important}.pro-board-frame.board-size-small .chess-piece,.pro-board-frame.board-size-medium .chess-piece,.pro-board-frame.board-size-large .chess-piece{font-size:var(--piece-fs)!important}.pro-board-frame.board-size-small .chess-piece.piece-p,.pro-board-frame.board-size-medium .chess-piece.piece-p,.pro-board-frame.board-size-large .chess-piece.piece-p{font-size:calc(var(--piece-fs) * .82)!important}.pro-board-frame.board-size-small .xiangqi-piece,.pro-board-frame.board-size-medium .xiangqi-piece,.pro-board-frame.board-size-large .xiangqi-piece{font-size:var(--piece-fs)!important}@media (max-width:760px){.pro-board-frame.board-size-small{--board-max:330px;--piece-fs:1.45rem}.pro-board-frame.board-size-medium{--board-max:410px;--piece-fs:1.9rem}.pro-board-frame.board-size-large{--board-max:520px;--piece-fs:2.35rem}.game-play-shell .pro-board-frame.board-size-small,.game-play-shell .pro-board-frame.board-size-medium,.game-play-shell .pro-board-frame.board-size-large{width:min(var(--board-max), calc(100dvw - 12px))!important;max-width:min(var(--board-max), calc(100dvw - 12px))!important}}.auth-split{grid-template-columns:1fr 1fr;width:100%;min-height:100dvh;display:grid}.auth-hero{background:linear-gradient(150deg,#0c4a6e 0%,#075985 40%,#0369a1 70%,#0284c7 100%);justify-content:center;align-items:center;padding:clamp(32px,5vw,64px) clamp(28px,4vw,56px);display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";pointer-events:none;background:radial-gradient(at 15% 15%,#ffffff24 0%,#0000 45%),radial-gradient(at 85% 85%,#0ea5e94d 0%,#0000 45%),radial-gradient(at 50% 100%,#f59e0b1f 0%,#0000 50%);position:absolute;inset:0}.auth-hero:after{content:"";pointer-events:none;background:#ffffff0a;border:1px solid #ffffff14;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-80px;right:-80px}.auth-hero-inner{z-index:1;width:100%;max-width:400px;position:relative}.auth-brand{align-items:center;gap:14px;margin-bottom:44px;display:flex}.auth-brand-logo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1.5px solid #ffffff47;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:2rem;display:flex}.auth-brand-name{color:#fff;letter-spacing:-.01em;font-size:1.2rem;font-weight:800;line-height:1.25}.auth-brand-name span{color:#ffffffa6;letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:.72rem;font-weight:500;display:block}.auth-hero-title{color:#fff;letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(2rem,3vw,2.75rem);font-weight:900;line-height:1.12}.auth-hero-sub{color:#ffffffc2;margin:0 0 36px;font-size:.96rem;line-height:1.7}.auth-hero-features{gap:14px;margin:0;padding:0;list-style:none;display:grid}.auth-hero-features li{color:#ffffffdb;align-items:center;gap:14px;font-size:.88rem;font-weight:500;line-height:1.4;display:flex}.auth-hero-features .feat-icon{background:#ffffff1c;border:1px solid #fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.auth-hero-badge{color:#ffffffc7;letter-spacing:.01em;background:#ffffff1a;border:1px solid #ffffff38;border-radius:100px;align-items:center;gap:7px;margin-top:40px;padding:8px 18px;font-size:.78rem;font-weight:600;display:inline-flex}.auth-form-panel{background:linear-gradient(145deg,#f0f9ff 0%,#fffbf0 50%,#f0fdf4 100%);justify-content:center;align-items:center;padding:clamp(24px,4vw,52px) clamp(20px,5vw,56px);display:flex;overflow-y:auto}.auth-form-panel .auth-card{width:min(100%,440px)}.auth-form-panel .register-family-card{width:min(100%,520px)}@media (max-width:820px){.auth-split{grid-template-columns:1fr}.auth-hero{display:none}.auth-form-panel{min-height:100dvh;padding:max(40px, env(safe-area-inset-top) + 28px) clamp(16px, 5vw, 32px) 36px;align-items:flex-start}.auth-form-panel .auth-card,.auth-form-panel .register-family-card{width:100%;max-width:480px;margin:0 auto}}@media (max-width:768px){.app-frame{display:block}.left-nav{z-index:400;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:auto;min-height:auto;padding:0;padding-bottom:env(safe-area-inset-bottom);background:#fffffff7;border-top:1px solid #0ea5e92e;border-bottom:none;border-right:none;border-radius:0;flex-direction:row;align-items:stretch;gap:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0ea5e924;top:auto!important}.left-nav .side-brand,.left-nav .side-auth{display:none}.side-links{flex:1;gap:0;padding:0;grid-template-columns:unset!important;flex-direction:row!important;display:flex!important}.side-links a,.side-nav-item{min-height:56px;font-weight:600;color:#64748b!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:8px 4px 6px!important;font-size:.62rem!important;display:flex!important;transform:none!important}.side-links a:hover,.side-nav-item:hover{color:#0369a1!important;background:#0ea5e912!important;border-color:#0000!important;transform:none!important}.side-links a.is-active,.side-nav-item.is-active{position:relative;color:#0369a1!important;box-shadow:none!important;background:#0ea5e91a!important;border-color:#0000!important}.side-links a.is-active:after,.side-nav-item.is-active:after{content:"";background:#0369a1;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:20%;right:20%}.side-nav-icon{border-radius:8px;place-items:center;display:grid;background:0 0!important;width:28px!important;height:28px!important;font-size:1.25rem!important}.app-main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.top-bar-fixed{top:8px;right:12px}}@media (max-width:1100px) and (min-width:769px){.left-nav{flex-direction:row;gap:12px;height:auto;padding:10px 16px}.left-nav .side-brand{flex-shrink:0}.side-links{flex-direction:row;flex:1;gap:6px;padding:0;display:flex}.side-nav-item,.side-links a{flex:none;padding:8px 14px}.left-nav .side-auth{flex-shrink:0;margin-top:0}}