/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@import "https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600;700&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.\!hidden{display:none!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.max-w-4xl{max-width:var(--container-4xl)}.flex-shrink,.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.gap-4{gap:calc(var(--spacing) * 4)}.rounded{border-radius:.25rem}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing) * 6)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-black{color:var(--color-black)}.text-gray-500{color:var(--color-gray-500)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring,.shadow{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.block-1{block-size:calc(var(--spacing) * 1)}.block-2{block-size:calc(var(--spacing) * 2)}.block-3{block-size:calc(var(--spacing) * 3)}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{overscroll-behavior-x:none;scrollbar-gutter:stable;background:#0d1710;width:100%;overflow-x:hidden}body{isolation:isolate;position:relative}.app-background,.app-background-overlay{z-index:-1;pointer-events:none;position:fixed;inset:0}.app-background{background-position:var(--bg-pos,center);background-repeat:no-repeat;background-size:cover;transition:opacity .35s,background-image .35s}.app-background-overlay{background:radial-gradient(circle at top,#ffffff12,#0000 24%),linear-gradient(#070a0e14,#060c17eb)}:root{--bp-tablet:640px;--bp-desktop:1024px;--bp-large-desktop:1536px;--bp-tv:2560px;--space-xs:clamp(4px,.3vw,8px);--space-sm:clamp(8px,.6vw,14px);--space-md:clamp(12px,1vw,20px);--space-lg:clamp(20px,1.6vw,36px);--space-xl:clamp(32px,2.4vw,56px);--text-sm:clamp(.8rem,.75rem + .2vw,.95rem);--text-base:clamp(1rem,.95rem + .25vw,1.15rem);--text-lg:clamp(1.15rem,1.05rem + .5vw,1.5rem);--text-xl:clamp(1.5rem,1.3rem + 1vw,2.25rem);--text-2xl:clamp(2rem,1.6rem + 2vw,3.5rem);--tap-target-min:44px}[data-presentation=true]{--space-xs:clamp(8px,.5vw,14px);--space-sm:clamp(14px,1vw,22px);--space-md:clamp(20px,1.6vw,32px);--space-lg:clamp(32px,2.4vw,56px);--space-xl:clamp(48px,3.5vw,84px);--text-sm:clamp(1.1rem,1rem + .3vw,1.3rem);--text-base:clamp(1.4rem,1.2rem + .6vw,1.75rem);--text-lg:clamp(1.75rem,1.5rem + 1vw,2.4rem);--text-xl:clamp(2.25rem,1.8rem + 1.8vw,3.5rem);--text-2xl:clamp(3rem,2.2rem + 3vw,5rem);--tap-target-min:64px}[data-presentation=true] .hub-featured-grid,[data-presentation=true] .hub-game-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),460px));gap:32px}[data-presentation=true] .game-card{padding:26px}[data-presentation=true] .card-name{font-size:1.15rem}[data-presentation=true] .card-difficulty,[data-presentation=true] .card-tag{font-size:.82rem}[data-presentation=true] .card-cover-icon{width:92px;height:92px;font-size:3.4rem}[data-presentation=true] .lb-hero-title{font-size:clamp(2.4rem,5vw,3.8rem)}[data-presentation=true] .lb-hero-stat-val{font-size:2.4rem}[data-presentation=true] .podium-avatar{width:68px;height:68px;font-size:1.3rem}[data-presentation=true] .podium-avatar.rank-1{width:80px;height:80px;font-size:1.5rem}[data-presentation=true] .podium-name{font-size:1.05rem}[data-presentation=true] .podium-score{font-size:1rem}[data-presentation=true] .lb-table-wrap table{font-size:1.15rem}[data-presentation=true] .lb-table-wrap table th{font-size:.85rem}[data-presentation=true] .lb-table-wrap table td,[data-presentation=true] .lb-table-wrap table th{padding:18px 20px}:root{--safe-inset-top:env(safe-area-inset-top,0px);--safe-inset-bottom:env(safe-area-inset-bottom,0px);--safe-inset-left:env(safe-area-inset-left,0px);--safe-inset-right:env(safe-area-inset-right,0px);--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--gold:#f5c842;--teal:#5dbdb5;--green:#7dbb8a;--blue:#5b9bd5;--red:#e96d6d;--coral:#f08060;--purple:#9b7fd4;--accent:var(--teal)}body,body.theme-chalkboard{--bg:#1e3320;--surface:#ffffff0d;--surface-strong:#ffffff14;--surface-soft:#ffffff0a;--text:#f0ede0;--muted:#f0ede09e;--border:#ffffff1a;--border-bright:#ffffff38}body.theme-sunset{--bg:#1a1020;--surface:#ffffff0f;--surface-strong:#ffffff1a;--surface-soft:#ffffff0a;--text:#fdf0e0;--muted:#fdf0e09e;--border:#ffc87824;--border-bright:#ffc87847;--gold:#ffa94d;--teal:#f06090;--green:#c58af0}body.theme-forest{--bg:#0d1f0f;--surface:#ffffff0d;--surface-strong:#ffffff17;--surface-soft:#ffffff08;--text:#e8f0e0;--muted:#e8f0e09e;--border:#64c8641f;--border-bright:#64c86440;--teal:#5cb87a;--gold:#d4c840}body.theme-ocean{--bg:#071828;--surface:#ffffff0f;--surface-strong:#ffffff1a;--surface-soft:#ffffff0a;--text:#e0f4ff;--muted:#e0f4ff9e;--border:#50b4f024;--border-bright:#50b4f047;--teal:#38c4e8;--gold:#60d8b0;--blue:#4aa8f0}body.theme-candy{--bg:#1a0a28;--surface:#ffffff12;--surface-strong:#ffffff1c;--surface-soft:#ffffff0a;--text:#ffe8f8;--muted:#ffe8f89e;--border:#ff78c826;--border-bright:#ff78c84d;--gold:#ff80c8;--teal:#c870f0;--green:#80e8d0}body.theme-space{--bg:#050814;--surface:#ffffff0d;--surface-strong:#ffffff17;--surface-soft:#ffffff08;--text:#e8e8ff;--muted:#e8e8ff99;--border:#6464ff24;--border-bright:#6464ff47;--gold:#c0a0ff;--teal:#60c0ff;--green:#80ffb0}body.theme-classroom{--bg:#fdf8ee;--surface:#0000000a;--surface-strong:#0000000f;--surface-soft:#00000008;--text:#1e2a1e;--muted:#1e2a1e9e;--border:#0000001a;--border-bright:#0003;--gold:#e09820;--teal:#2a9d8f;--green:#3a8a50}body.theme-crimson{--bg:#1a0808;--surface:#ffffff0d;--surface-strong:#ffffff17;--surface-soft:#ffffff08;--text:#ffe8e8;--muted:#ffe8e89e;--border:#ff505024;--border-bright:#ff505047;--gold:#ff9040;--teal:#ff6060;--green:#e0a0a0}body.theme-cobalt{--bg:#080e22;--surface:#ffffff0d;--surface-strong:#ffffff17;--surface-soft:#ffffff08;--text:#e0e8ff;--muted:#e0e8ff9e;--border:#3c64ff26;--border-bright:#3c64ff4d;--gold:#60c0ff;--teal:#4060ff;--green:#60d8a0}body.theme-lemon{--bg:#1c1a08;--surface:#ffffff0d;--surface-strong:#ffffff17;--surface-soft:#ffffff08;--text:#fffde0;--muted:#fffde09e;--border:#fff03224;--border-bright:#fff03247;--gold:#f5e020;--teal:#a0d840;--green:#60c880}body.theme-lime{--bg:#0c1a08;--surface:#ffffff0d;--surface-strong:#ffffff17;--surface-soft:#ffffff08;--text:#e8ffe0;--muted:#e8ffe09e;--border:#50e63c24;--border-bright:#50e63c47;--gold:#80e830;--teal:#40c870;--green:#c0f040}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overscroll-behavior-x:none;touch-action:pan-y;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;width:100%;min-height:100vh;transition:background .35s,color .35s;overflow-x:hidden}@media (max-width:639px){body{padding:max(24px,var(--safe-inset-top)) var(--safe-inset-right) max(24px,var(--safe-inset-bottom)) var(--safe-inset-left)}#main-content,.achievement-toast,.app-shell-wrap,.toast,.topbar{padding-left:max(12px,var(--safe-inset-left));padding-right:max(12px,var(--safe-inset-right))}}body.theme-chalkboard{background:radial-gradient(circle at 50% 0,#f5c84224,#0000 40%),radial-gradient(circle at 20% 20%,#5dbdb514,#0000 35%),linear-gradient(#24452b,#17331d 40%,#102714)}body.theme-sunset{background:radial-gradient(circle at top,#ffa94d2e,#0000 35%),linear-gradient(#3d1b2d,#241224 50%,#150b18)}body.theme-forest{background:radial-gradient(circle at top,#5cb87a26,#0000 35%),linear-gradient(#18331d,#102413 50%,#08150a)}body.theme-ocean{background:radial-gradient(circle at top,#38c4e82e,#0000 35%),linear-gradient(#0b2840,#071828 50%,#04111d)}body.theme-candy{background:radial-gradient(circle at top,#ff80c82e,#0000 35%),linear-gradient(#32113f,#1f0d30 50%,#12081d)}body.theme-space{background:radial-gradient(circle at top,#c0a0ff26,#0000 35%),linear-gradient(#11162f,#090d1f 50%,#050814)}body.theme-classroom{background:linear-gradient(#fffdf7,#f6f0e0)}body.theme-crimson{background:radial-gradient(circle at top,#ff606026,#0000 35%),linear-gradient(#360d0d,#220909 50%,#160606)}body.theme-cobalt{background:radial-gradient(circle at top,#4060ff2e,#0000 35%),linear-gradient(#111c46,#0b1433 50%,#080e22)}body.theme-lemon{background:radial-gradient(circle at top,#f5e02029,#0000 35%),linear-gradient(#3b360a,#272306 50%,#1c1a08)}body.theme-lime{background:radial-gradient(circle at top,#80e83029,#0000 35%),linear-gradient(#17310a,#102208 50%,#0c1a08)}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 20%,#ffd70014,#0000 35%),radial-gradient(circle at 80% 40%,#00ffff0d,#0000 40%);position:fixed;inset:0}#__next{min-height:100%}iframe{display:block}img,picture,svg{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}a{color:inherit}#main-content{width:100%;min-width:0;overflow-x:clip}.topbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#142014d1;border-bottom:1px solid #ffffff1f;justify-content:space-between;gap:12px;height:60px;padding:0 clamp(14px,3vw,28px);position:sticky;top:0;box-shadow:0 8px 24px #00000026}.brand,.topbar{align-items:center;display:flex}.brand-logo{object-fit:contain;width:auto;height:36px}.nav-links{flex:1;justify-content:center}.nav-links,.nav-right{align-items:center;gap:8px;display:flex}.nav-right{flex-shrink:0}.profile-dropdown-wrap{position:relative}.profile-dropdown{background:var(--surface-strong);border:1px solid var(--border-bright);z-index:200;border-radius:16px;min-width:200px;padding:6px;animation:fadeIn .15s both;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 48px #0006}.dropdown-item{width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s;display:flex}.dropdown-item:hover{background:var(--surface-soft)}.dropdown-theme{cursor:default}.dropdown-theme:hover{background:0 0}.dropdown-signout{color:var(--red)}.dropdown-signout:hover{background:#e96d6d1a}.dropdown-divider{background:var(--border);height:1px;margin:4px 6px}.theme-select-inline{background:var(--surface-soft);border:1px solid var(--border);font-family:var(--font-body);border-radius:8px;outline:none;max-width:110px;padding:4px 8px;font-size:.78rem;font-weight:600}.hamburger,.theme-select-inline{color:var(--text);cursor:pointer}.hamburger{background:var(--surface-strong);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;transition:border-color .18s;display:none}.hamburger:hover{border-color:var(--border-bright)}.mobile-menu{background:var(--surface-strong);border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:8px 16px 12px;display:none}.mobile-nav-item{width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;padding:12px 14px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s;display:block}.mobile-nav-item:hover{background:var(--surface-soft)}.mobile-signout{color:var(--red)}@media (max-width:639px){.nav-links{display:none}.hamburger{display:inline-flex}.mobile-menu{display:flex}}.player-chip{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.pill-btn{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:border-color .18s,background .18s,transform .15s;display:inline-flex}.pill-btn:hover{border-color:var(--border-bright);transform:translateY(-1px)}.pill-btn.active{color:#111;background:linear-gradient(#f5c842,#e6b72c);border-color:#f5c842;box-shadow:0 4px 14px #f5c84259}.theme-select{border:1px solid var(--border);background:var(--surface-strong);color:var(--text);font-family:var(--font-body);cursor:pointer;appearance:none;border-radius:999px;outline:none;padding:6px 10px;font-size:.78rem;font-weight:600}.shell-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff1f,#ffffff0f);border:1px solid #ffffff24;border-radius:24px;transition:transform .25s,box-shadow .25s;box-shadow:0 12px 32px #00000038,inset 0 1px #ffffff1a}.game-card{cursor:pointer;background:linear-gradient(#ffffff14,#ffffff0a);border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;gap:8px;width:100%;min-width:0;padding:18px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000002e,inset 0 1px #ffffff0f}.game-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff0a,#0000 60%);transition:opacity .2s;position:absolute;inset:0}.game-card:hover{border-color:#f5c84273;transform:translateY(-8px);box-shadow:0 25px 55px #00000059,0 0 24px #f5c8421f}.game-card:hover:before{opacity:1}.game-card:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.game-card.active{border-color:#7dbb8a4d}.card-cover{aspect-ratio:4/3;background:radial-gradient(circle at 82% 18%,var(--cover-accent),transparent 28%),radial-gradient(circle at 18% 24%,#ffffff2e,transparent 24%),linear-gradient(135deg,var(--cover-accent),#ffffff0e);border-radius:18px;align-items:flex-end;width:100%;margin-bottom:14px;padding:16px;display:flex;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.card-cover{background:radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--cover-accent) 46%,transparent),transparent 28%),radial-gradient(circle at 18% 24%,#ffffff2e,transparent 24%),linear-gradient(135deg,color-mix(in srgb,var(--cover-accent) 34%,#172917),#ffffff0e)}}.card-cover{border:1px solid #ffffff24;transition:transform .35s,background .35s;box-shadow:inset 0 1px #ffffff1f}.card-cover-img{opacity:.96;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .35s,transform .35s;position:absolute;inset:0}.card-cover.has-image .card-cover-pattern{display:none}.card-cover.has-image .card-cover-icon{background:#00000047}.card-cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 32%,#0000006b);position:absolute;inset:0}.game-card:hover .card-cover{transform:translateY(-2px)scale(1.01)}.game-card:hover .card-cover-img{opacity:1;transform:scale(1.04)}.card-cover-pattern{opacity:.22;background-image:linear-gradient(120deg,#ffffff2e 0 1px,#0000 1px 22px),radial-gradient(circle,#ffffff47 0 1px,#0000 1px 20px);position:absolute;inset:0;transform:rotate(-4deg)scale(1.1)}.card-cover-icon{filter:drop-shadow(0 10px 18px #00000047);background:#0000002e;border:1px solid #ffffff24;border-radius:22px;place-items:center;width:72px;height:72px;font-size:2.6rem;display:grid;position:absolute;top:18px;right:18px}.card-cover-copy{z-index:1;flex-direction:column;gap:5px;min-width:0;display:flex;position:relative}.card-cover-copy span{color:#ffffffbd;letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800}.card-cover-copy strong{color:#fff8e5;font-family:var(--font-display);letter-spacing:0;text-shadow:0 2px 14px #00000052;overflow-wrap:anywhere;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.05}.card-top{justify-content:space-between;align-items:flex-start;margin-bottom:2px;display:flex}.card-icon{background:linear-gradient(135deg,#ffffff1f,#ffffff08);border:1px solid #ffffff14;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;font-size:42px;display:flex;box-shadow:0 10px 30px #0003}.card-badge{letter-spacing:.08em;text-transform:uppercase;background:var(--surface-soft);border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:3px 9px;font-size:.65rem;font-weight:800}.card-badge.active{color:var(--green);background:#7dbb8a26;border-color:#7dbb8a59}.card-name{font-family:var(--font-display);letter-spacing:-.01em;-webkit-line-clamp:2;font-size:.88rem;font-weight:800;line-height:1.25}.card-desc,.card-name{text-overflow:ellipsis;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-desc{color:var(--muted);-webkit-line-clamp:2;flex:1;font-size:.74rem;line-height:1.55}.card-footer{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.card-tag{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:3px 9px;font-size:.64rem;font-weight:800}.card-score span{color:var(--gold);font-family:var(--font-display);font-weight:800}.card-progress-bar{background:var(--surface-soft);border-radius:3px;height:3px;margin:2px 0;overflow:hidden}.card-progress-fill{border-radius:3px;height:100%;transition:width .6s}.card-launch{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.card-difficulty{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;font-weight:600}.card-cta{color:var(--teal);letter-spacing:.02em;font-size:.72rem;font-weight:800;transition:letter-spacing .2s}.game-card:hover .card-cta{letter-spacing:.06em}.tag-vocab{color:var(--gold);background:#f5c84226}.tag-grammar{color:var(--green);background:#7dbb8a26;border:1px solid #7dbb8a4d}.tag-words{color:var(--blue);background:#5b9bd526;border:1px solid #5b9bd54d}.tag-bio{color:var(--teal);background:#5dbdb526;border:1px solid #5dbdb54d}.toast{background:var(--surface-strong);border:1px solid var(--border-bright);color:var(--text);z-index:9999;opacity:0;pointer-events:none;white-space:nowrap;text-align:center;border-radius:14px;max-width:90vw;padding:12px 22px;font-size:.86rem;font-weight:600;transition:opacity .25s;position:fixed;bottom:28px;left:50%;translate:-50%;box-shadow:0 8px 32px #0006}.toast.show{opacity:1;pointer-events:auto}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;opacity:0;pointer-events:none;background:#000000a6;justify-content:center;align-items:center;padding:16px;transition:opacity .2s;display:flex;position:fixed;inset:0}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{background:var(--surface-strong);border:1px solid var(--border);border-radius:24px;width:min(96vw,500px);max-height:90vh;padding:clamp(20px,4vw,28px);animation:modalUp .2s both;overflow-y:auto;box-shadow:0 32px 80px #0000008c}@media (max-width:480px){.modal{border-radius:16px;width:min(95vw,100%)}}@keyframes modalUp{0%{opacity:0}to{opacity:1}}.modal-header{margin-bottom:20px}.modal-title{font-family:var(--font-display);letter-spacing:-.01em;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:clamp(1rem,2.5vw,1.1rem);font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.result-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}@media (max-width:480px){.result-grid{grid-template-columns:1fr;gap:8px}}.result-card{background:var(--surface-soft);border:1px solid var(--border);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;min-height:80px;padding:clamp(12px,2vw,14px);display:flex}@media (max-width:480px){.result-card{min-height:70px;padding:clamp(10px,1.5vw,12px)}}.result-card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:clamp(.6rem,1.5vw,.68rem);font-weight:700;overflow:hidden}.result-card-value{font-family:var(--font-display);word-break:break-word;font-size:clamp(1.2rem,4vw,1.5rem);font-weight:800;line-height:1.2}.accuracy-bar{background:var(--surface-soft);border-radius:8px;height:8px;margin-bottom:14px;overflow:hidden}.accuracy-fill{border-radius:8px;height:100%;transition:width .7s cubic-bezier(.34,1,.64,1)}.result-feedback{color:var(--muted);text-align:center;text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.btn-primary,.result-feedback{font-size:clamp(.8rem,2vw,.88rem)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--teal));color:#fff;width:100%;font-family:var(--font-display);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:clamp(11px,2vw,13px);font-weight:800;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 6px 24px #00000040}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 32px #00000059}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.lb-page{z-index:1;max-width:1100px;margin:0 auto;padding:clamp(14px,3vw,28px) clamp(14px,3vw,24px) 80px;position:relative}.lb-hero{grid-template-columns:1fr auto;align-items:start;gap:20px;margin-bottom:20px;display:grid}@media (max-width:639px){.lb-hero{grid-template-columns:1fr}.lb-podium{gap:4px;padding:12px 8px 0}.podium-slot{min-width:60px}.podium-avatar{width:40px;height:40px;font-size:.82rem}.podium-avatar.rank-1{width:48px;height:48px;font-size:.92rem}.lb-hero-panel{padding:24px 20px}}.lb-hero-panel{border-radius:28px;min-width:0;padding:36px 40px}.lb-hero-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);margin-bottom:8px;font-size:.68rem;font-weight:700}.lb-hero-title{font-family:var(--font-display);letter-spacing:-.03em;word-break:break-word;margin-bottom:10px;font-size:clamp(1.8rem,4vw,3rem);font-weight:800}.lb-hero-sub,.lb-hero-title{text-overflow:ellipsis;overflow:hidden}.lb-hero-sub{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;max-width:45ch;margin-bottom:20px;font-size:.88rem;line-height:1.65;display:-webkit-box}.lb-hero-stats{flex-wrap:wrap;gap:24px;display:flex}.lb-hero-stat-val{font-family:var(--font-display);color:var(--gold);font-size:1.8rem;font-weight:800;line-height:1}.lb-hero-stat-lab{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.68rem;font-weight:700;overflow:hidden}.lb-podium{align-items:flex-end;gap:8px;padding:20px 16px 0;display:flex}.podium-slot{flex-direction:column;flex:1;min-width:80px}.podium-avatar,.podium-slot{align-items:center;display:flex}.podium-avatar{width:52px;height:52px;font-family:var(--font-display);border-radius:50%;justify-content:center;margin-bottom:6px;font-size:1rem;font-weight:800;position:relative}.podium-avatar.rank-1{color:#fff;background:linear-gradient(135deg,#f5c842,#e89c20);width:60px;height:60px;font-size:1.1rem}.podium-avatar.rank-2{color:#fff;background:linear-gradient(135deg,#b0bec5,#78909c)}.podium-avatar.rank-3{color:#fff;background:linear-gradient(135deg,#cd8c52,#a0622a)}.podium-medal{font-size:1rem;position:absolute;bottom:-6px;right:-4px}.podium-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:90px;margin-bottom:3px;font-size:.76rem;font-weight:700;overflow:hidden}.podium-score{color:var(--gold);font-size:.68rem;font-weight:800;font-family:var(--font-display);margin-bottom:6px}.podium-block{border-radius:8px 8px 0 0;width:100%}.block-1{background:linear-gradient(#f5c84299,#f5c84240)}.block-2{background:linear-gradient(#b0bec599,#b0bec540)}.block-3{background:linear-gradient(#cd8c5299,#cd8c5240)}.lb-tab{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:.76rem;font-weight:700;transition:background .18s,color .18s,border-color .18s}.lb-tab:hover{border-color:var(--border-bright);color:var(--text)}.lb-tab.active{background:var(--gold);color:#111;border-color:var(--gold)}.lb-back-btn{color:var(--muted);border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700;transition:color .18s,border-color .18s}.lb-back-btn:hover{color:var(--text);border-color:var(--border-bright)}.lb-modal-close{border:1px solid var(--border);background:var(--surface-soft);width:30px;height:30px;color:var(--muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;transition:color .15s,background .15s;display:flex}.lb-modal-close:hover{color:var(--text);background:var(--surface-strong)}.lb-field-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px;font-size:.68rem;font-weight:800;display:block}.lb-input{background:var(--surface-soft);border:1.5px solid var(--border);width:100%;color:var(--text);font-family:var(--font-body);border-radius:12px;outline:none;padding:10px 14px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.lb-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #5dbdb526}.lb-input::placeholder{color:var(--muted)}.lb-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.lb-table-wrap table td{text-overflow:ellipsis;white-space:nowrap;word-break:break-word;max-width:200px;overflow:hidden}.lb-table-wrap table td:nth-child(2){max-width:150px;font-weight:700}@media (max-width:480px){.lb-table-wrap td:nth-child(4),.lb-table-wrap td:nth-child(5),.lb-table-wrap th:nth-child(4),.lb-table-wrap th:nth-child(5){display:none}.lb-table-wrap table td{max-width:120px}.lb-table-wrap table td:nth-child(2){max-width:100px}}.trophy-page{max-width:900px;margin:0 auto;padding:clamp(14px,3vw,28px) clamp(14px,3vw,24px) 80px}.trophy-hero-name{font-family:var(--font-display);word-break:break-word;margin-bottom:4px;font-size:1.5rem;font-weight:800}.trophy-hero-handle,.trophy-hero-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trophy-hero-handle{color:var(--muted);margin-bottom:18px;font-size:.82rem}.trophy-hero-stats{flex-wrap:wrap;gap:20px;display:flex}.trophy-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.trophy-stat-val{font-family:var(--font-display);color:var(--gold);font-size:1.5rem;font-weight:800;line-height:1}.trophy-stat-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.66rem;font-weight:700}.trophy-hero-grid{grid-template-columns:1fr auto}@media (max-width:639px){.trophy-hero-grid{grid-template-columns:1fr}.trophy-tier-display{justify-content:flex-start;flex-direction:row!important;gap:16px!important}}.badge-card{transition:transform .15s,opacity .15s}.badge-card.earned:hover{transform:translateY(-2px)}.avatar-cats{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.avatar-cat-btn{border:1px solid var(--border);background:var(--surface-soft);color:var(--muted);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.72rem;font-weight:700;transition:background .15s,color .15s,border-color .15s}.avatar-cat-btn:hover{color:var(--text);border-color:var(--border-bright)}.avatar-cat-btn.active{background:var(--teal);color:#fff;border-color:var(--teal)}.avatar-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;max-height:180px;padding:4px 2px;display:grid;overflow-y:auto}.avatar-option{background:var(--surface-soft);cursor:pointer;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;transition:background .15s,border-color .15s,transform .12s;display:flex}.avatar-option:hover{background:var(--surface-strong);transform:scale(1.1)}.avatar-option.selected{border-color:var(--gold);background:#f5c8421f}.hub-page{width:100%;max-width:1400px;margin:0 auto;padding:clamp(12px,3vw,48px) clamp(12px,4vw,48px) 96px;overflow-x:clip}.hub-hero{grid-template-columns:1fr auto;align-items:stretch;gap:20px;margin-bottom:22px;display:grid}@media (max-width:639px){.hub-hero{grid-template-columns:1fr}.hub-hero .shell-card:last-child{min-width:unset;flex-flow:wrap}}.hub-stats-bar{border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;display:flex}.hub-stat{flex-direction:column;align-items:flex-start;gap:1px;display:flex}.hub-stat-val{font-family:var(--font-display);color:var(--gold);font-size:1.2rem;font-weight:800;line-height:1}.hub-xp-bar{background:var(--border);border-radius:5px;flex:1;min-width:80px;height:5px;overflow:hidden}.hub-xp-fill{background:linear-gradient(90deg,var(--gold),var(--teal));border-radius:5px;height:100%;transition:width .8s cubic-bezier(.34,1.2,.64,1)}.games-page{width:100%;max-width:1400px;margin:0 auto;padding:clamp(12px,3vw,48px) clamp(12px,4vw,48px) 96px;overflow-x:clip}.games-hero-grid{grid-template-columns:1fr minmax(260px,320px);align-items:stretch;gap:20px;margin-bottom:22px;display:grid}.games-filter-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.games-tag-row{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.games-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(16px,2vw,28px);display:grid}.empty-state-card{text-align:center;border-radius:24px;gap:18px;padding:clamp(24px,3vw,28px);display:grid}.empty-state-card h2{font-family:var(--font-display,Syne);margin:0;font-size:1.4rem}.empty-state-card p{color:var(--muted);line-height:1.6}@media (max-width:1023px){.games-hero-grid{grid-template-columns:1fr}}@media (max-width:540px){.games-filter-row{flex-direction:column;align-items:stretch}.games-tag-row{justify-content:stretch}}.progress-fill{box-shadow:0 0 12px #f5c84273,0 0 24px #f5c84233;background:linear-gradient(90deg,#f5c842,#ffe27a)!important}.hub-filter-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;margin-bottom:18px;display:flex}@media (max-width:500px){.hub-filter-row{grid-template-columns:1fr auto;display:grid}.hub-filter-row .pill-btn:last-child{grid-column:1/-1}}.hub-search{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#ffffff14,#ffffff0a);border:1px solid #ffffff1f;border-radius:999px;flex:200px;min-width:0;position:relative;box-shadow:0 8px 24px #0000001f}.hub-search-icon{color:var(--muted);pointer-events:none;font-size:.85rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hub-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:16px 20px 16px 52px}.hub-search:focus-within{border-color:#ffd70066;box-shadow:0 0 0 4px #ffd7001f}.hub-search-input::placeholder{color:var(--muted)}.hub-game-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),340px));gap:clamp(12px,2vw,28px);display:grid}.mp-section{margin-bottom:20px}.mp-section-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px;font-size:.72rem;font-weight:800}.mp-player-row{background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 14px;font-size:.86rem;font-weight:600;display:flex}.mp-remove-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;transition:color .15s,background .15s}.mp-remove-btn:hover{color:var(--red);background:#e96d6d1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes modalEnter{0%{opacity:0;transform:scale(.93)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1}}@keyframes cardStagger{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f5c84200}50%{box-shadow:0 0 0 6px #f5c84226}}.page-transition-container{min-height:100%}.app-shell-wrap.no-shell .toast,.app-shell-wrap.no-shell .topbar{display:none!important}.modal-animated{animation:modalEnter .28s cubic-bezier(.34,1.3,.64,1) both}.dropdown-animated{transform-origin:100% 0;animation:dropdownEnter .2s cubic-bezier(.22,1,.36,1) both}.card-stagger{animation:cardStagger .35s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(min(var(--stagger-i,0) * 40ms, .5s))}.animate-in{animation:fadeIn .4s both}.pill-btn{transition:border-color .18s,background .18s,transform .12s,box-shadow .15s}.pill-btn:active{transform:scale(.95)!important}.hub-xp-fill{transition:width 1s cubic-bezier(.34,1.2,.64,1)}.hub-stat-val,.trophy-stat-val{transition:color .3s}.modal-backdrop,.modal-backdrop.open{animation:fadeIn .2s both}.nav-links .pill-btn{position:relative;overflow:hidden}.nav-links .pill-btn:after{content:"";background:var(--teal);border-radius:2px;width:0;height:2px;transition:width .2s,left .2s;position:absolute;bottom:0;left:50%}.nav-links .pill-btn:hover:after{width:60%;left:20%}.pill-btn.active{animation:pulseGlow 2.5s ease-in-out infinite}.hub-filter-row{animation:fadeIn .4s .1s both}.hub-tag-tabs{animation:fadeIn .4s .18s both}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.resource-card-desc,.resource-card-title{text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;overflow-wrap:anywhere;word-break:normal;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.resource-card,.resource-card>:first-child{min-width:0}.resource-card .pill-btn{margin-top:auto}.badge-card-title{white-space:nowrap}.badge-card-desc,.badge-card-title{text-overflow:ellipsis;word-break:break-word;overflow:hidden}.badge-card-desc{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.mp-player-name{flex:1;min-width:0}.hub-stat-lbl,.mp-player-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-stat-lbl{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.64rem;font-weight:700}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.resources-layout{grid-template-columns:1fr 280px;gap:clamp(16px,3vw,32px);display:grid}@media (max-width:1023px){.resources-layout{grid-template-columns:1fr}}.resources-checklist{flex-direction:column;gap:8px;margin-top:16px;display:flex}.resources-checklist-title{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:4px;font-size:.75rem;font-weight:700}.resources-checklist-row{color:var(--text-secondary,#b8c5a6);align-items:center;gap:10px;font-size:.95rem;display:flex}.resources-subject-row{-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:8px;margin:16px 0 24px;display:flex;overflow:auto hidden}.resources-subject-pill{background:var(--bg-card,#1e321e66);border:1px solid var(--border,#b8c5a633);color:var(--text-secondary,#b8c5a6);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.resources-subject-pill:hover{background:var(--border,#b8c5a64d);border-color:var(--teal,#4dd9c4);color:var(--teal,#4dd9c4)}.resources-subject-pill.active{background:var(--teal,#4dd9c4);border-color:var(--teal,#4dd9c4);color:#0a0a0a;font-weight:700}.resources-subject-count{background:#0003;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.75rem;font-weight:700;display:inline-flex}.resources-recent-grid{flex-direction:column;gap:12px;display:flex}.resources-recent-row{background:var(--bg-card,#1e321e4d);border:1px solid var(--border,#b8c5a626);border-radius:14px;align-items:center;gap:14px;padding:14px;transition:all .2s;display:flex}.resources-recent-row:hover{background:var(--bg-card,#1e321e80);border-color:var(--teal,#4dd9c44d);transform:translate(4px)}.resources-recent-icon{flex-shrink:0;font-size:1.6rem}.resources-recent-info{flex:1;min-width:0}.resources-recent-title{color:var(--text);text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;display:-webkit-box;overflow:hidden}.resources-recent-meta{color:var(--muted);margin-top:3px;font-size:.78rem}.resources-recent-date{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:.78rem}@media (max-width:1023px){.hub-featured-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:639px){.hub-featured-grid{grid-template-columns:1fr}}.resource-card{flex-direction:column;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden;border:1px solid var(--border,#b8c5a633)!important;background:linear-gradient(135deg,#32503266,#1e281e33)!important;border-radius:16px!important;padding:20px!important}.resource-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#4dd9c41a,#0000);transition:opacity .3s;position:absolute;inset:0}.resource-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d;border-color:var(--teal,#4dd9c466)!important;background:linear-gradient(135deg,#32503299,#1e281e66)!important}.resource-card:hover:before{opacity:1}.resource-card-title{color:var(--text);min-height:2.6em;margin:10px 0 8px;font-size:1rem;font-weight:700;line-height:1.3}.resource-card-desc{color:var(--text-secondary,#b8c5a6);flex-grow:1;min-height:3em;margin-bottom:12px;font-size:.85rem;line-height:1.5}.resources-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:14px 0;display:grid}.hero-stat-val{font-size:1.8rem;margin-bottom:4px}.hero-stat-lbl{letter-spacing:.1em;font-size:.7rem}.resources-newest-row{border-bottom:1px solid var(--border,#b8c5a61a);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.resources-newest-row:last-child{border-bottom:none}.resources-newest-rank{background:var(--teal,#4dd9c4);color:#0a0a0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;font-size:.8rem;font-weight:700;display:inline-flex}.resources-newest-title{color:var(--text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.resources-newest-date{color:var(--muted);margin-top:4px;font-size:.75rem}:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:6px}:focus:not(:focus-visible){outline:none}.avatar-cat-btn:focus-visible,.lb-tab:focus-visible,.pill-btn:focus-visible,.tab-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:999px}.avatar-option:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:10px}.lb-modal-close:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:50%}.theme-select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.lb-modal-close{width:44px!important;height:44px!important}.mp-remove-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.avatar-option{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(44px,1fr))!important}.hub-filters-toggle{border:1px solid var(--border);background:var(--surface-strong);width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;font-size:.85rem;font-weight:700;transition:border-color .18s;display:none}.hub-filters-toggle:hover{border-color:var(--border-bright)}.hub-filters-collapsible{display:contents}@media (max-width:639px){.hub-filters-toggle{display:flex}.hub-filters-collapsible{flex-direction:column;gap:12px;margin-bottom:16px;display:none}.hub-filters-collapsible.open{display:flex}.hub-tag-tabs{flex-wrap:wrap!important;overflow-x:visible!important}}@keyframes achIn{0%{opacity:0;transform:translateY(-32px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes achOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-24px)scale(.95)}}@keyframes particleFall{0%{opacity:1;transform:translateY(0)rotate(0)scaleX(1)}to{opacity:0;transform:translateY(80px)rotate(180deg)scaleX(.4)}}.achievement-toast{z-index:10000;background:var(--surface-strong);border:1.5px solid var(--ach-color,var(--gold));width:min(340px,100vw - 40px);box-shadow:0 0 0 1px var(--ach-color,var(--gold)),0 0 24px var(--ach-color,var(--gold)),0 24px 64px #0000008c;border-radius:24px;position:fixed;bottom:clamp(20px,4vh,40px);right:clamp(20px,3vw,40px)}@supports (color:color-mix(in lab,red,red)){.achievement-toast{box-shadow:0 0 0 1px var(--ach-color,var(--gold)),0 0 24px color-mix(in srgb,var(--ach-color,var(--gold)) 30%,transparent),0 24px 64px #0000008c}}.achievement-toast{pointer-events:none;animation:achIn .45s cubic-bezier(.34,1.3,.64,1) both;overflow:hidden}.achievement-toast.closing{animation:achOut .36s forwards}.achievement-toast--game{z-index:510;width:min(440px,100vw - 32px);inset:clamp(16px,5vh,56px) auto auto 50%;transform:translate(-50%)}.achievement-toast--game .ach-inner{text-align:left;grid-template-columns:48px minmax(0,1fr);grid-template-areas:"icon eyebrow""icon title""icon desc";column-gap:12px;padding:11px 18px;display:grid}.achievement-toast--game .ach-eyebrow{grid-area:eyebrow;margin:0}.achievement-toast--game .ach-icon{grid-area:icon;align-self:center;margin:0;font-size:2.35rem}.achievement-toast--game .ach-title{grid-area:title;margin:1px 0}.achievement-toast--game .ach-desc{grid-area:desc}@media (max-width:480px){.achievement-toast{right:50%;bottom:max(20px,env(safe-area-inset-bottom));border-radius:16px;width:min(95vw,320px);transform:translate(50%)}.achievement-toast--game{top:max(12px,env(safe-area-inset-top));bottom:auto;left:50%;right:auto;translate:-50%}}.ach-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ach-particle{border-radius:2px;animation:particleFall linear forwards;position:absolute;top:-8px}.ach-inner{z-index:1;text-align:center;padding:clamp(16px,3vw,22px) clamp(16px,3vw,24px) clamp(14px,2vw,20px);position:relative}.ach-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--ach-color,var(--gold));white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:clamp(.55rem,1.5vw,.62rem);font-weight:800;overflow:hidden}.ach-icon{filter:drop-shadow(0 4px 8px #0006);margin-bottom:8px;font-size:clamp(2.2rem,6vw,2.8rem);line-height:1}.ach-title{font-family:var(--font-display);color:var(--text);margin-bottom:4px;font-size:clamp(.9rem,2.5vw,1.05rem);font-weight:800}.ach-desc,.ach-title{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ach-desc{color:var(--muted);font-size:clamp(.7rem,1.8vw,.78rem);line-height:1.4}.nav-achievement-count{background:var(--gold);color:#111;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:2px;padding:0 5px;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.hub-preview-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.hub-preview-header .hub-section-title{margin:0;font-size:1rem}.hub-preview-header .pill-btn{white-space:nowrap;padding:6px 11px;font-size:.7rem;text-decoration:none}.hub-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.hub-preview-card{min-width:0;padding:20px}.hub-leader-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hub-leader-list li{border-bottom:1px solid var(--border);grid-template-columns:24px 28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;display:grid}.hub-rank{color:var(--muted);font-weight:800}.hub-leader-list li>span:last-child{color:var(--gold);font-size:.8rem;font-weight:800}.hub-mini-list{gap:8px;display:grid}.hub-mini-row{color:inherit;background:var(--surface-soft);border-radius:12px;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:9px;text-decoration:none;display:grid}.hub-mini-row:hover{background:var(--surface-strong)}.hub-mini-row>span{text-align:center;font-size:1.35rem}.hub-mini-row div{gap:2px;min-width:0;display:grid}.hub-mini-row small,.hub-mini-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hub-mini-row small{color:var(--muted);font-size:.72rem}.hub-preview-empty{text-align:center;min-height:142px;color:var(--muted);place-content:center;gap:5px;font-size:.83rem;display:grid}.hub-preview-empty>span{font-size:1.7rem}.hub-preview-empty small{font-size:.72rem}.shop-page{max-width:1120px;margin:0 auto;padding:clamp(14px,3vw,28px) clamp(14px,3vw,24px) 80px}.shop-hero{border-radius:28px;justify-content:space-between;gap:24px;margin-bottom:18px;padding:clamp(22px,4vw,42px)}.shop-hero,.shop-wallet{align-items:center;display:flex}.shop-wallet{white-space:nowrap;background:#f5c8421a;border:1px solid #f5c84259;border-radius:18px;gap:12px;padding:14px 18px}.shop-wallet>span{font-size:2rem}.shop-wallet strong{color:var(--gold);font-size:1.5rem;display:block}.shop-wallet small{color:var(--muted);font-size:.72rem}.shop-filter-row{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px;display:grid}.shop-item{border-radius:20px;flex-direction:column;align-items:flex-start;padding:20px;display:flex}.shop-item-icon{margin-bottom:12px;font-size:2.4rem}.shop-item-type{color:var(--teal);text-transform:uppercase;letter-spacing:.12em;font-size:.62rem;font-weight:800}.shop-item h2{margin:5px 0 7px;font-size:1rem}.shop-item p{color:var(--muted);flex:1;margin:0 0 16px;font-size:.8rem;line-height:1.5}.shop-item .btn-primary,.shop-item .pill-btn{text-align:center;width:100%}.shop-note{text-align:center;color:var(--muted);margin-top:18px;font-size:.8rem}.profile-subscription-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px;display:flex}.profile-subscription-card a{white-space:nowrap;text-decoration:none}@media (max-width:700px){.hub-preview-grid{grid-template-columns:1fr}.shop-hero{flex-direction:column;align-items:flex-start}.shop-wallet{width:100%}.profile-subscription-card{flex-direction:column;align-items:flex-start}}.controls,.mobile-controls{pointer-events:auto;border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;justify-content:center;align-items:center;gap:10px;width:fit-content;max-width:min(100%,520px);margin:0 auto;padding:10px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.controls,.mobile-controls{background:color-mix(in srgb,var(--surface-strong) 92%,transparent)}}.controls,.mobile-controls{color:var(--text);font-size:.78rem;font-weight:800;box-shadow:0 12px 30px #0000003d}.controls span{white-space:nowrap}.mobile-controls button{border:1px solid var(--border-bright);background:var(--surface);width:48px;height:48px;color:var(--text);cursor:pointer;border-radius:8px;font-size:1.2rem;font-weight:900}.mobile-controls button:active{transform:scale(.96)}.loading-spinner{color:var(--muted);align-items:center;gap:8px;font-weight:800;display:inline-flex}.loading-spinner-dot{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:loadingSpin .8s linear infinite}.hub-section{margin-bottom:40px}.hub-section-title{color:#fff;margin-bottom:18px;font-size:1.25rem;font-weight:800}.hub-featured-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),340px));gap:clamp(12px,2vw,24px);display:grid}@media (min-width:1536px){.hub-page{max-width:1800px;padding-left:clamp(28px,6vw,120px);padding-right:clamp(28px,6vw,120px)}.hub-hero-grid{grid-template-columns:1.6fr 1fr;gap:28px}.hub-game-grid{gap:32px}.hub-featured-grid,.hub-game-grid{grid-template-columns:repeat(auto-fill,minmax(340px,340px))}.game-card{padding:22px}}.continue-card{background:linear-gradient(135deg,#ffd70026,#ffffff0d);border:1px solid #ffd70026;border-radius:24px;align-items:center;gap:18px;margin-top:24px;padding:20px;display:flex}.continue-icon{font-size:48px}.continue-label{text-transform:uppercase;opacity:.7;font-size:.7rem}.continue-title{font-size:1.1rem;font-weight:800}.continue-btn{background:var(--gold);color:#111;cursor:pointer;border:none;border-radius:999px;margin-left:auto;padding:12px 18px;font-weight:700}.card-image{display:none}@keyframes loadingSpin{to{transform:rotate(1turn)}}.skip-to-content{z-index:99999;background:var(--accent);color:#fff;border-radius:0 0 10px 10px;padding:10px 18px;font-size:.9rem;font-weight:800;text-decoration:none;transition:top .15s;position:absolute;top:-100%;left:16px}.skip-to-content:focus{top:0}.hub-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,.8fr);gap:16px;min-width:0;margin-top:20px;margin-bottom:22px;display:grid}@media (max-width:639px){.hub-hero-grid{grid-template-columns:1fr}}.hub-welcome-card{border-radius:28px;padding:clamp(20px,4vw,32px)}.hub-welcome-title{font-family:var(--font-display,Syne);letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(1.4rem,4vw,2.6rem);font-weight:800}.hub-welcome-sub{color:var(--muted);max-width:50ch;margin-bottom:20px;font-size:.9rem;line-height:1.65}.hub-xp-row{align-items:center;gap:12px;margin-bottom:4px;display:flex}.hub-xp-level{font-family:var(--font-display,Syne);color:var(--gold);white-space:nowrap;font-size:.78rem;font-weight:800}.hub-xp-count{color:var(--muted);white-space:nowrap;font-size:.7rem}.hub-stats-card{border-radius:28px;grid-template-columns:1fr 1fr;gap:16px;padding:clamp(16px,3vw,24px);display:grid}.hero-stat-inner{align-items:center;gap:10px;display:flex}.hero-stat-icon{font-size:1.2rem}.hero-stat-val{font-family:var(--font-display,Syne);font-size:1.1rem;font-weight:800;line-height:1}.hero-stat-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.62rem;font-weight:700}.hub-section-title{color:var(--text)!important}.hub-empty-title{font-family:var(--font-display,Syne);margin-bottom:8px;font-size:1.1rem;font-weight:800}.hub-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 6px;font-size:.75rem;line-height:1;transition:color .15s,background .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.hub-search-clear:hover{color:var(--text);background:var(--surface-strong)}.mobile-theme-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-theme-row .theme-select-inline{flex:1;max-width:160px}.continue-card{margin-bottom:18px;animation:fadeIn .4s 80ms both;margin-top:0!important}.continue-btn{transition:opacity .15s,transform .12s}.continue-btn:hover{opacity:.88;transform:scale(1.03)}.card-meta{align-items:center;gap:6px;margin-top:4px;padding:0 0 2px;display:flex}.card-meta-difficulty{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);opacity:.7;font-size:.62rem;font-weight:700}.card-score{color:var(--muted);font-size:.72rem;font-weight:600}.card-score-val{color:var(--teal);font-weight:800;font-family:var(--font-display)}.card-score-empty{color:var(--muted);opacity:.5}.card-play{color:var(--teal);letter-spacing:.04em;text-transform:uppercase;font-size:.88rem;font-weight:800;transition:color .2s,transform .2s}.game-card:hover .card-play{color:var(--gold);transform:translate(4px)}.card-description{color:var(--muted);min-height:3.3rem;margin-top:4px;font-size:.82rem;line-height:1.5}.tag-vocab{border:1px solid #f5c8424d;color:#c8960a!important;background:#f5c8422e!important}.hub-game-count{color:var(--muted);border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:14px;font-size:.8rem;font-weight:600;display:flex}.hub-game-count-num{font-family:var(--font-display);color:var(--text);font-size:.88rem;font-weight:800}.brand-word{line-height:1.05;font-family:var(--font-display,Syne);flex-direction:column;margin-left:10px;display:flex}.brand-word-top{color:#fff}.brand-word-bottom,.brand-word-top{letter-spacing:.01em;font-size:.86rem;font-weight:800}.brand-word-bottom{color:var(--gold)}@media (max-width:560px){.brand-word{display:none}}.stat-pill{border:1px solid var(--border);background:var(--surface-strong);white-space:nowrap;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.stat-pill .stat-icon{font-size:.9rem;line-height:1}@media (max-width:1023px){.stat-pill-xp{display:none}}@media (max-width:639px){.stat-pill{display:none}}.notif-bell{border:1px solid var(--border);background:var(--surface-strong);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:border-color .18s,transform .12s;display:inline-flex;position:relative}.notif-bell:hover{border-color:var(--border-bright);transform:translateY(-1px)}.notif-bell:active{transform:scale(.95)}.notif-badge{background:var(--coral,#e96d6d);color:#fff;border:2px solid var(--surface-strong);border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-size:.6rem;font-weight:800;line-height:1;display:flex;position:absolute;top:-3px;right:-3px}.notif-badge,.presentation-toggle{justify-content:center;align-items:center}.presentation-toggle{border:1px solid var(--border);background:var(--surface-strong);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;font-size:1rem;transition:border-color .18s,transform .12s,background .18s;display:inline-flex;position:relative}.presentation-toggle:hover{border-color:var(--border-bright);transform:translateY(-1px)}.presentation-toggle:active{transform:scale(.95)}.presentation-toggle.active{background:var(--accent,#6d8ee9);border-color:var(--accent,#6d8ee9);color:#fff}.player-chip-btn{border:1px solid var(--border);background:var(--surface-strong);cursor:pointer;border-radius:16px;flex-direction:column;align-items:stretch;gap:4px;min-width:120px;padding:6px 12px 7px;transition:border-color .18s,transform .12s;display:flex}.player-chip-btn:hover{border-color:var(--border-bright)}.player-chip-btn:active{transform:scale(.97)}.player-chip-top{align-items:center;gap:8px;display:flex}.player-chip-avatar{font-size:1.3rem;line-height:1}.player-chip-info{flex-direction:column;min-width:0;line-height:1.15;display:flex}.player-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;color:var(--text);font-size:.82rem;font-weight:700;overflow:hidden}.player-chip-level{color:var(--muted);font-size:.64rem;font-weight:600}.player-chip-xpbar{background:var(--border);border-radius:3px;width:100%;height:3px;display:block;overflow:hidden}.player-chip-xpfill{background:linear-gradient(90deg,var(--gold),var(--teal));border-radius:3px;height:100%;transition:width .8s cubic-bezier(.34,1.2,.64,1);display:block}@media (max-width:480px){.player-chip-name{max-width:80px}}.mobile-stats-row{gap:8px;padding:8px 4px 12px;display:flex}.mobile-nav-item.active{color:var(--gold);background:#f5c84224}.trophy-hero-grid{grid-template-columns:1.2fr 1fr;align-items:center;display:grid}@media (max-width:639px){.trophy-hero-grid{grid-template-columns:1fr}}.trophy-snapshot-title{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:12px;font-size:.72rem;font-weight:700}.trophy-snapshot-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.trophy-snapshot-stat{align-items:center;gap:10px;display:flex}.trophy-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.recent-ach-row{scrollbar-width:thin;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.recent-ach-card{border:1.5px solid var(--border);background:var(--surface-soft);text-align:center;border-radius:16px;flex:0 0 150px;padding:16px 14px}.recent-ach-icon{margin-bottom:8px;font-size:1.8rem}.recent-ach-name{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.8rem;font-weight:700;display:-webkit-box;overflow:hidden}.recent-ach-date{color:var(--muted);font-size:.66rem}.trophy-side-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:639px){.trophy-side-grid{grid-template-columns:1fr}}.trophy-donut-wrap{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.trophy-donut{border-radius:50%;flex-shrink:0;width:130px;height:130px;position:relative}.trophy-donut-hole{background:var(--surface-strong);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:18px}.trophy-donut-num{font-family:var(--font-display,Syne);color:var(--gold);font-size:1.5rem;font-weight:800;line-height:1}.trophy-donut-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.62rem}.trophy-donut-legend{flex-direction:column;gap:8px;display:flex}.trophy-legend-row{color:var(--text);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.trophy-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.trophy-legend-total{color:var(--muted);border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-size:.74rem}.latest-ach{border:1.5px solid var(--border);text-align:center;border-radius:16px;padding:16px}.latest-ach-icon{margin-bottom:8px;font-size:2.4rem}.latest-ach-name{margin-bottom:4px;font-size:.94rem;font-weight:800}.latest-ach-desc{color:var(--muted);margin-bottom:8px;font-size:.78rem;line-height:1.5}.latest-ach-date{color:var(--muted);font-size:.7rem;font-weight:700}.trophy-cat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.trophy-cat-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.trophy-cat-label{margin-bottom:6px;font-size:.84rem;font-weight:700}.trophy-cat-count{color:var(--muted);margin-bottom:8px;font-size:.72rem}.trophy-cat-bar{background:var(--border);border-radius:6px;height:6px;overflow:hidden}.trophy-cat-bar-fill{background:linear-gradient(90deg,var(--gold),var(--teal));border-radius:6px;height:100%;transition:width .8s cubic-bezier(.34,1.2,.64,1)}.games-list-grid{gap:14px;display:grid}.games-list-tile{border:1px solid var(--border);background:var(--surface-soft);cursor:pointer;text-align:left;border-radius:22px;align-items:center;gap:18px;width:100%;padding:18px 22px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:flex}.games-list-tile:hover{background:var(--surface-strong);border-color:var(--border-bright);transform:translateY(-2px);box-shadow:0 12px 28px #00000040}.games-list-tile:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.games-list-icon{background:var(--surface-strong);border:1px solid var(--border);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;display:flex}.games-list-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.games-list-title{color:var(--text);font-size:1rem;font-weight:800;font-family:var(--font-display);white-space:nowrap}.games-list-desc,.games-list-title{text-overflow:ellipsis;overflow:hidden}.games-list-desc{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.86rem;line-height:1.4;display:-webkit-box}.games-list-level{background:var(--teal);border-radius:999px;width:fit-content;margin-top:6px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.games-list-level{background:color-mix(in srgb,var(--teal) 16%,transparent)}}.games-list-level{color:var(--teal);border:1px solid var(--teal)}@supports (color:color-mix(in lab,red,red)){.games-list-level{border:1px solid color-mix(in srgb,var(--teal) 30%,transparent)}}.games-list-chevron{color:var(--muted);font-size:1.8rem;transition:transform .18s}.games-list-tile:hover .games-list-chevron{color:var(--gold);transform:translate(6px)}@media (max-width:639px){.games-list-tile{gap:14px;padding:16px}.games-list-icon{width:48px;height:48px;font-size:24px}.games-list-desc{display:none}}.game-card-icon{background:#ffffff0f;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:2.2rem;line-height:1;display:flex}.game-card-content{flex-direction:column;gap:4px;min-width:0;display:flex}.game-card-content h3{font-family:var(--font-display);color:var(--text);margin:0;font-size:1rem;font-weight:700}.game-card-content p{color:var(--muted);margin:0;font-size:.8rem}.game-card-content span{text-transform:uppercase;letter-spacing:.06em;color:var(--gold);font-size:.66rem;font-weight:700}.games-stat-badge,.lb-hero-stat{align-items:center;gap:10px;display:flex}.lb-hero-title{word-break:normal;overflow-wrap:normal;white-space:normal;overflow-wrap:anywhere}@media (max-width:639px){.lb-hero-title{white-space:normal;font-size:clamp(1.8rem,10vw,2.7rem)}}.blog-post-page{min-width:0}.blog-route-page{isolation:isolate;min-height:100%;position:relative}.blog-route-background{z-index:0;pointer-events:none;background:url(/assets/images/blog-bg.webp) 50%/cover no-repeat;position:fixed;inset:0}.blog-route-content{z-index:1;min-width:0;position:relative}.blog-article-content{overflow-wrap:anywhere;word-break:normal;text-align:left;white-space:normal}.blog-article-content>*{min-width:0;max-width:100%}.blog-article-content code,.blog-article-content pre{white-space:pre-wrap;overflow-wrap:anywhere}.blog-article-content h1,.blog-article-content h2,.blog-article-content h3{font-family:var(--font-display,Syne);color:var(--text);margin:1.6em 0 .55em;line-height:1.2}.blog-article-content h1{margin-top:0;font-size:clamp(1.55rem,3vw,2.2rem)}.blog-article-content h2{font-size:clamp(1.2rem,2.4vw,1.55rem)}.blog-article-content h3{font-size:1.1rem}.blog-article-content li,.blog-article-content p{max-width:78ch;color:var(--text);font-family:var(--font-body,"DM Sans",sans-serif);font-size:clamp(.92rem,1.4vw,1rem);line-height:1.75}.blog-article-content p{margin:0 0 1.15em}.blog-article-content ol,.blog-article-content ul{max-width:78ch;margin:0 0 1.2em;padding-left:1.4em}.blog-article-content strong{color:var(--text)}.subscription-page{max-width:1100px;color:var(--text);margin:0 auto;padding:clamp(18px,3vw,32px) clamp(14px,3vw,24px) 80px}.subscription-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.subscription-current{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:clamp(20px,3vw,30px);display:flex}.subscription-current h2,.subscription-plan h3{font-family:var(--font-display,Syne);margin:6px 0}.subscription-current h2{font-size:1.7rem}.subscription-current p,.subscription-plan p{color:var(--muted);margin:0}.subscription-label{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800}.subscription-details{flex-wrap:wrap;gap:28px;display:flex}.subscription-details div{gap:5px;display:grid}.subscription-details span{color:var(--muted);font-size:.75rem}.subscription-details strong{font-size:.92rem}.subscription-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.subscription-plan{padding:24px}.subscription-plan.selected{border-color:var(--gold);box-shadow:0 0 0 1px #d8ad4540}.subscription-plan-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.subscription-plan h3{font-size:2rem}.subscription-cadence{color:var(--muted);font-size:.78rem}.subscription-plan ul{color:var(--text);gap:8px;margin:20px 0;padding:0;font-size:.86rem;list-style:none;display:grid}.subscription-plan button:disabled{opacity:.7;cursor:default}@media (max-width:680px){.subscription-current,.subscription-header{flex-direction:column}.subscription-plans{grid-template-columns:1fr}}.game-layout{gap:var(--space-sm);flex-direction:column;min-height:100%;display:flex}.game-layout-header{padding:var(--space-sm) var(--space-md);font-size:var(--text-base);font-weight:700}.game-layout-body{gap:var(--space-md);flex:1;min-height:0;display:flex}.game-layout-play-area{flex:1;justify-content:stretch;align-items:stretch;min-width:0;min-height:0;display:flex}.game-layout-sidebar{gap:var(--space-sm);font-size:var(--text-sm);flex-direction:column;flex-shrink:0;display:flex}.game-layout-mobile{padding:var(--space-xs)}.game-layout-sidebar-strip{gap:var(--space-sm);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);display:flex}.game-layout-controls-bar{justify-content:center;gap:var(--space-sm);padding:var(--space-sm);min-height:var(--tap-target-min);display:flex;position:sticky;bottom:0}.game-layout-tablet{padding:var(--space-sm)}.game-layout-tablet .game-layout-sidebar{width:clamp(160px,22vw,240px)}.game-layout-controls-row{justify-content:center;gap:var(--space-md);padding:var(--space-sm);min-height:var(--tap-target-min);display:flex}.game-layout-desktop,.game-layout-large-desktop{padding:var(--space-md)}.game-layout-desktop .game-layout-sidebar,.game-layout-large-desktop .game-layout-sidebar{width:clamp(200px,16vw,280px)}.game-layout-tv{padding:var(--space-xl)}.game-layout-tv .game-layout-header{font-size:var(--text-xl)}.game-layout-tv .game-layout-sidebar{width:clamp(240px,18vw,360px);font-size:var(--text-lg)}.game-header-default{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.game-header-title{align-items:center;gap:var(--space-xs);font-weight:800;font-family:var(--font-display,Syne);display:flex}.game-header-icon{font-size:1.2em;line-height:1}.game-header-actions{gap:var(--space-xs);display:flex}.game-sidebar-default{gap:var(--space-sm);flex-direction:column;display:flex}.game-sidebar-stat{align-items:baseline;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--surface-soft);border-radius:12px;display:flex}.game-sidebar-stat-value{font-weight:800;font-family:var(--font-display,Syne)}.game-sidebar-stat-label{color:var(--muted);font-size:.85em}.game-bottombar-default{gap:var(--space-sm);flex-wrap:wrap;justify-content:center;display:flex}.game-bottombar-btn{min-width:var(--tap-target-min);min-height:var(--tap-target-min);padding:var(--space-xs) var(--space-md);border:1px solid var(--border);background:var(--surface-strong);color:var(--text);cursor:pointer;border-radius:14px;font-weight:700}.game-bottombar-btn:active{transform:scale(.96)}.game-shell{--game-shell-nav:#101827;--game-shell-nav-raised:#1d2a40;--game-shell-nav-text:#f8fafc;--game-shell-nav-muted:#cbd5e1;background:#080b12;height:100%;min-height:0}.game-shell>.game-layout{gap:0;height:100%;padding:0}.game-shell .game-layout-header{z-index:30;color:var(--game-shell-nav-text);background:linear-gradient(135deg,var(--game-shell-nav),var(--game-shell-nav-raised));border:0;border-bottom:1px solid #ffffff2e;border-radius:0;flex-shrink:0;padding:14px clamp(16px,2.5vw,30px);position:sticky;top:0;box-shadow:0 10px 26px #0000004d}.game-shell .game-layout-body{gap:0;padding:0}.game-shell .game-layout-play-area{margin:0;padding:0}.game-shell .game-layout-large-desktop .game-layout-play-area{max-width:none;margin:0}.game-shell .game-layout-mobile>:not(.game-layout-header){margin-inline:0}.game-shell .game-layout-mobile .game-layout-play-area{margin-block:0}.game-shell .game-layout-desktop .game-layout-controls-row,.game-shell .game-layout-large-desktop .game-layout-controls-row,.game-shell .game-layout-tablet .game-layout-controls-row,.game-shell .game-layout-tv .game-layout-controls-row{margin:0}.game-shell .game-header-default{min-width:0}.game-shell .game-header-title{min-width:0;color:var(--game-shell-nav-text);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:800;overflow:hidden}.game-shell-play-area{width:100%;display:flex;position:relative}.game-shell-play-area,.game-shell-play-area>:first-child{flex:1;min-width:0;min-height:0}.game-shell .game-header-actions{justify-content:flex-end;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.game-shell-header-action{min-height:42px;color:var(--game-shell-nav-text);font:inherit;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff47;border-radius:10px;align-items:center;padding:8px 14px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.game-shell-header-action:focus-visible,.game-shell-header-action:hover{outline-offset:2px;background:#ffffff38;border-color:#facc15;outline:2px solid #facc15}.game-shell-header-action[aria-pressed=true]{color:#172033;background:#facc15;border-color:#facc15}.game-shell-topbar-stats{align-items:center;gap:6px;margin-right:4px;display:flex}.game-shell-topbar-stat{min-height:42px;color:var(--game-shell-nav-muted);white-space:nowrap;background:#0003;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:5px;padding:8px 12px;font-size:.84rem;display:inline-flex}.game-shell-controls-bar,.game-shell-topbar-stat b{color:var(--game-shell-nav-text)}.game-shell-controls-bar{background:var(--game-shell-nav);letter-spacing:.04em;white-space:nowrap;border-top:1px solid #ffffff14;align-items:center;gap:12px;padding:6px 16px;font-size:.75rem;font-weight:600;display:flex}.game-shell-error,.game-shell-overlay{z-index:10;background:var(--bg);place-items:center;padding:20px;display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.game-shell-error,.game-shell-overlay{background:color-mix(in srgb,var(--bg) 78%,transparent)}}.game-shell-error,.game-shell-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-shell-error,.game-shell-overlay-card{border:1px solid var(--border);background:var(--surface-strong);width:min(100%,430px);color:var(--text);text-align:center;border-radius:20px;padding:28px;box-shadow:0 20px 60px #00000047}.game-shell-error-icon,.game-shell-overlay-icon{margin-bottom:10px;font-size:2.5rem;display:block}.game-shell-error h2,.game-shell-overlay-card h2{font-family:var(--font-display,Syne);margin:0 0 8px}.game-shell-error p,.game-shell-overlay-card p{color:var(--muted);margin:0}.game-shell-overlay-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.game-shell-primary-action,.game-shell-secondary-action{min-height:42px;font:inherit;cursor:pointer;border-radius:11px;padding:8px 14px;font-weight:800}.game-shell-primary-action{background:var(--gold);color:#1e1600;border:0}.game-shell-secondary-action{border:1px solid var(--border);color:var(--text);background:0 0}.game-shell-result-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0;display:grid}.game-shell-result-grid span{background:var(--surface-soft);color:var(--muted);border-radius:10px;gap:3px;padding:10px;font-size:.78rem;display:grid}.game-shell-result-grid b{color:var(--text);font-size:1.1rem}.game-shell-error{min-height:280px;position:relative}@media (max-width:640px){.game-shell .game-layout-header{border-radius:0;padding:8px 10px}.game-shell .game-header-default{align-items:flex-start}.game-shell .game-header-title{max-width:36vw;padding-top:5px}.game-shell-header-action{padding:6px 8px;font-size:.7rem}.game-shell-topbar-stats{order:2;justify-content:flex-end;width:100%}.game-shell-topbar-stat{min-height:28px;padding:4px 7px;font-size:.7rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.toast-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px}.toast{padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:slideIn .3s ease-out;min-width:250px;max-width:400px;word-wrap:break-word}.toast-success{background-color:#10b981;color:#fff}.toast-error{background-color:#ef4444;color:#fff}.toast-info{background-color:#3b82f6;color:#fff}.toast-warning{background-color:#f59e0b;color:#fff}@keyframes slideIn{0%{transform:translateX(400px);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:640px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:unset}}