:root{--color-primary:#d4a520;--color-primary-hover:#f5c542;--color-primary-dark:#b8860b;--color-gold:gold;--color-gold-light:#ffe066;--color-gold-dark:#c9a227;--color-success:#4caf50;--color-error:#ff6b6b;--color-warning:#ff9800;--bg-dark:#0a0a0a;--bg-dark-secondary:#111;--bg-dark-card:#151515;--bg-dark-elevated:#1a1a1a;--text-dark:#fff;--text-dark-secondary:#888;--border-dark:#2a2a2a;--bg-light:#fffdf8;--bg-light-secondary:#fff;--bg-light-card:#fff;--bg-light-elevated:#faf8f2;--text-light:#1a1a1a;--text-light-secondary:#8b6914;--border-light:#b8860b26;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 .125rem .25rem #0003;--shadow-md:0 .25rem .5rem #0000004d;--shadow-lg:0 .5rem 1rem #0006;--shadow-primary:0 .5rem 1rem #d4a52066;--shadow-elev-xs:0 1px 2px #0000000d;--shadow-elev-sm:0 2px 4px #00000014;--shadow-elev-md:0 4px 8px #0000001f;--shadow-elev-lg:0 8px 16px #00000029;--shadow-elev-xl:0 16px 32px #0003;--transition-fast:var(--motion-fast) var(--ease-out-quint);--transition-normal:var(--motion-base) var(--ease-out-quint);--transition-slow:var(--motion-slow) var(--ease-out-quint);--font-family:var(--font-sans);--font-size-xs:.625rem;--font-size-sm:.75rem;--font-size-md:.875rem;--font-size-lg:1rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--z-dropdown:100;--z-sticky:200;--z-modal:1000;--z-toast:9999;--sidebar-width-expanded:240px;--sidebar-width-collapsed:64px;--gold-50:#fff8e1;--gold-100:#fff1c7;--gold-200:#ffe08a;--gold-300:#f5c542;--gold-400:#e2b437;--gold-500:#d4a520;--gold-600:#b8860b;--gold-700:#8b6914;--gold-800:#7a5a10;--gold-900:#4a3609;--gold-rgb:212 165 32;--gold-bright-rgb:245 197 66;--ink-on-gold:#1a1206;--gradient-gold:linear-gradient(180deg, #f7d774 0%, #e2b437 48%, #c4901a 100%);--ink-950:#0b0a08;--ink-900:#12100c;--ink-850:#19160f;--ink-800:#211d15;--ink-700:#2b261b;--ink-600:#3a3325;--ink-rgb:11 10 8;--surface-0:var(--ink-950);--surface-1:var(--ink-900);--surface-2:var(--ink-850);--surface-3:var(--ink-800);--surface-4:var(--ink-700);--text-1:#f6f1e6;--text-2:#c4bcab;--text-3:#9a927f;--accent:var(--gold-500);--accent-strong:var(--gold-300);--accent-text:var(--gold-300);--line-1:rgb(var(--gold-rgb) / .1);--line-2:rgb(var(--gold-rgb) / .18);--line-3:rgb(var(--gold-rgb) / .35);--focus-ring-color:var(--gold-300);--focus-ring-width:2px;--focus-ring-offset:2px;--shadow-1:0 1px 2px rgb(var(--ink-rgb) / .45);--shadow-2:0 4px 12px -2px rgb(var(--ink-rgb) / .55);--shadow-3:0 12px 28px -8px rgb(var(--ink-rgb) / .65);--shadow-4:0 24px 56px -16px rgb(var(--ink-rgb) / .75);--rim-gold:inset 0 0 0 1px rgb(var(--gold-rgb) / .22);--highlight-top:inset 0 1px 0 #ffffff0f;--glow-gold:0 0 24px rgb(var(--gold-rgb) / .28);--font-sans:"Roboto", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;--font-display:"Chakra Petch", var(--font-sans);--font-brand:"Russo One", var(--font-display);--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.875rem;--fs-base:1rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--leading-tight:1.2;--leading-snug:1.35;--tracking-caps:.08em;--radius-6:.375rem;--radius-8:.5rem;--radius-12:.75rem;--radius-16:1rem;--radius-24:1.5rem;--control-sm:2rem;--control-md:2.5rem;--control-lg:3rem;--header-h:5.1875rem;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;scrollbar-width:none;-ms-overflow-style:none;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;overflow-x:hidden}body{width:100%;max-width:100vw;height:100%;font-family:var(--font-family);background:var(--noise) 0 0 / 160px 160px, radial-gradient(ellipse at 0% 0%, rgb(var(--gold-rgb) / .035) 0%, transparent 50%), radial-gradient(ellipse at 100% 100%, rgb(var(--gold-bright-rgb) / .025) 0%, transparent 50%), linear-gradient(180deg, #0b0a08 0%, #0e0c09 50%, #090806 100%);color:var(--text-dark);background-attachment:fixed;flex-direction:column;min-height:100%;line-height:1.6;display:flex;overflow-x:hidden}body:not(.login-page){scroll-padding-top:calc(var(--header-h) + var(--spacing-sm))}@media (hover:none) and (pointer:coarse){@supports (overflow-x:clip){html{scroll-padding-top:calc(var(--header-h) + var(--spacing-sm))}body{height:auto;overflow-x:clip}}}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}html::-webkit-scrollbar{width:0;height:0;display:none}:not(html)::-webkit-scrollbar{width:8px;height:8px}:not(html)::-webkit-scrollbar-track{background:var(--surface-1)}:not(html)::-webkit-scrollbar-thumb{background:var(--line-3);border-radius:var(--radius-full)}:not(html)::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background-color:var(--gold-300);color:var(--ink-on-gold)}a{color:var(--color-primary);transition:color var(--transition-normal);text-decoration:none}a:hover{color:var(--color-primary-hover)}img{max-width:100%;height:auto}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}html{scroll-behavior:smooth}
:root{--motion-instant:90ms;--motion-fast:.16s;--motion-base:.24s;--motion-medium:.36s;--motion-slow:.56s;--motion-slower:.76s;--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--ease-in-out-quart:cubic-bezier(.76, 0, .24, 1);--ease-in-out-sine:cubic-bezier(.37, 0, .63, 1);--ease-spring:cubic-bezier(.25, 1.12, .4, 1);--ease-spring-bouncy:cubic-bezier(.34, 1.56, .64, 1);--ease-spring-snappy:var(--ease-out-quint);--motion-surface-transition:color var(--motion-fast) var(--ease-out-quint), background-color var(--motion-fast) var(--ease-out-quint), border-color var(--motion-fast) var(--ease-out-quint), box-shadow var(--motion-base) var(--ease-out-quint), opacity var(--motion-fast) var(--ease-out-quint), transform var(--motion-medium) var(--ease-spring);--motion-press-scale:.94;--motion-delay-dialog:50ms;--motion-delay-page:60ms;--motion-stagger:30ms;--motion-overlay-enter:opacity var(--motion-base) var(--ease-out-quint), visibility 0s;--motion-overlay-exit:opacity var(--motion-base) var(--ease-exit), visibility 0s linear var(--motion-base);--motion-dialog-enter:opacity var(--motion-fast) var(--ease-out-quint) var(--motion-delay-dialog), translate var(--motion-slow) var(--ease-spring) var(--motion-delay-dialog), scale var(--motion-slow) var(--ease-spring) var(--motion-delay-dialog);--motion-dialog-exit:opacity var(--motion-fast) var(--ease-exit), translate var(--motion-base) var(--ease-exit), scale var(--motion-base) var(--ease-exit)}@supports (transition-timing-function:linear(0, 1)){:root{--ease-spring:linear(0, .0096 1.5%, .0417 3.25%, .0988 5.25%, .1907 7.75%, .5483 16.25%, .6781 19.75%, .7796 23%, .8615 26.25%, .9245 29.5%, .9735 33%, 1.0096 37%, 1.0316 41.75%, 1.0383 48%, 1.0031 76.5%, .9987 99.75%, 1);--ease-spring-bouncy:linear(0, .0099 1%, .0375 2%, .0802 3%, .1504 4.25%, .2526 5.75%, .4666 8.5%, .6814 11.25%, .8219 13.25%, .9276 15%, 1.0147 16.75%, 1.0822 18.5%, 1.1307 20.25%, 1.1615 22%, 1.1777 24%, 1.1761 26.25%, 1.1541 29%, 1.0252 38.75%, .9894 42.75%, .9709 47%, .9696 52.25%, 1.0026 68.25%, 1.0041 81%, 1);--ease-spring-snappy:linear(0, .0091 1.75%, .0381 3.75%, .0943 6.25%, .1956 9.75%, .4817 18.75%, .6074 23.25%, .7074 27.5%, .7885 31.75%, .8553 36.25%, .9097 41.25%, .9518 47%, .9818 54%, 1.0001 63.75%, 1.0046 82.5%, 1)}}@keyframes motion-rise-in{0%{opacity:0;translate:0 var(--motion-rise-distance,12px)}}@keyframes motion-fade-in{0%{opacity:0}}@keyframes motion-pop-in{0%{opacity:0;scale:.9}}@keyframes motion-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@view-transition{navigation:auto}html:not(.is-theme-transition)::view-transition-old(root){animation:motion-page-out var(--motion-base) var(--ease-exit) both}html:not(.is-theme-transition)::view-transition-new(root){animation:motion-page-in var(--motion-slow) var(--ease-out-quint) var(--motion-delay-page) both}@keyframes motion-page-out{to{opacity:0;transform:scale(.985)}}@keyframes motion-page-in{0%{opacity:0;transform:scale(1.012)}}html.is-theme-transition::view-transition-old(root){mix-blend-mode:normal;animation:none}html.is-theme-transition::view-transition-new(root){mix-blend-mode:normal;animation:none}html.is-theme-switching *,html.is-theme-switching :before,html.is-theme-switching :after{transition:none!important}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}:not(.fa-spin,.rotating),:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
body.no-transition,body.no-transition :not(.loading-overlay *,.loading-overlay--leaving),body.no-transition :not(.loading-overlay *,.loading-overlay--leaving):before,body.no-transition :not(.loading-overlay *,.loading-overlay--leaving):after{transition:none!important;animation:none!important}@keyframes sidebar-collapse-shift{0%{translate:calc(var(--sidebar-width-expanded) - var(--sidebar-width-collapsed)) 0}to{translate:0}}@keyframes sidebar-expand-shift{0%{translate:calc(var(--sidebar-width-collapsed) - var(--sidebar-width-expanded)) 0}to{translate:0}}@media (min-width:48.0625rem){body.sidebar-expanded header,body.sidebar-expanded .game-carousel,body.sidebar-expanded footer{margin-left:var(--sidebar-width-expanded)}body.sidebar-collapsed header,body.sidebar-collapsed .game-carousel,body.sidebar-collapsed footer{margin-left:var(--sidebar-width-collapsed)}body.sidebar-shifting.sidebar-expanded header,body.sidebar-shifting.sidebar-expanded .game-carousel,body.sidebar-shifting.sidebar-expanded footer{animation:sidebar-expand-shift var(--motion-medium) var(--ease-in-out-quart)}body.sidebar-shifting.sidebar-collapsed header,body.sidebar-shifting.sidebar-collapsed .game-carousel,body.sidebar-shifting.sidebar-collapsed footer{animation:sidebar-collapse-shift var(--motion-medium) var(--ease-in-out-quart)}body.sidebar-expanded .main-content{width:min(78rem, calc(100% - var(--sidebar-width-expanded) - 4rem));margin-left:max(calc(var(--sidebar-width-expanded) + 2rem), calc((100% - 78rem + var(--sidebar-width-expanded)) / 2));margin-top:1.875rem;margin-bottom:.625rem;margin-right:auto}body.sidebar-collapsed .main-content{width:min(78rem, calc(100% - var(--sidebar-width-collapsed) - 4rem));margin-left:max(calc(var(--sidebar-width-collapsed) + 2rem), calc((100% - 78rem + var(--sidebar-width-collapsed)) / 2));margin-top:1.875rem;margin-bottom:.625rem;margin-right:auto}body.sidebar-expanded header,body.sidebar-collapsed header{padding-left:2rem}}@media (min-width:48.0625rem) and (prefers-reduced-motion:reduce){header,.game-carousel,footer{animation:none}}header{min-height:var(--header-h);background:var(--surface-1);z-index:var(--z-sticky);border-bottom:1px solid var(--line-2);box-shadow:var(--shadow-2), var(--highlight-top);flex-shrink:0;justify-content:space-between;align-items:center;padding:1rem 2rem 1rem 3rem;display:flex;position:sticky;top:0}.header__left{align-items:center;gap:.75rem;min-width:0;display:flex}.header__logo{cursor:pointer;align-items:center;min-width:0;margin-right:.75rem;display:flex}.header__logo img{flex-shrink:0;width:auto;max-width:none;height:3.125rem;margin-right:.9375rem}.header__logo h1{font-family:var(--font-brand);font-size:var(--fs-xl);font-weight:var(--fw-regular);font-synthesis:none;text-transform:uppercase;letter-spacing:.1em;background:linear-gradient(135deg, var(--gold-50) 0%, var(--gold-500) 100%);-webkit-text-fill-color:transparent;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;min-width:0;overflow:hidden}.header__logo h1 span{font-size:var(--fs-base);margin-left:.5rem;font-weight:400}@media (max-width:100rem){.header__logo h1{font-size:var(--fs-lg);letter-spacing:.06em}}.header--compact.header--title-hidden .header__logo h1{display:none}.header__right{align-items:center;gap:.5rem;min-width:0;display:flex}.header__icon,.theme-toggle{color:var(--text-2);cursor:pointer;transition:var(--motion-surface-transition);border:1px solid var(--line-2);background:var(--surface-2);min-width:var(--control-md);min-height:var(--control-md);border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;font-size:1.2rem;display:flex}#logoutBtn{margin-left:auto}.header__icon:focus-visible,.theme-toggle:focus-visible{color:var(--accent-text);background:rgb(var(--gold-rgb) / .14);border-color:var(--line-3);box-shadow:var(--shadow-2);transform:translateY(-2px)}@media (hover:hover){.header__icon:hover,.theme-toggle:hover{color:var(--accent-text);background:rgb(var(--gold-rgb) / .14);border-color:var(--line-3);box-shadow:var(--shadow-2);transform:translateY(-2px)}}.header__icon:active,.theme-toggle:active{transform:translateY(0) scale(var(--motion-press-scale));transition-duration:var(--motion-instant)}.theme-toggle--animated i{animation:theme-icon-in var(--motion-slow) var(--ease-spring-bouncy) both}@keyframes theme-icon-in{0%{opacity:0;rotate:-120deg;scale:.4}}.game-carousel{--carousel-band-rgb:15 13 10;--carousel-fade:15%;--carousel-edge-mask:linear-gradient(90deg, transparent 0%, #00000026 calc(var(--carousel-fade) * .25), #00000080 calc(var(--carousel-fade) * .5), #000c calc(var(--carousel-fade) * .75), #000 var(--carousel-fade), #000 calc(100% - var(--carousel-fade)), #000c calc(100% - var(--carousel-fade) * .75), #00000080 calc(100% - var(--carousel-fade) * .5), #00000026 calc(100% - var(--carousel-fade) * .25), transparent 100%);--carousel-scrim-reach:2.5rem;--carousel-ambient-opacity:.35;--carousel-ambient-filter:blur(48px) saturate(1.3);--carousel-ambient-blend:normal;--carousel-crossfade:var(--motion-slower);--carousel-settle:calc(var(--motion-slower) * 2.4);--carousel-caption:calc(var(--motion-slow) + var(--motion-base));--carousel-swipe-shift:8%;background:rgb(var(--carousel-band-rgb));isolation:isolate;flex-shrink:0;padding:0 1.5rem 3px;position:relative;overflow:visible}.game-carousel:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--line-3) 18%, rgb(var(--gold-bright-rgb) / .55) 50%, var(--line-3) 82%, transparent 100%);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:0}.game-carousel__timer{z-index:1;transform-origin:0;background:linear-gradient(90deg, rgb(var(--gold-rgb) / 0) 0%, rgb(var(--gold-rgb) / .7) 62%, var(--gold-200) 94%, var(--gold-50) 100%);max-width:1000px;height:1px;box-shadow:0 0 6px rgb(var(--gold-bright-rgb) / .55);pointer-events:none;transition:opacity var(--motion-base) var(--ease-out-quint);margin-inline:auto;position:absolute;bottom:0;left:1.5rem;right:1.5rem;transform:scaleX(0)}.game-carousel[data-autoplay=paused] .game-carousel__timer{opacity:.55}.game-carousel[data-autoplay=off] .game-carousel__timer{visibility:hidden}.game-carousel__ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.game-carousel__ambient-layer{object-fit:cover;width:min(100% - 3rem,1000px);height:calc(100% - 3px);opacity:var(--carousel-ambient-opacity);filter:var(--carousel-ambient-filter);mix-blend-mode:var(--carousel-ambient-blend);animation:motion-fade-in var(--motion-slow) var(--ease-in-out-sine) both;margin-inline:auto;display:block;position:absolute;top:0;left:0;right:0;scale:1.15}.game-carousel__ambient-layer[data-instant]{animation:none}body.no-transition .game-carousel__ambient-layer{opacity:0}.game-carousel__container{aspect-ratio:1000/200;width:100%;max-width:1000px;min-height:calc(min(100vw,1000px)/5);margin:0 auto;position:relative;overflow:hidden}.game-carousel__track{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;width:100%;height:100%;display:flex;position:relative}.game-carousel__track:active,.game-carousel__track[data-dragging]{cursor:grabbing}.game-carousel__track[data-swipe=next]{--slide-enter:var(--carousel-swipe-shift);--slide-exit:calc(var(--carousel-swipe-shift) * -1.25)}.game-carousel__track[data-swipe=prev]{--slide-enter:calc(var(--carousel-swipe-shift) * -1);--slide-exit:calc(var(--carousel-swipe-shift) * 1.25)}.game-carousel__slide{opacity:0;visibility:hidden;z-index:0;width:100%;height:100%;translate:var(--slide-enter,0%) 0;justify-content:center;align-items:center;transition:none;display:flex;position:absolute;top:0;left:0;overflow:hidden}.game-carousel__slide:before{content:"";background:radial-gradient(ellipse at 30% 50%, rgb(var(--gold-rgb) / .12) 0%, transparent 50%), radial-gradient(ellipse at 70% 50%, rgb(var(--gold-bright-rgb) / .08) 0%, transparent 50%);-webkit-mask-image:var(--carousel-edge-mask);-webkit-mask-image:var(--carousel-edge-mask);mask-image:var(--carousel-edge-mask);pointer-events:none;z-index:0;position:absolute;inset:0}.game-carousel__slide--active{opacity:1;visibility:visible;z-index:4;transition:opacity var(--carousel-crossfade) var(--ease-in-out-sine), visibility 0s, translate var(--motion-slow) var(--ease-spring);translate:0}.game-carousel__slide--leaving{opacity:1;visibility:visible;z-index:calc(3 - var(--slide-depth,0));translate:var(--slide-exit,0%) 0;transition:opacity var(--carousel-crossfade) var(--ease-in-out-sine), visibility 0s, translate var(--motion-medium) var(--ease-out-quint)}.game-carousel__track[data-swipe] .game-carousel__slide--active{transition:opacity var(--motion-base) var(--ease-out-quint), visibility 0s, translate var(--motion-slow) var(--ease-spring)}.game-carousel__track[data-swipe] .game-carousel__slide--leaving{opacity:0;transition:opacity var(--motion-medium) var(--ease-exit), visibility 0s, translate var(--motion-medium) var(--ease-out-quint)}.game-carousel__track[data-dragging] .game-carousel__slide--active{translate:var(--carousel-drag,0px) 0;transition:opacity var(--carousel-crossfade) var(--ease-in-out-sine), visibility 0s}.game-carousel__slide--link{cursor:pointer}.game-carousel__slide--link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-3px}.game-carousel__slide--link:focus-visible:after{content:"";z-index:3;border:var(--focus-ring-width) solid var(--focus-ring-color);box-shadow:inset 0 0 0 var(--focus-ring-width) rgb(var(--ink-rgb) / .6);pointer-events:none;position:absolute;inset:1px}.game-carousel__media{z-index:1;width:100%;height:100%;-webkit-mask-image:var(--carousel-edge-mask);-webkit-mask-image:var(--carousel-edge-mask);mask-image:var(--carousel-edge-mask);display:block;position:relative}.game-carousel__slide img{object-fit:cover;z-index:1;-webkit-user-drag:none;width:100%;height:100%;display:block;position:relative;transform:scale(1.06)}.game-carousel__slide--active img,.game-carousel__slide--leaving img{transition:transform var(--carousel-settle) var(--ease-out-expo);transform:scale(1)}.game-carousel__slide img[src=""],.game-carousel__slide img:not([src]),.game-carousel__slide img.error{color:rgb(var(--gold-rgb) / .6);font-size:.875rem;font-weight:var(--fw-medium);letter-spacing:.05em;background:0 0;justify-content:center;align-items:center;display:flex}.game-carousel__slide--placeholder:before{background:radial-gradient(ellipse at 30% 50%, rgb(var(--gold-rgb) / .15) 0%, transparent 50%), radial-gradient(ellipse at 70% 50%, rgb(var(--gold-bright-rgb) / .1) 0%, transparent 50%), linear-gradient(135deg, var(--ink-850) 0%, var(--ink-800) 50%, var(--ink-850) 100%)}.game-carousel__overlay{z-index:2;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-out-quint);flex-direction:column;justify-content:flex-end;padding:1rem 1.5rem 1rem 7.5%;display:flex;position:absolute;bottom:0;left:0;right:0}.game-carousel__overlay:before{content:"";inset:calc(var(--carousel-scrim-reach) * -1) 0 0;z-index:-1;background:linear-gradient(to top, rgb(var(--ink-rgb) / .8) 0%, rgb(var(--ink-rgb) / .6) calc(100% - var(--carousel-scrim-reach)), rgb(var(--ink-rgb) / .22) calc(100% - var(--carousel-scrim-reach) * .5), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 calc(var(--carousel-fade) * .5), #000 calc(100% - var(--carousel-fade) * .5), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 calc(var(--carousel-fade) * .5), #000 calc(100% - var(--carousel-fade) * .5), transparent 100%);mask-image:linear-gradient(90deg, transparent 0%, #000 calc(var(--carousel-fade) * .5), #000 calc(100% - var(--carousel-fade) * .5), transparent 100%);position:absolute}.game-carousel__slide:not(.game-carousel__slide--active) .game-carousel__overlay{opacity:0}.game-carousel__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);line-height:var(--leading-tight);letter-spacing:.01em;color:var(--gold-50);text-shadow:0 1px 2px rgb(var(--ink-rgb) / .6);text-wrap:balance;margin:0 0 .25rem}.game-carousel__subtitle{font-size:var(--fs-md);font-weight:var(--fw-regular);line-height:var(--leading-snug);color:color-mix(in srgb, var(--gold-50) 80%, transparent);text-shadow:0 1px 2px rgb(var(--ink-rgb) / .5);margin:0}.game-carousel__slide--active .game-carousel__title,.game-carousel__slide--active .game-carousel__subtitle{--motion-rise-distance:10px;animation:motion-rise-in var(--carousel-caption) var(--ease-out-quint) var(--motion-fast) both}.game-carousel__slide--active .game-carousel__subtitle{animation-delay:calc(var(--motion-fast) + var(--motion-instant))}.game-carousel__btn{border:1px solid var(--line-3);background:rgb(var(--ink-rgb) / .72);width:2.5rem;height:2.5rem;color:var(--gold-200);cursor:pointer;transition:var(--motion-surface-transition);z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-2), var(--highlight-top);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.game-carousel__btn i{transition:translate var(--motion-medium) var(--ease-spring)}@media (hover:hover){.game-carousel__btn--prev:hover i{translate:-2px}.game-carousel__btn--next:hover i{translate:2px}.game-carousel__btn:hover{background:rgb(var(--gold-rgb) / .22);border-color:rgb(var(--gold-bright-rgb) / .6);color:var(--gold-50);box-shadow:var(--shadow-3), var(--highlight-top);transform:translateY(-50%)scale(1.08)}}.game-carousel__btn:active{transform:translateY(-50%) scale(var(--motion-press-scale));transition-duration:var(--motion-instant)}.game-carousel__btn--prev{left:.5rem}.game-carousel__btn--next{right:.5rem}.game-carousel__dots{z-index:10;display:flex;position:absolute;bottom:.25rem;left:50%;transform:translate(-50%)}.game-carousel__dot{cursor:pointer;contain:layout;background:0 0;border:0;width:1.5rem;height:1.5rem;padding:0;position:relative}.game-carousel__dot:before{content:"";border-radius:var(--radius-full);border:1px solid rgb(var(--gold-bright-rgb) / .55);background:rgb(var(--ink-rgb) / .55);width:.5rem;height:.5rem;transition:width var(--motion-medium) var(--ease-spring), background-color var(--motion-fast) var(--ease-out-quint), border-color var(--motion-fast) var(--ease-out-quint), scale var(--motion-medium) var(--ease-spring);margin:auto;position:absolute;inset:0}@media (hover:hover){.game-carousel__dot:hover:before{background:rgb(var(--gold-rgb) / .5);scale:1.2}}.game-carousel__dot--active:before,.game-carousel__dot--active:hover:before{border-color:var(--gold-200);background:var(--gradient-gold);width:1.5rem;scale:1}.game-carousel__dot:focus-visible{outline-offset:-2px;border-radius:var(--radius-full)}.game-carousel__toggle{border-radius:var(--radius-full);background:rgb(var(--ink-rgb) / .55);width:1.5rem;height:1.5rem;color:var(--gold-50);box-shadow:inset 0 0 0 1px rgb(var(--gold-bright-rgb) / .35);cursor:pointer;transition:var(--motion-surface-transition);border:0;margin-left:.25rem;padding:0;position:absolute;top:0;left:100%}.game-carousel__toggle:before,.game-carousel__toggle:after{content:"";width:.625rem;height:.625rem;transition:clip-path var(--motion-base) var(--ease-out-quint);background:currentColor;margin:auto;position:absolute;inset:0}.game-carousel__toggle:before{clip-path:polygon(15% 8%,40% 8%,40% 92%,15% 92%)}.game-carousel__toggle:after{clip-path:polygon(60% 8%,85% 8%,85% 92%,60% 92%)}.game-carousel__toggle[data-state=paused]:before{clip-path:polygon(24% 6%,57% 27.4%,57% 72.6%,24% 94%)}.game-carousel__toggle[data-state=paused]:after{clip-path:polygon(55% 26.1%,92% 50%,92% 50%,55% 73.9%)}@media (hover:hover){.game-carousel__toggle:hover{background:rgb(var(--ink-rgb) / .75);box-shadow:inset 0 0 0 1px rgb(var(--gold-bright-rgb) / .7)}}.game-carousel__toggle:active{scale:var(--motion-press-scale);transition-duration:var(--motion-instant)}.game-carousel__toggle:focus-visible{outline-offset:-2px}body.is-modal-open .game-carousel *,body.is-modal-open .game-carousel :before,body.is-modal-open .game-carousel :after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.game-carousel__timer{visibility:hidden}}@media (forced-colors:active){.game-carousel__toggle:before,.game-carousel__toggle:after{forced-color-adjust:none;background:buttontext}.game-carousel__ambient{display:none}}@media (min-width:48.0625rem) and (max-width:63.9375rem){@supports (aspect-ratio:1 / 1){.game-carousel__container{min-height:0}}.game-carousel__overlay{padding-left:max(7.5%,3.5rem);padding-right:3.5rem}}@media (max-width:48rem){.game-carousel{--carousel-fade:12%;--carousel-scrim-reach:1.25rem;padding:0 0 3px}.game-carousel__timer{left:0;right:0}.game-carousel__ambient-layer{width:100%}.game-carousel__container{aspect-ratio:800/247;width:100%;max-width:none}@supports not (aspect-ratio:1 / 1){.game-carousel__container{min-height:30.875vw}}.game-carousel__btn{display:none}.game-carousel__dots{bottom:-1px}.game-carousel__dot:before{width:.375rem;height:.375rem}.game-carousel__dot--active:before,.game-carousel__dot--active:hover:before{width:1.1rem}.game-carousel__overlay{padding:.5rem .75rem 1.375rem 7.5%}.game-carousel__title,.game-carousel__subtitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-carousel__title{font-size:var(--fs-sm);margin-bottom:.125rem}.game-carousel__subtitle{font-size:var(--fs-2xs)}}@media (max-width:26rem){.game-carousel{--carousel-fade:10%}.game-carousel__container{width:100%}}.light-theme .game-carousel{--carousel-band-rgb:240 237 229;--carousel-ambient-opacity:.35;--carousel-ambient-filter:blur(48px) saturate(.6);--carousel-ambient-blend:color}.light-theme .game-carousel__btn{border-color:var(--line-3);color:var(--accent);box-shadow:var(--shadow-2), var(--highlight-top);background:#ffffffe6}@media (hover:hover){.light-theme .game-carousel__btn:hover{background:var(--surface-4);border-color:var(--accent);color:var(--accent-strong);box-shadow:var(--shadow-3), var(--highlight-top)}}.light-theme .game-carousel__dot:before{border-color:var(--line-3);background:#ffffffd9}@media (hover:hover){.light-theme .game-carousel__dot:hover:before{background:rgb(var(--gold-rgb) / .35)}}.light-theme .game-carousel__dot--active:before,.light-theme .game-carousel__dot--active:hover:before{border-color:var(--gold-600);background:var(--gradient-gold)}.light-theme .game-carousel__slide--placeholder:before{background:radial-gradient(ellipse at 30% 50%, rgb(var(--gold-rgb) / .15) 0%, transparent 50%), radial-gradient(ellipse at 70% 50%, rgb(var(--gold-bright-rgb) / .1) 0%, transparent 50%)}.main-content{flex-direction:column;flex:1 0 auto;align-items:center;width:90%;max-width:78rem;margin:1.875rem auto .625rem;display:flex}footer{background:linear-gradient(180deg, var(--surface-1) 0%, var(--surface-0) 100%);color:var(--text-3);text-align:center;border-top:1px solid #d4a52033;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;padding:1.25rem 1.5rem;display:flex;position:relative}footer:before{content:"";background:linear-gradient(90deg,#0000,#d4a52080,#0000);height:1px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 15px #d4a5204d}footer p{font-size:var(--fs-xs)}.footer__social{gap:.5rem;margin:.75rem 0;display:flex}.footer__social a{color:#c8c8c8b3;transition:var(--motion-surface-transition);width:var(--control-md);height:var(--control-md);background:linear-gradient(165deg,#1e1e1e99 0%,#141414cc 100%);border:1px solid #d4a52026;border-radius:.75rem;justify-content:center;align-items:center;padding:.625rem;font-size:1.1rem;display:flex}.footer__social a:hover,.footer__social a:focus-visible{color:var(--gold-200);background:linear-gradient(165deg,#d4a52033 0%,#b8860b26 100%);border-color:#d4a52080;transform:translateY(-3px);box-shadow:0 6px 20px #d4a5204d,0 0 25px #ffd70026}.loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:100%;z-index:var(--z-toast);opacity:0;visibility:hidden;transition:opacity var(--transition-normal), visibility var(--transition-normal);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.loading-overlay--active{opacity:1;visibility:visible}.loading-overlay--leaving{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-slow) var(--ease-out-quint), visibility 0s linear var(--motion-slow)}@starting-style{.loading-overlay--active{opacity:0}.loading-overlay--active .loading-spinner{opacity:0;transform:scale(.94)}}.loading-spinner{color:var(--color-primary);background:color-mix(in srgb, var(--surface-3) 95%, transparent);border-radius:var(--radius-lg);transition:opacity var(--motion-medium) var(--ease-out-quint), transform var(--motion-slow) var(--ease-spring);border:1px solid #d4a52040;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem;display:flex;position:relative;box-shadow:0 8px 32px #d4a52026}.loading-spinner:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;animation:loading-glow var(--motion-slower) var(--ease-out-quint) both;position:absolute;inset:-1px;box-shadow:0 0 0 1px #f5c54259,0 10px 44px #d4a52052}@keyframes loading-glow{to{opacity:1}}.loading-overlay--leaving .loading-spinner{opacity:0;transition:opacity var(--motion-base) var(--ease-exit), transform var(--motion-medium) var(--ease-exit);transform:scale(.94)translateY(-6px)}.loading-brand-ring{width:2.5rem;height:2.5rem;box-shadow:var(--glow-gold);border-radius:50%;animation:.85s linear infinite loading-brand-spin;position:relative}.loading-brand-ring:before{content:"";border-radius:inherit;background:conic-gradient(from 0deg, transparent 0deg, rgb(var(--gold-rgb) / .75) 270deg, var(--gold-200) 330deg, var(--gold-50) 360deg);-webkit-mask-composite:xor;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes loading-brand-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner__status{font-size:var(--fs-md);color:#ffffffe6;letter-spacing:.05em;font-weight:500}@media (max-width:48rem){header{flex-wrap:nowrap;gap:.5rem;min-height:auto;padding:.625rem .75rem;position:relative}.header__left{flex:0 auto;min-width:0}.header__logo{flex:1;min-width:0}.header__logo img{flex-shrink:0;height:2.5rem;margin-right:.625rem}.header__logo h1{white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;overflow:hidden}.header__logo h1 span{margin-left:.375rem;font-size:.8rem}.header__right{flex-shrink:1;gap:.375rem;min-width:0}.header__logo{display:none}.header__icon,.theme-toggle{flex-shrink:0;min-width:2.5rem;min-height:2.5rem;padding:.5rem;font-size:1.125rem}.banner{height:6rem}.banner__content{width:95%;padding:0 1rem}.banner__content h2{white-space:nowrap;margin-bottom:.375rem;font-size:1.5rem}.banner__content p{letter-spacing:.2em;white-space:nowrap;font-size:.65rem}.main-content{width:95%;margin:1rem auto .5rem}footer{padding-bottom:calc(2.25rem + env(safe-area-inset-bottom))}}@media (max-width:30rem){header{gap:.375rem;padding:.5rem}.header__logo img{height:2rem;margin-right:.5rem}.header__logo h1{white-space:nowrap;font-size:.85rem;line-height:1.2;display:none}.header__logo h1 span{opacity:.8;margin-left:.25rem;font-size:.65rem}.header__right{gap:.25rem}.banner{height:5rem}.banner__content{width:98%;padding:0 .5rem}.banner__content h2{white-space:nowrap;font-size:1.25rem}.banner__content p{letter-spacing:.15em;white-space:nowrap;font-size:.55rem}.main-content{width:calc(100% - 1.5rem);margin:.75rem auto .5rem}.header__icon,.theme-toggle{min-width:2.5rem;min-height:2.5rem;padding:.375rem;font-size:.95rem}}@media (max-width:25rem){header{gap:.25rem;padding:.375rem}.header__logo h1{white-space:nowrap;font-size:.75rem;display:none}.header__logo h1 span{margin-left:.2rem;font-size:.55rem}.header__right{gap:.2rem}.header__icon,.theme-toggle{min-width:2.5rem;min-height:2.5rem;padding:.35rem;font-size:.85rem}}@media (max-height:30rem){header{position:static}}
.snackbar{visibility:hidden;opacity:0;overflow-wrap:anywhere;background-color:var(--surface-3);min-width:min(17.5rem,100vw - 2rem);max-width:min(36rem,100vw - 2rem);color:var(--text-1);border:1px solid var(--line-2);text-align:center;border-radius:var(--radius-12);z-index:var(--z-toast);left:50%;bottom:calc(30px + env(safe-area-inset-bottom) + var(--snackbar-keyboard-inset,0px));font-size:var(--fs-md);line-height:var(--leading-snug);box-shadow:var(--shadow-3);transition:opacity var(--motion-base) var(--ease-exit), transform var(--motion-medium) var(--ease-exit), visibility 0s linear var(--motion-medium), background-color var(--motion-base) var(--ease-out-quint), border-color var(--motion-base) var(--ease-out-quint), color var(--motion-base) var(--ease-out-quint);padding:.875rem 1.5rem;position:fixed;transform:translate(-50%,18px)scale(.96)}.snackbar--error{color:#fff;background-color:#b3261e;border-color:#8c1d18}.snackbar--success{color:#fff;background-color:#1e7a3c;border-color:#17602f}.snackbar--show{visibility:visible;opacity:1;transition:opacity var(--motion-base) var(--ease-out-quint), transform var(--motion-slow) var(--ease-spring), visibility 0s, background-color var(--motion-base) var(--ease-out-quint), border-color var(--motion-base) var(--ease-out-quint), color var(--motion-base) var(--ease-out-quint);transform:translate(-50%)scale(1)}.snackbar--show .snackbar__message{animation:motion-pop-in var(--motion-medium) var(--ease-spring);display:inline-block}