.hero{position:relative;overflow:hidden;height:420px;background:#0a0e1a;-webkit-user-select:none;user-select:none}@media (max-width: 640px){.hero{height:340px}}.hero__slides{position:absolute;top:0;right:0;bottom:0;left:0}.hero__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.hero__slide.is-active{opacity:1;pointer-events:auto}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0}.hero__accent-blob{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.45}@media (max-width: 640px){.hero__accent-blob{opacity:.25}}.hero__img{position:absolute;right:0;top:0;height:100%;width:50%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right,transparent 0%,black 30%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 30%);opacity:.75}@media (max-width: 640px){.hero__img{width:100%;height:100%;top:0;right:0;mask-image:linear-gradient(to bottom,black 30%,transparent 100%),linear-gradient(to right,transparent 0%,black 25%);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:linear-gradient(to bottom,black 30%,transparent 100%);opacity:.45}}.hero__content{position:absolute;bottom:0;left:0;padding:var(--space-8) var(--space-8) var(--space-10) 64px;max-width:520px;z-index:2}@media (max-width: 640px){.hero__content{padding:var(--space-6) var(--space-5) var(--space-8);max-width:100%}}.hero__category{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:hsl(var(--game-accent-h),var(--game-accent-s),65%);margin:0 0 var(--space-2)}.hero__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1.05;margin:0 0 var(--space-3);text-shadow:0 2px 16px rgba(0,0,0,.5)}@media (max-width: 640px){.hero__title{font-size:var(--text-2xl)}}.hero__description{font-size:var(--text-sm);color:#ffffffbf;line-height:1.6;margin:0 0 var(--space-5);max-width:36ch}@media (max-width: 640px){.hero__description{display:none}}.hero__cta{display:inline-block;background:hsl(var(--game-accent-h),var(--game-accent-s),var(--game-accent-l));color:var(--color-text-inverse, #0f1117);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);text-decoration:none;transition:filter .2s ease,transform .2s ease;box-shadow:0 4px 16px #0000004d}.hero__cta:hover{filter:brightness(1.12);transform:translateY(-1px)}.hero__cta--soon{opacity:.5;cursor:default;background:#ffffff26;color:#ffffffb3}.hero__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);color:#ffffffd9;width:40px;height:40px;border-radius:var(--radius-full);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.hero__arrow:hover{background:#000000b3;color:#fff}.hero__arrow--prev{left:0;border-radius:0 var(--radius-full) var(--radius-full) 0}.hero__arrow--next{right:0;border-radius:var(--radius-full) 0 0 var(--radius-full)}.hero__dots{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);display:flex;gap:var(--space-2);z-index:10}.hero__dot{width:8px;height:8px;border-radius:var(--radius-full);background:#ffffff4d;border:none;cursor:pointer;padding:0;transition:background .3s ease,width .3s ease}.hero__dot.is-active{background:#fff;width:24px}.swimlane-view__toolbar{display:flex;align-items:center;justify-content:flex-end;padding:var(--space-4) var(--space-6) 0;max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}.search-toggle-btn{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) ease}.search-toggle-btn:hover{border-color:var(--game-accent);color:var(--color-text-primary);background:var(--color-surface-overlay)}.swimlanes{padding:var(--space-4) 0 var(--space-4)}.swimlane{margin-bottom:0;padding:var(--space-5) 0 var(--space-3);background:#0d1120;border-top:1px solid rgba(255,255,255,.05)}.swimlane:nth-child(2n){background:#111827}.swimlane__header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space-6) var(--space-3);box-sizing:border-box}.swimlane__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-text-secondary);letter-spacing:.02em;text-transform:uppercase;font-size:var(--text-sm);margin:0}.swimlane__view-all{background:transparent;border:1.5px solid var(--color-border-subtle);color:var(--color-text-tertiary);font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;transition:all var(--duration-fast) ease}.swimlane__view-all:hover{border-color:var(--game-accent);color:var(--game-accent)}.swimlane__wrap{position:relative}.swimlane__track{display:flex;gap:var(--space-3);overflow-x:auto;padding:var(--space-2) var(--space-6) var(--space-4);scroll-snap-type:x mandatory;scroll-padding-left:var(--space-6);scroll-behavior:smooth;scrollbar-width:none;mask-image:linear-gradient(to right,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 88%,transparent 100%);cursor:grab}.swimlane__track:active{cursor:grabbing}.swimlane__track::-webkit-scrollbar{display:none}.swimlane__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);width:36px;height:36px;border-radius:var(--radius-full);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease,background .2s ease;box-shadow:0 2px 8px #00000059}.swimlane__wrap:hover .swimlane__arrow{opacity:1;pointer-events:auto}.swimlane__arrow:hover{background:var(--color-surface-overlay);color:var(--color-text-primary)}.swimlane__arrow.is-hidden{opacity:0!important;pointer-events:none!important}.swimlane__arrow--prev{left:var(--space-1)}.swimlane__arrow--next{right:var(--space-1)}.game-tile{flex:0 0 160px;width:160px;height:220px;border-radius:var(--radius-lg);overflow:hidden;position:relative;cursor:pointer;scroll-snap-align:start;text-decoration:none;color:#fff;transition:transform .2s ease,box-shadow .2s ease;background:hsl(var(--game-accent-h),var(--game-accent-s),15%);flex-shrink:0;display:block}.game-tile:hover{transform:scale(1.04);box-shadow:0 8px 24px #00000080,0 0 0 2px hsl(var(--game-accent-h),var(--game-accent-s),var(--game-accent-l));z-index:2}.game-tile--coming-soon{opacity:.55;cursor:default}.game-tile-flip{flex:0 0 160px;width:160px;height:220px;scroll-snap-align:start;perspective:800px;position:relative}.game-tile-flip__inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease}.game-tile-flip.is-flipped .game-tile-flip__inner{transform:rotateY(180deg)}@media (prefers-reduced-motion: reduce){.game-tile-flip__inner{transition:none}}.game-tile-flip .game-tile,.game-tile-flip .game-tile:hover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;flex:none;transform:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.game-tile-flip .game-tile-flip__back,.game-tile-flip .game-tile-flip__back:hover{transform:rotateY(180deg)}.game-tile-flip:not(.is-flipped):hover{transform:scale(1.04);z-index:2}.game-tile-flip{transition:transform .2s ease}.game-tile-flip:not(.is-flipped):hover .game-tile-flip__front{box-shadow:0 8px 24px #00000080,0 0 0 2px hsl(var(--game-accent-h),var(--game-accent-s),var(--game-accent-l))}.game-tile-flip__back{transform:rotateY(180deg);display:flex;flex-direction:column;padding:var(--space-4) var(--space-3) var(--space-3);background:linear-gradient(160deg,hsl(var(--game-accent-h),var(--game-accent-s),22%),hsl(var(--game-accent-h),var(--game-accent-s),10%));border:1px solid hsla(var(--game-accent-h),var(--game-accent-s),50%,.35)}.game-tile-flip__title{margin:var(--space-2) 0 var(--space-2);font-size:var(--text-sm);font-weight:800;color:#fff;line-height:1.2}.game-tile-flip__desc{margin:0;flex:1;font-size:var(--text-xs);line-height:1.45;color:#ffffffbf;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.game-tile-flip__play{display:block;text-align:center;padding:var(--space-2) var(--space-3);margin-top:var(--space-2);border-radius:var(--radius-full);background:hsl(var(--game-accent-h),var(--game-accent-s),var(--game-accent-l));color:var(--color-text-inverse, #0f1117);font-weight:700;font-size:var(--text-sm);text-decoration:none;transition:filter .15s ease}.game-tile-flip__play:hover{filter:brightness(1.15)}.game-tile__info{position:absolute;top:var(--space-2);right:var(--space-2);z-index:3;width:22px;height:22px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.18);background:#00000047;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#ffffff73;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease;opacity:.7}.game-tile-flip:not(.is-flipped):hover .game-tile__info,.game-tile__info:hover{opacity:1;color:#ffffffe6;border-color:#fff6;background:#0000008c}.game-tile__close{position:absolute;top:var(--space-2);right:var(--space-2);z-index:3;width:26px;height:26px;border-radius:var(--radius-full);border:none;background:#ffffff1f;color:#ffffffd9;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.game-tile__close:hover{background:#ffffff40}.game-tile--coming-soon:hover{transform:none;box-shadow:none}.game-tile__img{width:100%;height:100%;object-fit:cover;display:block}.game-tile__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fffc;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.game-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.3) 45%,transparent 70%);pointer-events:none}.game-tile__body{position:absolute;bottom:0;left:0;right:0;padding:var(--space-2) var(--space-3) var(--space-3)}.game-tile__title{display:block;font-family:var(--font-display);font-weight:700;font-size:var(--text-sm);line-height:1.2;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-tile__soon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.game-tile__soon-label{background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:3px 10px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.search-view__back-bar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-6) 0;max-width:1280px;margin:0 auto;box-sizing:border-box}.btn-back-to-lobby{display:inline-flex;align-items:center;gap:var(--space-1-5);background:transparent;border:1.5px solid var(--color-border-subtle);color:var(--color-text-secondary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast) ease;flex-shrink:0}.btn-back-to-lobby:hover{border-color:var(--game-accent);color:var(--color-text-primary)}.search-view__heading{font-family:var(--font-display);font-size:var(--text-xl);font-weight:900;color:var(--color-text-primary);letter-spacing:-.02em;margin:0}.search-bar-wrap{width:100%;max-width:480px;margin:var(--space-5) auto var(--space-4);padding:0 var(--space-6);box-sizing:border-box}.search-box{position:relative;display:flex;align-items:center;width:100%;background:var(--color-surface-raised);border:1.5px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:0 var(--space-4);box-sizing:border-box;transition:all var(--duration-fast) ease}.search-box:focus-within{border-color:var(--game-accent);box-shadow:0 0 12px var(--game-accent-glow)}.search-icon{color:var(--color-text-tertiary);margin-right:var(--space-2);flex-shrink:0}.lobby-search-input{flex:1;background:transparent;border:none;color:var(--color-text-primary);padding:var(--space-3) 0;font-family:inherit;font-size:var(--text-sm);outline:none}.lobby-search-input::placeholder{color:var(--color-text-tertiary)}.clear-search-btn{background:transparent;border:none;color:var(--color-text-tertiary);font-size:var(--text-lg);cursor:pointer;padding:var(--space-1);margin-left:var(--space-1);flex-shrink:0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:color var(--duration-fast) ease,background var(--duration-fast) ease}.clear-search-btn:hover{color:var(--color-text-primary);background:var(--color-surface-overlay)}.filter-bar{display:flex;gap:var(--space-2);justify-content:center;padding:0 var(--space-6) var(--space-4);flex-wrap:wrap}.filter-chip{border-radius:var(--radius-full);padding:var(--space-1-5) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast) ease;white-space:nowrap}.filter-chip[data-filter=all]{background:#375ee00d;border:1.5px solid rgba(55,94,224,.25);color:#94a3b8f2}.filter-chip[data-filter=board]{background:#d4a84f0d;border:1.5px solid rgba(212,168,79,.25);color:#d4a84fe6}.filter-chip[data-filter=arcade]{background:#e25c4b0d;border:1.5px solid rgba(226,92,75,.25);color:#e25c4be6}.filter-chip[data-filter=puzzle]{background:#2bb7a80d;border:1.5px solid rgba(43,183,168,.25);color:#2bb7a8e6}.filter-chip[data-filter=quiz]{background:#8a63d20d;border:1.5px solid rgba(138,99,210,.25);color:#8a63d2e6}.filter-chip[data-filter=favorites]{background:#f59e0b0d;border:1.5px solid rgba(245,158,11,.25);color:#f59e0be6}.filter-chip[data-filter=all]:hover:not([aria-pressed=true]){background:#375ee026;border-color:#375ee0;color:#fff}.filter-chip[data-filter=board]:hover:not([aria-pressed=true]){background:#d4a84f26;border-color:#d4a84f;color:#fff}.filter-chip[data-filter=arcade]:hover:not([aria-pressed=true]){background:#e25c4b26;border-color:#e25c4b;color:#fff}.filter-chip[data-filter=puzzle]:hover:not([aria-pressed=true]){background:#2bb7a826;border-color:#2bb7a8;color:#fff}.filter-chip[data-filter=quiz]:hover:not([aria-pressed=true]){background:#8a63d226;border-color:#8a63d2;color:#fff}.filter-chip[data-filter=favorites]:hover:not([aria-pressed=true]){background:#f59e0b26;border-color:#f59e0b;color:#fff}.filter-chip[aria-pressed=true]{color:#fff!important}.filter-chip[data-filter=all][aria-pressed=true]{background:#375ee0;border-color:#375ee0}.filter-chip[data-filter=board][aria-pressed=true]{background:#d4a84f;border-color:#d4a84f}.filter-chip[data-filter=arcade][aria-pressed=true]{background:#e25c4b;border-color:#e25c4b}.filter-chip[data-filter=puzzle][aria-pressed=true]{background:#2bb7a8;border-color:#2bb7a8}.filter-chip[data-filter=quiz][aria-pressed=true]{background:#8a63d2;border-color:#8a63d2}.filter-chip[data-filter=favorites][aria-pressed=true]{background:#f59e0b;border-color:#f59e0b}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);padding:0 var(--space-6) var(--space-12);max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box}.game-card{display:flex;flex-direction:column;background:var(--color-surface-card, var(--color-surface-raised));border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;transition:transform var(--duration-slow) var(--ease-spring),box-shadow var(--duration-slow) var(--ease-out),border-color var(--duration-normal) ease;position:relative;--category-color: var(--game-accent);--category-glow: var(--game-accent-glow);--category-banner-bg: var(--game-banner-bg)}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--category-color);z-index:5}.game-card[data-category=board]{--category-color: #d4a84f;--category-glow: rgba(212, 168, 79, .25);--category-banner-bg: linear-gradient(135deg, rgba(212, 168, 79, .12) 0%, rgba(212, 168, 79, .04) 100%)}.game-card[data-category=puzzle]{--category-color: #2bb7a8;--category-glow: rgba(43, 183, 168, .25);--category-banner-bg: linear-gradient(135deg, rgba(43, 183, 168, .12) 0%, rgba(43, 183, 168, .04) 100%)}.game-card[data-category=quiz]{--category-color: #8a63d2;--category-glow: rgba(138, 99, 210, .25);--category-banner-bg: linear-gradient(135deg, rgba(138, 99, 210, .12) 0%, rgba(138, 99, 210, .04) 100%)}.game-card[data-category=arcade]{--category-color: #e25c4b;--category-glow: rgba(226, 92, 75, .25);--category-banner-bg: linear-gradient(135deg, rgba(226, 92, 75, .12) 0%, rgba(226, 92, 75, .04) 100%)}.game-card:focus-visible{outline:2px solid var(--category-color);outline-offset:2px}.game-card:hover:not(.game-card--coming-soon){transform:translateY(-4px);box-shadow:0 16px 40px var(--category-glow),0 2px 8px #0006;border-color:var(--category-color)}.game-card--coming-soon{opacity:.55;cursor:default}.game-card__banner{height:120px;background:var(--category-banner-bg);display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden;flex-shrink:0}.game-card__banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% -10%,rgba(255,255,255,.08) 0%,transparent 70%),radial-gradient(ellipse 80% 60% at 50% 120%,rgba(255,255,255,.06) 0%,transparent 70%);pointer-events:none}.game-card:not(.game-card--coming-soon) .game-card__icon{filter:drop-shadow(0 0 12px var(--category-glow)) drop-shadow(0 2px 6px rgba(0,0,0,.4))}.game-card__banner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}.game-card__icon{width:110px;height:110px;display:flex;align-items:center;justify-content:center;color:#ffffffe6;position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3));transition:transform var(--duration-slow) var(--ease-spring)}.game-card__icon svg{width:36px;height:36px;flex-shrink:0}.game-card__icon picture{display:contents}.game-card__icon-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);border:1.5px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #00000059}.game-card:hover:not(.game-card--coming-soon) .game-card__icon{transform:scale(1.12) translateY(-2px)}.game-card__badge{position:absolute;top:var(--space-2);right:var(--space-2);z-index:2}.game-card--coming-soon .game-card__banner{filter:grayscale(.4) brightness(.7)}.game-card__soon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.game-card__soon-label{background:#0009;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);padding:4px 12px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80}.game-card__body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);flex:1}.game-card__title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:var(--color-text-primary);letter-spacing:-.01em;margin:0}.game-card__desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.55;margin:0}.nav-auth{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.nav-user{display:flex;align-items:center;gap:var(--space-2)}.nav-streak{font-family:var(--font-display);font-size:var(--text-xs);font-weight:700;color:var(--game-accent);background:var(--game-accent-subtle);border:1px solid var(--game-accent);border-radius:var(--radius-full);padding:2px var(--space-2);white-space:nowrap}.nav-avatar-btn{background:transparent;border:none;padding:0;cursor:pointer;border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) ease}.nav-avatar-btn:hover{transform:scale(1.08);box-shadow:0 0 0 2px var(--game-accent)}.nav-avatar-btn:focus-visible{outline:2px solid var(--game-accent);outline-offset:2px}.nav-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:var(--game-accent-subtle);border:1.5px solid var(--game-accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;color:var(--game-accent);overflow:hidden;pointer-events:none}.nav-avatar img{width:100%;height:100%;object-fit:cover}.account-dropdown{position:fixed;z-index:var(--z-modal);width:280px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-2xl);box-shadow:0 16px 48px #00000080,0 2px 8px #0000004d;overflow:hidden;animation:dropdown-appear .2s var(--ease-spring)}.account-dropdown.closing{animation:dropdown-dismiss .15s var(--ease-in) forwards}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dropdown-dismiss{to{opacity:0;transform:translateY(-6px) scale(.97)}}.dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.dropdown-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--game-accent-subtle);border:1.5px solid var(--game-accent);overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:800;color:var(--game-accent);flex-shrink:0}.dropdown-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-identity{min-width:0}.dropdown-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-email{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-border-subtle);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.dropdown-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-2);background:var(--color-surface-raised)}.dropdown-stat__value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:var(--color-text-primary);line-height:1}.dropdown-stat__label{font-size:10px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.dropdown-section{padding:var(--space-3) var(--space-4)}.dropdown-section__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin:0 0 var(--space-2)}.dropdown-streak-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) 0}.dropdown-streak-game{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.dropdown-streak-val{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--game-accent)}.dropdown-divider{height:1px;background:var(--color-border-subtle);margin:0}.dropdown-menu{padding:var(--space-1) 0}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2-5) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) ease,color var(--duration-fast) ease;text-align:left}.dropdown-item svg{flex-shrink:0;opacity:.6}.dropdown-item:hover{background:var(--color-surface-overlay);color:var(--color-text-primary)}.dropdown-item:hover svg{opacity:1}.dropdown-item--danger{color:var(--color-status-error);padding-bottom:var(--space-3)}.dropdown-item--danger:hover{background:#ef444414;color:var(--color-status-error)}.lobby-footer{text-align:center;padding:var(--space-4) var(--space-6) var(--space-12)}.lobby-footer__text{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic}.no-results-message{grid-column:1 / -1;text-align:center;color:var(--color-text-tertiary);padding:var(--space-12) 0;font-size:var(--text-base);font-style:italic}.game-card__favorite{position:absolute;top:var(--space-3);left:var(--space-3);z-index:10;background:#0f172a73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#ffffffa6;cursor:pointer;transition:color var(--duration-fast) ease,background var(--duration-fast) ease,transform var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) ease;padding:0}.game-card__favorite:hover{transform:scale(1.15);color:#f59e0b;background:#0f172abf;border-color:#f59e0b73}.game-card__favorite[data-active=true]{color:#f59e0b;background:#0f172abf;border-color:#f59e0b80;filter:drop-shadow(0 0 4px rgba(245,158,11,.45))}.game-card[draggable=true]{cursor:grab}.game-card[draggable=true]:active{cursor:grabbing}.game-card.is-dragging{opacity:.35;transform:scale(.95) translateY(0);border-style:dashed;border-color:var(--game-accent);box-shadow:none!important}.game-card.drag-over{border-color:var(--game-accent)!important;box-shadow:0 0 16px var(--game-accent-glow),0 2px 8px #0006!important;transform:scale(1.02)}@media (max-width: 480px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3);padding:0 var(--space-4) var(--space-8)}.game-card__banner{height:96px}.game-card__icon{width:80px;height:80px}.game-card__icon svg{width:28px;height:28px}.hero__arrow{display:none}.swimlane__header{padding:0 var(--space-4) var(--space-2)}.swimlane__track{padding:var(--space-2) var(--space-4) var(--space-4);scroll-padding-left:var(--space-4)}}@media (min-width: 1400px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}[data-theme=casual] .swimlane{background:var(--color-surface-raised);border-top:1px solid var(--color-border-subtle)}[data-theme=casual] .swimlane:nth-child(2n){background:var(--color-surface-sunken)}[data-theme=casual] .hero{background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border-subtle)}[data-theme=casual] .hero__title{color:var(--color-text-primary);text-shadow:none}[data-theme=casual] .hero__description{color:var(--color-text-secondary)}[data-theme=casual] .hero__dot{background:#0000001f}[data-theme=casual] .hero__dot.is-active{background:var(--color-text-primary)}[data-theme=casual] .hero__arrow{background:#ffffffb3;border:1px solid var(--color-border-subtle);color:var(--color-text-secondary)}[data-theme=casual] .hero__arrow:hover{background:#fffffff2;color:var(--color-text-primary)}[data-theme=casual] .game-card{box-shadow:0 4px 12px #00000008}[data-theme=casual] .game-card:hover{box-shadow:0 12px 32px var(--game-accent-glow),0 2px 8px #0000000f!important}[data-theme=casual] .game-card__favorite{background:#ffffffd9;border-color:var(--color-border-default);color:var(--color-text-secondary)}[data-theme=casual] .game-card__favorite[data-active=true]{color:#f59e0b;background:#ffffffe6;border-color:#f59e0b66;filter:drop-shadow(0 0 4px rgba(245,158,11,.25))}[data-theme=casual] .lobby-footer{background:var(--color-surface-sunken);border-top:1px solid var(--color-border-subtle)}[data-theme=casual] .account-dropdown{box-shadow:0 12px 32px #0000001a}