.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:#12131ae0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;gap:12px;padding:0 16px;z-index:100;border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 1px #0006,0 4px 20px #00000040}.navbar__left{display:flex;align-items:center;gap:12px;flex-shrink:0}.navbar__hamburger{background:none;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;border-radius:var(--radius-sm);transition:background var(--transition)}.navbar__hamburger:hover{background:var(--surface-hover)}.navbar__hamburger span{display:block;width:20px;height:2px;background:var(--text-muted);border-radius:2px;transition:background var(--transition)}.navbar__hamburger:hover span{background:var(--text)}.navbar__logo{font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:2px;letter-spacing:-.5px}.navbar__logo-foo{color:var(--accent);font-weight:800}.navbar__logo-gamez{color:var(--text-bright);font-weight:800}.navbar__logo-coin{display:inline-flex;align-items:center;color:var(--coin-color)}.navbar__search{flex:1;max-width:480px;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:0 16px;gap:8px;transition:border-color var(--transition),box-shadow var(--transition)}.navbar__search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.navbar__search-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:color var(--transition)}.navbar__search:focus-within .navbar__search-icon{color:var(--accent)}.navbar__search input{background:none;border:none;width:100%;color:var(--text);font-family:var(--font);font-size:.875rem;padding:8px 0}.navbar__search input::placeholder{color:var(--text-muted)}.navbar__search input:focus{outline:none}.navbar__right{display:flex;align-items:center;gap:8px;margin-left:auto}.navbar__coins{display:flex;align-items:center;gap:6px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:99px;padding:4px 12px;font-size:.875rem;font-weight:600;color:var(--coin-color)}.navbar__coins-icon{display:inline-flex;align-items:center;color:#fbbf24}.navbar__icon-btn{background:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:background var(--transition)}.navbar__icon-btn:hover{background:var(--surface-raised)}.navbar__icon-btn svg{width:20px;height:20px;color:var(--text-muted)}.navbar__bell-wrap{position:relative}.navbar__bell-badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;font-size:.6rem;font-weight:800;min-width:16px;height:16px;line-height:16px;text-align:center;border-radius:99px;pointer-events:none}.navbar__bell-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:200;width:280px;max-height:340px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.navbar__bell-header{padding:10px 14px;border-bottom:1px solid var(--border);font-size:.88rem;font-weight:700}.navbar__bell-list{overflow-y:auto;flex:1;display:flex;flex-direction:column}.navbar__bell-empty{padding:20px;text-align:center;color:var(--text-muted);font-size:.82rem}.navbar__bell-item{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px}.navbar__bell-item--unread{background:#7b2ff214}.navbar__bell-title{font-size:.82rem;font-weight:600}.navbar__bell-body{font-size:.75rem;color:var(--text-muted)}.navbar__user{position:relative}.navbar__avatar{width:36px;height:36px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid rgba(123,47,242,.5);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.navbar__avatar:hover{background:var(--accent-hover);border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.navbar__user-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--surface-raised);border:1px solid var(--border-hover);border-radius:var(--radius-sm);min-width:180px;padding:12px;box-shadow:0 8px 24px #00000080;z-index:200}.navbar__user:hover .navbar__user-dropdown{display:flex;flex-direction:column;gap:8px}.navbar__user-name{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar__settings-link{display:block;background:var(--surface-hover);color:var(--text);border-radius:var(--radius-sm);padding:6px 10px;font-size:.8rem;font-weight:600;text-align:left;transition:background var(--transition);text-decoration:none}.navbar__settings-link:hover{background:var(--accent-glow);color:var(--accent-secondary)}.navbar__logout{background:#ef44441a;color:#ef4444;border-radius:var(--radius-sm);padding:6px 10px;font-size:.8rem;font-weight:600;width:100%;text-align:left;transition:background var(--transition)}.navbar__logout:hover{background:#ef444433}.navbar__avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.navbar__lang-toggle{display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:.82rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap;flex-shrink:0}.navbar__lang-toggle:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.navbar__login-btn{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;border-radius:8px;padding:7px 14px;font-size:.825rem;font-weight:600;transition:background var(--transition),box-shadow var(--transition);white-space:nowrap}.navbar__login-btn:hover{background:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}.navbar__login-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}@media (max-width: 600px){.navbar{gap:8px;padding:0 10px}.navbar__search{max-width:120px;padding:0 10px}.navbar__search input{font-size:.8rem;padding:6px 0}.navbar__coins-count,.navbar__lang-toggle span{display:none}.navbar__lang-toggle{padding:5px 7px}.navbar__icon-btn{width:32px;height:32px}.navbar__login-btn{padding:6px 10px;font-size:.75rem}.navbar__login-btn svg{width:14px;height:14px}}@media (max-width: 420px){.navbar__search{display:none}.navbar__logo{font-size:1.1rem}}.category-bar{position:fixed;top:var(--navbar-height);left:0;right:0;height:var(--categorybar-height);background:#12131ae0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);z-index:99;display:flex;align-items:center;padding:0 16px}.category-bar__nav{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.category-bar__nav::-webkit-scrollbar{display:none}.category-bar__link{flex-shrink:0;font-size:.8125rem;font-weight:600;color:var(--text-muted);padding:6px 14px;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);white-space:nowrap}.category-bar__link:hover{color:var(--text);background:var(--surface-hover)}.category-bar__link--active{color:var(--accent);background:#7b2ff21f}.category-bar__link--active:hover{color:var(--accent-hover);background:#7b2ff22e}@media (max-width: 768px){.category-bar{display:none}}.sidebar{position:fixed;top:var(--layout-top-offset);left:0;bottom:0;width:var(--sidebar-collapsed);background:var(--bg-secondary);border-right:1px solid var(--border);overflow:hidden;transition:width var(--transition-slow);z-index:90;display:flex;flex-direction:column}.sidebar--open{width:var(--sidebar-expanded)}.sidebar__list{list-style:none;padding:10px 0;overflow-y:auto;overflow-x:hidden;flex:1}.sidebar__item{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-sm);margin:2px 6px;color:var(--text-muted);font-size:.875rem;font-weight:500;transition:background var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap;overflow:hidden;border-left:2px solid transparent}.sidebar__item:hover{background:var(--surface-hover);color:var(--text)}.sidebar__item--active{background:#7b2ff224;color:var(--accent);border-left-color:var(--accent)}.sidebar__item--active:hover{background:#7b2ff233;color:var(--accent)}.sidebar__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.sidebar__icon svg{width:20px;height:20px}.sidebar__label{opacity:0;transition:opacity var(--transition-slow);font-size:.85rem}.sidebar--open .sidebar__label{opacity:1}@media (max-width: 768px){.sidebar{display:none}.sidebar--open{display:flex;width:var(--sidebar-expanded);position:fixed;top:var(--layout-top-offset);left:0;bottom:60px;z-index:95;box-shadow:var(--shadow-lg)}}.mobile-nav{display:none}@media (max-width: 768px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:60px;background:#12131aeb;border-top:1px solid rgba(255,255,255,.07);z-index:100;justify-content:space-around;align-items:center;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -4px 20px #0006}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--transition),background var(--transition);min-width:48px;text-decoration:none;position:relative}.mobile-nav__item--active{color:var(--accent)}.mobile-nav__item--active:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:24px;height:2px;background:var(--accent);border-radius:0 0 2px 2px}.mobile-nav__item:active{background:#7b2ff21f}.mobile-nav__icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px}.mobile-nav__icon svg{width:20px;height:20px}.mobile-nav__label{font-size:.6rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56px;text-align:center}}.ad-banner{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;opacity:.72;transition:opacity .2s}.ad-banner:hover{opacity:1}.ad-banner__label{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);opacity:.55;-webkit-user-select:none;user-select:none}.ad-banner .adsbygoogle:empty{display:none}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__body{display:flex;flex:1;padding-top:var(--layout-top-offset)}.layout__main{flex:1;min-width:0;padding:24px 20px;margin-left:var(--sidebar-collapsed);transition:margin-left var(--transition-slow)}.layout__main--shifted{margin-left:var(--sidebar-expanded)}.layout__ad-slot{margin:12px 0 18px}.layout__ad-slot--top{margin-top:0}.layout__ad-slot--bottom{margin-bottom:4px}.layout__ad-rail{width:300px;min-width:300px;padding:24px 12px 0 4px;display:flex;flex-direction:column;gap:20px}@media (max-width: 768px){.layout__main{margin-left:0;padding:14px 10px 80px}.layout__main--shifted{margin-left:0}.layout__ad-slot{margin:8px 0 14px}.layout__ad-rail{display:none}}.fs-gate{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fsGateFadeIn .4s ease}@keyframes fsGateFadeIn{0%{opacity:0}to{opacity:1}}.fs-gate__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:48px 40px;text-align:center;max-width:420px;width:90%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--shadow-lg)}.fs-gate__icon{font-size:3rem}.fs-gate__title{font-size:1.5rem;font-weight:800;color:var(--text-bright)}.fs-gate__sub{font-size:.9rem;color:var(--text-muted);line-height:1.5}.fs-gate__btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:14px 36px;font-size:1rem;font-weight:700;cursor:pointer;transition:background var(--transition),box-shadow var(--transition);font-family:var(--font)}.fs-gate__btn:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.fs-gate--warn .fs-gate__card{border-color:#f59e0b}.fs-gate--warn .fs-gate__btn{background:#f59e0b}.fs-gate--warn .fs-gate__btn:hover{background:#d97706;box-shadow:0 0 20px #f59e0b66}@media (max-width: 600px){.fs-gate__card{padding:32px 20px;max-width:340px}.fs-gate__icon{font-size:2.4rem}.fs-gate__title{font-size:1.2rem}.fs-gate__sub{font-size:.82rem}.fs-gate__btn{padding:12px 28px;font-size:.9rem}}.game-card-wrap{position:relative;flex-shrink:0;width:175px}.game-card-wrap .game-card{width:100%}.game-card__fav{position:absolute;top:6px;right:6px;z-index:10;background:#0000008c;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background .2s,transform .15s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-card-wrap:hover .game-card__fav,.game-card__fav--active{opacity:1}.game-card__fav:hover{background:#000000bf;transform:scale(1.15)}.game-card__fav--active{background:#ef444433}.game-card{display:flex;flex-direction:column;gap:10px;flex-shrink:0;width:175px;transition:transform .22s cubic-bezier(.4,0,.2,1),filter .22s ease;text-decoration:none;cursor:pointer}.game-card:hover{transform:translateY(-6px) scale(1.03);z-index:2}.game-card:active{transform:translateY(-2px) scale(1.01)}.game-card__thumb-wrap{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:16/9;background:var(--surface-raised);box-shadow:var(--shadow-sm);transition:box-shadow .22s ease}.game-card:hover .game-card__thumb-wrap{box-shadow:0 12px 36px #7b2ff24d,0 0 0 2px var(--accent)}.game-card__thumb{width:100%;height:100%;object-fit:cover;transition:transform .35s cubic-bezier(.4,0,.2,1)}.game-card:hover .game-card__thumb{transform:scale(1.08)}.game-card__thumb-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.7) 100%);opacity:0;transition:opacity .22s ease;pointer-events:none}.game-card:hover .game-card__thumb-wrap:after{opacity:1}.game-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .22s ease;pointer-events:none;z-index:2}.game-card:hover .game-card__play{opacity:1}.game-card__play-icon{width:48px;height:48px;background:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #7b2ff299;transition:transform .2s ease,box-shadow .2s ease}.game-card:hover .game-card__play-icon{transform:scale(1.12);box-shadow:0 6px 28px #7b2ff2bf}.game-card__play-icon svg{width:20px;height:20px;fill:#fff;margin-left:2px}.game-card__badge{position:absolute;top:8px;left:8px;font-size:.62rem;font-weight:700;padding:3px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.5px;pointer-events:none;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-card__badge--hot{background:#ff4757d9;color:#fff;box-shadow:0 2px 8px #ff475759}.game-card__badge--new{background:#2ed573d9;color:#fff;box-shadow:0 2px 8px #2ed57359}.game-card__cost{position:absolute;bottom:8px;right:8px;font-size:.62rem;font-weight:600;background:#000000b3;color:var(--coin-color);padding:3px 8px;border-radius:99px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:3}.game-card__name{font-size:.82rem;font-weight:600;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;line-height:1.3;padding:0 2px;transition:color .18s ease}.game-card:hover .game-card__name{color:var(--accent)}.game-card__tags{display:flex;gap:4px;flex-wrap:wrap;padding:0 2px}.game-card__tag{font-size:.6rem;font-weight:500;color:var(--text-muted);background:var(--surface);padding:2px 6px;border-radius:var(--radius-xs);text-transform:capitalize}@media (max-width: 600px){.game-card-wrap{width:140px}.game-card{width:140px;gap:8px}.game-card__name{font-size:.74rem}.game-card__badge{font-size:.56rem;padding:2px 6px;top:6px;left:6px}.game-card__cost{font-size:.56rem;padding:2px 6px;bottom:6px;right:6px}.game-card__thumb-wrap{border-radius:var(--radius-sm)}.game-card__play-icon{width:36px;height:36px}.game-card__play-icon svg{width:16px;height:16px}.game-card__tags{display:none}}@media (max-width: 380px){.game-card{width:120px}}.game-grid{margin-bottom:40px}.game-grid__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 2px}.game-grid__title-row{display:flex;align-items:center;gap:10px}.game-grid__icon{font-size:1.2rem;line-height:1}.game-grid__title{font-size:1.15rem;font-weight:700;color:var(--text-bright);letter-spacing:-.3px}.game-grid__count{font-size:.7rem;font-weight:600;color:var(--accent-secondary);background:#7b2ff21f;border:1px solid rgba(123,47,242,.2);padding:2px 8px;border-radius:99px;min-width:24px;text-align:center}.game-grid__actions{display:flex;align-items:center;gap:6px}.game-grid__arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border-radius:50%;color:var(--text-muted);transition:background .18s ease,opacity .18s ease,transform .15s ease,color .18s ease;cursor:pointer;border:1px solid var(--border)}.game-grid__arrow:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}.game-grid__arrow--hidden{opacity:.25;pointer-events:none}.game-grid__more{font-size:.8rem;color:var(--accent);font-weight:600;transition:color var(--transition),gap .18s ease;display:flex;align-items:center;gap:4px;margin-left:8px}.game-grid__more:hover{color:var(--accent-hover);gap:8px}.game-grid__row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.game-grid__row::-webkit-scrollbar{display:none}.game-grid__row .game-card{scroll-snap-align:start}.game-grid__wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}@media (max-width: 600px){.game-grid{margin-bottom:28px}.game-grid__header{margin-bottom:12px}.game-grid__title{font-size:.98rem}.game-grid__count{font-size:.62rem;padding:1px 6px}.game-grid__row{gap:12px;padding-bottom:6px}.game-grid__wrap{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:12px}.game-grid__arrow{width:28px;height:28px}}@media (max-width: 380px){.game-grid__wrap{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:10px}}.home__splash{min-height:calc(100vh - var(--layout-top-offset));display:flex;align-items:center;justify-content:center;padding:24px}.home__splash-inner{max-width:520px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.home__splash-logo{font-size:2.8rem;font-weight:800;letter-spacing:-1px}.splash-foo{color:var(--accent)}.splash-gamez{color:var(--text)}.home__splash-tagline{font-size:1.2rem;color:var(--text-muted);font-weight:500}.home__splash-features{list-style:none;text-align:left;width:100%;background:var(--surface);border-radius:var(--radius);padding:18px 22px;display:flex;flex-direction:column;gap:10px}.home__splash-features li{font-size:.9rem;color:var(--text-muted)}.home__splash-btn{display:flex;align-items:center;gap:10px;background:var(--accent);color:#fff;border-radius:10px;padding:12px 24px;font-size:1rem;font-weight:600;transition:background var(--transition),box-shadow var(--transition)}.home__splash-btn:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.home__splash-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none}.home__auth-error{margin:0;color:#fca5a5;font-size:.88rem;background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:var(--radius-sm);padding:10px 12px;width:100%}.home__banner{background:linear-gradient(135deg,#7b2ff21f,#8b5cf614,#a78bfa0d);border:1px solid rgba(123,47,242,.2);border-radius:var(--radius);padding:22px 26px;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;position:relative;overflow:hidden}.home__banner:before{content:"";position:absolute;top:-30%;right:-5%;width:220px;height:220px;background:radial-gradient(circle,rgba(123,47,242,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.home__banner:after{content:"";position:absolute;bottom:-40%;left:10%;width:160px;height:160px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.home__welcome{font-size:1.35rem;font-weight:800;letter-spacing:-.4px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home__sub{font-size:.875rem;color:var(--text-muted);margin-top:4px}.home__coins{color:var(--coin-color);-webkit-text-fill-color:var(--coin-color)}.home__earn-tip{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-muted)}.home__earn-tip a{background:#7b2ff21f;border:1px solid rgba(123,47,242,.25);border-radius:var(--radius-sm);padding:5px 10px;font-size:.8rem;font-weight:600;color:var(--accent-secondary);transition:background var(--transition),border-color var(--transition),color var(--transition)}.home__earn-tip a:hover{background:var(--accent);border-color:var(--accent);color:#fff}@media (max-width: 600px){.home__splash-logo{font-size:2rem}.home__splash-tagline{font-size:1rem}.home__splash-features{padding:14px 16px}.home__splash-features li{font-size:.82rem}.home__splash-btn{font-size:.9rem;padding:10px 20px}.home__banner{padding:14px 16px;margin-bottom:20px}.home__welcome{font-size:1.05rem}.home__sub{font-size:.8rem}.home__earn-tip{flex-wrap:wrap;gap:6px;font-size:.72rem}.home__earn-tip a{font-size:.72rem;padding:4px 8px}}.gp{position:fixed;inset:var(--layout-top-offset) 0 0 var(--sidebar-collapsed);display:flex;flex-direction:column;background:#000}.gp__hud{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#0f0e13f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);font-size:.85rem;font-weight:600;flex-shrink:0}.gp__hud-coins{color:var(--coin-color)}.gp__hud-time{color:var(--text-muted)}.gp__hud-mode{color:var(--text-muted);margin-left:auto}.gp__hud-fs{background:#7b2ff21f;color:var(--accent);border-radius:var(--radius-sm);padding:4px 10px;font-size:.9rem;font-weight:600;transition:background var(--transition);cursor:pointer;border:none}.gp__hud-fs:hover{background:#7b2ff240}.gp__hud-quit{background:#ef44441f;color:#ef4444;border-radius:var(--radius-sm);padding:4px 10px;font-size:.8rem;font-weight:600;transition:background var(--transition)}.gp__hud-quit:hover{background:#ef444438}.gp__paused-btn--freeplay{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.gp__paused-btn--freeplay:hover{background:linear-gradient(135deg,#059669,#047857)}.gp__paused-btn--extend{background:var(--accent);color:#fff;flex:1}.gp__paused-btn--extend:hover{background:var(--accent-hover)}.gp__paused-btn--extend:disabled{opacity:.5;cursor:not-allowed}.gp__extend-row{display:flex;gap:8px;align-items:stretch}.gp__extend-select{background:var(--surface-raised);color:var(--text);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:6px 8px;font-size:.8rem;font-family:var(--font);cursor:pointer}.gp__action-bar{display:flex;align-items:center;gap:4px;padding:5px 12px;background:#0f0e13eb;border-bottom:1px solid var(--border);flex-shrink:0}.gp__action-btn{display:flex;align-items:center;gap:5px;background:#ffffff0f;color:var(--text-muted);border-radius:var(--radius-sm);padding:4px 10px;font-size:.75rem;font-weight:600;transition:background var(--transition),color var(--transition);cursor:pointer;border:none;white-space:nowrap}.gp__action-btn:hover{background:#ffffff1f;color:var(--text)}.gp__action-btn--active-like{background:#10b9812e;color:#10b981}.gp__action-btn--active-dislike{background:#ef44442e;color:#ef4444}.gp__action-btn--active-fav{background:#f59e0b2e;color:#f59e0b}.gp__action-btn--active{background:#7b2ff22e;color:var(--accent)}.gp__action-btn--fs{margin-left:auto}.gp__action-count{background:#ffffff24;border-radius:9999px;padding:1px 6px;font-size:.68rem;font-weight:700;min-width:18px;text-align:center;line-height:1.4}.gp__action-share-wrap{position:relative}.gp__share-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--surface-raised);border:1px solid var(--border-hover);border-radius:var(--radius-sm);min-width:200px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px #0009;z-index:20}.gp__share-title{font-size:.8rem;font-weight:700;color:var(--text-muted);margin-bottom:2px}.gp__share-copy,.gp__share-social{background:var(--surface);color:var(--text);border-radius:var(--radius-sm);padding:6px 10px;font-size:.8rem;font-weight:600;text-align:left;transition:background var(--transition);text-decoration:none;display:block;cursor:pointer}.gp__share-copy:hover,.gp__share-social:hover{background:var(--accent);color:#fff}.gp__share-close{background:none;color:var(--text-muted);font-size:.75rem;align-self:flex-end;padding:0;cursor:pointer}.gp:fullscreen{top:0;right:0;bottom:0;left:0}.gp:fullscreen .gp__hud{border-radius:0}.gp__frame-wrap{flex:1;position:relative;overflow:hidden;display:flex}.gp__frame-wrap--external .gp__frame{height:calc(100% + 56px);margin-bottom:-56px}.gp__billboard{display:flex;align-items:center;gap:8px;padding:0 12px;background:#0f0e13eb;border-bottom:1px solid rgba(123,47,242,.15);flex-shrink:0;min-height:0;overflow:hidden}.gp__billboard-label{font-size:.55rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff40;white-space:nowrap;flex-shrink:0}.gp__billboard:has(.adsbygoogle:empty){display:none}.gp__frame{width:100%;height:100%;border:none;flex:1;transition:filter .3s}.gp__frame--paused{filter:blur(6px) brightness(.5);pointer-events:none}.gp__paused-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.gp__paused-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-hover);padding:32px 36px;text-align:center;max-width:400px;width:90%;box-shadow:0 8px 32px #0009}.gp__paused-title{font-size:1.4rem;font-weight:800;margin-bottom:8px}.gp__paused-sub{color:var(--text-muted);font-size:.875rem;margin-bottom:20px}.gp__paused-actions{display:flex;flex-direction:column;gap:10px}.gp__paused-btn{display:block;background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:10px 16px;font-size:.875rem;font-weight:600;text-align:center;transition:background var(--transition)}.gp__paused-btn:hover{background:var(--accent-hover)}.gp__paused-btn--exit{background:var(--surface-raised);color:var(--text-muted)}.gp__paused-btn--exit:hover{background:#ffffff1a;color:var(--text)}.gp-modal-bg{min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;justify-content:center;background:#00000080;padding:24px}.gp-modal{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:32px;max-width:480px;width:100%;box-shadow:0 12px 40px #0009;display:flex;flex-direction:column;gap:16px}.gp-modal__title{font-size:1.4rem;font-weight:800}.gp-modal__hint,.gp-modal__balance{font-size:.875rem;color:var(--text-muted)}.gp-modal__balance span{color:var(--coin-color);font-weight:700}.gp-modal__modes{display:flex;gap:14px}.gp-modal__mode{flex:1;background:var(--surface-raised);border-radius:var(--radius);border:2px solid transparent;padding:16px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center;transition:border-color var(--transition),background var(--transition)}.gp-modal__mode:hover{border-color:var(--accent)}.gp-modal__mode-icon{font-size:1.8rem}.gp-modal__mode strong{font-size:.9rem}.gp-modal__mode small{font-size:.75rem;color:var(--text-muted)}.gp-modal__budget-row{display:flex;align-items:center;gap:6px;margin-top:6px}.gp-modal__budget-row input{background:var(--bg);color:var(--text);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:4px 8px;width:70px;font-size:.875rem;font-family:var(--font);text-align:center}.gp-modal__btn{border-radius:var(--radius-sm);padding:8px 14px;font-size:.8rem;font-weight:600;transition:background var(--transition);width:100%}.gp-modal__btn--budget{background:var(--accent);color:#fff;margin-top:8px}.gp-modal__btn--budget:hover{background:var(--accent-hover)}.gp-modal__btn--budget:disabled{opacity:.5;cursor:not-allowed}.gp-modal__btn--cancel{background:var(--surface-raised);color:var(--text-muted)}.gp-modal__btn--cancel:hover{background:#ffffff14}.gp-modal__broke{text-align:center;display:flex;flex-direction:column;gap:12px}.gp-modal__broke p{color:var(--text-muted);font-size:.875rem}.gp-modal__broke-links{display:flex;gap:10px;justify-content:center}.gp-modal__broke-links a{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:8px 14px;font-size:.85rem;font-weight:600;transition:background var(--transition)}.gp-modal__broke-links a:hover{background:var(--accent-hover)}.gp-error{padding:40px;text-align:center;display:flex;flex-direction:column;gap:16px}.gp-error button{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:10px 20px;font-weight:600}.gp__ad-mid{padding:4px 0;display:flex;justify-content:center;max-height:300px;overflow:hidden}.gp__seo-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none}@media (max-width: 768px){.gp{left:0}.gp__hud{gap:6px;padding:6px 10px;font-size:.75rem;flex-wrap:wrap}.gp__hud-quit{padding:3px 8px;font-size:.72rem}.gp__billboard{padding:0 8px}.gp__billboard-label{font-size:.5rem}.gp__ad-mid{display:none}.gp-modal-bg{padding:12px}.gp-modal{padding:20px 16px;gap:12px}.gp-modal__title{font-size:1.15rem}.gp-modal__modes{flex-direction:column;gap:10px}.gp-modal__mode{padding:12px}.gp-modal__mode-icon{font-size:1.4rem}.gp__paused-card{padding:20px 16px}.gp__paused-title{font-size:1.1rem}}.edu__banner{background:linear-gradient(135deg,#10b9811f,#10b98108);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius);padding:20px 24px;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.edu__title{font-size:1.4rem;font-weight:800;margin-bottom:4px;background:linear-gradient(135deg,#10b981,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.edu__sub{font-size:.875rem;color:var(--text-muted)}.edu__earn-badge{display:flex;align-items:center;gap:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-sm);padding:12px 16px}.edu__earn-icon{font-size:1.8rem}.edu__earn-badge div{display:flex;flex-direction:column;gap:2px}.edu__earn-badge strong{color:var(--coin-color);font-size:1rem}.edu__earn-badge span{font-size:.75rem;color:var(--text-muted)}.edu__subject-banner{display:flex;align-items:center;gap:10px;margin:0 var(--page-px, 16px) 4px;padding:10px 16px;background:linear-gradient(90deg,#ffcc001f,#ffcc000a);border:1px solid rgba(255,204,0,.35);border-radius:10px;font-size:.88rem;color:var(--text-muted);line-height:1.4}.edu__subject-icon{font-size:1.2rem;flex-shrink:0}.coin-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#f59e0b26;border:1px solid rgba(245,158,11,.4);color:var(--coin-color);font-weight:700;font-size:1rem;padding:10px 22px;border-radius:99px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:500;pointer-events:none;animation:slideInUp .3s ease,fadeOut .4s ease 2.1s forwards;box-shadow:0 4px 24px #f59e0b40}.coin-toast__icon{font-size:1.3rem}.edu-gp{position:fixed;inset:var(--layout-top-offset) 0 0 0;display:flex;flex-direction:column;background:#000}.edu-gp__hud{display:flex;align-items:center;gap:14px;padding:8px 16px;flex-shrink:0;background:#0f0e13f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);font-size:.83rem;font-weight:600;flex-wrap:wrap}.edu-gp__hud-name{font-weight:700}.edu-gp__hud-time{color:var(--text-muted)}.edu-gp__hud-earned{color:var(--coin-color)}.edu-gp__hud-next{color:var(--badge-new);margin-left:auto}.edu-gp__hud-streak{display:inline-flex;align-items:center;gap:4px;background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3);border-radius:99px;padding:2px 10px;font-size:.78rem;font-weight:700}.edu-gp__streak-num{background:#fbbf2440;border-radius:99px;padding:1px 6px;font-size:.7rem}.edu-gp__hud-best{color:var(--text-muted);font-size:.75rem}.edu-gp__streak-burst{position:fixed;top:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:1.1rem;font-weight:800;padding:8px 24px;border-radius:99px;box-shadow:0 4px 24px #ef444480;z-index:999;pointer-events:none;animation:streakBurstIn .3s cubic-bezier(.4,0,.2,1) forwards,streakBurstOut .5s 1.3s cubic-bezier(.4,0,.2,1) forwards}@keyframes streakBurstIn{0%{opacity:0;transform:translate(-50%) scale(.7)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes streakBurstOut{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%) scale(.8) translateY(-10px)}}.edu-gp__quit{background:#ef44441f;color:#ef4444;border-radius:var(--radius-sm);padding:4px 10px;font-size:.8rem;font-weight:600;transition:background var(--transition)}.edu-gp__quit:hover{background:#ef444438}.edu-gp__frame{flex:1;width:100%;border:none}.edu-gp__ad{padding:4px 0;display:flex;justify-content:center;max-height:120px;overflow:hidden}.edu-gp__seo-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;pointer-events:none}.edu-gp-error{padding:40px;text-align:center;display:flex;flex-direction:column;gap:16px}.edu-gp-error button{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:10px 20px;font-weight:600}@media (max-width: 600px){.edu-gp__hud{gap:6px;padding:6px 10px;font-size:.73rem}.edu-gp__quit{padding:3px 8px;font-size:.72rem}}.quiz{max-width:640px;margin:0 auto;padding-bottom:40px;display:flex;flex-direction:column;gap:16px}.quiz__header{display:flex;flex-direction:column;gap:8px}.quiz__title{font-size:1.5rem;font-weight:800}.quiz__meta{display:flex;gap:16px;flex-wrap:wrap}.quiz__counter{font-size:.85rem;color:var(--text-muted);font-weight:600}.quiz__streak{font-size:.85rem;color:#f97316;font-weight:600}.quiz__earned{font-size:.85rem;color:var(--coin-color);font-weight:600}.quiz__progress-bar{height:6px;background:var(--surface-raised);border-radius:99px;overflow:hidden}.quiz__progress-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .4s ease}.quiz__category{display:inline-block;background:#7b2ff21f;color:var(--accent);font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:99px;letter-spacing:.4px;text-transform:uppercase}.quiz__card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:20px}.quiz__question{font-size:1.05rem;font-weight:600;line-height:1.5}.quiz__options{display:flex;flex-direction:column;gap:10px}.quiz__option{display:flex;align-items:center;gap:12px;background:var(--surface-raised);border:2px solid transparent;border-radius:var(--radius-sm);padding:12px 14px;text-align:left;font-family:var(--font);font-size:.9rem;color:var(--text);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.quiz__option:hover:not(:disabled){border-color:var(--accent);background:#7b2ff214}.quiz__option:disabled{cursor:default}.quiz__option--correct{border-color:var(--badge-new)!important;background:#10b9811f!important}.quiz__option--wrong{border-color:var(--badge-hot)!important;background:#ef44441a!important}.quiz__option-letter{width:28px;height:28px;border-radius:50%;background:#ffffff14;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiz__option-text{flex:1}.quiz__feedback{font-size:.875rem;font-weight:600;padding:10px 14px;border-radius:var(--radius-sm);line-height:1.4}.quiz__feedback--correct{background:#10b9811f;color:var(--badge-new)}.quiz__feedback--wrong{background:#ef44441a;color:var(--badge-hot)}.quiz__btn{border-radius:var(--radius-sm);padding:12px 20px;font-family:var(--font);font-weight:700;font-size:.9rem;transition:background var(--transition),box-shadow var(--transition)}.quiz__btn--primary{background:var(--accent);color:#fff}.quiz__btn--primary:hover{background:var(--accent-hover);box-shadow:0 0 16px var(--accent-glow)}.quiz__btn--next{align-self:flex-end}.quiz__tip{font-size:.78rem;color:var(--text-muted);text-align:center}.quiz__results{background:var(--surface);border-radius:var(--radius);padding:40px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;border:1px solid var(--border)}.quiz__results-icon{font-size:3rem}.quiz__results-title{font-size:1.6rem;font-weight:800}.quiz__results-score{font-size:1.1rem;color:var(--text-muted)}.quiz__results-earned{font-size:1rem}.quiz__results-earned strong{color:var(--coin-color)}.lb{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.lb__header{display:flex;flex-direction:column;gap:6px}.lb__header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.lb__title{font-size:1.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lb__sub{font-size:.875rem;color:var(--text-muted);margin-top:2px}.lb__myrank{font-size:.875rem;color:var(--accent);font-weight:600;margin-top:4px}.lb__toggle{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px;flex-shrink:0}.lb__toggle-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;font-size:.82rem;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;transition:background var(--transition),color var(--transition);white-space:nowrap}.lb__toggle-btn:hover{background:var(--surface-hover);color:var(--text)}.lb__toggle-btn--active{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.lb__toggle-btn--active:hover{background:var(--accent-hover);color:#fff}.lb__loading{color:var(--text-muted);text-align:center;padding:40px}.lb__list{display:flex;flex-direction:column;gap:8px}.lb__row{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;transition:border-color var(--transition)}.lb__row:hover{border-color:var(--border-hover)}.lb__row--me{background:#7b2ff214;border-color:#7b2ff24d!important}.lb__rank{min-width:36px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.lb__rank-num{font-size:.9rem;font-weight:800;color:var(--text-muted)}.lb__player-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.lb__avatar{width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:1rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.lb__name{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.lb__you-badge{font-size:.65rem;font-weight:700;background:#7b2ff233;color:var(--accent-secondary);border-radius:99px;padding:1px 7px;text-transform:uppercase;letter-spacing:.04em}.lb__stats{font-size:.72rem;color:var(--text-muted);margin-top:3px;display:flex;align-items:center;gap:4px}.lb__row--clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.lb__row--clickable:hover{border-color:var(--accent)!important;background:#7b2ff20f}.lb__row--clickable:hover .lb__row-arrow{opacity:1;transform:translate(2px)}.lb__row-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.lb__coins{font-weight:700;color:var(--coin-color);font-size:.95rem;flex-shrink:0;display:flex;align-items:center;gap:4px}.lb__row-arrow{color:var(--text-muted);display:flex;align-items:center;opacity:0;transition:opacity .15s ease,transform .15s ease}.lb__empty{text-align:center;color:var(--text-muted);padding:32px;font-size:.875rem}@media (max-width: 500px){.lb__toggle-btn span{display:none}.lb__toggle-btn{padding:7px 10px}.lb__row{padding:12px;gap:10px}}.lb__gift-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:2px 4px;opacity:0;transition:opacity .15s ease}.lb__row:hover .lb__gift-btn{opacity:1}.lb__gift-btn:hover{transform:scale(1.2)}.lb__gift-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center}.lb__gift-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px;min-width:300px;max-width:380px;position:relative;display:flex;flex-direction:column;gap:12px}.lb__gift-modal h3{font-size:1.1rem;font-weight:700}.lb__gift-to{font-size:.88rem;color:var(--text-muted)}.lb__gift-presets{display:flex;gap:6px;flex-wrap:wrap}.lb__gift-preset{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px;font-size:.82rem;font-weight:600;cursor:pointer}.lb__gift-preset:hover{border-color:var(--accent)}.lb__gift-preset--active{background:#7b2ff22e;border-color:var(--accent);color:#d9c7ff}.lb__gift-row{display:flex;gap:8px;align-items:center}.lb__gift-input{width:80px;background:var(--bg);color:var(--text);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:7px 10px;font-size:.85rem;font-family:var(--font)}.lb__gift-input:focus{outline:none;border-color:var(--accent)}.lb__gift-send{background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;padding:7px 16px;font-size:.85rem;font-weight:600;cursor:pointer}.lb__gift-send:hover{background:var(--accent-hover)}.lb__gift-send:disabled{opacity:.5;cursor:not-allowed}.lb__gift-balance{font-size:.76rem;color:var(--text-muted)}.lb__gift-msg{font-size:.82rem;font-weight:600;padding:5px 10px;border-radius:var(--radius-sm)}.lb__gift-msg--ok{background:#34d39924;color:#86efac}.lb__gift-msg--err{background:#ef444424;color:#fca5a5}.lb__gift-close{position:absolute;top:8px;right:12px;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer}.lb__gift-close:hover{color:var(--text)}.shop{padding:24px;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:28px;position:relative}.shop__header{display:flex;flex-direction:column;gap:6px}.shop__title{font-size:1.5rem;font-weight:800;display:flex;align-items:center}.shop__sub{font-size:.875rem;color:var(--text-muted)}.shop__balance{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px;width:fit-content}.shop__balance strong{color:#fbbf24}.shop__section-title{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.shop__cards{display:flex;flex-direction:column;gap:10px}.shop-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:border-color var(--transition)}.shop-card:hover{border-color:#7b2ff266}.shop-card--active{border-color:#34d39973;background:linear-gradient(135deg,rgba(52,211,153,.06),transparent)}.shop-card--ad{border-color:#fbbf244d;background:linear-gradient(135deg,rgba(251,191,36,.06),transparent)}.shop-card__icon{font-size:1.8rem;flex-shrink:0}.shop-card__info{flex:1;display:flex;flex-direction:column;gap:2px}.shop-card__info strong{font-size:.9rem;font-weight:700}.shop-card__info span{font-size:.78rem;color:var(--text-muted)}.shop-card__active-label{font-size:.75rem;color:#34d399;font-weight:600;margin-top:2px}.shop-boost-timer{font-variant-numeric:tabular-nums}.shop-card__btn{flex-shrink:0;background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:8px 18px;font-size:.875rem;font-weight:700;transition:background var(--transition),opacity var(--transition);white-space:nowrap}.shop-card__btn:hover{background:var(--accent-hover)}.shop-card__btn:disabled{opacity:.4;cursor:not-allowed}.shop-card__btn--free{background:#f59e0b}.shop-card__btn--free:hover{background:#d97706}.shop-card__badge{flex-shrink:0;background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3);border-radius:var(--radius-sm);padding:6px 14px;font-size:.8rem;font-weight:700}.shop-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px}.shop-modal{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius);padding:28px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 40px #000000a6}.shop-modal__title{font-size:1.1rem;font-weight:800}.shop-modal__sub{font-size:.85rem;color:var(--text-muted)}.shop-modal__ad-wrap{background:#fff;border-radius:var(--radius-sm);overflow:hidden;min-height:120px;display:flex;align-items:center;justify-content:center}.shop-modal__actions{display:flex;flex-direction:column;gap:8px}.shop-modal__btn{border-radius:var(--radius-sm);padding:10px 16px;font-size:.875rem;font-weight:700;text-align:center;transition:background var(--transition)}.shop-modal__btn--wait{background:var(--surface-raised);color:var(--text-muted);cursor:not-allowed;opacity:.6}.shop-modal__btn--claim{background:#34d399;color:#0f0e13}.shop-modal__btn--claim:hover{background:#10b981}.shop-modal__btn--cancel{background:transparent;color:var(--text-muted)}.shop-modal__btn--cancel:hover{color:var(--text)}.shop-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--surface-raised);border:1px solid var(--border-hover);border-radius:99px;padding:10px 22px;font-size:.875rem;font-weight:600;z-index:300;pointer-events:none;animation:shopToastIn .25s ease}@keyframes shopToastIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ap,.ap-login{--bg: #f5f6fa;--surface: #ffffff;--surface2: #f0f1f5;--border: #e2e4ea;--border2: #d1d4dc;--text: #1a1d2e;--text2: #3d4159;--muted: #7c7f94;--accent: #6c5ce7;--accent-bg: rgba(108, 92, 231, .08);--accent-hover: #5a4bd6;--green: #00b894;--green-bg: rgba(0, 184, 148, .08);--red: #e74c3c;--red-bg: rgba(231, 76, 60, .06);--gold: #f39c12;--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 4px 16px rgba(0,0,0,.08);--radius: 10px;--radius-sm: 6px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.ap--dark,.ap-login--dark{--bg: #0f0e13;--surface: #1c1b22;--surface2: #242329;--border: #2e2d35;--border2: #3a3944;--text: #eeedf1;--text2: #b0b1bc;--muted: #6e6f7a;--accent: #8b7cf7;--accent-bg: rgba(139, 124, 247, .12);--accent-hover: #7a6bf0;--green: #34d399;--green-bg: rgba(52, 211, 153, .1);--red: #f87171;--red-bg: rgba(248, 113, 113, .1);--gold: #fbbf24;--shadow: 0 1px 3px rgba(0,0,0,.35);--shadow-lg: 0 4px 16px rgba(0,0,0,.5)}.ap{min-height:100vh;background:var(--bg);color:var(--text);display:flex;flex-direction:column}.ap__header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:60px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50;box-shadow:var(--shadow)}.ap__header-left{display:flex;align-items:center;gap:16px}.ap__header-right{display:flex;align-items:center;gap:10px}.ap__title{font-size:1.05rem;font-weight:800;letter-spacing:-.3px;color:var(--text)}.ap__admin-badge{background:var(--accent);color:#fff;border-radius:5px;font-size:.62rem;font-weight:700;padding:2px 7px;vertical-align:middle;margin-left:5px;letter-spacing:.04em;text-transform:uppercase}.ap__user{font-size:.78rem;color:var(--muted);padding:4px 10px;background:var(--surface2);border-radius:20px}.ap__theme-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface2);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.05rem;transition:all .2s}.ap__theme-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.ap__nav{display:flex;gap:2px;padding:0 28px;background:var(--surface);border-bottom:1px solid var(--border)}.ap__nav-btn{background:transparent;color:var(--muted);border:none;border-bottom:2px solid transparent;padding:12px 18px;font-size:.84rem;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:7px}.ap__nav-btn:hover{color:var(--text2)}.ap__nav-btn--active{color:var(--accent);border-bottom-color:var(--accent)}.ap__body{flex:1;overflow:auto}.ap__stats{display:flex;gap:14px;padding:20px 28px 0;flex-wrap:wrap}.ap__stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;flex:1;min-width:140px;box-shadow:var(--shadow)}.ap__stat-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}.ap__stat-value{font-size:1.6rem;font-weight:800;color:var(--text);letter-spacing:-.5px}.ap__stat-value--accent{color:var(--accent)}.ap__stat-value--green{color:var(--green)}.ap__stat-value--gold{color:var(--gold)}.ap-tab{padding:20px 28px 28px;display:flex;flex-direction:column;gap:16px}.ap-tab__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.ap-tab__bar h2{font-size:1.05rem;font-weight:700;color:var(--text)}.ap-loading{padding:60px;text-align:center;color:var(--muted);font-size:.9rem}.ap-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:0 12px;height:38px;width:260px;max-width:100%;transition:border-color .2s}.ap-search:focus-within{border-color:var(--accent)}.ap-search__icon{font-size:.85rem;color:var(--muted);flex-shrink:0}.ap-search__input{background:transparent;border:none;outline:none;color:var(--text);font-size:.84rem;width:100%;font-family:inherit}.ap-search__input::placeholder{color:var(--muted)}.ap-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.ap-table{width:100%;border-collapse:collapse;font-size:.84rem}.ap-table th{background:var(--surface2);padding:11px 16px;text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border);white-space:nowrap}.ap-table td{padding:11px 16px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text2)}.ap-table tbody tr:last-child td{border-bottom:none}.ap-table tbody tr{transition:background .12s}.ap-table tbody tr:hover td,.ap-table__row--open td{background:var(--accent-bg)}.ap-table__row--activity td{background:var(--surface2)}.ap-cell--muted{color:var(--muted);font-size:.8rem}.ap-cell--coin{color:var(--gold);font-weight:700}.ap-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-bg);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;margin-right:8px;flex-shrink:0}.ap-user-cell{display:flex;align-items:center;gap:6px}.ap-user-cell-col{display:flex;flex-direction:column;gap:8px}.ap-user-photo-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.ap-user-photo-wrap .ap-avatar{margin-right:0}.ap-user-photo-edit{position:absolute;top:0;right:0;bottom:0;left:0;border:none;border-radius:999px;background:#000000a8;color:#fff;font-size:.63rem;font-weight:700;cursor:pointer;opacity:0;transition:opacity .15s}.ap-user-photo-wrap:hover .ap-user-photo-edit,.ap-user-photo-wrap:focus-within .ap-user-photo-edit{opacity:1}.ap-photo-editor{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ap-photo-editor__url{width:min(320px,100%)}.ap-photo-editor__file{position:relative;overflow:hidden}.ap-photo-editor__file input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.ap-photo-editor__file-name{width:100%;font-size:.72rem}.ap-photo-editor__error{width:100%;color:var(--red);font-size:.72rem}.ap-activity{display:flex;gap:28px;padding:14px 16px;flex-wrap:wrap}.ap-activity__col{display:flex;flex-direction:column;gap:6px;min-width:160px}.ap-activity__col strong{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.ap-tag{display:inline-block;background:var(--accent-bg);color:var(--accent);border-radius:5px;padding:3px 9px;font-size:.74rem;font-weight:500}.ap-tag--edu{background:var(--green-bg);color:var(--green)}.ap-tag--shop{background:#f39c1214;color:var(--gold)}.ap-inline-edit{display:flex;align-items:center;gap:5px}.ap-btn{background:var(--surface);color:var(--text2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.ap-btn:hover{border-color:var(--border2);background:var(--surface2)}.ap-btn:disabled{opacity:.4;cursor:not-allowed}.ap-btn--sm{padding:5px 12px;font-size:.78rem}.ap-btn--xs{padding:3px 8px;font-size:.72rem;border-radius:5px}.ap-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.ap-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.ap-btn--green{background:var(--green-bg);color:var(--green);border-color:transparent}.ap-btn--green:hover{background:#00b89426}.ap-btn--danger{background:var(--red-bg);color:var(--red);border-color:transparent}.ap-btn--danger:hover{background:#e74c3c1f}.ap-icon-btn{background:transparent;border:none;cursor:pointer;font-size:.82rem;padding:2px 5px;opacity:.45;transition:opacity .15s}.ap-icon-btn:hover{opacity:1}.ap-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.ap-card--info{border-left:3px solid var(--accent)}.ap-card--create{border-left:3px solid var(--green)}.ap-card__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ap-card__header strong{font-size:.95rem;color:var(--text)}.ap-badge{font-size:.66rem;font-weight:700;padding:2px 8px;border-radius:99px;letter-spacing:.03em;text-transform:uppercase}.ap-badge--green{background:var(--green-bg);color:var(--green)}.ap-badge--accent{background:var(--accent-bg);color:var(--accent)}.ap-input{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;font-size:.855rem;font-family:inherit;width:100%;transition:border-color .2s}.ap-input--sm{width:140px;padding:5px 9px;font-size:.8rem}.ap-input:focus{outline:none;border-color:var(--accent)}.ap-textarea{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:.82rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;width:100%;resize:vertical;transition:border-color .2s}.ap-textarea:focus{outline:none;border-color:var(--accent)}.ap-select{background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;font-size:.855rem;font-family:inherit;cursor:pointer}.ap-select:focus{outline:none;border-color:var(--accent)}.ap-row{display:flex;align-items:center;gap:10px}.ap-row--wrap{flex-wrap:wrap}.ap-muted{font-size:.8rem;color:var(--muted)}.ap-questions-list{display:flex;flex-direction:column;gap:5px}.ap-q-row{display:flex;align-items:center;gap:10px;background:var(--surface2);border-radius:var(--radius-sm);padding:7px 10px}.ap-q-num{font-size:.7rem;color:var(--muted);min-width:20px;font-weight:600}.ap-q-text{flex:1;font-size:.82rem;color:var(--text2)}.ap-question-editor{display:flex;flex-direction:column;gap:8px}.ap-details summary{cursor:pointer;font-size:.8rem;color:var(--muted);padding:4px 0;font-weight:500}.ap-assign-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.ap-assign-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;padding:7px 0;border-bottom:1px solid var(--border);color:var(--text2)}.ap-assign-row:last-child{border-bottom:none}.ap-login{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;position:relative}.ap-login__card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:48px 40px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;box-shadow:var(--shadow-lg)}.ap-login__logo{font-size:1.5rem;font-weight:800;letter-spacing:-.4px}.ap-login__foo{color:var(--accent)}.ap-login__gamez{color:var(--text)}.ap-login__badge{display:inline-block;background:var(--accent);color:#fff;font-size:.6rem;font-weight:700;padding:3px 9px;border-radius:99px;vertical-align:middle;margin-left:6px;letter-spacing:.05em;text-transform:uppercase}.ap-login__sub{font-size:.875rem;color:var(--muted);line-height:1.6}.ap-login__sub strong{color:var(--text2)}.ap-login__error{background:var(--red-bg);color:var(--red);border:1px solid rgba(231,76,60,.2);border-radius:8px;padding:10px 14px;font-size:.84rem;width:100%}.ap-login__btn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:13px 24px;font-size:.92rem;font-weight:600;cursor:pointer;width:100%;transition:background .2s;font-family:inherit}.ap-login__btn:hover:not(:disabled){background:var(--accent-hover)}.ap-login__btn:disabled{opacity:.5;cursor:not-allowed}.ap-login__note{font-size:.72rem;color:var(--muted)}.ap-login__theme-btn{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.ap-login__theme-btn:hover{color:var(--accent);border-color:var(--accent)}@media (max-width: 768px){.ap__header{padding:0 16px}.ap__nav{padding:0 16px;overflow-x:auto}.ap-tab{padding:16px}.ap__stats{padding:16px 16px 0}.ap-search{width:100%}.ap__user{display:none}.ap-game-grid{grid-template-columns:1fr 1fr}.ap-assign-grid{grid-template-columns:1fr}}@media (max-width: 480px){.ap__stats{flex-direction:column}.ap-tab__bar{flex-direction:column;align-items:stretch}.ap-game-grid{grid-template-columns:1fr}}.ap-saving-indicator{background:var(--accent);color:#fff;text-align:center;padding:6px 16px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;margin-bottom:12px;animation:ap-pulse 1s ease-in-out infinite}@keyframes ap-pulse{0%,to{opacity:1}50%{opacity:.6}}.ap-subtab-bar{display:flex;gap:4px;margin-bottom:18px;background:var(--surface2);border-radius:var(--radius);padding:4px}.ap-subtab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--muted);font-size:.85rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.ap-subtab:hover{color:var(--text);background:var(--surface)}.ap-subtab--active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.ap-section-title{font-size:.95rem;font-weight:700;color:var(--text);margin:18px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.ap-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-bottom:16px}.ap-game-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:6px;transition:all .2s}.ap-game-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.ap-game-card--blocked{border-color:var(--red);background:var(--red-bg)}.ap-game-card--edu{border-left:3px solid var(--green)}.ap-game-card__name{font-size:.85rem;font-weight:700;color:var(--text)}.ap-game-card__id{font-size:.7rem;color:var(--muted);font-family:monospace}.ap-game-card__meta{font-size:.75rem;color:var(--muted)}.ap-game-card__actions{display:flex;gap:4px;margin-top:4px}.ap-user-assign-list{display:flex;flex-direction:column;gap:6px}.ap-user-assign-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.ap-user-assign-item>summary{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:600}.ap-user-assign-item>summary:hover{background:var(--surface2)}.ap-assign-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 16px 16px;border-top:1px solid var(--border)}.ap-mini-label{display:block;font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:6px}.ap-checkbox-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--radius-sm);font-size:.82rem;cursor:pointer;transition:background .15s}.ap-checkbox-row:hover{background:var(--surface2)}.ap-checkbox-row--on{background:var(--green-bg)}.ap-checkbox-row--blocked{background:var(--red-bg)}.ap-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.ap-blocked-label{margin-left:auto;font-size:.65rem;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.04em}.ap-block-actions{display:flex;gap:8px;padding:8px 16px;border-top:1px solid var(--border)}.ap-avatar--sm{width:28px;height:28px;font-size:.65rem}.ap-badge--red{background:var(--red-bg);color:var(--red)}.gp-blocked{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1c1b22,#0f0e13);color:#eeedf1;font-family:Inter,system-ui,sans-serif}.gp-blocked__card{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:48px 40px;text-align:center;max-width:420px}.gp-blocked__sub{color:#8f8d97;font-size:.9rem;margin-bottom:24px}.gp-blocked__btn{background:#7b2ff2;color:#fff;border:none;padding:10px 28px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.gp-blocked__btn:hover{background:#6b24d8}.ap-restricted-toggle{display:flex;align-items:center;gap:14px;padding:16px 20px;margin-bottom:16px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);transition:all .2s}.ap-restricted-toggle--on{border-color:var(--red);background:var(--red-bg)}.ap-restricted-toggle__info{flex:1}.ap-restricted-toggle__info strong{font-size:.95rem}.ap-restricted-toggle__info p{font-size:.78rem;margin-top:2px}.ap-switch{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.ap-switch input{opacity:0;width:0;height:0}.ap-switch__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:var(--border2);border-radius:26px;transition:.3s}.ap-switch__slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.ap-switch input:checked+.ap-switch__slider{background:var(--red)}.ap-switch input:checked+.ap-switch__slider:before{transform:translate(22px)}.ap__nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:.7rem;font-weight:700;margin-left:6px;animation:ap-badge-pulse 2s ease-in-out infinite}@keyframes ap-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.ap-notif-list{display:flex;flex-direction:column;gap:8px}.ap-notif{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s;position:relative}.ap-notif:hover{box-shadow:var(--shadow)}.ap-notif--warn{border-left:4px solid var(--gold)}.ap-notif--info{border-left:4px solid var(--accent)}.ap-notif__icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.ap-notif__body{flex:1;min-width:0}.ap-notif__title{font-size:.88rem;font-weight:700;color:var(--text)}.ap-notif__detail{font-size:.8rem;color:var(--text2);margin-top:2px}.ap-notif__time{font-size:.72rem;color:var(--muted);margin-top:4px}.ap-notif__dismiss{position:absolute;top:8px;right:8px;opacity:0;transition:opacity .15s}.ap-notif:hover .ap-notif__dismiss{opacity:1}.ap-class-edit{display:flex;flex-direction:column;gap:16px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.ap-class-section{padding:14px 16px;background:var(--surface2);border-radius:var(--radius-sm);border:1px solid var(--border)}.ap-class-section strong{font-size:.88rem;display:block;margin-bottom:4px}.ap-class-section .ap-muted{font-size:.78rem;margin-bottom:8px}.ap__quick-links{display:flex;gap:8px;padding:6px 28px;background:var(--surface2);border-bottom:1px solid var(--border);overflow-x:auto}.ap__quick-link{font-size:.72rem;font-weight:600;padding:4px 12px;border-radius:20px;text-decoration:none;background:var(--accent-bg);color:var(--accent);cursor:pointer;border:1px solid transparent;transition:all .18s;white-space:nowrap}.ap__quick-link:hover{background:var(--accent);color:#fff}.tp-badge--teacher,.tp-login-btn{background:#00b894!important}.tp-login-btn:hover:not(:disabled){background:#00a381!important}.tp-nav-class-name{font-size:.92rem;font-weight:700;color:var(--accent);padding:0 12px;display:flex;align-items:center;border-right:1px solid var(--border);margin-right:4px}.tp-class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tp-class-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .2s;box-shadow:var(--shadow)}.tp-class-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.tp-class-card__color{height:8px;background:linear-gradient(90deg,var(--accent) 0%,var(--green) 100%)}.tp-class-card__body{padding:16px 18px 10px}.tp-class-card__name{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:4px}.tp-class-card__meta{font-size:.8rem;color:var(--muted)}.tp-class-card__code{font-size:.75rem;color:var(--muted);margin-top:6px;font-family:monospace}.tp-class-card__code strong{color:var(--accent);font-size:.82rem;letter-spacing:.08em}.tp-class-card__actions{display:flex;gap:6px;padding:8px 18px 14px}.tp-student-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.tp-student-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:all .2s}.tp-student-card:hover{box-shadow:var(--shadow-lg)}.tp-student-card--open{border-color:var(--accent)}.tp-student-card__top{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer}.tp-student-card__avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}.tp-student-card__avatar--init{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-bg);color:var(--accent);font-weight:700;font-size:.82rem}.tp-student-card__info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.tp-student-card__info strong{font-size:.9rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-student-card__info .ap-muted{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-student-card__chevron{font-size:.7rem;color:var(--muted);flex-shrink:0}.tp-student-card__stats{display:flex;gap:6px;padding:0 16px 8px}.tp-stat-pill{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--surface2);color:var(--text2)}.tp-stat-pill--gold{color:var(--gold);background:#f39c1214}.tp-stat-pill--green{color:var(--green);background:var(--green-bg)}.tp-progress{height:4px;background:var(--surface2);margin:0 16px 12px;border-radius:2px;overflow:hidden}.tp-progress__bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:2px;transition:width .4s ease}.tp-student-card__detail{border-top:1px solid var(--border);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.tp-detail-row strong{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:block;margin-bottom:4px}.tp-tag-list{display:flex;flex-wrap:wrap;gap:4px}.tp-post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow)}.tp-post--assign{border-left:4px solid var(--green)}.tp-post__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tp-post__type{font-size:1.2rem}.tp-post__title{font-size:.95rem;color:var(--text);flex:1}.tp-post__body{margin-top:10px;font-size:.88rem;color:var(--text2);line-height:1.6;white-space:pre-wrap}.tp-post__footer{margin-top:10px;padding-top:8px;border-top:1px solid var(--border)}.tp-invite-code{font-size:1.1rem;font-weight:700;letter-spacing:.12em;padding:6px 16px;background:var(--accent-bg);color:var(--accent);border-radius:var(--radius-sm)}@media (max-width: 768px){.tp-class-grid,.tp-student-grid{grid-template-columns:1fr}.tp-nav-class-name{display:none}}.ob{--bg: #0f0e13;--surface: #1c1b22;--surface2:#242329;--border: #2e2d35;--accent: #7b2ff2;--accent2: #a78bfa;--accent-bg: rgba(123, 47, 242, .1);--text: #eeedf1;--text2: #c0c1cc;--muted: #8f8d97;--green: #22c55e;--green-bg:rgba(34,197,94,.08);--red: #ef4444;--red-bg: rgba(239,68,68,.06);--yellow: #eab308;--radius: 12px;--shadow: 0 4px 24px rgba(0,0,0,.5);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--bg);background-image:radial-gradient(ellipse 600px 400px at 30% 20%,rgba(123,47,242,.06),transparent),radial-gradient(ellipse 400px 300px at 70% 80%,rgba(123,47,242,.04),transparent);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.ob__dots{display:flex;gap:8px;margin-bottom:1.5rem}.ob__dot{width:10px;height:10px;border-radius:50%;background:var(--border);transition:background .3s,transform .3s,box-shadow .3s}.ob__dot--active{background:var(--accent);transform:scale(1.3);box-shadow:0 0 12px #7c3aed66}.ob__dot--done{background:var(--green);box-shadow:0 0 8px #22c55e4d}.ob__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.25rem 2rem;max-width:480px;width:100%;display:flex;flex-direction:column;gap:1.25rem;box-shadow:var(--shadow);animation:obSlideUp .4s cubic-bezier(.22,.68,0,1)}@keyframes obSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ob__logo{font-size:1.7rem;font-weight:800;text-align:center;letter-spacing:-.5px}.ob__foo{color:var(--accent)}.ob__gamez{color:var(--text)}.ob__title{font-size:1.4rem;font-weight:700;text-align:center;margin:0;letter-spacing:-.3px}.ob__sub{color:var(--muted);font-size:.88rem;text-align:center;margin:0;line-height:1.5}.ob__field-row{display:flex;gap:.75rem}.ob__field-row>.ob__field{flex:1}.ob__field{display:flex;flex-direction:column;gap:.4rem}.ob__label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.ob__input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.65rem .85rem;color:var(--text);font-size:.9rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.ob__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.ob__input::placeholder{color:var(--muted)}.ob__hint{font-size:.72rem;color:var(--muted);margin:0;line-height:1.3}.ob__btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.7rem 1.3rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s,box-shadow .2s;align-self:stretch;text-align:center;font-family:inherit}.ob__btn:hover{background:#6d28d9;box-shadow:0 4px 14px #7c3aed4d}.ob__btn:active{transform:scale(.98)}.ob__btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ob__btn--ghost{background:transparent;border:1px solid var(--border);color:var(--muted);box-shadow:none}.ob__btn--ghost:hover{border-color:var(--accent2);color:var(--text);background:transparent;box-shadow:none}.ob__btn--sm{padding:.5rem 1rem;font-size:.82rem}.ob__nav-row{display:flex;justify-content:space-between;gap:.75rem}.ob__nav-row .ob__btn{flex:1}.ob__lang-opts{display:flex;gap:.75rem}.ob__lang-opt{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.2rem .75rem;border-radius:10px;border:2px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}.ob__lang-opt:hover{border-color:var(--accent2);box-shadow:0 0 0 3px var(--accent-bg)}.ob__lang-opt--active{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px var(--accent-bg)}.ob__lang-opt strong{font-size:.92rem}.ob__lang-opt small{font-size:.72rem;color:var(--muted)}.ob__lang-flag{font-size:2.2rem;line-height:1}.ob__adblock-warn{display:flex;align-items:flex-start;gap:.75rem;background:#eab30814;border:1px solid rgba(234,179,8,.25);border-radius:8px;padding:.9rem 1rem}.ob__adblock-icon{font-size:1.5rem;flex-shrink:0}.ob__adblock-warn strong{color:var(--yellow);font-size:.85rem}.ob__adblock-warn p{margin:.25rem 0 0;font-size:.78rem;color:var(--muted);line-height:1.45}.ob__consent-opts{display:flex;flex-direction:column;gap:.6rem}.ob__consent-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.8rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;text-align:left;transition:border-color .2s,background .2s,box-shadow .2s;font-family:inherit}.ob__consent-btn:hover{box-shadow:0 0 0 3px var(--accent-bg)}.ob__consent-btn span:first-child{font-size:1.3rem;flex-shrink:0}.ob__consent-btn div{display:flex;flex-direction:column;gap:.15rem}.ob__consent-btn strong{font-size:.88rem}.ob__consent-btn small{font-size:.72rem;color:var(--muted)}.ob__consent-btn--accept:hover{border-color:var(--green);background:var(--green-bg)}.ob__consent-btn--decline:hover{border-color:var(--red);background:var(--red-bg)}.ob__consent-btn--manage:hover{border-color:var(--accent);background:var(--accent-bg)}.ob__manage{display:flex;flex-direction:column;gap:.9rem}.ob__manage-title{font-size:1rem;font-weight:600;margin:0}.ob__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .85rem;border-radius:8px;background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:border-color .2s}.ob__toggle-row:hover{border-color:var(--accent2)}.ob__toggle-row strong{font-size:.84rem}.ob__toggle-desc{font-size:.72rem;color:var(--muted);margin:.15rem 0 0;line-height:1.35}.ob__toggle{width:40px;height:22px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--border);border:none;border-radius:999px;position:relative;cursor:pointer;flex-shrink:0;transition:background .25s}.ob__toggle:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.ob__toggle:checked{background:var(--accent)}.ob__toggle:checked:before{transform:translate(18px)}@media (max-width: 520px){.ob__card{padding:1.5rem 1.15rem}.ob__field-row,.ob__lang-opts{flex-direction:column}.ob__title{font-size:1.2rem}}.friends{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.friends__header h1{font-size:1.45rem;font-weight:800}.friends__header p{margin-top:4px;font-size:.88rem;color:var(--text-muted)}.friends__error{background:#ef444424;border:1px solid rgba(239,68,68,.35);color:#fecaca;border-radius:var(--radius-sm);padding:10px 12px;font-size:.84rem}.friends__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:12px}.friends__card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.friends__card-head h2{font-size:1rem;font-weight:700}.friends__card-head span{font-size:.8rem;color:var(--text-muted)}.friends__search{background:var(--bg);border:1px solid var(--border-hover);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:.85rem;padding:9px 11px}.friends__search:focus{outline:none;border-color:var(--accent)}.friends__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.friends__list{display:flex;flex-direction:column;gap:8px}.friends__row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px}.friends__row strong{font-size:.87rem}.friends__row p{margin-top:2px;font-size:.74rem;color:var(--text-muted)}.friends__actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.friends__btn{background:var(--surface);color:var(--text);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:6px 10px;font-size:.75rem;font-weight:600;transition:background var(--transition),border-color var(--transition)}.friends__btn:hover{background:var(--surface-raised);border-color:var(--accent)}.friends__btn:disabled{opacity:.5;cursor:not-allowed}.friends__btn--primary{background:#7b2ff22e;color:#d9c7ff;border-color:#7b2ff266}.friends__btn--accept{background:#34d3992e;color:#86efac;border-color:#34d39966}.friends__btn--danger{background:#ef444429;color:#fca5a5;border-color:#ef444466}.friends__friend-btn{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:10px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:12px}.friends__friend-btn small{color:var(--coin-color);font-weight:700}.friends__friend-btn--active{border-color:var(--accent);background:#7b2ff229}.friends__compare{display:flex;flex-direction:column;gap:12px}.friends__compare-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px}.friends__compare-head h3{font-size:.9rem}.friends__compare-head small{display:block;margin-top:2px;font-size:.72rem;color:var(--text-muted)}.friends__compare-head span{font-weight:800;color:var(--accent)}.friends__stats-grid{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.friends__stat-row{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;align-items:center;gap:8px;padding:10px;font-size:.84rem;background:var(--surface-raised);border-bottom:1px solid var(--border)}.friends__stat-row:last-child{border-bottom:none}.friends__stat-row strong{font-size:.88rem}.friends__stat-row span:last-child{font-size:.75rem;color:var(--text-muted)}.friends__recent{display:grid;grid-template-columns:1fr 1fr;gap:10px}.friends__recent>div{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px}.friends__recent h4{font-size:.8rem;margin-bottom:6px}.friends__recent ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.friends__recent li,.friends__recent p,.friends__muted{font-size:.76rem;color:var(--text-muted)}@media (max-width: 900px){.friends__grid,.friends__recent{grid-template-columns:1fr}}@media (max-width: 640px){.friends{padding-bottom:8px}.friends__row{flex-direction:column;align-items:flex-start}.friends__actions{width:100%;justify-content:flex-start}.friends__stat-row{grid-template-columns:1fr 1fr;row-gap:4px}}.friends__tabs{display:flex;gap:4px}.friends__tab{background:var(--surface-raised);color:var(--text-muted);border-radius:var(--radius-sm);padding:4px 12px;font-size:.78rem;font-weight:600;cursor:pointer;transition:background var(--transition),color var(--transition);border:none}.friends__tab:hover{color:var(--text)}.friends__tab--active{background:var(--accent);color:#fff}.friends__chat{display:flex;flex-direction:column;gap:10px}.friends__chat-messages{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--border);padding:12px;height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.friends__chat-empty{align-self:center;margin-top:auto;margin-bottom:auto}.friends__chat-msg{display:flex}.friends__chat-msg--mine{justify-content:flex-end}.friends__chat-msg--theirs{justify-content:flex-start}.friends__chat-bubble{max-width:75%;padding:7px 12px;border-radius:14px;font-size:.85rem;line-height:1.4;word-break:break-word;background:var(--surface-raised);color:var(--text)}.friends__chat-msg--mine .friends__chat-bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.friends__chat-msg--theirs .friends__chat-bubble{border-bottom-left-radius:4px}.friends__chat-form{display:flex;gap:8px}.friends__chat-input{flex:1;background:var(--bg);color:var(--text);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:8px 12px;font-size:.875rem;font-family:var(--font)}.friends__chat-input:focus{outline:none;border-color:var(--accent)}.friends__chat-send{background:var(--accent);color:#fff;border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition)}.friends__chat-send:hover{background:var(--accent-hover)}.friends__chat-send:disabled{opacity:.5;cursor:not-allowed}.friends__gift{display:flex;flex-direction:column;gap:12px}.friends__gift-label{font-size:.88rem;font-weight:600}.friends__gift-presets{display:flex;gap:6px;flex-wrap:wrap}.friends__gift-preset{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition)}.friends__gift-preset:hover{border-color:var(--accent)}.friends__gift-preset--active{background:#7b2ff22e;border-color:var(--accent);color:#d9c7ff}.friends__gift-custom{display:flex;gap:8px;align-items:center}.friends__gift-input{width:90px;background:var(--bg);color:var(--text);border:1px solid var(--border-hover);border-radius:var(--radius-sm);padding:8px 10px;font-size:.85rem;font-family:var(--font)}.friends__gift-input:focus{outline:none;border-color:var(--accent)}.friends__gift-send{background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;padding:8px 18px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition)}.friends__gift-send:hover{background:var(--accent-hover)}.friends__gift-send:disabled{opacity:.5;cursor:not-allowed}.friends__gift-balance{font-size:.78rem;color:var(--text-muted)}.friends__gift-msg{font-size:.82rem;font-weight:600;padding:6px 10px;border-radius:var(--radius-sm)}.friends__gift-msg--ok{background:#34d39924;color:#86efac;border:1px solid rgba(52,211,153,.35)}.friends__gift-msg--err{background:#ef444424;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.friends__race{display:flex;flex-direction:column;gap:12px;padding:4px 0}.friends__race-desc{font-size:.88rem;color:var(--text-muted)}.friends__race-btn{align-self:flex-start;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:10px 20px;font-size:.88rem;font-weight:700;cursor:pointer;transition:background var(--transition)}.friends__race-btn:hover{background:var(--accent-hover)}.settings{max-width:640px;margin:0 auto;padding:32px 20px 40px}.settings__loading{text-align:center;color:var(--text-muted);padding:80px 0;font-size:.95rem}.settings__header{margin-bottom:32px}.settings__title{font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.settings__sub{color:var(--text-muted);font-size:.9rem}.settings__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:20px}.settings__card--danger{border-color:#ff475740}.settings__card-title{font-size:1.1rem;font-weight:600;margin-bottom:6px;color:var(--text-bright)}.settings__card-title--danger{color:var(--badge-hot)}.settings__card-desc{color:var(--text-muted);font-size:.85rem;margin-bottom:18px;line-height:1.5}.settings__form{display:flex;flex-direction:column;gap:14px}.settings__field{display:flex;flex-direction:column;gap:6px}.settings__label{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.settings__input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-size:.95rem;color:var(--text);font-family:var(--font);transition:border-color var(--transition)}.settings__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.settings__input--danger:focus{border-color:var(--badge-hot);box-shadow:0 0 0 3px #ff475733}.settings__error{color:var(--badge-hot);font-size:.85rem;font-weight:500}.settings__success{color:var(--badge-new);font-size:.85rem;font-weight:500}.settings__info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.settings__info-row:last-child{border-bottom:none}.settings__info-label{color:var(--text-muted);font-size:.85rem}.settings__info-value{color:var(--text);font-size:.9rem;font-weight:500}.settings__btn{padding:10px 24px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;transition:all var(--transition);border:none}.settings__btn--primary{background:var(--accent);color:#fff}.settings__btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.settings__btn--primary:disabled{opacity:.45;cursor:not-allowed}.settings__btn--danger{background:#ff475726;color:var(--badge-hot);border:1px solid rgba(255,71,87,.3)}.settings__btn--danger:hover:not(:disabled){background:#ff475740}.settings__btn--danger:disabled{opacity:.45;cursor:not-allowed}.settings__btn--secondary{background:var(--surface-hover);color:var(--text)}.settings__btn--secondary:hover{background:var(--surface-raised)}.settings__delete-confirm{margin-top:16px;padding:16px;background:#ff47570f;border-radius:var(--radius-sm);border:1px solid rgba(255,71,87,.15)}.settings__delete-warning{color:var(--badge-hot);font-size:.85rem;font-weight:500;margin-bottom:14px;line-height:1.5}.settings__delete-actions{display:flex;gap:10px;margin-top:12px}@media (max-width: 768px){.settings{padding:20px 16px}.settings__title{font-size:1.4rem}.settings__delete-actions{flex-direction:column}}.profile{display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - var(--layout-top-offset));padding:40px 20px}.profile__loading{color:var(--text-muted);font-size:.9rem;padding:60px 0;text-align:center}.profile__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:36px 32px;max-width:440px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 40px #00000080,0 0 0 1px #7b2ff214;transition:box-shadow var(--transition-slow)}.profile__card:hover{box-shadow:0 12px 48px #0000008c,0 0 0 1px #7b2ff226}.profile__avatar-wrap{position:relative;width:96px;height:96px;border-radius:50%;cursor:pointer;overflow:hidden;border:3px solid var(--accent);box-shadow:0 0 18px var(--accent-glow);transition:border-color var(--transition),box-shadow var(--transition)}.profile__avatar-wrap:hover{border-color:var(--accent-hover);box-shadow:0 0 28px #7b2ff266}.profile__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile__avatar-letter{width:100%;height:100%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.2rem;font-weight:800}.profile__avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff}.profile__avatar-wrap:hover .profile__avatar-overlay{opacity:1}.profile__upload-status{font-size:.8rem;color:var(--accent);text-align:center}.profile__name{font-size:1.5rem;font-weight:800;text-align:center}.profile__email{font-size:.85rem;color:var(--text-muted);text-align:center;word-break:break-all}.profile__stats{display:flex;gap:20px;margin-top:8px}.profile__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.profile__stat-val{font-size:1.1rem;font-weight:700}.profile__stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.profile__recent{width:100%;margin-top:8px}.profile__recent h3{font-size:.85rem;font-weight:700;margin-bottom:8px;color:var(--text-muted)}.profile__recent-list{display:flex;flex-wrap:wrap;gap:6px}.profile__recent-tag{background:var(--surface-raised);color:var(--text-muted);border-radius:var(--radius-sm);padding:4px 10px;font-size:.75rem;font-weight:600;border:none;cursor:default}.profile__recent-tag--link{cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:background .18s,color .18s}.profile__recent-tag--link:hover{background:var(--accent-glow);color:var(--accent)}.profile__recent-tag--fav{border:1px solid rgba(239,68,68,.35);color:#fca5a5}.profile__recent-unfav{font-size:.6rem;opacity:.5;cursor:pointer;line-height:1;padding:0 2px;transition:opacity .15s}.profile__recent-unfav:hover{opacity:1;color:#ef4444}.profile__actions{display:flex;gap:10px;width:100%;margin-top:12px}.profile__btn{flex:1;text-align:center;border-radius:var(--radius-sm);padding:10px 14px;font-size:.85rem;font-weight:600;transition:background var(--transition);text-decoration:none;display:block}.profile__btn--settings{background:var(--surface-raised);color:var(--text)}.profile__btn--settings:hover{background:var(--accent-glow);color:var(--accent)}.profile__btn--logout{background:#ef44441a;color:#ef4444}.profile__btn--logout:hover{background:#ef444433}@media (max-width: 600px){.profile{padding:24px 12px}.profile__card{padding:24px 16px}.profile__avatar-wrap{width:80px;height:80px}.profile__avatar-letter{font-size:1.8rem}.profile__name{font-size:1.25rem}}.myclass{max-width:860px;margin:0 auto;padding:24px 16px 60px}.myclass__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);gap:12px}.myclass__spinner{width:36px;height:36px;border:3px solid var(--surface-raised);border-top-color:var(--accent);border-radius:50%;animation:mc-spin .7s linear infinite}@keyframes mc-spin{to{transform:rotate(360deg)}}.myclass__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px;text-align:center;color:var(--text-muted);gap:8px}.myclass__empty-icon{font-size:3.5rem;margin-bottom:8px}.myclass__empty h2{color:var(--text);font-size:1.3rem}.myclass__empty p{max-width:340px;line-height:1.5;font-size:.9rem}.myclass__empty-section{display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 20px;color:var(--text-muted);gap:4px}.myclass__empty-section strong{color:var(--text)}.myclass__empty-section p{font-size:.88rem;max-width:320px}.myclass__header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-sm)}.myclass__header-color{height:6px;background:var(--gradient-primary)}.myclass__header-content{padding:20px 24px 16px}.myclass__title{font-size:1.4rem;font-weight:800;color:var(--text-bright);margin-bottom:4px}.myclass__teacher{font-size:.88rem;color:var(--text-muted);margin-bottom:10px}.myclass__teacher strong{color:var(--text)}.myclass__meta{display:flex;gap:16px;flex-wrap:wrap}.myclass__meta-item{font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.myclass__tabs{display:flex;gap:4px;margin-bottom:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px}.myclass__tab{flex:1;padding:10px 16px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;color:var(--text-muted);background:transparent;transition:all .18s ease}.myclass__tab:hover{background:var(--surface-raised);color:var(--text)}.myclass__tab--active{background:#7b2ff226;color:var(--accent)}.myclass__tab--active:hover{background:#7b2ff238}.myclass__posts{display:flex;flex-direction:column;gap:12px}.myclass__post{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);transition:border-color .2s}.myclass__post:hover{border-color:var(--border-hover)}.myclass__post--assignment{border-left:4px solid #2ed573}.myclass__post-header{display:flex;align-items:flex-start;gap:12px}.myclass__post-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.myclass__post-info{flex:1;min-width:0}.myclass__post-title{display:block;font-size:1rem;font-weight:700;color:var(--text-bright);margin-bottom:2px}.myclass__post-meta{font-size:.78rem;color:var(--text-muted)}.myclass__post-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;border-radius:99px;background:#7b2ff21f;color:var(--accent);flex-shrink:0;white-space:nowrap}.myclass__post-badge--assign{background:#2ed5731a;color:#2ed573}.myclass__post-body{margin-top:12px;font-size:.9rem;color:var(--text);line-height:1.65;white-space:pre-wrap;opacity:.85}.myclass__search{position:relative;margin-bottom:12px}.myclass__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.9rem}.myclass__search-input{width:100%;padding:10px 14px 10px 36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.88rem;font-family:var(--font);transition:border-color .18s}.myclass__search-input:focus{outline:none;border-color:var(--accent)}.myclass__search-input::placeholder{color:var(--text-muted)}.myclass__classmates{display:flex;flex-direction:column;gap:6px}.myclass__mate{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all .18s}.myclass__mate:hover{border-color:var(--border-hover);background:var(--surface-raised)}.myclass__mate--you{border-color:#7b2ff24d;background:#7b2ff20a}.myclass__mate-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.myclass__mate-avatar--init{display:inline-flex;align-items:center;justify-content:center;background:#7b2ff21f;color:var(--accent);font-weight:700;font-size:.82rem}.myclass__mate-info{flex:1;min-width:0}.myclass__mate-info strong{display:flex;align-items:center;gap:6px;font-size:.92rem;color:var(--text)}.myclass__mate-you-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:1px 8px;border-radius:99px;background:#7b2ff226;color:var(--accent)}.myclass__mate-stats{display:flex;gap:12px;margin-top:3px}.myclass__mate-stat{font-size:.75rem;color:var(--text-muted)}@media (max-width: 768px){.myclass{padding:12px 10px 16px}.myclass__header-content{padding:14px 16px 12px}.myclass__title{font-size:1.15rem}.myclass__post{padding:14px}.myclass__mate{padding:10px 12px;gap:10px}}.about{max-width:860px;margin:0 auto;padding:40px 20px 60px;display:flex;flex-direction:column;gap:40px}.about__hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.about__title{font-size:3rem;font-weight:900;letter-spacing:-1.5px;line-height:1}.about__title-foo{color:var(--accent)}.about__title-gamez{color:var(--text-bright)}.about__tagline{font-size:1.05rem;color:var(--text-muted);font-weight:400}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.about__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 22px 24px;display:flex;gap:16px;transition:border-color var(--transition),box-shadow var(--transition)}.about__card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.about__card--primary{grid-column:1 / -1;background:linear-gradient(135deg,#7b2ff21a,#8b5cf60f);border-color:#7b2ff238}.about__card--primary:hover{border-color:#7b2ff266}.about__card-icon{flex-shrink:0;width:48px;height:48px;background:#7b2ff21f;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--accent-secondary)}.about__card-body{display:flex;flex-direction:column;gap:6px;min-width:0}.about__card-title{font-size:.95rem;font-weight:700;color:var(--text-bright)}.about__card--primary .about__card-title{font-size:1.1rem}.about__card-lead{font-size:1rem;color:var(--text)}.about__card-lead strong{color:var(--accent-secondary)}.about__card-sub{font-size:.845rem;color:var(--text-muted);line-height:1.55}.about__list{list-style:none;display:flex;flex-direction:column;gap:5px;margin-top:2px}.about__list li{font-size:.845rem;color:var(--text-muted);display:flex;align-items:center;gap:7px}.about__list li svg{color:var(--badge-new);flex-shrink:0}.about__link{color:var(--accent-secondary);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}.about__link:hover{color:var(--accent)}.about__footer{text-align:center;padding-top:28px;border-top:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:6px}.about__footer-logo{font-size:1.5rem;font-weight:900;letter-spacing:-.5px}.about__footer-copy{font-size:.8rem;color:var(--text-muted)}@media (max-width: 600px){.about{padding:24px 14px 40px;gap:28px}.about__title{font-size:2.2rem}.about__grid{grid-template-columns:1fr}.about__card{padding:16px 16px 18px}.about__card--primary{grid-column:auto}}.pub-profile{max-width:560px;margin:0 auto}.pub-profile__loading{text-align:center;color:var(--text-muted);padding:60px 20px;font-size:.9rem}.pub-profile__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px 32px;display:flex;flex-direction:column;align-items:center;gap:20px}.pub-profile__back{align-self:flex-start;display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px 0;transition:color var(--transition)}.pub-profile__back:hover{color:var(--text)}.pub-profile__avatar{width:84px;height:84px;border-radius:50%;background:var(--accent);color:#fff;font-size:2rem;font-weight:800;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 0 4px #7b2ff240}.pub-profile__avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.pub-profile__name{font-size:1.35rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.pub-profile__stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.pub-profile__stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:90px}.pub-profile__stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;margin-bottom:2px}.pub-profile__stat-icon--coins{color:#fbbf24;background:#fbbf241f}.pub-profile__stat-icon--games{color:#60a5fa;background:#60a5fa1f}.pub-profile__stat-icon--quiz{color:#a78bfa;background:#a78bfa1f}.pub-profile__stat-val{font-size:1.1rem;font-weight:800;color:var(--text)}.pub-profile__stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.pub-profile__action-card{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px;display:flex;flex-direction:column;gap:12px}.pub-profile__action-title{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;color:var(--text)}.pub-profile__action-icon{color:#fbbf24;display:flex}.pub-profile__action-sub{font-size:.75rem;font-weight:400;color:var(--text-muted);margin-left:2px}.pub-profile__coin-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pub-profile__coin-chip{padding:6px 14px;border-radius:99px;font-size:.8rem;font-weight:700;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.pub-profile__coin-chip:hover{border-color:var(--accent);color:var(--text)}.pub-profile__coin-chip--active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-glow)}.pub-profile__coin-input{width:72px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.82rem;outline:none;transition:border-color var(--transition)}.pub-profile__coin-input:focus{border-color:var(--accent)}.pub-profile__send-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1200;font-weight:700;font-size:.88rem;border:none;cursor:pointer;transition:opacity var(--transition),box-shadow var(--transition)}.pub-profile__send-btn:hover:not(:disabled){box-shadow:0 4px 16px #fbbf2459;opacity:.92}.pub-profile__send-btn:disabled{opacity:.4;cursor:not-allowed}.pub-profile__msg{font-size:.82rem;font-weight:600;text-align:center;padding:4px 0}.pub-profile__msg--ok{color:#4ade80}.pub-profile__msg--err{color:#f87171}.pub-profile__friend-section{width:100%}.pub-profile__friend-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border-radius:var(--radius-sm);background:#7b2ff21f;border:1px solid rgba(123,47,242,.35);color:var(--accent-secondary);font-weight:700;font-size:.88rem;cursor:pointer;transition:background var(--transition),box-shadow var(--transition)}.pub-profile__friend-btn:hover:not(:disabled){background:#7b2ff238;box-shadow:0 4px 14px var(--accent-glow)}.pub-profile__friend-btn:disabled{opacity:.5;cursor:not-allowed}.pub-profile__friend-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600}.pub-profile__friend-badge--ok{background:#4ade801a;border:1px solid rgba(74,222,128,.3);color:#4ade80}.pub-profile__friend-badge--pending{background:#fbbf2414;border:1px solid rgba(251,191,36,.3);color:#fbbf24}@media (max-width: 500px){.pub-profile__card{padding:20px 16px 24px}.pub-profile__stats{gap:8px}.pub-profile__stat{padding:12px 14px;min-width:80px}}.scratch-hub{max-width:1100px;margin:0 auto;padding:24px 20px 48px;color:var(--text, #e8e8f0)}.scratch-hub__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px 28px;background:linear-gradient(135deg,#1e1b2e,#2a1a0e);border:1px solid #ff8c1a44;border-radius:16px;margin-bottom:24px}.scratch-hub__header-inner{display:flex;align-items:center;gap:16px}.scratch-hub__title{font-size:1.6rem;font-weight:700;margin:0 0 4px;background:linear-gradient(90deg,#ff8c1a,#ffb347);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scratch-hub__sub{margin:0;font-size:.88rem;color:#a09cbc}.scratch-hub__submit-toggle{padding:10px 20px;border-radius:10px;border:2px solid #ff8c1a;background:transparent;color:#ff8c1a;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .2s,color .2s}.scratch-hub__submit-toggle:hover{background:#ff8c1a;color:#1a1225}.scratch-hub__login-hint{font-size:.83rem;color:#888;margin:0}.scratch-hub__form-wrap{margin-bottom:28px;padding:24px 28px;background:var(--surface, #18192a);border:1px solid #ff8c1a33;border-radius:14px}.scratch-hub__form{display:flex;flex-direction:column;gap:16px;max-width:620px}.scratch-hub__form-title{font-size:1.1rem;font-weight:700;margin:0 0 4px;color:#ff8c1a}.scratch-hub__label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:500;color:#c8c4e0}.scratch-hub__optional{font-weight:400;color:#888}.scratch-hub__input{padding:10px 14px;border-radius:8px;border:1px solid #3a3660;background:#0d0e14;color:#e8e8f0;font-size:.9rem;width:100%;box-sizing:border-box;transition:border-color .2s}.scratch-hub__input:focus{outline:none;border-color:#ff8c1a}.scratch-hub__url-preview{font-size:.78rem;color:#888;word-break:break-all}.scratch-hub__url-preview em{color:#ff8c1a;font-style:normal}.scratch-hub__thumb-preview img{width:160px;height:120px;object-fit:cover;border-radius:8px;border:1px solid #3a3660}.scratch-hub__err{color:#f87171;font-size:.85rem;margin:0}.scratch-hub__ok{color:#4ade80;font-size:.85rem;margin:0}.scratch-hub__submit-btn{align-self:flex-start;padding:11px 28px;border-radius:10px;border:none;background:linear-gradient(135deg,#ff8c1a,#e07000);color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:opacity .2s}.scratch-hub__submit-btn:hover:not(:disabled){opacity:.88}.scratch-hub__submit-btn:disabled{opacity:.5;cursor:not-allowed}.scratch-hub__pending-wrap{margin-bottom:28px;padding:20px 24px;background:#1a1a0d;border:1px solid #f59e0b55;border-radius:14px}.scratch-hub__pending-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#f59e0b}.scratch-hub__pending-title{font-size:1rem;font-weight:700;margin:0;color:#f59e0b}.scratch-hub__pending-list{display:flex;flex-direction:column;gap:12px}.sc-pending-row{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#0d0e14;border-radius:10px;border:1px solid #2e2b45}.sc-pending-row__thumb{width:80px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#1a1225}.sc-pending-row__info{flex:1;min-width:0}.sc-pending-row__name{margin:0 0 2px;font-size:.9rem;font-weight:600;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-pending-row__author{margin:0 0 4px;font-size:.78rem;color:#888}.sc-pending-row__url{font-size:.72rem;color:#7b6fd0;text-decoration:none;word-break:break-all;display:block;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-pending-row__url:hover{text-decoration:underline}.sc-pending-row__actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.sc-pending-row__approve{padding:7px 16px;border-radius:7px;border:none;background:#166534;color:#4ade80;font-weight:700;font-size:.83rem;cursor:pointer;transition:background .2s}.sc-pending-row__approve:hover{background:#15803d}.sc-pending-row__reject{padding:7px 16px;border-radius:7px;border:none;background:#7f1d1d;color:#f87171;font-weight:700;font-size:.83rem;cursor:pointer;transition:background .2s}.sc-pending-row__reject:hover{background:#991b1b}@media (max-width: 500px){.sc-pending-row{flex-wrap:wrap}.sc-pending-row__actions{flex-direction:row;width:100%}.sc-pending-row__approve,.sc-pending-row__reject{flex:1}}.scratch-hub__empty{text-align:center;color:#666;padding:48px 0}.scratch-hub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.sc-card{position:relative;background:var(--surface, #18192a);border-radius:12px;border:1px solid #2e2b45;overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.sc-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #0006;border-color:#ff8c1a66}.sc-card__thumb-wrap{position:relative;aspect-ratio:4/3;background:#0d0e14;overflow:hidden}.sc-card__thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.sc-card:hover .sc-card__thumb{transform:scale(1.04)}.sc-card__play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000060;opacity:0;transition:opacity .2s;color:#fff}.sc-card:hover .sc-card__play{opacity:1}.sc-card__badge{position:absolute;top:8px;left:8px;background:#ff8c1a;color:#fff;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:6px;letter-spacing:.05em;text-transform:uppercase}.sc-card__footer{padding:10px 12px 12px}.sc-card__name{margin:0 0 2px;font-size:.88rem;font-weight:600;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-card__author{margin:0;font-size:.74rem;color:#888}.sc-card__delete{position:absolute;top:8px;right:8px;background:#f009;border:none;border-radius:6px;color:#fff;padding:4px 6px;cursor:pointer;opacity:0;transition:opacity .2s;display:flex;align-items:center}.sc-card:hover .sc-card__delete{opacity:1}.sc-card__delete:hover{background:#f00c}@media (max-width: 600px){.scratch-hub__header{flex-direction:column;align-items:flex-start;padding:18px 16px}.scratch-hub__form-wrap{padding:18px 16px}.scratch-hub__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}.sp{display:flex;flex-direction:column;height:calc(100vh - 56px);background:#0d0e14}.sp-status{display:flex;align-items:center;justify-content:center;height:calc(100vh - 56px)}.sp-status__card{text-align:center;padding:40px 32px;background:#18192a;border-radius:16px;border:1px solid #2e2b45;color:#e8e8f0}.sp-status__big{font-size:3rem;margin:0 0 12px}.sp-status__spinner{width:36px;height:36px;border:3px solid #3a3660;border-top-color:#ff8c1a;border-radius:50%;animation:sp-spin .8s linear infinite;margin:0 auto 16px}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-btn{margin-top:16px;padding:10px 20px;border-radius:8px;border:1px solid #ff8c1a;background:transparent;color:#ff8c1a;font-size:.9rem;cursor:pointer;transition:background .2s,color .2s}.sp-btn:hover{background:#ff8c1a;color:#1a1225}.sp__hud{display:flex;align-items:center;gap:10px;padding:0 14px;height:40px;background:#0f101c;border-bottom:1px solid #2e2b45;flex-shrink:0;overflow:hidden}.sp__hud-back{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid #3a3660;background:transparent;color:#c8c4e0;font-size:.8rem;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color .2s,color .2s}.sp__hud-back:hover{border-color:#ff8c1a;color:#ff8c1a}.sp__hud-title{font-size:.88rem;font-weight:600;color:#e8e8f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sp__hud-author{font-size:.78rem;color:#888;white-space:nowrap;flex-shrink:0}.sp__hud-free{font-size:.78rem;background:#1a3a1a;color:#4ade80;padding:2px 8px;border-radius:6px;font-weight:600;white-space:nowrap;flex-shrink:0}.sp__hud-fs{background:transparent;border:1px solid #3a3660;border-radius:6px;color:#c8c4e0;padding:4px 6px;cursor:pointer;display:flex;align-items:center;flex-shrink:0;transition:border-color .2s,color .2s}.sp__hud-fs:hover{border-color:#ff8c1a;color:#ff8c1a}.sp__frame-wrap{flex:1;overflow:hidden;position:relative;background:#000}.sp__frame{width:100%;height:100%;border:none;display:block}:fullscreen .sp{height:100vh}:fullscreen .sp__hud{display:none}.race{max-width:700px;margin:0 auto;display:flex;flex-direction:column;gap:16px;padding-bottom:24px}.race__header h1{font-size:1.4rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.race__header p{font-size:.88rem;color:var(--text-muted);margin-top:4px}.race__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.race__card h2{font-size:1rem;font-weight:700}.race__challenge-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px}.race__challenge-row strong{font-size:.87rem}.race__challenge-row small{font-size:.74rem;color:var(--text-muted);display:block;margin-top:2px}.race__actions{display:flex;gap:6px}.race__btn{padding:6px 14px;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition);border:none}.race__btn--primary{background:var(--accent);color:#fff}.race__btn--primary:hover{background:var(--accent-hover)}.race__btn--danger{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.35)}.race__btn--danger:hover{background:#ef444440}.race__btn--accent{background:#34d39926;color:#86efac;border:1px solid rgba(52,211,153,.35)}.race__btn--accent:hover{background:#34d39940}.race__btn:disabled{opacity:.5;cursor:not-allowed}.race__friend-list{display:flex;flex-direction:column;gap:6px}.race__friend-btn{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:10px;text-align:left;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:border-color var(--transition)}.race__friend-btn:hover{border-color:var(--accent)}.race__game{display:flex;flex-direction:column;gap:14px}.race__scoreboard{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;text-align:center}.race__scoreboard h3{font-size:.88rem;font-weight:700}.race__scoreboard .race__score{font-size:1.5rem;font-weight:800;color:var(--accent-secondary)}.race__scoreboard .race__vs{font-weight:800;color:var(--accent);font-size:1rem}.race__question-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.race__question{font-size:1rem;font-weight:600;margin-bottom:12px}.race__options{display:flex;flex-direction:column;gap:8px}.race__option{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:10px 14px;font-size:.88rem;cursor:pointer;transition:all var(--transition);text-align:left}.race__option:hover{border-color:var(--accent);background:#7b2ff214}.race__option--correct{background:#34d3992e;border-color:#34d39980;color:#86efac}.race__option--wrong{background:#ef444426;border-color:#ef444466;color:#fca5a5}.race__option:disabled{cursor:default}.race__timer{text-align:center;font-size:.84rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.race__results{text-align:center;padding:20px}.race__results-icon{font-size:3rem;margin-bottom:8px}.race__results h2{font-size:1.3rem;margin-bottom:8px}.race__results p{font-size:.9rem;color:var(--text-muted);margin-bottom:6px}.race__results .race__final-score{font-size:1.1rem;font-weight:700;color:var(--accent-secondary)}.race__muted{font-size:.82rem;color:var(--text-muted)}@media (max-width: 600px){.race__scoreboard{grid-template-columns:1fr;gap:6px}}.username-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.username-modal{background:var(--surface);border:1px solid var(--border-hover);border-radius:var(--radius);padding:40px 36px;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:usernameModalIn .3s ease}@keyframes usernameModalIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.username-modal__logo{font-size:1.5rem;font-weight:800;margin-bottom:18px}.username-modal__foo{color:var(--text-bright)}.username-modal__gamez{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.username-modal__title{font-size:1.3rem;font-weight:700;color:var(--text-bright);margin-bottom:8px}.username-modal__desc{color:var(--text-muted);font-size:.88rem;margin-bottom:24px;line-height:1.5}.username-modal__form{display:flex;flex-direction:column;gap:12px;text-align:left}.username-modal__label{font-size:.78rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.username-modal__input{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-size:1rem;color:var(--text);font-family:var(--font);transition:border-color var(--transition);width:100%}.username-modal__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.username-modal__error{color:var(--badge-hot);font-size:.82rem;font-weight:500}.username-modal__btn{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);padding:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition);margin-top:4px}.username-modal__btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-glow)}.username-modal__btn:disabled{opacity:.45;cursor:not-allowed}:root{--bg: #0d0e14;--bg-secondary: #12131a;--surface: #18192a;--surface-raised: #1e1f32;--surface-hover: #282a40;--accent: #7b2ff2;--accent-hover: #6d28d9;--accent-glow: rgba(123, 47, 242, .25);--accent-secondary: #a78bfa;--gradient-primary: linear-gradient(135deg, #7b2ff2 0%, #8b5cf6 50%, #a78bfa 100%);--gradient-card: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.88) 100%);--text: #f0f0f2;--text-muted: #8a8a92;--text-bright: #ffffff;--badge-hot: #ff4757;--badge-new: #2ed573;--badge-trending: #ffa502;--coin-color: #ffc107;--border: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.12);--radius: 12px;--radius-sm: 8px;--radius-xs: 6px;--sidebar-collapsed: 72px;--sidebar-expanded: 240px;--navbar-height: 56px;--categorybar-height: 44px;--layout-top-offset: calc(var(--navbar-height) + var(--categorybar-height));--transition: .18s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--shadow-sm: 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 4px 20px rgba(0,0,0,.5);--shadow-lg: 0 8px 40px rgba(0,0,0,.6);--shadow-glow: 0 0 24px rgba(123, 47, 242, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;overflow-x:hidden}@media (max-width: 768px){:root{--categorybar-height: 0px;--layout-top-offset: var(--navbar-height)}}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}img{display:block;max-width:100%}::selection{background:#7b2ff259;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#7b2ff259;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#7b2ff28c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.gp-blocked{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--layout-top-offset));background:var(--bg);color:var(--text)}.gp-blocked__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:48px 40px;text-align:center;max-width:420px}.gp-blocked__icon{font-size:3rem;margin-bottom:16px}.gp-blocked__title{font-size:1.4rem;font-weight:700;margin-bottom:8px}.gp-blocked__sub{color:var(--text-muted);font-size:.9rem;margin-bottom:24px}.gp-blocked__btn{background:var(--accent);color:#fff;border:none;padding:10px 28px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s}.gp-blocked__btn:hover{background:var(--accent-hover)}