*,:before,:after{box-sizing:border-box}:root{--bg-deep:#060a14;--bg-navy:#0b1120;--bg-card:#0f172aa6;--bg-glass:#ffffff0a;--border-glass:#8b5cf638;--border-glow:#6366f173;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-purple:#a855f7;--accent-violet:#8b5cf6;--accent-blue:#6366f1;--accent-cyan:#22d3ee;--gradient-neon:linear-gradient(135deg, #8b5cf6 0%, #6366f1 50%, #3b82f6 100%);--gradient-glow:linear-gradient(135deg, #8b5cf659, #6366f133);--shadow-neon:0 0 24px #8b5cf640;--shadow-card:0 8px 32px #0006;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--sidebar-width:260px;--sidebar-width-compact:76px;--topbar-height:64px;--bottom-nav-height:64px;--bp-mobile:640px;--bp-tablet:1024px;--content-max-width:1400px;--font:"Segoe UI", system-ui, -apple-system, sans-serif}@media (width>=641px) and (width<=1024px){:root{--sidebar-width:var(--sidebar-width-compact)}}html{overflow-x:hidden}html,body,#root{max-width:100%;min-height:100dvh;margin:0}body{font-family:var(--font);color:var(--text-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5;overflow-x:hidden}#root{text-align:left;border:none;width:100%;max-width:none}a{color:var(--accent-purple);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-cyan)}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.bottom-nav{z-index:80;height:var(--bottom-nav-height);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-glass);background:#060a14f5;grid-template-columns:repeat(5,1fr);align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav__link{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:8px 4px;font-size:10px;font-weight:600;text-decoration:none;transition:color .15s,background .15s;display:flex}.bottom-nav__link:hover,.bottom-nav__link--active{color:var(--text-primary);background:#8b5cf61a}.bottom-nav__link--active{color:var(--accent-purple)}.bottom-nav__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}@media (width<=640px){.bottom-nav{display:grid}}.logo-link{text-decoration:none}.logo{align-items:center;gap:10px;display:flex}.logo__icon{background:var(--gradient-neon);border-radius:var(--radius-sm);box-shadow:var(--shadow-neon);justify-content:center;align-items:center;display:flex}.logo--sm .logo__icon{width:32px;height:32px;font-size:16px}.logo--md .logo__icon{width:40px;height:40px;font-size:20px}.logo--lg .logo__icon{width:52px;height:52px;font-size:26px}.logo__m{color:#fff;font-weight:800;line-height:1}.logo__text{background:var(--gradient-neon);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:700}.logo--sm .logo__text{font-size:18px}.logo--md .logo__text{font-size:22px}.logo--lg .logo__text{font-size:28px}.sidebar-overlay{z-index:90;background:#0009;display:none;position:fixed;inset:0}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-glass);z-index:100;background:#080c18f2;flex-direction:column;gap:20px;height:100dvh;padding:20px 16px;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar__logo{padding:4px 8px}.sidebar__section{flex-direction:column;gap:8px;display:flex}.sidebar__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 8px;font-size:11px;font-weight:600}.sidebar__lang-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sidebar__lang-item{border-radius:var(--radius-sm);background:#8b5cf614;border:1px solid #0000;justify-content:space-between;align-items:center;padding:10px 12px;transition:border-color .2s;display:flex}.sidebar__lang-item:hover{border-color:var(--border-glass)}.sidebar__lang-item--empty{opacity:.6}.sidebar__lang-item--active{border-color:var(--border-glow);background:#8b5cf61f}.sidebar__lang-name{font-size:14px;font-weight:500}.sidebar__lang-level{color:var(--accent-purple);font-size:12px;font-weight:600}.sidebar__add-lang{border:1px dashed var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);background:0 0;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:border-color .2s,color .2s;display:flex}.sidebar__add-lang:hover{border-color:var(--border-glow);color:var(--text-primary)}.sidebar__nav{flex-direction:column;gap:4px;margin-top:auto;padding-top:8px;display:flex}.sidebar__link{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.sidebar__link:hover,.sidebar__link.active{color:var(--text-primary);background:#8b5cf61f}.sidebar__link-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar__logout{color:#f87171}.sidebar__logout:hover{color:#fca5a5;background:#f871711a}@media (width>=641px) and (width<=1024px){.sidebar{align-items:center;padding:16px 10px}.sidebar__logo{padding:4px 0}.sidebar .logo__text,.sidebar__label,.sidebar__lang-name,.sidebar__lang-level,.sidebar__add-lang-label,.sidebar__link-label{display:none}.sidebar__add-lang{justify-content:center;width:48px;margin:0 auto;padding:10px}.sidebar__lang-item{justify-content:center;padding:10px}.sidebar__lang-item--active:after{content:"";background:var(--accent-purple);border-radius:50%;width:6px;height:6px}.sidebar__link{justify-content:center;width:48px;margin:0 auto;padding:10px}.sidebar__nav{align-items:center;width:100%}}@media (width<=640px){.sidebar-overlay{display:block}.sidebar{width:min(280px,88vw);transition:transform .3s;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__link--bottom-nav{display:none}}.activity-bar{white-space:nowrap;border:1px solid var(--border-glass);box-sizing:border-box;background:#ffffff0a;border-radius:999px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:4px 10px;display:flex}.activity-bar__item{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:3px;font-size:12px;display:inline-flex}.activity-bar__dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 8px #22c55e99}.activity-bar__icon{flex-shrink:0;font-size:12px;line-height:1}.activity-bar__label{font-size:11px;font-weight:500;display:inline}.activity-bar__label--streak{display:none}.activity-bar__value,.activity-bar__streak-compact,.activity-bar__streak-full{color:var(--text-primary);font-size:12px;font-weight:700}.activity-bar__streak-full{display:none}.activity-bar__item--streak{background:#f973161f;border:1px solid #f9731659;border-radius:999px;padding:2px 6px;box-shadow:0 0 10px #f9731633}.activity-bar__item--streak .activity-bar__streak-compact,.activity-bar__item--streak .activity-bar__streak-full{color:#fdba74}.activity-bar__divider{background:var(--border-glass);flex-shrink:0;width:1px;height:13px}@media (width>=1025px){.activity-bar{gap:6px;padding:5px 12px}.activity-bar__item{gap:4px;font-size:13px}.activity-bar__label{font-size:12px}.activity-bar__label--streak{display:inline}.activity-bar__streak-compact{display:none}.activity-bar__streak-full{display:inline}.activity-bar__value,.activity-bar__streak-compact,.activity-bar__streak-full{font-size:13px}.activity-bar__divider{height:15px}}@media (width<=768px){.activity-bar{gap:4px;width:fit-content;max-width:100%;margin:0 auto;padding:4px 8px}.activity-bar__item{font-size:11px}.activity-bar__divider{height:12px}}@media (width<=640px){.activity-bar{border-radius:var(--radius-md);gap:3px 4px;padding:4px 7px}.activity-bar__item{gap:2px;font-size:10px}.activity-bar__label{font-size:10px}.activity-bar__dot{width:6px;height:6px}}.learning-lang{z-index:1;flex-shrink:1;min-width:0;max-width:100%;position:relative}.learning-lang--open{z-index:250}.learning-lang__trigger{border:1px solid var(--border-glass);border-radius:var(--radius-md);max-width:100%;color:var(--text-primary);cursor:pointer;background:#0000004d;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s;display:flex}.learning-lang__trigger:hover:not(:disabled){border-color:var(--border-glow);box-shadow:var(--shadow-neon)}.learning-lang__trigger:disabled{opacity:.7;cursor:wait}.learning-lang__trigger svg{flex-shrink:0;transition:transform .2s}.learning-lang__chevron--open{transform:rotate(180deg)}.learning-lang__menu{border:1px solid var(--border-glow);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-card);z-index:250;background:#080c18fa;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0}.learning-lang__option{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;font-size:13px;transition:background .2s;display:flex}.learning-lang__option:hover{background:#8b5cf626}.learning-lang__option--active{border:1px solid var(--border-glow);background:#8b5cf633}.learning-lang__option--add{color:var(--text-secondary);justify-content:flex-start;gap:8px}.learning-lang__level{color:var(--accent-purple);font-size:11px;font-weight:600}.learning-lang__divider{background:var(--border-glass);height:1px;margin:4px 8px}@media (width<=640px){.learning-lang__trigger{max-width:min(140px,38vw);padding:8px 10px;font-size:12px}.learning-lang__trigger span:not(.learning-lang__chevron){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.learning-lang__menu{min-width:min(200px,100vw - 24px);left:0;right:auto}}.notif-dropdown{z-index:1;position:relative}.notif-dropdown:has(.notif-dropdown__panel){z-index:250}.notif-dropdown .topbar__icon-btn{border-radius:var(--radius-md);color:#e2e8f0e0;cursor:pointer;background:#00000059;border:1px solid #8b5cf638;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;transition:border-color .2s,box-shadow .2s,color .2s,background .2s;display:inline-flex;position:relative}.notif-dropdown .topbar__icon-btn:hover{color:#f8fafc;background:#00000073;border-color:#8b5cf680;box-shadow:0 0 14px #8b5cf647}.notif-dropdown__badge{color:#fff;background:linear-gradient(135deg,#f43f5e,#a855f7);border:2px solid #060a14f2;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px;box-shadow:0 0 8px #f43f5e73}.notif-dropdown__panel{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:min(360px,100vw - 24px);max-height:420px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:250;background:#0b1120fa;flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-dropdown__header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.notif-dropdown__header h3{margin:0;font-size:14px;font-weight:700}.notif-dropdown__mark-all{color:var(--accent-purple);cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:11px;font-weight:600}.notif-dropdown__mark-all:hover{color:var(--accent-cyan)}.notif-dropdown__empty{text-align:center;color:var(--text-muted);margin:0;padding:32px 16px;font-size:13px}.notif-dropdown__list{margin:0;padding:6px;list-style:none;overflow-y:auto}.notif-dropdown__item{border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;gap:12px;padding:10px 12px;transition:background .15s;display:flex}.notif-dropdown__item:hover{background:#ffffff0a}.notif-dropdown__item--unread{background:#8b5cf614}.notif-dropdown__icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--accent-purple);background:#00000059;flex-shrink:0;justify-content:center;align-items:center;display:flex}.notif-dropdown__icon--chat_message{color:#22d3ee}.notif-dropdown__icon--friend_request,.notif-dropdown__icon--friend_accepted{color:#4ade80}.notif-dropdown__icon--game_invite{color:#f472b6}.notif-dropdown__icon--ranked_update{color:#fbbf24}.notif-dropdown__icon--streak_reminder{color:#fb923c}.notif-dropdown__content{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-dropdown__content strong{font-size:13px;font-weight:600}.notif-dropdown__content span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notif-dropdown__content time{color:var(--text-muted);font-size:10px}.topbar{z-index:50;height:var(--topbar-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-glass);box-sizing:border-box;background:#060a14d9;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:12px;width:100%;max-width:100%;padding:0 20px;display:grid;position:sticky;top:0;overflow:visible}.topbar__left{z-index:2;grid-column:1;justify-self:start;align-items:center;gap:10px;min-width:0;max-width:100%;display:flex;position:relative;overflow:visible}.topbar__center{z-index:1;grid-column:2;justify-content:center;justify-self:center;align-items:center;width:max-content;min-width:0;max-width:min(100%,520px);display:flex;position:relative}.topbar__menu{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-primary);background:#ffffff0d;flex-shrink:0;justify-content:center;align-items:center;display:none}.topbar__actions{z-index:2;grid-column:3;justify-content:flex-end;justify-self:end;align-items:center;gap:10px;min-width:0;max-width:100%;display:flex;position:relative}.topbar__premium{background:var(--gradient-neon);border-radius:var(--radius-sm);color:#fff;white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.topbar__profile{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#ffffff0d;flex-shrink:0;align-items:center;gap:8px;min-width:0;padding:6px 10px 6px 6px;text-decoration:none;transition:border-color .2s;display:flex}.topbar__profile:hover{border-color:var(--border-glow)}.topbar__avatar{background:var(--gradient-neon);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.topbar__profile-info{flex-direction:column;min-width:0;display:flex}.topbar__profile-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:88px;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}.topbar__profile-level{color:var(--accent-purple);font-size:11px}.notif-dropdown{flex-shrink:0}@media (width<=1200px){.topbar__profile-name{max-width:64px}}@media (width<=1024px){.topbar{column-gap:8px;padding:0 14px}.topbar__premium-text,.topbar__profile-info{display:none}.topbar__premium{padding:8px 10px}.topbar__actions{gap:8px}}@media (width<=768px){.topbar{height:auto;min-height:var(--topbar-height);grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;row-gap:10px;padding:10px 14px}.topbar__left{grid-area:1/1;overflow:visible}.topbar__actions{grid-area:1/2}.topbar__center{grid-area:2/1/auto/-1;width:100%;max-width:100%}.topbar__profile{background:0 0;border:none;padding:4px}}@media (width<=640px){.topbar{padding:8px 10px}.topbar__menu{display:flex}.topbar__left{gap:8px}.topbar__actions{gap:6px}}.dashboard-layout{background:radial-gradient(ellipse 60% 40% at 80% 0%, #6366f11a, transparent), radial-gradient(ellipse 50% 30% at 10% 100%, #8b5cf614, transparent), var(--bg-deep);width:100%;max-width:100%;min-height:100dvh;overflow-x:hidden}.dashboard-layout__main{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));flex-direction:column;min-width:0;min-height:100dvh;display:flex;overflow-x:clip}.dashboard-layout__content{width:100%;max-width:var(--content-max-width);flex:1;min-width:0;margin:0 auto;padding:24px;overflow:hidden auto}@media (width<=640px){.dashboard-layout__main{width:100%;max-width:100%;margin-left:0}.dashboard-layout__content{padding:12px 12px calc(var(--bottom-nav-height) + 16px);max-width:100%}}@media (width>=641px) and (width<=1024px){.dashboard-layout__content{max-width:100%;padding:16px 20px}}.route-loading{min-height:100dvh;color:var(--text-secondary);background:var(--bg-deep);justify-content:center;align-items:center;font-size:15px;display:flex}.route-loading--error{color:#f87171;text-align:center;padding:0 24px}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.glass-card--hover{cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.glass-card--hover:hover{border-color:var(--border-glow);box-shadow:var(--shadow-neon), var(--shadow-card);transform:translateY(-3px)}.btn{border-radius:var(--radius-md);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--full{width:100%}.btn--primary{background:var(--gradient-neon);color:#fff;box-shadow:0 4px 16px #8b5cf659}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #8b5cf680}.btn--secondary{color:var(--text-primary);border:1px solid var(--border-glass);background:#6366f126}.btn--secondary:hover:not(:disabled){border-color:var(--border-glow);background:#6366f140}.btn--ghost{color:var(--text-secondary);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:#ffffff0d}.btn--outline{color:var(--accent-purple);border:1px solid var(--border-glow);background:0 0}.btn--outline:hover:not(:disabled){box-shadow:var(--shadow-neon);background:#8b5cf61a}.empty-state{text-align:center;color:var(--text-secondary);padding:32px 24px}.empty-state__title{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.empty-state__desc{margin:8px 0 0;font-size:13px}.chat-page{height:calc(100dvh - var(--topbar-height) - 48px);grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:16px;width:100%;min-width:0;max-width:100%;min-height:480px;display:grid}.chat-sidebar,.chat-main{flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.chat-sidebar__title{border-bottom:1px solid var(--border-glass);margin:0;padding:16px 18px;font-size:16px}.chat-conv-list{flex:1;margin:0;padding:8px;list-style:none;overflow-y:auto}.chat-conv-item{text-align:left;border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:12px 14px;transition:background .2s}.chat-conv-item:hover,.chat-conv-item--active{background:#8b5cf626}.chat-conv-item__name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.chat-conv-item__preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:12px;display:block;overflow:hidden}.chat-main__header{border-bottom:1px solid var(--border-glass);align-items:center;gap:12px;min-width:0;padding:16px 20px;display:flex}.chat-main__header h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:17px;overflow:hidden}.chat-main__back{border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:#00000040;flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:none}.chat-main__back:hover{color:var(--text-primary);border-color:var(--border-glow)}.chat-messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px;display:flex;overflow-y:auto}.chat-bubble{border-radius:var(--radius-md);word-break:break-word;max-width:min(70%,420px);padding:10px 14px}.chat-bubble--own{background:var(--gradient-neon);color:#fff;align-self:flex-end}.chat-bubble--other{border:1px solid var(--border-glass);background:#ffffff0f;align-self:flex-start}.chat-bubble p{margin:0;font-size:14px;line-height:1.45}.chat-bubble time{opacity:.75;margin-top:6px;font-size:10px;display:block}.chat-input-row{border-top:1px solid var(--border-glass);flex-shrink:0;gap:10px;padding:16px 20px;display:flex}.chat-input{border:1px solid var(--border-glass);border-radius:var(--radius-md);min-width:0;color:var(--text-primary);background:#00000059;outline:none;flex:1;padding:12px 16px;font-size:14px}.chat-input:focus{border-color:var(--accent-violet)}@media (width<=1024px){.chat-page{height:calc(100dvh - var(--topbar-height) - 40px);grid-template-columns:minmax(200px,240px) minmax(0,1fr)}}@media (width<=640px){.chat-page{height:calc(100dvh - var(--topbar-height) - var(--bottom-nav-height) - 24px);min-height:0;display:block}.chat-sidebar,.chat-main{height:100%;min-height:calc(100dvh - var(--topbar-height) - var(--bottom-nav-height) - 24px)}.chat-page--list .chat-main,.chat-page--conversation-open .chat-sidebar{display:none}.chat-page--conversation-open .chat-main{display:flex}.chat-main__back{display:inline-flex}.chat-messages{padding:14px}.chat-bubble{max-width:88%}.chat-input-row{flex-wrap:wrap;padding:12px 14px}.chat-input-row .btn{flex:1;justify-content:center;min-width:88px}}.game-mode-card{flex-direction:column;gap:12px;padding:24px 20px;display:flex;position:relative}.game-mode-card--locked{opacity:.75}.game-mode-card__badge{text-transform:uppercase;letter-spacing:.04em;color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2459;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:14px;right:14px}.game-mode-card__icon{border-radius:var(--radius-md);background:var(--gradient-glow);border:1px solid var(--border-glow);width:56px;height:56px;color:var(--accent-purple);justify-content:center;align-items:center;display:flex}.game-mode-card--locked .game-mode-card__icon{color:var(--text-muted);border-color:var(--border-glass)}.game-mode-card__title{margin:0;font-size:17px;font-weight:600}.game-mode-card__desc{color:var(--text-secondary);flex:1;margin:0;font-size:13px;line-height:1.45}.game-mode-card__lock-info{flex-direction:column;flex:1;gap:6px;display:flex}.game-mode-card__lock-reason{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.game-mode-card__lock-req{color:#fbbf24;margin:0;font-size:13px;font-weight:600;line-height:1.45}.rank-badge{--rank-glow:color-mix(in srgb, var(--rank-color) 45%, transparent);flex-direction:column;align-items:center;gap:8px;transition:filter .25s,transform .25s;display:inline-flex;position:relative}.rank-badge:hover{filter:drop-shadow(0 0 12px var(--rank-glow));transform:translateY(-1px)}.rank-badge__icon-wrap{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.rank-badge__svg{filter:drop-shadow(0 2px 8px #00000073);display:block}.rank-badge__grad-stop-a{stop-color:var(--rank-color);stop-opacity:.9}.rank-badge__grad-stop-b{stop-color:#fff;stop-opacity:.35}.rank-badge__grad-stop-c{stop-color:var(--rank-color);stop-opacity:1}.rank-badge__shape{stroke:#ffffff26;stroke-width:.5px}.rank-badge__shape-inner{pointer-events:none}.rank-badge__gem{filter:drop-shadow(0 0 4px #fffc)}.rank-badge__ray{stroke:var(--rank-color);stroke-opacity:.5;stroke-linecap:round}.rank-badge__text{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.rank-badge__name{color:var(--rank-color);font-weight:700;line-height:1.2}.rank-badge__division{color:var(--text-secondary);font-size:.85em;font-weight:600}.rank-badge--small .rank-badge__name{font-size:11px}.rank-badge--small .rank-badge__division{font-size:10px}.rank-badge--medium .rank-badge__name{font-size:13px}.rank-badge--large .rank-badge__name{font-size:16px}.rank-badge--large .rank-badge__division{font-size:13px}.rank-badge--animated.rank-badge--legend,.rank-badge--animated.rank-badge--mythic{animation:2.8s ease-in-out infinite rank-badge-pulse}@keyframes rank-badge-pulse{0%,to{filter:drop-shadow(0 0 6px var(--rank-glow))}50%{filter:drop-shadow(0 0 18px var(--rank-glow))}}.rank-badge__aura-ring{aspect-ratio:1;border:2px solid var(--rank-color);opacity:0;pointer-events:none;z-index:0;border-radius:50%;width:calc(100% + 8px);max-width:96px;position:absolute;top:50%;left:50%;transform:translate(-50%,-58%)}.rank-badge--mythic.rank-badge--animated .rank-badge__aura-ring{animation:2.4s ease-out infinite rank-badge-aura-ring}@keyframes rank-badge-aura-ring{0%{opacity:.7;transform:translate(-50%,-58%)scale(.75)}to{opacity:0;transform:translate(-50%,-58%)scale(1.35)}}.rank-badge--small.rank-badge--mythic .rank-badge__aura-ring{max-width:52px}.rank-badge--large.rank-badge--mythic .rank-badge__aura-ring{max-width:110px}.top10-lb__header{flex-direction:column;gap:10px;display:flex}.top10-lb__title{color:#fbbf24;margin:0}.top10-lb__tabs{border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#00000040;grid-template-columns:1fr 1fr;gap:6px;padding:3px;display:grid}.top10-lb__tab{border-radius:calc(var(--radius-sm) - 2px);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:12px;font-weight:600;transition:background .2s,color .2s}.top10-lb__tab--active{color:var(--text-primary);border:1px solid var(--border-glow);background:#8b5cf633}.top10-lb__list{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.top10-lb__row{border-radius:var(--radius-sm);grid-template-columns:28px 1fr auto;align-items:center;gap:6px;padding:4px 6px;font-size:11px;line-height:1.2;display:grid}.top10-lb__row--mmr{grid-template-columns:24px minmax(0,1fr) auto auto;gap:4px}.top10-lb__row--self{border:1px solid var(--border-glow);background:#8b5cf61f}.top10-lb__place{color:var(--text-muted);font-size:10px;font-weight:700}.top10-lb__name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.top10-lb__rank{color:var(--accent-purple);white-space:nowrap;font-size:10px;font-weight:600}.top10-lb__value{color:var(--accent-cyan);white-space:nowrap;text-align:right;font-size:10px;font-weight:700}.stats-panel{flex-direction:column;gap:14px;display:flex}.stats-panel__card{flex-direction:column;gap:12px;padding:16px;display:flex}.stats-panel__card-header{color:var(--accent-purple);align-items:center;gap:8px;display:flex}.stats-panel__card-header h3{color:var(--text-primary);margin:0;font-size:14px;font-weight:600}.stats-panel__profile{align-items:flex-start;gap:12px;display:flex}.stats-panel__avatar{background:var(--gradient-neon);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:flex}.stats-panel__profile-info{flex:1;min-width:0}.stats-panel__nickname{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.2}.stats-panel__lang-name{color:var(--accent-cyan);margin:0;font-size:13px;font-weight:600}.stats-panel__rows{flex-direction:column;gap:6px;margin:0;display:flex}.stats-panel__rows--compact{gap:4px}.stats-panel__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stats-panel__row dt{color:var(--text-muted);font-size:12px}.stats-panel__row dd{color:var(--text-primary);margin:0;font-size:14px;font-weight:700}.stats-panel__rank{color:var(--accent-purple)}.stats-panel__progress-bar{background:#00000059;border-radius:10px;height:8px;overflow:hidden}.stats-panel__progress-fill{border-radius:10px;height:100%;transition:width .4s}.stats-panel__progress-fill--default{background:var(--gradient-neon)}.stats-panel__progress-fill--language{background:linear-gradient(90deg,#22d3ee,#8b5cf6)}.stats-panel__progress-fill--ranked{background:linear-gradient(90deg,#fbbf24,#f97316)}.stats-panel__rank-badge-wrap{justify-content:center;margin-bottom:14px;padding:8px 0;display:flex}.stats-panel__progress-hint{color:var(--text-muted);margin:0;font-size:11px;line-height:1.4}.stats-panel__empty{color:var(--text-muted);text-align:center;margin:0;padding:4px 0;font-size:13px}.dashboard-page{grid-template-columns:1fr 300px;align-items:start;gap:24px;width:100%;min-width:0;max-width:100%;display:grid}.dashboard-page__center{flex-direction:column;gap:20px;min-width:0;display:flex}.dashboard-hero{margin:0}.dashboard-hero__title{margin:0;font-size:24px;font-weight:700;line-height:1.2}.dashboard-hero__subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.dashboard-highlights{grid-template-columns:1fr 2fr;gap:16px;display:grid}.highlight-card{padding:20px 24px}.highlight-card--account,.highlight-card--language{flex-direction:column;justify-content:center;gap:12px;display:flex}.highlight-card__xp-header{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.highlight-card__xp-numbers{color:var(--accent-purple);font-weight:600}.highlight-card__progress-bar{background:#0006;border-radius:20px;height:10px;overflow:hidden}.highlight-card__progress-fill{border-radius:20px;height:100%;transition:width .5s}.highlight-card__progress-fill--account{background:var(--gradient-neon);box-shadow:0 0 12px #8b5cf680}.highlight-card__progress-fill--language{background:linear-gradient(90deg,#22d3ee,#8b5cf6);box-shadow:0 0 12px #22d3ee66}.highlight-card__hint{color:var(--text-muted);margin:10px 0 0;font-size:12px}.dashboard-section__title{margin:0 0 16px;font-size:18px;font-weight:600}.game-mode-section{flex-direction:column;gap:16px;display:flex}.game-mode-section__header{flex-direction:column;gap:6px;display:flex}.game-mode-section__title{margin:0;font-size:18px;font-weight:600}.game-mode-section__subtitle{color:var(--text-secondary);margin:0;font-size:14px}.game-modes-grid{gap:16px;display:grid}.game-modes-grid--solo{grid-template-columns:repeat(4,1fr)}.game-modes-grid--online{grid-template-columns:repeat(3,1fr)}.dashboard-bottom{grid-template-columns:1fr 280px;gap:16px;display:grid}.tier-list{padding:22px}.tier-list__title{margin:0 0 16px;font-size:16px;font-weight:600}.tier-list__empty{color:var(--text-muted);margin:0;font-size:13px}.tier-list__items{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tier-list__item-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.tier-list__count{color:var(--accent-purple);font-size:12px;font-weight:600}.tier-list__item--locked{opacity:.5}.tier-list__bar{background:#00000059;border-radius:10px;height:6px;overflow:hidden}.tier-list__bar-fill{background:var(--gradient-neon);border-radius:10px;height:100%}.random-mode{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px;display:flex}.random-mode__icon{color:var(--accent-cyan)}.random-mode h3{margin:0;font-size:16px}.random-mode p{color:var(--text-secondary);flex:1;margin:0;font-size:13px}@media (width<=1024px){.dashboard-page{grid-template-columns:1fr}.stats-panel{order:-1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.game-modes-grid--solo,.game-modes-grid--online{grid-template-columns:repeat(2,1fr)}.dashboard-highlights,.dashboard-bottom{grid-template-columns:1fr}}@media (width<=640px){.dashboard-hero__title{font-size:22px}.dashboard-highlights,.dashboard-bottom,.game-modes-grid--solo,.game-modes-grid--online,.stats-panel{grid-template-columns:1fr}.highlight-card{padding:16px 18px}.tier-list{padding:16px}}.input-field{text-align:left;flex-direction:column;gap:8px;display:flex}.input-field__label{color:var(--text-secondary);font-size:13px;font-weight:500}.input-field__input{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#00000059;outline:none;padding:12px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.input-field__input::placeholder{color:var(--text-muted)}.input-field__input:focus{border-color:var(--accent-violet);box-shadow:0 0 0 3px #8b5cf633}.tts-replay-btn{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:40px;height:40px;color:var(--accent-cyan);cursor:pointer;background:#00000059;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s,color .15s,box-shadow .15s;display:inline-flex}.tts-replay-btn:hover{background:#22d3ee1f;border-color:#22d3ee73;box-shadow:0 0 12px #22d3ee33}.tts-replay-btn:active{transform:scale(.96)}.tts-replay-btn--compact{width:32px;height:32px}.learning-text-with-tts{justify-content:center;align-items:center;gap:12px;width:100%;max-width:100%;display:flex}.learning-text-with-tts>:first-child{min-width:0}.image-game-tier-page__hero-tts{margin-top:-4px}.dictionary-page{width:100%;min-width:0;max-width:100%;min-height:calc(100dvh - var(--topbar-height,64px) - 48px);flex-direction:column;gap:16px;display:flex;overflow-x:hidden}.dictionary-page__notice{flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:16px;padding:24px;display:flex}.dictionary-page__stats{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.dictionary-stat{align-items:center;gap:14px;padding:18px 20px;display:flex}.dictionary-stat__icon{flex-shrink:0}.dictionary-stat__icon--purple{color:var(--accent-purple)}.dictionary-stat__icon--pink{color:#f472b6}.dictionary-stat__icon--cyan{color:var(--accent-cyan,#22d3ee)}.dictionary-stat__value{font-size:22px;font-weight:700;line-height:1.2;display:block}.dictionary-stat__label{color:var(--text-secondary);margin-top:2px;font-size:13px;display:block}.dictionary-page__search{width:100%}.dictionary-page__search .input-field{margin:0}.dictionary-page__search .input-field__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dictionary-page__actions{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.dictionary-page__actions .btn{justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:15px;display:inline-flex}.dictionary-page__body{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.dictionary-page__state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:280px;padding:48px 32px;display:flex}.dictionary-page__state--compact{min-height:200px}.dictionary-page__empty-icon{margin-bottom:16px;font-size:56px;display:block}.dictionary-page__state--empty h2{margin:0 0 8px;font-size:20px}.dictionary-page__state--empty p{color:var(--text-secondary);max-width:360px;margin:0 0 24px;font-size:14px}.dictionary-notebook{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.dictionary-notebook__header,.dictionary-notebook__row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:0;display:grid}.dictionary-notebook__header{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:#00000026;border-bottom:1px solid #ffffff1a;padding:14px 20px;font-size:12px;font-weight:700}.dictionary-notebook__rows{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.dictionary-notebook__row{border-bottom:1px solid #ffffff0f;transition:background .12s}.dictionary-notebook__row:last-child{border-bottom:none}.dictionary-notebook__row:hover{background:#ffffff08}.dictionary-notebook__col{min-width:0;padding:14px 20px}.dictionary-notebook__col--word{border-right:1px solid #ffffff0f;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.dictionary-notebook__word-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.dictionary-notebook__tts{flex-shrink:0}.dictionary-notebook__col--translation{color:var(--text-secondary);border-right:1px solid #ffffff0f;font-size:15px}.dictionary-notebook__header .dictionary-notebook__col--word,.dictionary-notebook__header .dictionary-notebook__col--translation{border-right-color:#ffffff14}.dictionary-notebook__col--actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;padding:10px 16px;display:flex}.dictionary-notebook__header .dictionary-notebook__col--actions{justify-content:center;padding:14px 16px}.dictionary-notebook__icon-btn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.dictionary-notebook__icon-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff0f}.dictionary-notebook__icon-btn:disabled{opacity:.45;cursor:not-allowed}.dictionary-notebook__icon-btn--favorite-active{color:#f472b6}.dictionary-notebook__icon-btn--favorite-active:hover:not(:disabled){color:#fb7185}.dictionary-notebook__icon-btn--delete:hover:not(:disabled){color:#f87171}@media (width<=640px){.dictionary-page__stats,.dictionary-page__actions{grid-template-columns:1fr}.dictionary-notebook__header{display:none}.dictionary-notebook__row{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;align-items:start}.dictionary-notebook__col--word{border-right:none;grid-area:1/1;padding:12px 12px 4px 16px;font-size:15px}.dictionary-notebook__col--translation{border-right:none;grid-area:2/1;padding:0 12px 12px 16px;font-size:14px}.dictionary-notebook__col--actions{flex-direction:column;grid-area:1/2/span 2;align-self:center;padding:12px 12px 12px 4px}}.duel-player-card{background:linear-gradient(160deg,#141c30eb,#0a0e1ae0);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;align-items:center;gap:12px;min-height:220px;padding:24px 20px 20px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff14,0 12px 32px #00000059}.duel-player-card--left{border-color:#60a5fa59}.duel-player-card--right{border-color:#f8717159}.duel-player-card--empty{opacity:.75;justify-content:center}.duel-player-card__country{letter-spacing:.08em;color:#ffffffb8;font-size:12px;font-weight:800;position:absolute;top:12px;left:14px}.duel-player-card__avatar{color:#fff;background:linear-gradient(145deg,#3b82f6,#1d4ed8);border-radius:50%;place-items:center;width:84px;height:84px;font-size:34px;font-weight:800;display:grid;box-shadow:0 0 0 4px #3b82f640,0 10px 24px #00000059}.duel-player-card--right .duel-player-card__avatar{background:linear-gradient(145deg,#ef4444,#b91c1c);box-shadow:0 0 0 4px #ef444440,0 10px 24px #00000059}.duel-player-card__avatar--empty{box-shadow:none;color:#ffffff73;background:#ffffff14}.duel-player-card__info{text-align:center}.duel-player-card__name{margin:0;font-size:22px;font-weight:800}.duel-player-card__level{color:#ffffffad;margin:4px 0 10px;font-size:14px}.duel-player-card__rank{color:#fbbf24;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.duel-player-card__empty-label{color:#ffffff8c;margin:0;font-size:15px}.match-found-overlay{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle,#0f172ab8,#020617f0);place-items:center;animation:.35s match-found-fade-in;display:grid;position:fixed;inset:0}.match-found-overlay__content{text-align:center}.match-found-overlay__title{letter-spacing:.18em;color:#fbbf24;text-shadow:0 0 24px #fbbf248c;margin:0 0 16px;font-size:clamp(28px,5vw,44px);font-weight:900}.match-found-overlay__count{color:#fff;min-width:120px;font-size:clamp(72px,14vw,120px);font-weight:900;line-height:1;animation:1s infinite match-found-pulse;display:inline-block}@keyframes match-found-fade-in{0%{opacity:0}to{opacity:1}}@keyframes match-found-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.92;transform:scale(1.06)}}.duel-lobby-page{flex-direction:column;gap:20px;padding-bottom:32px;display:flex}.duel-lobby-page__header{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.duel-lobby-page__header h1{align-items:center;gap:10px;margin:0;font-size:clamp(24px,4vw,34px);display:flex}.duel-lobby-page__header p{color:#ffffffad;margin:6px 0 0}.duel-lobby-page__back{color:#fffc;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;display:inline-flex}.duel-lobby-page__count{color:#fbbf24;font-size:28px;font-weight:900}.duel-lobby-page__arena{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:18px;display:grid}.duel-lobby-page__vs{color:#ffffff59;letter-spacing:.08em;align-self:center;font-size:42px;font-weight:900}.duel-lobby-page__panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.duel-lobby-page__panel{flex-direction:column;gap:14px;display:flex}.duel-lobby-page__panel h2{align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.duel-lobby-page__mode-grid{gap:10px;display:grid}.duel-lobby-page__mode-btn,.duel-lobby-page__difficulty-btn{color:#fff;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;padding:12px 14px;transition:border-color .2s,background .2s,transform .2s}.duel-lobby-page__mode-btn small{color:#fbbf24;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;font-size:11px;display:block}.duel-lobby-page__mode-btn--active,.duel-lobby-page__difficulty-btn--active{background:#3b82f62e;border-color:#60a5faa6;box-shadow:0 0 0 1px #3b82f640}.duel-lobby-page__mode-btn--disabled{opacity:.45;cursor:not-allowed}.duel-lobby-page__difficulty-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.duel-lobby-page__invite-block h3{color:#ffffffb8;margin:0 0 8px;font-size:14px}.duel-lobby-page__friends{flex-direction:column;gap:8px;max-height:180px;display:flex;overflow:auto}.duel-lobby-page__friend-row,.duel-lobby-page__player-id-row{align-items:center;gap:10px;display:flex}.duel-lobby-page__friend-row{justify-content:space-between}.duel-lobby-page__player-id-row input{color:#fff;background:#00000040;border:1px solid #ffffff24;border-radius:10px;flex:1;min-width:0;padding:10px 12px}.duel-lobby-page__actions{flex-direction:column;align-items:center;gap:8px;display:flex}.duel-lobby-page__queue-btn{min-width:220px;font-size:18px;font-weight:800}.duel-lobby-page__queue-hint,.duel-lobby-page__muted,.duel-lobby-page__invite-msg{color:#ffffff9e;text-align:center;margin:0;font-size:13px}.duel-lobby-page__invite-msg{color:#86efac}.duel-lobby-page__error,.duel-lobby-page__loading,.duel-lobby-page__notice{padding:20px}@media (width<=980px){.duel-lobby-page__panels,.duel-lobby-page__arena{grid-template-columns:1fr}.duel-lobby-page__vs{text-align:center}}.duel-hp-bar{flex-direction:column;gap:8px;display:flex;position:relative}.duel-hp-bar__header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.duel-hp-bar__label{letter-spacing:.04em;text-transform:uppercase;font-size:15px;font-weight:800}.duel-hp-bar__value{color:#ffffffbf;font-size:14px;font-weight:700}.duel-hp-bar__track{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;height:22px;overflow:hidden}.duel-hp-bar__fill{border-radius:inherit;background:linear-gradient(90deg,#22c55e,#4ade80);height:100%;transition:width .55s cubic-bezier(.22,1,.36,1);box-shadow:0 0 18px #4ade8073}.duel-hp-bar--right .duel-hp-bar__fill{background:linear-gradient(90deg,#f97316,#fb7185);box-shadow:0 0 18px #fb718573}.duel-hp-bar--flash-success .duel-hp-bar__track{animation:.45s duel-hp-flash-success}.duel-hp-bar--flash-fail .duel-hp-bar__track{animation:.45s duel-hp-flash-fail}.duel-hp-bar__damage{color:#f87171;text-shadow:0 0 12px #f87171cc;pointer-events:none;font-size:28px;font-weight:900;animation:.9s forwards duel-damage-pop;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.duel-hp-bar--left .duel-hp-bar__damage{left:8px;right:auto}@keyframes duel-damage-pop{0%{opacity:0;transform:translateY(12px)scale(.8)}20%{opacity:1;transform:translateY(-50%)scale(1.08)}to{opacity:0;transform:translateY(-90%)scale(1)}}@keyframes duel-hp-flash-success{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px #4ade808c}}@keyframes duel-hp-flash-fail{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px #f871718c}}.duel-result-screen{z-index:100;background:radial-gradient(circle at top,#0f172af5,#020617fa);flex-direction:column;align-items:center;gap:24px;padding:28px 20px 40px;display:flex;position:fixed;inset:0;overflow-y:auto}.duel-result-screen--loading{color:#ffffffb3;justify-content:center}.duel-result-screen--victory{box-shadow:inset 0 0 120px #fbbf241f}.duel-result-screen--defeat{background:radial-gradient(circle at top,#280a0a8c,#020617fa);box-shadow:inset 0 0 100px #ef444426}.duel-result-screen__confetti{pointer-events:none;opacity:.35;background-image:radial-gradient(circle,#fbbf24 1px,#0000 1px),radial-gradient(circle,#fde68a 1px,#0000 1px),radial-gradient(circle,#fff 1px,#0000 1px);background-position:0 0,40px 60px,80px 20px;background-size:120px 120px,180px 180px,90px 90px;animation:12s linear infinite duel-confetti-drift;position:fixed;inset:0}.duel-result-screen__hero{text-align:center}.duel-result-screen__outcome{letter-spacing:.2em;color:#fbbf24;text-shadow:0 0 30px #fbbf248c;margin:0;font-size:clamp(42px,8vw,72px);font-weight:900}.duel-result-screen--defeat .duel-result-screen__outcome{color:#f87171;text-shadow:0 0 24px #f8717173}.duel-result-screen__winner-block{color:#fde68a;background:#fbbf2424;border:1px solid #fbbf2459;border-radius:999px;align-items:center;gap:10px;margin-top:12px;padding:10px 18px;display:inline-flex}.duel-result-screen__winner-block strong{color:#fff;font-size:18px}.duel-result-screen__duration{color:#fff9;margin:10px 0 0;font-size:14px}.duel-result-screen__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(980px,100%);display:grid}.duel-result-card{text-align:center;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:18px;padding:18px}.duel-result-card--winner{border-color:#fbbf2473;box-shadow:0 0 24px #fbbf2426}.duel-result-card__label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;font-size:12px;display:block}.duel-result-card__avatar{background:linear-gradient(145deg,#3b82f6,#1d4ed8);border-radius:50%;place-items:center;width:72px;height:72px;margin:10px auto;font-size:30px;font-weight:800;display:grid}.duel-result-card h3{margin:0;font-size:22px}.duel-result-card__rank{color:#fbbf24;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:inline-flex}.duel-result-card__level{color:#ffffffa6;margin:4px 0 14px;font-size:13px}.duel-result-card__stats{text-align:left;gap:6px;margin:0;display:grid}.duel-result-card__stat-row{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:12px;padding-bottom:4px;font-size:13px;display:flex}.duel-result-card__stat-row dt{color:#ffffff9e}.duel-result-card__stat-row dd{margin:0;font-weight:700}.duel-result-screen__h2h{background:#00000038;border:1px solid #ffffff1a;border-radius:16px;width:min(720px,100%);padding:16px 18px}.duel-result-screen__h2h h2{text-align:center;margin:0 0 12px;font-size:18px}.duel-result-h2h-row{border-bottom:1px solid #ffffff0f;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid}.duel-result-h2h-row:last-child{border-bottom:none}.duel-result-h2h-row__label{color:#ffffffb8;font-size:14px}.duel-result-screen__winner-block--defeat{color:#fecaca;background:#f871711f;border-color:#f8717159}.duel-result-h2h-row__values{flex-direction:column;align-items:flex-end;gap:4px;font-size:14px;display:flex}.duel-result-h2h-row__values strong{color:#fff}.duel-result-screen__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.duel-result-screen__btn{min-width:180px}.duel-result-screen__ranked-note{color:#ffffff8c;margin:0;font-size:13px}@keyframes duel-confetti-drift{0%{transform:translateY(-10%)}to{transform:translateY(10%)}}@media (width<=760px){.duel-result-screen__cards{grid-template-columns:1fr}.duel-result-h2h-row{grid-template-columns:1fr;gap:4px}}.word-game-timer{flex-shrink:0;position:relative}.word-game-timer--default{width:104px;height:104px}.word-game-timer--compact{width:64px;height:64px}.word-game-timer__svg{display:block}.word-game-timer__track{stroke:#ffffff1a}.word-game-timer__progress{transition:stroke .25s}.word-game-timer__label{color:var(--text-primary);justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:0}.word-game-timer--default .word-game-timer__label{font-size:26px}.word-game-timer--compact .word-game-timer__label{font-size:18px}@media (width<=640px){.word-game-timer--default{width:80px;height:80px}.word-game-timer--default .word-game-timer__label{font-size:22px}.word-game-timer--compact{width:56px;height:56px}.word-game-timer--compact .word-game-timer__label{font-size:16px}}.duel-match-page{flex-direction:column;gap:20px;min-height:calc(100vh - 120px);display:flex}.duel-match-page__hud{grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;display:grid}.duel-match-page__round{letter-spacing:.08em;color:#fbbf24;font-size:18px;font-weight:800}.duel-match-page__panel{flex-direction:column;align-items:center;gap:20px;padding:28px 20px 32px;transition:box-shadow .25s;display:flex}.duel-match-page__panel--flash-success{animation:.45s duel-panel-success}.duel-match-page__panel--flash-fail{animation:.45s duel-panel-fail}.duel-match-page__timer-row{justify-content:center;display:flex}.duel-match-page__prompt{text-align:center;max-width:760px;margin:0;font-size:clamp(24px,4vw,40px);font-weight:800}.duel-match-page__options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(720px,100%);display:grid}.duel-match-page__option{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;padding:16px;font-size:16px;font-weight:700;transition:transform .15s,box-shadow .2s,border-color .2s}.duel-match-page__option:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 18px #60a5fa40}.duel-match-page__option--correct{background:#22c55e33;border-color:#4ade80cc;box-shadow:0 0 20px #4ade8059}.duel-match-page__option--wrong{background:#ef444433;border-color:#f87171cc;box-shadow:0 0 20px #f8717159}.duel-match-page__state,.duel-match-page__result{text-align:center;padding:24px}@keyframes duel-panel-success{50%{box-shadow:0 0 0 3px #4ade8073}}@keyframes duel-panel-fail{50%{box-shadow:0 0 0 3px #f8717173}}@media (width<=760px){.duel-match-page__hud,.duel-match-page__options{grid-template-columns:1fr}}.dictionary-practice-page{width:100%;min-height:calc(100dvh - var(--topbar-height,64px) - 48px);flex-direction:column;gap:16px;display:flex}.dictionary-practice-page__top{justify-content:space-between;align-items:center;gap:16px;display:flex}.dictionary-practice-page__back{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;background:#00000040;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.dictionary-practice-page__back:hover{color:var(--text-primary);background:#00000059;border-color:#fff3}.dictionary-practice-page__progress{color:var(--text-secondary);font-size:15px;font-weight:600}.dictionary-practice-page__state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:48px 32px;display:flex}.dictionary-practice-page__state--empty h1{margin:0;font-size:24px}.dictionary-practice-page__state--empty p{color:var(--text-secondary);max-width:400px;margin:0;font-size:15px}.dictionary-practice-page__question{flex-direction:column;flex:1;gap:24px;width:100%;max-width:720px;margin:0 auto;padding:32px;display:flex}.dictionary-practice-page__prompt-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:14px}.dictionary-practice-page__word{margin:0;font-size:40px;font-weight:700;line-height:1.2}.dictionary-practice-page__options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dictionary-practice-option{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;background:#0000004d;padding:18px 20px;font-size:16px;transition:border-color .15s,background .15s,color .15s}.dictionary-practice-option:hover:not(:disabled){background:#8b5cf61f;border-color:#8b5cf680}.dictionary-practice-option:disabled{cursor:default}.dictionary-practice-option--correct{color:#4ade80;background:#4ade8026;border-color:#4ade8099}.dictionary-practice-option--wrong{color:#f87171;background:#f8717126;border-color:#f8717199}.dictionary-practice-page__feedback{flex-direction:column;gap:16px;margin-top:8px;display:flex}.dictionary-practice-page__feedback-text{margin:0;font-size:16px;font-weight:600}.dictionary-practice-page__feedback-text--correct{color:#4ade80}.dictionary-practice-page__feedback-text--wrong{color:#f87171}.dictionary-practice-page__summary{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:32px;padding:48px 32px;display:flex}.dictionary-practice-page__summary h1{margin:0;font-size:28px}.dictionary-practice-page__summary-stats{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:560px;display:grid}.dictionary-practice-summary-stat{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000040;padding:20px 16px}.dictionary-practice-summary-stat__value{font-size:28px;font-weight:700;line-height:1.2;display:block}.dictionary-practice-summary-stat__value--correct{color:#4ade80}.dictionary-practice-summary-stat__value--wrong{color:#f87171}.dictionary-practice-summary-stat__label{color:var(--text-secondary);margin-top:6px;font-size:13px;display:block}.dictionary-practice-page__summary-actions{flex-direction:column;gap:12px;width:100%;max-width:360px;display:flex}@media (width<=640px){.dictionary-practice-page__options{grid-template-columns:1fr}.dictionary-practice-page__word{font-size:32px}.dictionary-practice-page__summary-stats{grid-template-columns:1fr}}.friends-page{width:100%;min-width:0;max-width:100%;min-height:calc(100dvh - var(--topbar-height,64px) - 48px);flex-direction:column;gap:16px;display:flex;overflow-x:hidden}.friends-page__header h1{margin:0;font-size:24px;font-weight:700}.friends-search{width:100%;padding:20px 24px}.friends-search__row{align-items:flex-end;gap:12px;display:flex}.friends-search__row .input-field{flex:1;margin:0}.friends-search-results{flex-direction:column;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.friends-search-results__item{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#0003;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.friends-search-results__item strong{font-size:14px;display:block}.friends-search-results__player-id{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.friends-page__columns{flex:1;grid-template-columns:minmax(0,65fr) minmax(0,35fr);align-items:start;gap:16px;min-height:0;display:grid}.friends-main,.friends-panel{min-height:200px;padding:20px 24px}.friends-panel__title{margin:0 0 16px;font-size:16px;font-weight:600}.friends-sidebar{flex-direction:column;gap:16px;min-width:0;display:flex}.friend-card-list{max-height:calc(100dvh - var(--topbar-height,64px) - 280px);flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.friend-card{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000038;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:border-color .15s,background .15s;display:flex}.friend-card:hover{background:#0000004d;border-color:#ffffff1f}.friend-card__info{flex-direction:column;gap:4px;min-width:0;display:flex}.friend-card__name{font-size:15px}.friend-card__player-id{color:var(--text-muted);font-size:12px}.friend-card__status{color:var(--text-muted);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:inline-flex}.friend-card__status-dot{background:var(--text-muted);border-radius:50%;flex-shrink:0;width:8px;height:8px}.friend-card__status--online{color:#4ade80}.friend-card__status--online .friend-card__status-dot{background:#4ade80;box-shadow:0 0 8px #4ade8080}.friend-card__actions{flex-shrink:0;gap:8px;display:flex}.friend-card__actions .btn{align-items:center;gap:6px;display:inline-flex}.friends-request-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.friends-request-list__item{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#0003;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.friends-request-list__item strong{font-size:14px;display:block}.friends-request-list__player-id{color:var(--text-muted);margin-top:2px;font-size:12px;display:block}.friends-request-list__actions{flex-wrap:wrap;gap:8px;display:flex}.friends-list__badge{color:var(--text-secondary);background:#ffffff0f;border-radius:20px;align-self:flex-start;padding:6px 12px;font-size:12px}@media (width<=1024px){.friends-page__columns{grid-template-columns:1fr}.friends-main{order:1}.friends-sidebar__incoming{order:2}.friends-sidebar__outgoing{order:3}.friend-card-list{max-height:none}.friend-card{flex-direction:column;align-items:flex-start}.friend-card__actions{width:100%}.friend-card__actions .btn{flex:1;justify-content:center}}@media (width<=640px){.friends-search__row{flex-direction:column;align-items:stretch}.friends-search__row .btn{justify-content:center;width:100%}}.word-game-page{width:100%;min-height:calc(100dvh - var(--topbar-height,64px) - 48px);flex-direction:column;gap:20px;display:flex}.word-game-page__header{flex-direction:column;gap:16px;display:flex}.word-game-page__back{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:fit-content;color:var(--text-secondary);cursor:pointer;background:#00000040;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.word-game-page__back:hover{color:var(--text-primary);background:#00000059;border-color:#fff3}.word-game-page__header h1{margin:0;font-size:28px;font-weight:800}.word-game-page__header p{color:var(--text-secondary);margin:8px 0 0;font-size:15px}.word-game-page__notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.word-game-page__notice p{color:var(--text-secondary);max-width:720px;margin:0;font-size:14px}.word-game-page__tiers{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.word-game-tier-card{flex-direction:column;gap:8px;min-height:160px;padding:22px 20px;display:flex}.word-game-tier-card--active{cursor:pointer}.word-game-tier-card--locked{opacity:.65}.word-game-tier-card__top{justify-content:space-between;align-items:center;display:flex}.word-game-tier-card__id{text-transform:uppercase;letter-spacing:.05em;color:var(--accent-purple);font-size:12px;font-weight:700}.word-game-tier-card__lock{color:var(--text-muted)}.word-game-tier-card--complete{border-color:#4ade8040}.word-game-tier-card__id--complete{color:#4ade80}.word-game-tier-card__complete-badge{color:#4ade80;background:#4ade8026;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.word-game-tier-card__progress{flex-direction:column;gap:8px;margin-top:4px;display:flex}.word-game-tier-card__progress-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.word-game-tier-card__progress-count{letter-spacing:.02em;font-size:15px;font-weight:700}.word-game-tier-card__progress--incomplete .word-game-tier-card__progress-count{color:#c4b5fd}.word-game-tier-card__progress--complete .word-game-tier-card__progress-count{color:#4ade80}.word-game-tier-card__progress-label{text-transform:uppercase;letter-spacing:.06em;color:#4ade80;font-size:11px;font-weight:700}.word-game-tier-card__progress-track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.word-game-tier-card__progress-fill{border-radius:inherit;height:100%;transition:width .25s}.word-game-tier-card__progress--incomplete .word-game-tier-card__progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.word-game-tier-card__progress--complete .word-game-tier-card__progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80)}.word-game-tier-card__cta{color:var(--accent-cyan);margin-top:auto;font-size:13px;font-weight:600}.word-game-tier-card__cta--muted{color:var(--text-muted)}.word-game-page{min-width:0;max-width:100%}@media (width<=1024px){.word-game-page__tiers{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.word-game-page__header h1{font-size:22px}.word-game-page__tiers{grid-template-columns:1fr}.word-game-tier-card{min-height:auto;padding:18px 16px}}.help-page{width:100%;min-height:calc(100dvh - var(--topbar-height,64px) - 48px);flex-direction:column;gap:24px;display:flex}.help-page__header h1{margin:0;font-size:28px;font-weight:800}.help-page__header p{color:var(--text-secondary);margin:8px 0 0;font-size:15px}.help-nav{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.help-nav__card{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;text-align:center;background:#00000047;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px 12px;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s,transform .15s;display:flex}.help-nav__card:hover{color:var(--text-primary);border-color:var(--border-glow);background:#8b5cf61f;transform:translateY(-1px)}.help-nav__card svg{color:var(--accent-purple)}.help-sections{flex-direction:column;gap:16px;display:flex}.help-section-anchor{scroll-margin-top:88px}.help-section{padding:24px 28px}.help-section h2{color:var(--accent-purple);margin:0 0 16px;font-size:20px;font-weight:700}.help-section h3{margin:20px 0 10px;font-size:15px;font-weight:600}.help-section h3:first-of-type{margin-top:0}.help-section p{color:var(--text-secondary);margin:0 0 12px;font-size:14px;line-height:1.65}.help-section__lead{font-weight:500;color:var(--text-primary)!important;margin-bottom:12px!important}.help-steps{color:var(--text-secondary);flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:14px;line-height:1.6;display:flex}.help-steps li::marker{color:var(--accent-purple);font-weight:700}.help-list{color:var(--text-secondary);flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:14px;line-height:1.6;display:flex}.help-list li::marker{color:var(--accent-cyan)}.help-list--checks{padding-left:0;list-style:none}.help-list--checks li{padding-left:24px;position:relative}.help-list--checks li:before{content:"✓";color:#4ade80;font-weight:700;position:absolute;left:0}.help-list--premium li::marker{color:#fbbf24}.help-highlight-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:8px;display:grid}.help-highlight{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#0000004d;gap:14px;padding:16px;display:flex}.help-highlight svg{color:var(--accent-purple);flex-shrink:0;margin-top:2px}.help-highlight strong{margin-bottom:4px;font-size:14px;display:block}.help-highlight p{margin:0;font-size:13px}.help-tiers{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.help-tier{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000047;padding:16px}.help-tier--premium{background:#fbbf240f;border-color:#fbbf2459}.help-tier__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700;display:block}.help-tier--premium .help-tier__label{color:#fbbf24}.help-tier p{color:var(--text-primary);margin:0;font-size:14px;font-weight:500}.help-faq{flex-direction:column;gap:8px;display:flex}.help-faq__item{border:1px solid var(--border-glass);border-radius:var(--radius-md);background:#00000040;transition:border-color .15s;overflow:hidden}.help-faq__item--open{border-color:var(--border-glow);background:#8b5cf60f}.help-faq__trigger{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.help-faq__chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.help-faq__item--open .help-faq__chevron{color:var(--accent-purple);transform:rotate(180deg)}.help-faq__answer{padding:0 16px 14px}.help-faq__answer p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.help-section--report{background:linear-gradient(135deg, #6366f114, #8b5cf60d), var(--bg-card)}.help-report{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.help-report__icon{color:var(--accent-cyan);flex-shrink:0}.help-report h2{color:var(--text-primary);margin:0 0 4px;font-size:18px}.help-report p{margin:0;font-size:13px}.help-report .btn{align-items:center;gap:8px;margin-left:auto;display:inline-flex}@media (width<=900px){.help-nav{grid-template-columns:repeat(2,1fr)}.help-highlight-grid,.help-tiers{grid-template-columns:1fr}}@media (width<=480px){.help-nav{grid-template-columns:1fr 1fr}.help-section{padding:20px 18px}.help-report .btn{justify-content:center;width:100%;margin-left:0}}.combo-float{z-index:6;letter-spacing:.06em;white-space:nowrap;pointer-events:none;font-size:clamp(18px,3.5vw,26px);font-weight:900;animation:forwards combo-float-rise;position:absolute}.combo-float--top-left{top:14%;left:8%}.combo-float--top-right{top:14%;right:8%}.combo-float--middle-left{top:46%;left:8%;transform:translateY(-50%)}.combo-float--middle-right{top:46%;right:8%;transform:translateY(-50%)}.combo-float--bottom-left{bottom:18%;left:8%}.combo-float--bottom-right{bottom:18%;right:8%}.combo-float--x1{color:#c4b5fd;text-shadow:0 0 12px #a78bfae6,0 0 28px #8b5cf68c}.combo-float--x2{color:#7dd3fc;text-shadow:0 0 12px #38bdf8e6,0 0 28px #6366f18c}.combo-float--x3{color:#fde047;text-shadow:0 0 12px #fbbf24f2,0 0 32px #f59e0b99}@keyframes combo-float-rise{0%{opacity:0;transform:translateY(10px)scale(.88)}15%{opacity:1;transform:translateY(0)scale(1.08)}30%{transform:translateY(-4px)scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(-28px)scale(.96)}}.combo-float--middle-left,.combo-float--middle-right{animation-name:combo-float-rise-middle}@keyframes combo-float-rise-middle{0%{opacity:0;transform:translateY(calc(10px - 50%))scale(.88)}15%{opacity:1;transform:translateY(-50%)scale(1.08)}30%{transform:translateY(calc(-50% - 4px))scale(1)}75%{opacity:1}to{opacity:0;transform:translateY(calc(-50% - 28px))scale(.96)}}.word-game-tier-page{flex-direction:column;gap:14px;width:100%;display:flex}.word-game-tier-page__breadcrumb{color:var(--text-muted);align-items:center;gap:8px;width:100%;font-size:14px;display:flex}.word-game-tier-page__breadcrumb button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;transition:color .15s}.word-game-tier-page__breadcrumb button:hover{color:var(--accent-purple)}.word-game-tier-page__breadcrumb span{color:var(--text-primary);font-weight:600}.word-game-tier-page__panel-shell{width:min(95%,1100px);max-width:100%;margin:0 auto}.word-game-tier-page__state{text-align:center;min-height:calc(100dvh - var(--topbar-height,64px) - 80px);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 32px;display:flex}.word-game-tier-page__state h1{margin:0;font-size:24px}.word-game-tier-page__state p{color:var(--text-secondary);margin:0}.word-game-tier-page__panel{min-height:calc(100dvh - var(--topbar-height,64px) - 80px);flex-direction:column;align-items:center;padding:32px 48px 36px;display:flex;position:relative;overflow:hidden}.word-game-tier-page__hero{flex-direction:column;flex-shrink:0;align-items:center;gap:14px;width:100%;padding-top:4px;display:flex}.word-game-tier-page__progress{color:var(--text-secondary);letter-spacing:.06em;font-size:16px;font-weight:700}.word-game-tier-page__word{letter-spacing:.08em;text-align:center;margin:0;font-size:52px;font-weight:800;line-height:1.1}.word-game-tier-page__word--sentence{letter-spacing:.02em;max-width:720px;padding:0 12px;font-size:clamp(22px,4vw,36px)}.word-game-tier-page__grammar-fill{color:#4ade80;font-weight:800}.word-game-tier-page__game-body{flex-direction:column;flex:1;justify-content:flex-end;gap:20px;width:100%;max-width:760px;margin:0 auto;padding-top:56px;display:flex}.word-game-tier-page__options{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;display:grid}.word-game-tier-option{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;background:#0000004d;padding:20px 22px;font-size:17px;transition:border-color .15s,background .15s,color .15s}.word-game-tier-option:hover:not(:disabled){background:#8b5cf61f;border-color:#8b5cf680}.word-game-tier-option:disabled{cursor:default}.word-game-tier-option--correct{color:#4ade80;background:#4ade8026;border-color:#4ade8099}.word-game-tier-option--wrong{color:#f87171;background:#f8717126;border-color:#f8717199}.word-game-tier-page__feedback-slot{justify-content:center;align-items:center;min-height:36px;display:flex}.word-game-tier-page__feedback{width:100%;animation:.2s forwards word-game-feedback-in}.word-game-tier-page__feedback-text{text-align:center;margin:0;font-size:18px;font-weight:700}@keyframes word-game-feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.word-game-tier-page__feedback-text--correct{color:#4ade80}.word-game-tier-page__feedback-text--wrong{color:#f87171}.word-game-tier-page__summary{text-align:center;flex-direction:column;align-items:stretch;gap:22px;min-height:auto;padding:32px 40px 36px;display:flex}.word-game-tier-page__summary h1{margin:0;font-size:28px}.word-game-tier-page__summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;display:grid}.word-game-tier-summary-stat{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000040;padding:18px 14px}.word-game-tier-summary-stat__label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;display:block}.word-game-tier-summary-stat__value{font-size:28px;font-weight:800;line-height:1.1;display:block}.word-game-tier-summary-stat__value--correct{color:#4ade80}.word-game-tier-summary-stat__value--wrong{color:#f87171}.word-game-tier-summary-stat__value--combo{color:#fbbf24}.word-game-tier-page__word-lists{text-align:left;grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.word-game-tier-word-list h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:14px;font-weight:700}.word-game-tier-word-list--wrong h2{color:#f87171}.word-game-tier-word-list__rows{flex-direction:column;gap:8px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.word-game-tier-word-list__rows::-webkit-scrollbar{width:6px}.word-game-tier-word-list__rows::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.word-game-tier-word-list__empty{color:var(--text-muted);border-radius:var(--radius-md);border:1px dashed var(--border-glass);background:#00000026;margin:0;padding:16px 14px;font-size:13px}.word-game-tier-word-row{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000038;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:11px 12px;display:grid}.word-game-tier-word-row__word{letter-spacing:.04em;font-size:14px;font-weight:700}.word-game-tier-word-row__translation{color:var(--text-secondary);font-size:14px}.word-game-tier-word-row__star{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:#00000040;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.word-game-tier-word-row__star:hover:not(:disabled){color:#fbbf24;background:#fbbf241a;border-color:#fbbf2473}.word-game-tier-word-row__star--saved{color:#fbbf24;cursor:default;background:#fbbf241f;border-color:#fbbf2473}.word-game-tier-word-row__star:disabled:not(.word-game-tier-word-row__star--saved){opacity:.6;cursor:wait}.word-game-tier-page__xp-block{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#8b5cf614;width:100%;padding:16px 20px}.word-game-tier-page__xp-block--compact .word-game-tier-page__xp-rows{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.word-game-tier-page__xp-row{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.word-game-tier-page__xp-row strong{color:#c4b5fd;font-size:20px}.word-game-tier-page__xp-row--combo strong{color:#fbbf24}.word-game-tier-page__summary-actions{flex-direction:row;gap:12px;width:100%;display:flex}.word-game-tier-page__action-btn{flex:1}@media (width<=1024px){.word-game-tier-page__panel-shell{width:100%}.word-game-tier-page__panel{padding:20px 20px 24px}.word-game-tier-page__summary-grid{grid-template-columns:repeat(2,1fr)}.word-game-tier-page__word-lists,.word-game-tier-page__xp-block--compact .word-game-tier-page__xp-rows{grid-template-columns:1fr}.word-game-tier-page__summary-actions{flex-direction:column}}@media (width<=640px){.word-game-tier-page{gap:10px}.word-game-tier-page__breadcrumb{flex-wrap:wrap;font-size:12px}.word-game-tier-page__panel-shell{width:100%}.word-game-tier-page__panel{min-height:calc(100dvh - var(--topbar-height) - var(--bottom-nav-height) - 56px);padding:14px 12px 16px}.word-game-tier-page__options{grid-template-columns:1fr;gap:10px}.word-game-tier-option{padding:16px 14px;font-size:15px}.word-game-tier-page__word{word-break:break-word;font-size:clamp(28px,8vw,36px)}.word-game-tier-page__game-body{max-width:100%;padding-top:24px}.word-game-tier-page__summary{padding:20px 14px 24px}.word-game-tier-page__summary-grid{grid-template-columns:1fr}.word-game-tier-word-row{grid-template-rows:auto auto;grid-template-columns:1fr auto}.word-game-tier-word-row__translation{grid-column:1}.word-game-tier-word-row__star{grid-area:1/2/span 2}}.languages-page{background:radial-gradient(ellipse 70% 50% at 50% 0%, #8b5cf633, transparent), var(--bg-deep);min-height:100dvh;padding:40px 24px}.languages-page__inner{flex-direction:column;align-items:center;gap:12px;max-width:720px;margin:0 auto;display:flex}.languages-page__title{text-align:center;background:var(--gradient-neon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:24px 0 0;font-size:28px;font-weight:700}.languages-page__subtitle{color:var(--text-secondary);text-align:center;margin:0 0 32px}.languages-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;width:100%;display:grid}.language-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;display:flex;position:relative}.language-card--locked{opacity:.55;cursor:not-allowed}.language-card__flag{font-size:40px;line-height:1}.language-card__name{font-size:18px;font-weight:600}.language-card__badge{color:var(--text-muted);background:#0000004d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.language-card--selecting{opacity:.7;pointer-events:none}.languages-page__error{color:#f87171;margin:0;font-size:14px}.languages-page__loading{color:var(--text-secondary);font-size:14px}.leaderboard-page{width:100%;min-width:0;max-width:100%;min-height:calc(100dvh - var(--topbar-height,64px) - 48px);flex-direction:column;gap:16px;display:flex;overflow-x:hidden}.leaderboard-page__header{align-items:center;gap:16px;display:flex}.leaderboard-page__header h1{margin:0;font-size:24px;font-weight:700}.leaderboard-page__header p{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.leaderboard-page__icon{color:#fbbf24;flex-shrink:0}.leaderboard-page__lang-tabs{flex-wrap:wrap;gap:8px;display:flex}.leaderboard-page__view-tabs{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000040;grid-template-columns:1fr 1fr;gap:8px;max-width:360px;padding:4px;display:grid}.leaderboard-page__tab{border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.leaderboard-page__lang-tabs .leaderboard-page__tab{border-color:var(--border-glass);background:#00000040}.leaderboard-page__tab--active{color:var(--text-primary);border-color:var(--border-glow)!important;background:#8b5cf633!important}.leaderboard-page__content{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex}.leaderboard-page__state{text-align:center;color:var(--text-secondary);flex:1;justify-content:center;align-items:center;padding:48px 32px;display:flex}.leaderboard-podium{grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:12px;display:grid}.leaderboard-podium__slot{min-width:0}.leaderboard-podium__card{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;display:flex}.leaderboard-podium__card--first{background:linear-gradient(#fbbf241a,#0003);border-color:#fbbf2459;min-height:200px;padding:28px 20px}.leaderboard-podium__card--other{min-height:160px}.leaderboard-podium__card--self{box-shadow:0 0 0 1px var(--border-glow)}.leaderboard-podium__rank{color:var(--accent-purple);font-size:22px;font-weight:800}.leaderboard-podium__card--first .leaderboard-podium__rank{color:#fbbf24;font-size:28px}.leaderboard-podium__name{word-break:break-word;font-size:16px;font-weight:700}.leaderboard-podium__card--first .leaderboard-podium__name{font-size:18px}.leaderboard-podium__meta{color:var(--text-muted);flex-direction:column;gap:2px;font-size:12px;display:flex}.leaderboard-podium__rank-label{color:var(--accent-purple);font-size:13px;font-weight:600}.leaderboard-podium__value{color:var(--accent-cyan);font-size:15px;font-weight:700}.leaderboard-podium__card--first .leaderboard-podium__value{font-size:17px}.leaderboard-podium__streak,.leaderboard-podium__placement{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:inline-flex}.leaderboard-list-card{padding:8px}.leaderboard-list{margin:0;padding:0;list-style:none}.leaderboard-list__item{border-radius:var(--radius-md);align-items:center;gap:16px;padding:14px 16px;transition:background .15s;display:flex}.leaderboard-list__rank-badge{flex-shrink:0}.leaderboard-list__item:hover{background:#ffffff08}.leaderboard-list__item--self{border:1px solid var(--border-glow);background:#8b5cf61f}.leaderboard-list__rank{color:var(--accent-purple);flex-shrink:0;width:40px;font-size:16px;font-weight:800}.leaderboard-list__info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.leaderboard-list__name{font-size:15px;font-weight:600}.leaderboard-list__meta{color:var(--text-muted);font-size:12px}.leaderboard-list__value{color:var(--accent-cyan);flex-shrink:0;font-size:14px;font-weight:700}.leaderboard-own{margin-top:auto;padding:20px 24px}.leaderboard-own__title{margin:0 0 14px;font-size:16px;font-weight:600}.leaderboard-own__body{align-items:center;gap:16px;display:flex}.leaderboard-own__rank{color:var(--accent-purple);flex-shrink:0;width:48px;font-size:20px;font-weight:800}.leaderboard-own__info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.leaderboard-own__name{font-size:15px;font-weight:600}.leaderboard-own__meta{color:var(--text-muted);font-size:12px}.leaderboard-own__value{color:var(--accent-cyan);flex-shrink:0;font-size:15px;font-weight:700}.leaderboard-own__empty{color:var(--text-secondary);margin:0;font-size:14px}@media (width<=1024px){.leaderboard-page__view-tabs{max-width:100%}}@media (width<=640px){.leaderboard-page__header h1{font-size:20px}.leaderboard-page__view-tabs{grid-template-columns:1fr 1fr;max-width:100%}.leaderboard-page__tab{padding:12px 10px;font-size:13px}.leaderboard-podium{grid-template-columns:1fr;align-items:stretch}.leaderboard-podium__slot:empty{display:none}.leaderboard-podium__card--first{order:-1}.leaderboard-podium__card{padding:16px 14px;min-height:auto!important}.leaderboard-list__item{gap:10px;padding:12px 10px}.leaderboard-list__rank{width:32px;font-size:14px}.leaderboard-list__value{font-size:13px}.leaderboard-own__body{flex-wrap:wrap}}.auth-page{background:radial-gradient(ellipse 80% 60% at 50% -10%, #8b5cf640, transparent), radial-gradient(ellipse 60% 50% at 100% 50%, #6366f11f, transparent), radial-gradient(ellipse 50% 40% at 0% 80%, #3b82f61a, transparent), var(--bg-deep);justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.auth-card{flex-direction:column;gap:24px;width:100%;max-width:420px;padding:40px 36px;display:flex}.auth-card__header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.auth-card__title{color:var(--text-primary);margin:0;font-size:22px;font-weight:600}.auth-card__subtitle{color:var(--text-secondary);margin:0;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-footer{text-align:center;color:var(--text-secondary);font-size:14px}.auth-footer a{font-weight:600}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border-glass);flex:1;height:1px}.checkbox-field{color:var(--text-secondary);text-align:left;cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;display:flex}.checkbox-field input{accent-color:var(--accent-violet);margin-top:3px}.auth-error{border-radius:var(--radius-md);color:#fca5a5;text-align:center;background:#f871711f;border:1px solid #f8717159;margin:0;padding:12px 16px;font-size:14px}.auth-success{border-radius:var(--radius-md);color:#67e8f9;text-align:center;background:#22d3ee1a;border:1px solid #22d3ee4d;margin:0;padding:12px 16px;font-size:14px}.placeholder-page{justify-content:center;align-items:center;min-height:60vh;display:flex}.placeholder-card{text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:480px;padding:48px 40px;display:flex}.placeholder-card h1{margin:0;font-size:24px;font-weight:700}.placeholder-card p{color:var(--text-secondary);margin:0;font-size:14px}.image-game-page{width:100%;min-height:calc(100dvh - var(--topbar-height,64px) - 48px);flex-direction:column;gap:20px;min-width:0;max-width:100%;display:flex}.image-game-page__header{flex-direction:column;gap:16px;display:flex}.image-game-page__back{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:fit-content;color:var(--text-secondary);cursor:pointer;background:#00000040;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.image-game-page__back:hover{color:var(--text-primary);background:#00000059;border-color:#fff3}.image-game-page__header h1{margin:0;font-size:28px;font-weight:800}.image-game-page__header p{color:var(--text-secondary);margin:8px 0 0;font-size:15px}.image-game-page__notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.image-game-page__notice p{color:var(--text-secondary);max-width:720px;margin:0;font-size:14px}.image-game-page__tiers{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.image-game-tier-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:168px;padding:24px 20px 22px;display:flex}.image-game-tier-card--active{cursor:pointer}.image-game-tier-card__id{text-transform:uppercase;letter-spacing:.05em;width:100%;color:var(--accent-purple);font-size:12px;font-weight:700;line-height:1.45;display:block}.image-game-tier-card__progress{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:220px;display:flex}.image-game-tier-card__progress-count{color:#c4b5fd;letter-spacing:.02em;font-size:15px;font-weight:700}.image-game-tier-card__progress-track{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.image-game-tier-card__progress-fill{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#a78bfa);height:100%}.image-game-tier-card__cta{color:var(--accent-cyan);margin-top:2px;font-size:13px;font-weight:600}@media (width<=1024px){.image-game-page__tiers{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.image-game-page__header h1{font-size:22px}.image-game-page__tiers{grid-template-columns:1fr}.image-game-tier-card{min-height:auto;padding:20px 16px 18px}.image-game-tier-card__progress{max-width:100%}}.image-game-tier-page{flex-direction:column;gap:14px;width:100%;display:flex}.image-game-tier-page__breadcrumb{color:var(--text-muted);align-items:center;gap:8px;width:100%;font-size:14px;display:flex}.image-game-tier-page__breadcrumb button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;transition:color .15s}.image-game-tier-page__breadcrumb button:hover{color:var(--accent-purple)}.image-game-tier-page__breadcrumb span{color:var(--text-primary);font-weight:600}.image-game-tier-page__panel-shell{width:min(95%,1100px);max-width:100%;margin:0 auto}.image-game-tier-page__state{text-align:center;min-height:calc(100dvh - var(--topbar-height,64px) - 80px);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 32px;display:flex}.image-game-tier-page__state h1{margin:0;font-size:24px}.image-game-tier-page__state p{color:var(--text-secondary);margin:0}.image-game-tier-page__panel{min-height:calc(100dvh - var(--topbar-height,64px) - 80px);flex-direction:column;align-items:center;padding:32px 48px 36px;display:flex;position:relative;overflow:hidden}.image-game-tier-page__hero{flex-direction:column;flex-shrink:0;align-items:center;gap:14px;width:100%;padding-top:4px;display:flex}.image-game-tier-page__progress{color:var(--text-secondary);letter-spacing:.06em;font-size:16px;font-weight:700}.image-game-tier-page__image{object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:#00000059}.image-game-tier-page__image--large{width:min(100%,420px);height:min(52vw,280px);max-height:280px}.image-game-tier-page__image--thumb{flex-shrink:0;width:56px;height:56px}.image-game-tier-page__image-placeholder{text-align:center;border-radius:var(--radius-lg);color:var(--text-secondary);background:#00000059;border:1px dashed #8b5cf673;justify-content:center;align-items:center;padding:16px;font-size:14px;line-height:1.4;display:flex}.image-game-tier-page__image-placeholder--large{width:min(100%,420px);height:min(52vw,280px);max-height:280px}.image-game-tier-page__image-placeholder--thumb{flex-shrink:0;width:56px;height:56px;padding:4px;font-size:9px}.image-game-tier-page__game-body{flex-direction:column;flex:1;justify-content:flex-end;gap:20px;width:100%;max-width:760px;margin:0 auto;padding-top:28px;display:flex}.image-game-tier-page__options{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;display:grid}.image-game-tier-option{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;background:#0000004d;padding:18px 20px;font-size:16px;line-height:1.4;transition:border-color .15s,background .15s,color .15s}.image-game-tier-option:hover:not(:disabled){background:#8b5cf61f;border-color:#8b5cf680}.image-game-tier-option:disabled{cursor:default}.image-game-tier-option--correct{color:#4ade80;background:#4ade8026;border-color:#4ade8099}.image-game-tier-option--wrong{color:#f87171;background:#f8717126;border-color:#f8717199}.image-game-tier-page__feedback-slot{justify-content:center;align-items:center;min-height:36px;display:flex}.image-game-tier-page__feedback{width:100%;animation:.2s forwards image-game-feedback-in}.image-game-tier-page__feedback-text{text-align:center;margin:0;font-size:18px;font-weight:700}@keyframes image-game-feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.image-game-tier-page__feedback-text--correct{color:#4ade80}.image-game-tier-page__feedback-text--wrong{color:#f87171}.image-game-tier-page__summary{text-align:center;flex-direction:column;align-items:stretch;gap:22px;min-height:auto;padding:32px 40px 36px;display:flex}.image-game-tier-page__summary h1{margin:0;font-size:28px}.image-game-tier-page__summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;display:grid}.image-game-tier-summary-stat{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000040;padding:18px 14px}.image-game-tier-summary-stat__label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;display:block}.image-game-tier-summary-stat__value{font-size:28px;font-weight:800;line-height:1.1;display:block}.image-game-tier-summary-stat__value--correct{color:#4ade80}.image-game-tier-summary-stat__value--wrong{color:#f87171}.image-game-tier-summary-stat__value--combo{color:#fbbf24}.image-game-tier-page__result-lists{text-align:left;grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.image-game-tier-result-list h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:14px;font-weight:700}.image-game-tier-result-list--wrong h2{color:#f87171}.image-game-tier-result-list__rows{flex-direction:column;gap:8px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.image-game-tier-result-list__rows::-webkit-scrollbar{width:6px}.image-game-tier-result-list__rows::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.image-game-tier-result-list__empty{color:var(--text-muted);border-radius:var(--radius-md);border:1px dashed var(--border-glass);background:#00000026;margin:0;padding:16px 14px;font-size:13px}.image-game-tier-result-row{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000038;grid-template-columns:auto 1fr 1fr;align-items:center;gap:10px;padding:11px 12px;display:grid}.image-game-tier-result-row__word{font-size:14px;font-weight:600;line-height:1.4}.image-game-tier-result-row__translation{color:var(--text-secondary);font-size:14px;line-height:1.4}.image-game-tier-page__xp-block{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#8b5cf614;width:100%;padding:16px 20px}.image-game-tier-page__xp-block--compact .image-game-tier-page__xp-rows{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.image-game-tier-page__xp-row{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.image-game-tier-page__xp-row strong{color:#c4b5fd;font-size:20px}.image-game-tier-page__xp-row--combo strong{color:#fbbf24}.image-game-tier-page__summary-actions{flex-direction:row;gap:12px;width:100%;display:flex}.image-game-tier-page__action-btn{flex:1}@media (width<=1024px){.image-game-tier-page__panel-shell{width:100%}.image-game-tier-page__panel{padding:20px 20px 24px}.image-game-tier-page__summary-grid{grid-template-columns:repeat(2,1fr)}.image-game-tier-page__result-lists,.image-game-tier-page__xp-block--compact .image-game-tier-page__xp-rows{grid-template-columns:1fr}.image-game-tier-page__summary-actions{flex-direction:column}}@media (width<=640px){.image-game-tier-page{gap:10px}.image-game-tier-page__breadcrumb{flex-wrap:wrap;font-size:12px}.image-game-tier-page__panel{min-height:calc(100dvh - var(--topbar-height) - var(--bottom-nav-height) - 56px);padding:14px 12px 16px}.image-game-tier-page__options{grid-template-columns:1fr;gap:10px}.image-game-tier-option{padding:14px;font-size:15px}.image-game-tier-page__game-body{max-width:100%;padding-top:16px}.image-game-tier-page__summary{padding:20px 14px 24px}.image-game-tier-page__summary-grid{grid-template-columns:1fr}.image-game-tier-result-row{grid-template-columns:auto 1fr}.image-game-tier-result-row__translation{grid-column:2}}.sentence-game-page{width:100%;min-height:calc(100dvh - var(--topbar-height,64px) - 48px);flex-direction:column;gap:20px;min-width:0;max-width:100%;display:flex}.sentence-game-page__header{flex-direction:column;gap:16px;display:flex}.sentence-game-page__back{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:fit-content;color:var(--text-secondary);cursor:pointer;background:#00000040;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.sentence-game-page__back:hover{color:var(--text-primary);background:#00000059;border-color:#fff3}.sentence-game-page__header h1{margin:0;font-size:28px;font-weight:800}.sentence-game-page__header p{color:var(--text-secondary);margin:8px 0 0;font-size:15px}.sentence-game-page__notice{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.sentence-game-page__notice p{color:var(--text-secondary);max-width:720px;margin:0;font-size:14px}.sentence-game-page__tiers{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.sentence-game-tier-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:168px;padding:24px 20px 22px;display:flex}.sentence-game-tier-card--active{cursor:pointer}.sentence-game-tier-card--locked{opacity:.65}.sentence-game-tier-card__id{text-transform:uppercase;letter-spacing:.05em;width:100%;color:var(--accent-purple);font-size:12px;font-weight:700;line-height:1.45;display:block}.sentence-game-tier-card__progress{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:220px;display:flex}.sentence-game-tier-card__progress-count{color:#c4b5fd;letter-spacing:.02em;font-size:15px;font-weight:700}.sentence-game-tier-card__progress-track{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.sentence-game-tier-card__progress-fill{border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#a78bfa);height:100%}.sentence-game-tier-card__cta{color:var(--accent-cyan);margin-top:2px;font-size:13px;font-weight:600}.sentence-game-tier-card__cta--muted{color:var(--text-muted)}@media (width<=1024px){.sentence-game-page__tiers{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.sentence-game-page__header h1{font-size:22px}.sentence-game-page__tiers{grid-template-columns:1fr}.sentence-game-tier-card{min-height:auto;padding:20px 16px 18px}.sentence-game-tier-card__progress{max-width:100%}}.sentence-game-tier-page{flex-direction:column;gap:14px;width:100%;display:flex}.sentence-game-tier-page__breadcrumb{color:var(--text-muted);align-items:center;gap:8px;width:100%;font-size:14px;display:flex}.sentence-game-tier-page__breadcrumb button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;transition:color .15s}.sentence-game-tier-page__breadcrumb button:hover{color:var(--accent-purple)}.sentence-game-tier-page__breadcrumb span{color:var(--text-primary);font-weight:600}.sentence-game-tier-page__panel-shell{width:min(95%,1100px);max-width:100%;margin:0 auto}.sentence-game-tier-page__state{text-align:center;min-height:calc(100dvh - var(--topbar-height,64px) - 80px);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 32px;display:flex}.sentence-game-tier-page__state h1{margin:0;font-size:24px}.sentence-game-tier-page__state p{color:var(--text-secondary);margin:0}.sentence-game-tier-page__panel{min-height:calc(100dvh - var(--topbar-height,64px) - 80px);flex-direction:column;align-items:center;padding:32px 48px 36px;display:flex;position:relative;overflow:hidden}.sentence-game-tier-page__hero{flex-direction:column;flex-shrink:0;align-items:center;gap:14px;width:100%;padding-top:4px;display:flex}.sentence-game-tier-page__progress{color:var(--text-secondary);letter-spacing:.06em;font-size:16px;font-weight:700}.sentence-game-tier-page__sentence{text-align:center;max-width:820px;margin:0;font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.35}.sentence-game-tier-page__game-body{flex-direction:column;flex:1;justify-content:flex-end;gap:20px;width:100%;max-width:760px;margin:0 auto;padding-top:40px;display:flex}.sentence-game-tier-page__options{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;display:grid}.sentence-game-tier-option{border:1px solid var(--border-glass);border-radius:var(--radius-md);color:var(--text-primary);text-align:left;cursor:pointer;background:#0000004d;padding:18px 20px;font-size:16px;line-height:1.4;transition:border-color .15s,background .15s,color .15s}.sentence-game-tier-option:hover:not(:disabled){background:#8b5cf61f;border-color:#8b5cf680}.sentence-game-tier-option:disabled{cursor:default}.sentence-game-tier-option--correct{color:#4ade80;background:#4ade8026;border-color:#4ade8099}.sentence-game-tier-option--wrong{color:#f87171;background:#f8717126;border-color:#f8717199}.sentence-game-tier-page__feedback-slot{justify-content:center;align-items:center;min-height:36px;display:flex}.sentence-game-tier-page__feedback{width:100%;animation:.2s forwards sentence-game-feedback-in}.sentence-game-tier-page__feedback-text{text-align:center;margin:0;font-size:18px;font-weight:700}@keyframes sentence-game-feedback-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sentence-game-tier-page__feedback-text--correct{color:#4ade80}.sentence-game-tier-page__feedback-text--wrong{color:#f87171}.sentence-game-tier-page__summary{text-align:center;flex-direction:column;align-items:stretch;gap:22px;min-height:auto;padding:32px 40px 36px;display:flex}.sentence-game-tier-page__summary h1{margin:0;font-size:28px}.sentence-game-tier-page__summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;width:100%;display:grid}.sentence-game-tier-summary-stat{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000040;padding:18px 14px}.sentence-game-tier-summary-stat__label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;display:block}.sentence-game-tier-summary-stat__value{font-size:28px;font-weight:800;line-height:1.1;display:block}.sentence-game-tier-summary-stat__value--correct{color:#4ade80}.sentence-game-tier-summary-stat__value--wrong{color:#f87171}.sentence-game-tier-summary-stat__value--combo{color:#fbbf24}.sentence-game-tier-page__result-lists{text-align:left;grid-template-columns:1fr 1fr;gap:20px;width:100%;display:grid}.sentence-game-tier-result-list h2{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:14px;font-weight:700}.sentence-game-tier-result-list--wrong h2{color:#f87171}.sentence-game-tier-result-list__rows{flex-direction:column;gap:8px;max-height:360px;padding-right:4px;display:flex;overflow-y:auto}.sentence-game-tier-result-list__rows::-webkit-scrollbar{width:6px}.sentence-game-tier-result-list__rows::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sentence-game-tier-result-list__empty{color:var(--text-muted);border-radius:var(--radius-md);border:1px dashed var(--border-glass);background:#00000026;margin:0;padding:16px 14px;font-size:13px}.sentence-game-tier-result-row{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000038;grid-template-columns:1fr 1fr;align-items:start;gap:10px;padding:11px 12px;display:grid}.sentence-game-tier-result-row__sentence{font-size:14px;font-weight:600;line-height:1.4}.sentence-game-tier-result-row__translation{color:var(--text-secondary);font-size:14px;line-height:1.4}.sentence-game-tier-page__xp-block{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#8b5cf614;width:100%;padding:16px 20px}.sentence-game-tier-page__xp-block--compact .sentence-game-tier-page__xp-rows{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.sentence-game-tier-page__xp-row{color:var(--text-secondary);flex-direction:column;align-items:center;gap:4px;font-size:13px;display:flex}.sentence-game-tier-page__xp-row strong{color:#c4b5fd;font-size:20px}.sentence-game-tier-page__xp-row--combo strong{color:#fbbf24}.sentence-game-tier-page__summary-actions{flex-direction:row;gap:12px;width:100%;display:flex}.sentence-game-tier-page__action-btn{flex:1}@media (width<=1024px){.sentence-game-tier-page__panel-shell{width:100%}.sentence-game-tier-page__panel{padding:20px 20px 24px}.sentence-game-tier-page__summary-grid{grid-template-columns:repeat(2,1fr)}.sentence-game-tier-page__result-lists,.sentence-game-tier-page__xp-block--compact .sentence-game-tier-page__xp-rows{grid-template-columns:1fr}.sentence-game-tier-page__summary-actions{flex-direction:column}}@media (width<=640px){.sentence-game-tier-page{gap:10px}.sentence-game-tier-page__breadcrumb{flex-wrap:wrap;font-size:12px}.sentence-game-tier-page__panel{min-height:calc(100dvh - var(--topbar-height) - var(--bottom-nav-height) - 56px);padding:14px 12px 16px}.sentence-game-tier-page__options{grid-template-columns:1fr;gap:10px}.sentence-game-tier-option{padding:14px;font-size:15px}.sentence-game-tier-page__sentence{font-size:clamp(20px,5.5vw,28px)}.sentence-game-tier-page__game-body{max-width:100%;padding-top:20px}.sentence-game-tier-page__summary{padding:20px 14px 24px}.sentence-game-tier-page__summary-grid,.sentence-game-tier-result-row{grid-template-columns:1fr}}.account-xp-ring{width:148px;height:148px;margin:0 auto;position:relative}.account-xp-ring--large{width:184px;height:184px}.account-xp-ring__svg{filter:drop-shadow(0 0 12px #8b5cf659);display:block}.account-xp-ring__track{fill:none;stroke:#00000080}.account-xp-ring__progress{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s}.account-xp-ring__avatar{background:var(--gradient-neon);color:#fff;box-shadow:var(--shadow-neon);border-radius:50%;justify-content:center;align-items:center;font-size:40px;font-weight:800;display:flex;position:absolute;inset:14px}.account-xp-ring--large .account-xp-ring__avatar{font-size:52px;inset:16px}@media (width<=640px){.account-xp-ring{width:120px;height:120px}.account-xp-ring--large{width:140px;height:140px}.account-xp-ring__avatar{font-size:32px;inset:12px}.account-xp-ring--large .account-xp-ring__avatar{font-size:40px;inset:14px}}.profile-ranked-carousel{flex-direction:column;gap:16px;display:flex}.profile-ranked-carousel__empty{text-align:center;color:var(--text-secondary);margin:0;padding:24px;font-size:14px}.profile-ranked-carousel__nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-ranked-carousel__arrow{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:#00000059;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s,background .15s;display:flex}.profile-ranked-carousel__arrow:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-glow);background:#8b5cf626}.profile-ranked-carousel__arrow:disabled{opacity:.35;cursor:not-allowed}.profile-ranked-carousel__title{text-align:center;flex:1;font-size:17px;font-weight:700}.profile-ranked-carousel__card{border-radius:var(--radius-lg);border:1px solid var(--border-glass);background:radial-gradient(80% 60% at 50% 0,#8b5cf626,#0000),#00000059;flex-direction:column;align-items:center;gap:20px;padding:28px 24px;display:flex}.profile-ranked-carousel__stats{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.profile-ranked-carousel__stat{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.profile-ranked-carousel__stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:10px}.profile-ranked-carousel__stat strong{font-size:16px}.profile-ranked-carousel__placement{width:100%}.profile-ranked-carousel__placement-bar{background:#00000073;border-radius:8px;height:8px;overflow:hidden}.profile-ranked-carousel__placement-fill{background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:8px;height:100%;transition:width .4s}.profile-ranked-carousel__dots{justify-content:center;gap:8px;display:flex}.profile-ranked-carousel__dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.profile-ranked-carousel__dot--active{background:var(--accent-purple);transform:scale(1.2)}@media (width<=640px){.profile-ranked-carousel__stats{grid-template-columns:repeat(2,1fr)}}.profile-page{width:100%;min-height:calc(100dvh - var(--topbar-height,64px) - 48px);flex-direction:column;gap:16px;display:flex}.profile-search--compact{padding:14px 18px}.profile-search__row{align-items:flex-end;gap:10px;display:flex}.profile-search__row .input-field{flex:1;margin:0}.profile-search__row .input-field__label{font-size:12px}.profile-search-results{flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.profile-search-results__item{border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:inherit;font:inherit;cursor:pointer;background:#0000004d;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;transition:border-color .15s,background .15s;display:flex}.profile-search-results__item:hover{border-color:var(--border-glow);background:#8b5cf61f}.profile-search-results__item strong{font-size:13px}.profile-search-results__item span{color:var(--accent-cyan);font-size:11px;font-weight:600}.profile-layout{flex:1;grid-template-columns:260px minmax(0,1fr) 300px;align-items:start;gap:16px;display:grid}.profile-banner{min-height:100%;position:relative}.profile-banner__glow{pointer-events:none;z-index:0;background:radial-gradient(100% 80% at 50% 0,#8b5cf633,#0000 70%);position:absolute;inset:0}.profile-banner__card{z-index:1;text-align:center;background:linear-gradient(180deg, #8b5cf614 0%, #0006 40%), var(--bg-card);border-color:#8b5cf64d;flex-direction:column;align-items:center;gap:6px;min-height:480px;padding:28px 20px 24px;display:flex;position:relative}.profile-banner__name{word-break:break-word;margin:18px 0 0;font-size:22px;font-weight:800;line-height:1.2}.profile-banner__id{color:var(--accent-cyan);letter-spacing:.05em;margin:0;font-size:13px;font-weight:600}.profile-banner__badges{gap:10px;margin-top:12px;display:flex}.profile-banner__level{border:1px solid var(--border-glow);color:var(--accent-purple);background:#8b5cf640;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700}.profile-banner__streak{color:#fb923c;background:#fb923c26;border:1px solid #fb923c59;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-flex}.profile-banner__xp{color:var(--text-secondary);margin:8px 0 0;font-size:13px;font-weight:600}.profile-banner__actions{flex-direction:column;gap:8px;width:100%;margin-top:auto;padding-top:20px;display:flex}.profile-banner__actions .btn{justify-content:center;align-items:center;gap:8px;display:inline-flex}.profile-main{flex-direction:column;gap:16px;min-width:0;display:flex}.profile-hero{min-height:280px;padding:28px;position:relative;overflow:hidden}.profile-hero__bg{z-index:0;background:radial-gradient(70% 80% at 80% 20%,#6366f140,#0000),radial-gradient(50% 60% at 10% 90%,#22d3ee1f,#0000),linear-gradient(135deg,#0f172ae6,#060a14f2);position:absolute;inset:0}.profile-hero>:not(.profile-hero__bg){z-index:1;position:relative}.profile-hero__header{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.profile-hero__flag{font-size:48px;line-height:1}.profile-hero__lang{margin:0;font-size:26px;font-weight:800}.profile-hero__level{color:var(--accent-purple);margin:4px 0 0;font-size:14px;font-weight:600}.profile-hero__xp-block{text-align:right;margin-left:auto}.profile-hero__xp-value{color:var(--accent-cyan);font-size:28px;font-weight:800;line-height:1;display:block}.profile-hero__xp-label{color:var(--text-muted);font-size:12px}.profile-hero__xp-bar{background:#00000073;border-radius:10px;height:10px;margin:20px 0 24px;overflow:hidden}.profile-hero__xp-fill{background:linear-gradient(90deg,#8b5cf6,#6366f1,#22d3ee);border-radius:10px;height:100%;transition:width .5s;box-shadow:0 0 12px #8b5cf680}.profile-hero__stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.profile-stat-block{border-radius:var(--radius-md);border:1px solid var(--border-glass);text-align:center;background:#00000059;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;display:flex}.profile-stat-block--highlight{background:#fbbf2414;border-color:#fbbf2459}.profile-stat-block__icon{color:var(--accent-purple);opacity:.9}.profile-stat-block--highlight .profile-stat-block__icon{color:#fbbf24}.profile-stat-block__value{font-size:22px;font-weight:800;line-height:1}.profile-stat-block__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px}.profile-hero__empty{text-align:center;color:var(--text-secondary);margin:40px 0}.profile-ranked-section{padding:20px 24px}.profile-panel-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;font-weight:700;display:flex}.profile-aside{flex-direction:column;gap:14px;min-width:0;display:flex}.profile-langs-panel{padding:18px}.profile-aside__empty{color:var(--text-muted);margin:0;font-size:13px}.profile-langs-grid{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.profile-lang-tile{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:#00000047;padding:14px;transition:border-color .15s,background .15s,box-shadow .15s}.profile-lang-tile:hover{background:#00000061;border-color:#ffffff26}.profile-lang-tile--active{border-color:#8b5cf666}.profile-lang-tile--selected{border-color:var(--border-glow);background:#8b5cf61a;box-shadow:0 0 16px #8b5cf633}.profile-lang-tile__top{align-items:center;gap:8px;display:flex}.profile-lang-tile__flag{font-size:20px;line-height:1}.profile-lang-tile__name{flex:1;min-width:0;font-size:14px;font-weight:700}.profile-lang-tile__level{color:var(--accent-purple);margin-top:8px;font-size:12px;font-weight:600}.profile-lang-tile__bar{background:#0006;border-radius:5px;height:5px;margin-top:8px;overflow:hidden}.profile-lang-tile__bar-fill{background:var(--gradient-neon);border-radius:5px;height:100%;transition:width .4s}.profile-lang-tile__meta{color:var(--text-muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.profile-placeholder{min-height:100px;padding:18px}.profile-placeholder__text{color:var(--text-muted);text-align:center;margin:0;padding:16px 0;font-size:13px}.page-error{color:#f87171;margin:0;font-size:14px}.profile-page{min-width:0;max-width:100%;overflow-x:hidden}@media (width<=1024px){.profile-layout{grid-template-columns:240px minmax(0,1fr)}.profile-aside{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.profile-langs-panel{grid-column:1/-1}.profile-langs-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}}@media (width<=640px){.profile-layout{grid-template-columns:1fr}.profile-banner{width:100%}.profile-banner__card{min-height:auto;padding:20px 16px}.profile-aside{grid-template-columns:1fr}.profile-langs-grid{grid-template-columns:1fr!important}.profile-hero__stats{grid-template-columns:repeat(2,1fr)}.profile-hero__xp-block{text-align:left;width:100%;margin-left:0}.profile-search__row{flex-direction:column;align-items:stretch}.profile-search__row .btn{justify-content:center;width:100%}}.settings-toggle{cursor:pointer;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.settings-toggle:last-child{border-bottom:none}.settings-toggle--disabled{opacity:.5;cursor:not-allowed}.settings-toggle__text{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-toggle__label{font-size:14px;font-weight:500}.settings-toggle__desc{color:var(--text-muted);font-size:12px}.settings-toggle__switch{border:1px solid var(--border-glass);cursor:pointer;background:#0006;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s,border-color .2s;position:relative}.settings-toggle__switch--on{border-color:var(--border-glow);background:#8b5cf659}.settings-toggle__switch:disabled{cursor:not-allowed}.settings-toggle__knob{background:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.settings-toggle__switch--on .settings-toggle__knob{background:var(--accent-purple);transform:translate(20px)}.settings-page{width:100%;min-height:calc(100dvh - var(--topbar-height,64px) - 48px)}.settings-page__title{margin:0 0 20px;font-size:28px;font-weight:800}.settings-page__loading,.settings-page__error{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.settings-page__error{color:#f87171}.settings-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.settings-card{flex-direction:column;gap:4px;padding:22px 24px;display:flex}.settings-card--premium{background:linear-gradient(135deg, #8b5cf61a, #6366f10d), var(--bg-card);border-color:#8b5cf659}.settings-card__head{color:var(--accent-purple);align-items:center;gap:10px;margin-bottom:12px;display:flex}.settings-card__head h2{color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.settings-card__sub{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:12px 0 8px;font-size:12px;font-weight:600}.settings-options{flex-direction:column;gap:6px;display:flex}.settings-option{border:1px solid var(--border-glass);border-radius:var(--radius-sm);cursor:pointer;background:#0003;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,background .15s;display:flex}.settings-option:hover{border-color:var(--border-glow);background:#8b5cf614}.settings-option input{accent-color:var(--accent-purple)}.settings-option span{font-size:14px;font-weight:500}.settings-select{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#00000059;outline:none;padding:10px 12px;font-size:14px}.settings-select:focus{border-color:var(--accent-violet)}.settings-field{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.settings-field .input-field{margin:0}.settings-field .btn{align-self:flex-start;align-items:center;gap:6px;display:inline-flex}.settings-player-id{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:#00000040;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.settings-player-id__label{color:var(--text-muted);width:100%;font-size:12px}.settings-player-id code{color:var(--accent-cyan);letter-spacing:.04em;flex:1;font-size:15px;font-weight:700}.settings-player-id .btn{align-items:center;gap:6px;display:inline-flex}.settings-placeholder-btn{opacity:.6;justify-content:flex-start}.settings-premium{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.settings-premium__row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.settings-premium__row span{color:var(--text-secondary)}.settings-premium__free{color:var(--accent-purple)}.settings-referral{border-radius:var(--radius-md);border:1px dashed var(--border-glass);color:var(--text-secondary);background:#0000004d;gap:12px;padding:14px;display:flex}.settings-referral p{margin:0;font-size:13px;line-height:1.5}.settings-page{min-width:0;max-width:100%;overflow-x:hidden}.settings-option{min-height:44px}@media (width<=1024px){.settings-grid{grid-template-columns:1fr}}@media (width<=640px){.settings-page__title{font-size:22px}.settings-card{padding:18px 16px}.settings-select,.settings-field .input-field input{width:100%}.settings-field .btn{align-self:stretch}}.stats-page{max-width:800px;margin:0 auto}.stats-page__header h1{margin:0;font-size:24px}.stats-page__header p{color:var(--text-secondary);margin:4px 0 24px;font-size:14px}.stats-page__grid{grid-template-columns:1fr 2fr;gap:16px;display:grid}.stats-page__card{padding:24px}.stats-page__card--wide{grid-column:1/-1}.stats-page__card--highlight{align-items:center;gap:16px;display:flex}.stats-page__card h2{margin:0 0 12px;font-size:16px}.stats-page__streak-icon{color:#f97316}.stats-page__big{background:var(--gradient-neon);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800;display:block}.stats-page__label{color:var(--text-secondary);font-size:13px}.stats-page__xp-text{color:var(--text-secondary);margin:0 0 12px;font-size:14px}.stats-page__bar{background:#0006;border-radius:20px;height:10px;overflow:hidden}.stats-page__bar-fill{background:var(--gradient-neon);border-radius:20px;height:100%}.stats-page__dl{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin:0;display:grid}.stats-page__stat dt{color:var(--text-muted);margin-bottom:4px;font-size:12px}.stats-page__stat dd{margin:0;font-size:22px;font-weight:700}@media (width<=640px){.stats-page__grid{grid-template-columns:1fr}}