.env-switcher{position:relative}.env-switcher__btn{height:var(--control-sm);background:var(--surface-2);border:1px solid var(--line-2);color:var(--accent-text);font-size:var(--fs-xs);cursor:pointer;transition:var(--motion-surface-transition);box-shadow:var(--shadow-1);border-radius:.625rem;align-items:center;gap:.375rem;padding:0 .625rem;font-family:inherit;font-weight:500;display:flex}.env-switcher__label{text-transform:uppercase;letter-spacing:.5px}@media (hover:hover){.env-switcher__btn:hover{background:rgb(var(--gold-rgb) / .14);border-color:var(--line-3);box-shadow:var(--shadow-2)}}.env-switcher__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.env-switcher__arrow{font-size:var(--fs-2xs);transition:transform var(--motion-medium) var(--ease-spring)}.env-switcher__btn[aria-expanded=true] .env-switcher__arrow{transform:rotate(180deg)}.env-switcher__btn:active{transform:scale(var(--motion-press-scale));transition-duration:var(--motion-instant)}.env-switcher__dropdown{background:var(--surface-3);border:1px solid var(--line-2);border-radius:var(--radius-sm);width:max-content;min-width:100%;max-width:300px;box-shadow:var(--shadow-3), var(--highlight-top);z-index:var(--z-modal);opacity:0;visibility:hidden;transform-origin:top;transition:opacity var(--motion-fast) var(--ease-exit), transform var(--motion-fast) var(--ease-exit), visibility 0s linear var(--motion-fast);position:absolute;top:calc(100% + .25rem);left:50%;transform:translate(-50%)translateY(-6px)scale(.97)}.env-switcher__dropdown--open{opacity:1;visibility:visible;transition:opacity var(--motion-base) var(--ease-out-quint), transform var(--motion-medium) var(--ease-spring), visibility 0s;transform:translate(-50%)translateY(0)scale(1)}.env-switcher__item{cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid var(--line-1);white-space:nowrap;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex;position:relative}.env-switcher__item:last-child{border-bottom:none}.env-switcher__item:hover{background:var(--line-1)}.env-switcher__item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(var(--focus-ring-width) * -1);background:var(--line-2)}.env-switcher__item--active{background:var(--line-2)}.env-switcher__item--active:after{content:"✓";color:var(--accent-text);font-weight:700;font-size:var(--fs-xs);margin-left:.5rem}.env-switcher__item-name{color:var(--text-1);font-size:.7rem;font-weight:500}
.language-switcher{position:relative}.game-mode-switcher{align-items:center;display:flex}.header__left>.game-mode-switcher:last-of-type{margin-right:auto}.game-mode-switcher__label{height:var(--control-sm);color:var(--accent-text);font-size:var(--fs-xs);cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--motion-surface-transition);background:linear-gradient(165deg,#d4a5201f 0%,#b8860b14 100%);border:1px solid #d4a52040;border-radius:2rem;align-items:center;gap:.5rem;padding:0 .75rem;font-weight:600;display:inline-flex}.game-mode-switcher__label:hover{border-color:#d4a52073}.game-mode-switcher__text{white-space:nowrap}.game-mode-switcher__switch{align-items:center;display:inline-flex;position:relative}.game-mode-switcher__input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.game-mode-switcher__track{background:#ffffff2e;border-radius:1rem;width:2.25rem;height:1.25rem;display:inline-block;position:relative}.game-mode-switcher__track:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--motion-base) var(--ease-out-quint);background:linear-gradient(135deg,#e6c04a,#d4a520);position:absolute;inset:0}.game-mode-switcher__thumb{z-index:1;width:.9rem;height:.9rem;transition:transform var(--motion-medium) var(--ease-spring), scale var(--motion-fast) var(--ease-out-quint);background:#f5f5f5;border-radius:50%;margin:.175rem;display:block;position:relative;box-shadow:0 1px 3px #0000004d}.game-mode-switcher__input:checked~.game-mode-switcher__track:before{opacity:1}.game-mode-switcher__input:checked~.game-mode-switcher__track .game-mode-switcher__thumb{transform:translate(1rem)}.game-mode-switcher__label:active .game-mode-switcher__thumb{scale:1.18 .9}.game-mode-switcher__input:focus-visible~.game-mode-switcher__track{outline-offset:2px;outline:2px solid #d4a52099}.language-switcher__btn{height:var(--control-sm);background:var(--surface-2);border:1px solid var(--line-2);color:var(--accent-text);font-size:var(--fs-xs);cursor:pointer;transition:var(--motion-surface-transition);min-width:5.5rem;box-shadow:var(--shadow-1), var(--highlight-top);border-radius:2rem;align-items:center;gap:.5rem;padding:0 1rem;font-family:inherit;font-weight:600;display:flex}.language-switcher__label{letter-spacing:.5px;white-space:nowrap;line-height:1}@media (hover:hover){.language-switcher__btn:hover{background:rgb(var(--gold-rgb) / .14);border-color:var(--line-3);color:var(--accent-text);box-shadow:var(--shadow-2), var(--highlight-top);transform:translateY(-2px)}}.language-switcher__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.language-switcher__btn:active{transform:translateY(0) scale(var(--motion-press-scale));transition-duration:var(--motion-instant)}.language-switcher__btn i{font-size:var(--fs-xs);transition:transform var(--motion-slow) var(--ease-spring);justify-content:center;align-items:center;line-height:1;display:inline-flex}@media (hover:hover){.language-switcher__btn:hover i{transform:rotate(180deg)}}.language-switcher__dropdown{transform-origin:top;background:var(--surface-3);border:1px solid var(--line-2);border-radius:var(--radius-lg);width:max-content;max-width:420px;box-shadow:var(--shadow-3), var(--highlight-top);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:opacity var(--motion-fast) var(--ease-exit), transform var(--motion-fast) var(--ease-exit), visibility 0s linear var(--motion-fast);grid-template-columns:repeat(5,1fr);gap:.25rem;padding:.375rem;display:grid;position:absolute;top:calc(100% + .5rem);left:50%;overflow:hidden;transform:translate(-50%)translateY(-.5rem)scale(.97)}.language-switcher__dropdown--open{opacity:1;visibility:visible;transition:opacity var(--motion-base) var(--ease-out-quint), transform var(--motion-medium) var(--ease-spring), visibility 0s;transform:translate(-50%)translateY(0)scale(1)}.language-switcher__dropdown--open .language-switcher__item{--motion-rise-distance:6px;animation:motion-rise-in var(--motion-base) var(--ease-out-quint) both;animation-delay:calc(var(--motion-stagger) * min(var(--i,0), 8))}.language-switcher__item{cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out-quint), border-color var(--motion-fast) var(--ease-out-quint);white-space:nowrap;border-radius:var(--radius-md,.5rem);border-bottom:none;justify-content:center;align-items:center;padding:.5rem .625rem;display:flex;position:relative}.language-switcher__item:last-child{border-bottom:none}.language-switcher__item:hover{background:var(--line-1)}.language-switcher__item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(var(--focus-ring-width) * -1);background:var(--line-2)}.language-switcher__item--active{background:var(--line-2);border:1px solid var(--line-3)}.language-switcher__item--active:after{content:"";display:none}.language-switcher__item--active .language-switcher__item-label{color:var(--accent-text);font-weight:600}.language-switcher__item-label{color:var(--text-1);transition:color var(--transition-fast);text-align:center;font-size:.75rem;font-weight:500}.language-switcher__item:hover .language-switcher__item-label{color:var(--accent-text)}
.header-settings{display:none;position:relative}.header-settings__row-label{display:none}.header-settings__panel .header-settings__row-label{color:var(--text-1);margin-right:auto;font-size:.8rem;font-weight:500;display:inline}.header-settings__panel{border-radius:var(--radius-lg);min-width:11rem;z-index:var(--z-modal);overscroll-behavior:contain;opacity:0;visibility:hidden;transform-origin:100% 0;max-height:70dvh;transition:opacity var(--motion-fast) var(--ease-exit), transform var(--motion-fast) var(--ease-exit), visibility 0s linear var(--motion-fast);background:linear-gradient(165deg,#191612fa 0%,#12100cfc 100%);border:1px solid #d4a52040;flex-direction:column;gap:.25rem;padding:.5rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;overflow-y:auto;transform:translateY(-6px)scale(.96);box-shadow:0 8px 32px #00000080,0 4px 16px #d4a52026,inset 0 1px #ffffff0d}.header-settings__panel--open{opacity:1;visibility:visible;transition:opacity var(--motion-base) var(--ease-out-quint), transform var(--motion-medium) var(--ease-spring), visibility 0s;transform:translateY(0)scale(1)}.header-settings__panel--open>*{--motion-rise-distance:6px;animation:motion-rise-in var(--motion-base) var(--ease-out-quint) both}.header-settings__panel--open>:nth-child(2){animation-delay:var(--motion-stagger)}.header-settings__panel--open>:nth-child(3){animation-delay:calc(var(--motion-stagger) * 2)}.header-settings__panel--open>:nth-child(4){animation-delay:calc(var(--motion-stagger) * 3)}.header-settings__panel--open>:nth-child(5){animation-delay:calc(var(--motion-stagger) * 4)}.header-settings__panel--open>:nth-child(n+6){animation-delay:calc(var(--motion-stagger) * 5)}.header--compact .header-settings{flex-shrink:0;order:2;display:flex}.header--compact .header-settings__panel .language-switcher,.header--compact .header-settings__panel .env-switcher,.header--compact .header-settings__panel .game-mode-switcher{width:100%;margin:0;position:static}.header--compact .header-settings__panel .game-mode-switcher__label{border-radius:var(--radius-md,.5rem);justify-content:space-between;width:100%;min-height:2.5rem;font-size:.8rem}.header--compact .header-settings__panel .game-mode-switcher__text{margin-right:auto}.header--compact .header-settings__panel .language-switcher__btn,.header--compact .header-settings__panel .env-switcher__btn,.header--compact .header-settings__panel .theme-toggle,.header--compact .header-settings__panel #logoutBtn{border-radius:var(--radius-md,.5rem);justify-content:space-between;width:100%;min-width:0;min-height:2.5rem;margin:0;font-size:.8rem}.header--compact .header-settings__panel #logoutBtn{margin-top:.25rem}.header--compact .header-settings__panel .language-switcher__btn:active,.header--compact .header-settings__panel .env-switcher__btn:active,.header--compact .header-settings__panel .theme-toggle:active,.header--compact .header-settings__panel #logoutBtn:active{transform:scale(.98)}.header--compact .header-settings__panel .language-switcher__dropdown,.header--compact .header-settings__panel .env-switcher__dropdown{width:100%;max-width:none;box-shadow:none;margin-top:.25rem;display:none;position:static;transform:none}.header--compact .header-settings__panel .env-switcher__dropdown--open{display:block;transform:none}.header--compact .header-settings__panel .env-switcher__dropdown--open,.header--compact .header-settings__panel .language-switcher__dropdown--open{--motion-rise-distance:-6px;animation:motion-rise-in var(--motion-base) var(--ease-out-quint)}.header--compact .header-settings__panel .language-switcher__dropdown--open{grid-template-columns:repeat(3,1fr);display:grid;transform:none}
.user-info{font-size:var(--fs-md);cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;min-width:0;margin-right:1rem;line-height:1.2;display:flex}.user-info__avatar{background:var(--gradient-gold);width:2rem;height:2rem;color:var(--ink-on-gold);transition:transform var(--motion-medium) var(--ease-spring), box-shadow var(--motion-base) var(--ease-out-quint);border:1px solid #f5c5424d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex;overflow:hidden}@media (hover:hover){.user-info:hover .user-info__avatar{transform:scale(1.08);box-shadow:0 0 0 3px #d4a5202e}}.user-info:active .user-info__avatar{transition-duration:var(--motion-instant);transform:scale(.94)}.user-info__avatar-img{object-fit:cover;width:100%;height:100%;display:block}.user-info__text{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.user-name{color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;max-width:10rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-3);font-size:var(--fs-xs);white-space:nowrap;text-overflow:ellipsis;max-width:10rem;overflow:hidden}@media (max-width:48rem){.header__right .user-info{flex-shrink:1;min-width:0;margin-right:0}.user-info__avatar{width:1.75rem;height:1.75rem;font-size:.75rem}.user-info__text{min-width:0}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:7rem;font-size:.8rem;overflow:hidden}.user-role{font-size:var(--fs-2xs);text-overflow:ellipsis;white-space:nowrap;max-width:7rem;overflow:hidden}.header__right #userProfileBtn{display:none!important}}@media (max-width:30rem){.user-info{gap:.375rem}.user-name,.user-role{max-width:5rem}.user-name{font-size:.75rem}}@media (max-width:25rem){.user-info__avatar{width:1.5rem;height:1.5rem}.user-name,.user-role{max-width:4rem}}
.wallet-info{font-size:var(--fs-md);align-items:center;min-height:2.75rem;margin-right:1.25rem;line-height:1.2;display:flex;position:relative}.wallet-info__toggle{color:inherit;cursor:pointer;transition:color var(--transition-normal);background:0 0;border:none;justify-content:center;align-items:center;margin-right:1rem;padding:0;font-size:1.5rem;line-height:1;display:flex}.wallet-info__toggle:hover{color:var(--color-primary)}.wallet-info__toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.wallet-details{flex-direction:column;align-items:center;gap:.25rem;display:flex}.balance-row{align-items:center;gap:.375rem;display:flex}.wallet-balance-trigger{color:inherit;font:inherit;cursor:default;background:0 0;border:none;align-items:center;gap:.375rem;margin:0;padding:0;line-height:1;display:inline-flex}.wallet-actions{align-items:center;gap:.375rem;display:inline-flex}.wallet-balance{font-family:var(--font-display);color:inherit;font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:600;line-height:1}.wallet-balance:not(.wallet-balance--loading){animation:wallet-balance-in var(--motion-slow) var(--ease-spring) both}@keyframes wallet-balance-in{0%{opacity:0;translate:0 .4em}}.wallet-currency{font-size:var(--fs-xs);color:var(--text-3)}.wallet-refresh{background:var(--surface-2);border:1px solid var(--line-2);color:var(--text-2);cursor:pointer;font-size:var(--fs-md);transition:var(--motion-surface-transition);width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-8);justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover){.wallet-refresh:hover:not(:disabled){color:var(--accent-text);background:rgb(var(--gold-rgb) / .14);border-color:var(--line-3)}}.wallet-refresh:disabled{cursor:not-allowed;opacity:.6}.wallet-refresh:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.wallet-refresh i{transition:transform var(--transition-normal)}.wallet-refresh i.rotating{animation:1s linear infinite wallet-refresh-spin}.wallet-refresh i.settling{transition:rotate var(--motion-medium) var(--ease-out-quint)}@keyframes wallet-refresh-spin{0%{rotate:0deg}to{rotate:360deg}}.wallet-transactions{background:var(--surface-2);border:1px solid var(--line-2);color:var(--text-2);cursor:pointer;font-size:var(--fs-md);transition:var(--motion-surface-transition);width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-8);justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover){.wallet-transactions:hover{color:var(--accent-text);background:rgb(var(--gold-rgb) / .14);border-color:var(--line-3)}}.wallet-transactions:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}
@keyframes sidebarIconFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebarItemSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}body:not(.admin-page) .sidebar{width:var(--sidebar-width-expanded,240px);background:linear-gradient(180deg, var(--surface-1) 0%, var(--surface-0) 100%);border-right:1px solid var(--line-2);height:100dvh;z-index:var(--z-modal);transition:width var(--transition-normal), transform var(--transition-normal);box-shadow:4px 0 30px rgb(var(--ink-rgb) / .5);contain:layout style paint;overscroll-behavior:contain;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(0)}.sidebar__header-row{min-height:var(--header-h);background:linear-gradient(180deg, var(--surface-2) 0%, var(--surface-1) 100%);border-bottom:1px solid var(--line-1);flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem;display:flex}.sidebar__toggle{display:none}.sidebar__lobby-btn{background:var(--gradient-gold);border:1px solid rgb(var(--gold-rgb) / .4);border-radius:var(--radius-8);color:var(--ink-on-gold);font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--motion-surface-transition);white-space:nowrap;box-shadow:var(--highlight-top);flex:1;justify-content:center;align-items:center;padding:.5rem 1rem;font-family:inherit;display:flex}@media (hover:hover){.sidebar__lobby-btn:hover{background:linear-gradient(180deg, var(--gold-200) 0%, var(--gold-400) 48%, var(--gold-600) 100%);box-shadow:var(--highlight-top), var(--glow-gold);transform:translateY(-1px)}}.sidebar__lobby-btn--active,.sidebar__lobby-btn--active:hover{background:var(--gradient-gold);color:var(--ink-on-gold);box-shadow:inset 0 1px 0 #fff1c740, inset 0 0 0 1px rgb(var(--gold-bright-rgb) / .6)}.sidebar__lobby-btn:active,.sidebar__toggle:active{transform:scale(var(--motion-press-scale));transition-duration:var(--motion-instant)}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__lobby-btn span{display:none}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__lobby-btn{flex:none;width:100%;min-width:2.5rem;max-width:3rem;padding:.5rem}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__lobby-btn:before{content:"";font-family:"Font Awesome 6 Free";font-size:1.1rem;font-weight:900}@media (min-width:48.0625rem){body:not(.admin-page) .sidebar{height:100dvh;z-index:calc(var(--z-sticky) - 1);top:0;transform:translate(0)}.sidebar__header-row{gap:.5rem;padding:.5rem}.sidebar__toggle{border:1px solid var(--line-2);border-radius:var(--radius-8);width:2.5rem;height:2.5rem;color:var(--accent-text);cursor:pointer;transition:var(--motion-surface-transition);background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}@media (hover:hover){.sidebar__toggle:hover{background:rgb(var(--gold-rgb) / .15);border-color:var(--line-3);color:var(--accent)}}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__header-row{flex-direction:column;gap:1rem;padding:.75rem .5rem}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__toggle{width:100%;max-width:3rem}body:not(.admin-page) .sidebar.sidebar--collapsed{width:var(--sidebar-width-collapsed,64px)}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__section-title{opacity:0;height:0;margin:0;padding:0;overflow:hidden}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__item,body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__nav-item{border-left-width:0;justify-content:center;padding:.875rem 0}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__item span,body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__nav-item span{display:none}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__item,body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__nav-item{position:relative}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__item i,body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__nav-item i{font-size:1.25rem}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__divider{margin:.5rem .75rem}.sidebar__item,.sidebar__nav-item{opacity:1;transform:translateY(0)}.sidebar[data-hiding] .sidebar__item,.sidebar[data-hiding] .sidebar__nav-item,.sidebar[data-hiding] .sidebar__section-title,.sidebar[data-hiding] .sidebar__divider{opacity:0!important;visibility:hidden!important;transition:none!important}.sidebar[data-hiding] .sidebar__toggle,.sidebar[data-hiding] .sidebar__lobby-btn{opacity:1!important;visibility:visible!important}.sidebar[data-animating] .sidebar__item,.sidebar[data-animating] .sidebar__nav-item,.sidebar[data-animating] .sidebar__section-title,.sidebar[data-animating] .sidebar__divider{animation:sidebarIconFadeIn var(--motion-base) var(--ease-out-quint) backwards;animation-delay:calc(min(var(--sidebar-i,0), 12) * var(--motion-stagger))}body:not(.admin-page) .sidebar.sidebar--collapsed::-webkit-scrollbar{width:0}body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__nav::-webkit-scrollbar{width:0}body:not(.admin-page) .sidebar.sidebar--collapsed,body:not(.admin-page) .sidebar.sidebar--collapsed .sidebar__nav{scrollbar-width:none}}@media (max-width:48rem){body:not(.admin-page) .sidebar{width:260px;z-index:var(--z-modal);touch-action:pan-y;padding-top:0;transform:translate(-100%)}.sidebar__header-row{justify-content:space-between}.sidebar__toggle{background:linear-gradient(165deg, var(--surface-3) 0%, var(--surface-1) 100%);border:1px solid var(--line-2);border-radius:var(--radius-8);width:2.5rem;height:2.5rem;color:var(--text-2);cursor:pointer;transition:var(--motion-surface-transition);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.1rem;display:flex}@media (hover:hover){.sidebar__toggle:hover{background:linear-gradient(165deg, rgb(var(--gold-rgb) / .2) 0%, rgb(var(--gold-rgb) / .15) 100%);border-color:var(--line-3);color:var(--accent-text)}}body:not(.admin-page) .sidebar.sidebar--open{transform:translate(0)}body:not(.admin-page) .sidebar{transition:transform var(--motion-medium) var(--ease-exit), translate var(--motion-medium) var(--ease-exit)}body:not(.admin-page) .sidebar.sidebar--open{transition:transform var(--motion-slow) var(--ease-out-expo), translate var(--motion-medium) var(--ease-spring);translate:var(--sidebar-drag-x,0) 0}body:not(.admin-page) .sidebar[data-dragging]{transition:none}.sidebar.sidebar--open .sidebar__item,.sidebar.sidebar--open .sidebar__section-title,.sidebar.sidebar--open .sidebar__divider{animation:sidebarItemSlideIn var(--motion-medium) var(--ease-out-quint) backwards;animation-delay:calc(var(--motion-instant) + min(var(--sidebar-i,0), 12) * var(--motion-stagger))}}body:not(.admin-page) .sidebar.sidebar--open{transform:translate(0)}.sidebar-tooltip{z-index:calc(var(--z-modal) + 1);border-radius:var(--radius-8);background:var(--surface-3);color:var(--accent-text);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;border:1px solid var(--line-3);box-shadow:var(--shadow-3);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--motion-fast) var(--ease-exit), visibility 0s linear var(--motion-fast);padding:.5rem .75rem;position:fixed;top:0;left:0;translate:0 -50%}.sidebar-tooltip--visible{opacity:1;visibility:visible;transition:opacity var(--motion-base) var(--ease-out-quint) calc(var(--motion-instant) + var(--motion-stagger)), visibility 0s linear calc(var(--motion-instant) + var(--motion-stagger))}.sidebar__nav{flex:1;padding:.75rem 0;overflow:hidden auto}@media (min-width:48.0625rem){body:not(.admin-page) .sidebar{padding-top:0}.sidebar__section:first-child{padding-top:.25rem}}.sidebar__nav-item{color:var(--text-2);cursor:pointer;transition:color var(--motion-fast) var(--ease-out-quint), border-color var(--motion-fast) var(--ease-out-quint);font-size:var(--fs-md);font-weight:var(--fw-medium);border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.sidebar__nav-item:hover{background:linear-gradient(90deg, rgb(var(--gold-rgb) / .1) 0%, transparent 100%);color:var(--accent-text);border-left-color:rgb(var(--gold-rgb) / .5)}.sidebar__nav-item--active{background:linear-gradient(90deg, rgb(var(--gold-rgb) / .2) 0%, rgb(var(--gold-rgb) / .1) 100%);color:var(--accent);border-left-color:var(--accent)}.sidebar__nav-item i{text-align:center;width:1.25rem;font-size:var(--fs-base)}.sidebar__section{padding:.5rem 0}.sidebar__section-title{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-3);margin:0;padding:.5rem 1.25rem}.sidebar__divider{background:linear-gradient(90deg, var(--line-3) 0%, transparent 100%);height:1px;margin:.5rem 1rem}.sidebar__item{width:100%;color:var(--text-2);font-size:var(--fs-md);font-weight:var(--fw-medium);cursor:pointer;transition:color var(--motion-fast) var(--ease-out-quint), border-color var(--motion-fast) var(--ease-out-quint), transform var(--motion-medium) var(--ease-spring);text-align:left;isolation:isolate;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.75rem 1.25rem;font-family:inherit;display:flex;position:relative}.sidebar__item:before{content:"";z-index:-1;background:linear-gradient(90deg, rgb(var(--gold-rgb) / .1) 0%, transparent 100%);opacity:0;transition:opacity var(--motion-base) var(--ease-out-quint);pointer-events:none;position:absolute;inset:0}@media (hover:hover){.sidebar__item:hover:before{opacity:1}.sidebar__item:hover{color:var(--accent-text);border-left-color:rgb(var(--gold-rgb) / .5)}}.sidebar__item:active{transition-duration:var(--motion-instant);transform:scale(.97)}.sidebar__item[aria-pressed=true],.sidebar__item--active{background:linear-gradient(90deg, rgb(var(--gold-rgb) / .18) 0%, rgb(var(--gold-rgb) / .07) 100%);color:var(--accent-text);border-left-color:var(--accent);box-shadow:var(--rim-gold), inset 0 1px 0 #fff1c740}.sidebar__item i{text-align:center;width:1.25rem;font-size:var(--fs-base);transition:translate var(--motion-medium) var(--ease-spring), scale var(--motion-medium) var(--ease-spring)}@media (hover:hover){.sidebar__item:hover i{translate:2px}.sidebar--collapsed .sidebar__item:hover i{translate:0;scale:1.12}}.light-theme.light-theme body:not(.admin-page) .sidebar,body.light-theme .sidebar{box-shadow:4px 0 30px #503c1414}.sidebar-overlay{background:rgb(var(--ink-rgb) / .6);width:100%;height:100%;z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;transition:opacity var(--motion-medium) var(--ease-exit), visibility 0s linear var(--motion-medium);position:fixed;top:0;left:0}.sidebar-overlay--visible{opacity:1;visibility:visible;transition:opacity var(--motion-slow) var(--ease-out-quint), visibility 0s}.sidebar-toggle{border:1px solid var(--line-1);border-radius:var(--radius-12);background:linear-gradient(165deg, var(--surface-3) 0%, var(--surface-1) 100%);width:2.5rem;height:2.5rem;color:var(--accent-text);cursor:pointer;transition:var(--motion-surface-transition);flex-shrink:0;justify-content:center;align-items:center;margin-right:.75rem;font-size:1.2rem;display:flex}.sidebar-toggle:focus-visible{color:var(--accent-text);background:linear-gradient(165deg, rgb(var(--gold-rgb) / .2) 0%, rgb(var(--gold-rgb) / .15) 100%);border-color:rgb(var(--gold-rgb) / .4);box-shadow:var(--glow-gold);transform:translateY(-2px)}@media (hover:hover){.sidebar-toggle:hover{color:var(--accent-text);background:linear-gradient(165deg, rgb(var(--gold-rgb) / .2) 0%, rgb(var(--gold-rgb) / .15) 100%);border-color:rgb(var(--gold-rgb) / .4);box-shadow:var(--glow-gold);transform:translateY(-2px)}}.sidebar-toggle:active{transform:translateY(0) scale(var(--motion-press-scale));transition-duration:var(--motion-instant)}@media (min-width:48.0625rem){.sidebar-toggle{display:none}}
header{container:site-header/inline-size}@media (min-width:48.0625rem){@container site-header (max-width:44rem){header.header--compact.header--title-hidden .header__logo img{height:2.5rem;margin-right:0}header.header--compact .user-info{flex-shrink:0;margin-right:.25rem}header.header--compact .user-info__text{display:none}header.header--compact #userProfileBtn{display:none!important}header.header--compact .wallet-info,header.header--compact .wallet-info__toggle{margin-right:.5rem}header.header--compact .wallet-balance{font-size:1.25rem}}@container site-header (max-width:32rem){header.header--compact.header--title-hidden .header__logo{display:none}}}@media (max-width:48rem){.sidebar-toggle{width:var(--control-md);height:var(--control-md);margin-right:.5rem;font-size:1rem}.current-filter{padding:.375rem .625rem;font-size:.75rem}.env-switcher{margin-left:.5rem}.env-switcher__btn{gap:.25rem;min-height:1.5rem;padding:.2rem .4rem;font-size:.7rem}.env-switcher__dropdown{left:50%;right:auto}.language-switcher{margin-left:.5rem}.language-switcher__btn{gap:.375rem;min-width:auto;min-height:1.5rem;padding:.25rem .625rem;font-size:.7rem}.language-switcher__label{font-size:var(--fs-2xs)}.language-switcher__dropdown{grid-template-columns:repeat(4,1fr);max-width:320px;left:auto;right:0;transform:translate(0)translateY(-.5rem)}.language-switcher__dropdown--open{transform:translate(0)translateY(0)}.header__right .wallet-info{flex-shrink:0;order:0;min-width:auto;min-height:auto;margin-right:0;position:relative;overflow:visible}.header__right .wallet-info__toggle{cursor:pointer;color:var(--text-2);border:1px solid var(--line-2);background:var(--surface-2);min-width:2.5rem;min-height:2.5rem;transition:var(--motion-surface-transition);border-radius:.75rem;margin-right:0;padding:.5rem;font-size:1.125rem}.header__right .wallet-info__toggle:hover,.header__right .wallet-info__toggle:focus-visible{color:var(--accent-text);background:rgb(var(--gold-rgb) / .14);border-color:var(--line-3)}.header__right .wallet-details{display:flex;position:static}.balance-row{flex-wrap:nowrap;gap:.375rem;position:relative}.wallet-balance-trigger{cursor:pointer;border:1px solid var(--line-2);background:var(--surface-2);transition:var(--motion-surface-transition);border-radius:.75rem;padding:.4rem .6rem}.wallet-balance-trigger:hover,.wallet-balance-trigger:focus-visible,.wallet-info--open .wallet-balance-trigger{border-color:var(--line-3)}.wallet-info--open .wallet-balance-trigger .wallet-balance{color:var(--gold-200)}.light-theme .wallet-info--open .wallet-balance-trigger .wallet-balance{color:var(--accent-text)}.wallet-balance{white-space:nowrap;margin:0;font-size:1rem;font-weight:600}.wallet-currency{white-space:nowrap;font-size:.7rem}.wallet-actions{opacity:0;visibility:hidden;transform-origin:100% 0;transition:opacity var(--motion-fast) var(--ease-exit), transform var(--motion-fast) var(--ease-exit), visibility 0s linear var(--motion-fast);background:var(--surface-3);border:1px solid var(--line-2);box-shadow:var(--shadow-3), var(--highlight-top);z-index:var(--z-modal);border-radius:.75rem;gap:.75rem;padding:.5rem .75rem;display:inline-flex;position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-6px)scale(.96)}.wallet-info--open .wallet-actions{opacity:1;visibility:visible;transition:opacity var(--motion-base) var(--ease-out-quint), transform var(--motion-medium) var(--ease-spring), visibility 0s;transform:translateY(0)scale(1)}.wallet-refresh,.wallet-transactions{width:2.5rem;height:2.5rem;font-size:.95rem}#userProfileBtn{order:1}.theme-toggle{order:2}#logoutBtn{order:3}.list-controls{flex-wrap:wrap;gap:.75rem}.game-filter{flex:100%;order:2;max-width:none}.view-toggle{order:1;margin-left:auto}.header__icon,.theme-toggle,.sidebar-toggle,.header__right .wallet-info__toggle,.header__right .user-info,.wallet-balance-trigger,.wallet-refresh,.wallet-transactions{position:relative}.header__icon:after,.theme-toggle:after,.sidebar-toggle:after,.header__right .wallet-info__toggle:after{content:"";position:absolute;inset:-2px}.header__right .user-info:after{content:"";position:absolute;inset:-8px 0}.wallet-balance-trigger:after{content:"";position:absolute;inset:-7px 0}.wallet-refresh:after,.wallet-transactions:after{content:"";position:absolute;inset:-3px}}@media (max-width:21.25rem){.header__right .user-info__text{display:none}.header__right .user-info:after{inset:-10px -2px -10px -10px}}@media (max-width:30rem){body:not(.admin-page) .sidebar{width:240px}.sidebar-toggle{width:var(--control-md);height:var(--control-md);margin-right:.25rem;font-size:.9rem}.env-switcher{margin-left:.25rem}.env-switcher__btn{font-size:var(--fs-2xs);padding:.2rem .375rem}.env-switcher__item{padding:.25rem .4rem}.env-switcher__item-name{font-size:var(--fs-2xs)}.language-switcher{margin-left:.25rem}.language-switcher__btn{font-size:var(--fs-2xs);min-width:auto;padding:.2rem .5rem}.language-switcher__label{font-size:var(--fs-2xs);white-space:nowrap}.language-switcher__dropdown{grid-template-columns:repeat(3,1fr);max-width:260px}.language-switcher__item{padding:.25rem .4rem}.language-switcher__item-label{font-size:var(--fs-2xs)}.header__right .wallet-info__toggle{min-width:2.5rem;min-height:2.5rem;padding:.375rem;font-size:.95rem}}@media (max-width:25rem){.sidebar-toggle{width:var(--control-md);height:var(--control-md);margin-right:.2rem;font-size:.8rem}.env-switcher{margin-left:.2rem}.env-switcher__btn{font-size:var(--fs-2xs);padding:.15rem .3rem}.env-switcher__dropdown{left:50%;right:auto}.language-switcher{margin-left:.2rem}.language-switcher__btn{font-size:var(--fs-2xs);min-width:auto;padding:.15rem .4rem}.language-switcher__label{font-size:var(--fs-2xs);white-space:nowrap}.language-switcher__dropdown{grid-template-columns:repeat(3,1fr);max-width:220px;left:auto;right:0;transform:translate(0)translateY(-.5rem)}.language-switcher__dropdown--open{transform:translate(0)translateY(0)}.header__right .wallet-info__toggle{min-width:2.5rem;min-height:2.5rem;padding:.35rem;font-size:.85rem}}
.modal-overlay{--modal-scrim-alpha:.72;--modal-backdrop-blur:10px;--modal-z:calc(var(--z-modal) + 100);--veil-1:#ffffff0f;--veil-2:#ffffff1f;inset:0;top:var(--modal-vv-top,0px);bottom:var(--modal-vv-bottom,0px);z-index:var(--modal-z);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:rgb(var(--ink-rgb) / var(--modal-scrim-alpha));-webkit-backdrop-filter:blur(var(--modal-backdrop-blur));backdrop-filter:blur(var(--modal-backdrop-blur));opacity:0;visibility:hidden;transition:var(--motion-overlay-exit);justify-content:center;align-items:center;display:flex;position:fixed}.light-theme .modal-overlay{--veil-1:rgb(var(--ink-rgb) / .045);--veil-2:rgb(var(--ink-rgb) / .085)}.modal-overlay--open{opacity:1;visibility:visible;transition:var(--motion-overlay-enter)}.modal-overlay:not(.modal-overlay--open){pointer-events:none}.modal-overlay:not(.modal-overlay--open) *,.modal-overlay:not(.modal-overlay--open) :before,.modal-overlay:not(.modal-overlay--open) :after{animation-play-state:paused}.modal-overlay>[role=dialog]{opacity:0;transition:var(--motion-dialog-exit);translate:0 20px;scale:.95}.modal-overlay--open>[role=dialog]{opacity:1;transition:var(--motion-dialog-enter);translate:none;scale:none}@starting-style{.modal-overlay--open{opacity:0}.modal-overlay--open>[role=dialog]{opacity:0;translate:0 20px;scale:.95}}.modal-panel{background:var(--surface-3);border:1px solid var(--line-2);border-radius:var(--radius-24);box-shadow:var(--shadow-4), var(--rim-gold), var(--highlight-top);position:relative;overflow:hidden}.modal-panel:before{content:"";z-index:1;background:linear-gradient(90deg, transparent 0%, rgb(var(--gold-rgb) / .25) 30%, rgb(var(--gold-bright-rgb) / .4) 50%, rgb(var(--gold-rgb) / .25) 70%, transparent 100%);pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}:is(.avatar-crop__header,.balance-modal__header,.txn-modal__header,.version-modal__header){background:linear-gradient(180deg, rgb(var(--gold-rgb) / .04) 0%, transparent 100%);justify-content:space-between;align-items:center;gap:.75rem;padding:1.125rem 1.375rem;display:flex}:is(.avatar-crop__header,.balance-modal__header,.txn-modal__header,.version-modal__header) h2{min-width:0;font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:.02em;color:var(--accent-text);align-items:center;gap:.5rem;margin:0;display:flex}:is(.avatar-crop__header,.balance-modal__header,.txn-modal__header,.version-modal__header) h2 i{color:var(--accent);flex-shrink:0}:is(.avatar-crop__close,.balance-modal__close,.txn-modal__close,.version-modal__close){width:var(--control-sm);height:var(--control-sm);border:1px solid var(--veil-1);border-radius:var(--radius-8);background:var(--veil-1);color:var(--text-3);font-size:var(--fs-xs);cursor:pointer;transition:var(--motion-surface-transition);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (pointer:coarse){:is(.avatar-crop__close,.balance-modal__close,.txn-modal__close,.version-modal__close){position:relative}:is(.avatar-crop__close,.balance-modal__close,.txn-modal__close,.version-modal__close):after{content:"";inset:calc((var(--control-sm) - 2.75rem) / 2 - 1px);border-radius:inherit;position:absolute}}@media (hover:hover){:is(.avatar-crop__close,.balance-modal__close,.txn-modal__close,.version-modal__close):hover{background:var(--veil-2);border-color:var(--veil-2);color:var(--text-1);transform:rotate(90deg)}:is(.avatar-crop__close,.balance-modal__close,.txn-modal__close,.version-modal__close):active{transform:rotate(90deg) scale(var(--motion-press-scale))}}@media (hover:none){:is(.avatar-crop__close,.balance-modal__close,.txn-modal__close,.version-modal__close):active{background:var(--veil-2);transform:scale(var(--motion-press-scale))}}:is(.profile-modal__body,.txn-modal__body,.version-modal__body,.balance-modal__body,.avatar-crop__body){overscroll-behavior:contain}@media (max-width:30rem){.modal-panel{border-radius:var(--radius-16)}}
.profile-modal{--profile-edit-size:1.6rem;--profile-right-gap:.5rem;flex-direction:column;width:90%;max-width:380px;max-height:min(85dvh,100%);display:flex}.profile-modal__sr-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-modal__hero{background:linear-gradient(135deg, var(--surface-0) 0%, var(--ink-800) 40%, var(--surface-3) 100%);text-align:center;flex-shrink:0;padding:1.75rem 1.5rem 2.5rem;position:relative;overflow:hidden}.light-theme .profile-modal__hero{background:linear-gradient(135deg, var(--gold-50) 0%, rgb(var(--gold-rgb) / .14) 40%, var(--gold-50) 100%)}.profile-modal__hero:before{content:"";background:radial-gradient(ellipse at 50% 30%, rgb(var(--gold-rgb) / .1) 0%, transparent 60%);pointer-events:none;width:140%;height:200%;position:absolute;top:-50%;left:-20%}.profile-modal__hero:after{content:"";background:linear-gradient(90deg, transparent 5%, rgb(var(--gold-rgb) / .2) 50%, transparent 95%);height:1px;position:absolute;bottom:0;left:0;right:0}.profile-modal__close{background:var(--veil-1);width:2rem;height:2rem;color:var(--text-3);cursor:pointer;transition:var(--motion-surface-transition);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;top:.875rem;right:.875rem}@media (pointer:coarse){.profile-modal__close:after{content:"";border-radius:50%;position:absolute;inset:-.375rem}}@media (hover:hover){.profile-modal__close:hover{background:var(--veil-2);color:var(--text-1);transform:rotate(90deg)}.profile-modal__close:active{transform:rotate(90deg) scale(var(--motion-press-scale))}}@media (hover:none){.profile-modal__close:active{background:var(--veil-2);transform:scale(var(--motion-press-scale))}}.profile-modal__avatar{z-index:1;animation:motion-pop-in var(--motion-slow) var(--ease-spring) calc(var(--motion-stagger) * 2) both;margin-bottom:1rem;display:inline-flex;position:relative}.profile-modal__avatar-ring{box-shadow:var(--glow-gold);border-radius:50%;padding:3px;position:relative}.profile-modal__avatar-ring:before{content:"";background:conic-gradient(from 0deg, var(--gold-500), var(--gold-300), var(--gold-500), var(--gold-600), var(--gold-500));z-index:0;border-radius:50%;animation:6s linear infinite profileRingSpin;position:absolute;inset:0}.light-theme .profile-modal__avatar-ring:before{background:conic-gradient(from 0deg, var(--gold-600), var(--gold-500), var(--gold-600), var(--gold-700), var(--gold-600))}@keyframes profileRingSpin{to{transform:rotate(360deg)}}.profile-modal__avatar-icon{z-index:1;background:var(--surface-3);width:5rem;height:5rem;font-family:var(--font-display);font-size:1.75rem;font-weight:var(--fw-bold);color:var(--gold-300);border:3px solid var(--surface-3);letter-spacing:-.02em;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.light-theme .profile-modal__avatar-icon{color:var(--gold-700)}.profile-modal__avatar-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--motion-medium) var(--ease-spring);border:none;display:block;position:relative;overflow:hidden}@media (hover:hover){.profile-modal__avatar-btn:hover:not([aria-disabled=true]){transform:scale(1.03)}}.profile-modal__avatar-btn:active:not([aria-disabled=true]){transform:scale(var(--motion-press-scale))}.profile-modal__avatar-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:3px}.profile-modal__avatar-btn[aria-disabled=true]{cursor:progress}.profile-modal__avatar-img{z-index:1;object-fit:cover;background:var(--surface-3);border:3px solid var(--surface-3);border-radius:50%;width:5rem;height:5rem;display:block;position:relative}.profile-modal__avatar-overlay{z-index:2;color:var(--gold-300);opacity:0;transition:opacity var(--motion-fast) var(--ease-out-quint);background:#0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute;inset:3px}.profile-modal__avatar-btn:hover .profile-modal__avatar-overlay,.profile-modal__avatar-btn:focus-visible .profile-modal__avatar-overlay{opacity:1}.profile-modal__avatar-input{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-modal__avatar--loading .profile-modal__avatar-btn{pointer-events:none;cursor:progress}.profile-modal__avatar--loading .profile-modal__avatar-overlay{opacity:1}.profile-modal__identity{z-index:1;animation:motion-rise-in var(--motion-slow) var(--ease-out-quint) calc(var(--motion-stagger) * 4) both;position:relative}.profile-modal__name{font-family:var(--font-display);font-size:1.35rem;font-weight:var(--fw-bold);color:var(--text-1);letter-spacing:-.01em;margin:0 0 .375rem}.profile-modal__id-badge{border-radius:var(--radius-full);background:rgb(var(--gold-rgb) / .1);border:1px solid var(--line-1);font-family:var(--font-display);font-size:.7rem;font-weight:var(--fw-semibold);color:var(--accent-text);letter-spacing:.04em;font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;padding:.2rem .65rem;display:inline-flex}.profile-modal__id-badge i{opacity:.7;font-size:.55rem}.profile-modal__row-right{justify-content:flex-end;align-items:center;gap:var(--profile-right-gap);flex-wrap:wrap;min-width:0;max-width:60%;display:flex}.profile-modal__row-right .profile-modal__row-value{white-space:nowrap;word-break:normal;text-overflow:ellipsis;flex:1 1 0;min-width:0;max-width:100%;overflow:hidden}.profile-modal__edit-btn{width:var(--profile-edit-size);height:var(--profile-edit-size);border:1px solid var(--line-2);background:rgb(var(--gold-rgb) / .1);color:var(--accent-text);cursor:pointer;transition:var(--motion-surface-transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.7rem;display:inline-flex}@media (pointer:coarse){.profile-modal__edit-btn{position:relative}.profile-modal__edit-btn:after{content:"";inset:calc((var(--profile-edit-size) - 2.75rem) / 2 - 1px);border-radius:50%;position:absolute}}@media (hover:hover){.profile-modal__edit-btn:hover{background:rgb(var(--gold-rgb) / .22);border-color:var(--line-3);transform:scale(1.08)}}.profile-modal__edit-btn:active{transform:scale(var(--motion-press-scale))}.profile-modal__edit-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.profile-modal__save-check{width:1.4rem;height:1.4rem;color:var(--color-success);animation:motion-pop-in var(--motion-base) var(--ease-spring) both;background:#4caf5029;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;display:inline-flex}.profile-modal__nickname-edit{animation:motion-rise-in var(--motion-base) var(--ease-out-quint) both;align-items:center;gap:.4rem;display:inline-flex}.profile-modal__nickname-input{border:1px solid var(--line-3);border-radius:var(--radius-8);background:rgb(var(--ink-rgb) / .3);width:clamp(6rem,34vw,9rem);color:var(--text-1);font-size:.9rem;font-weight:var(--fw-semibold);text-align:right;transition:var(--motion-surface-transition);outline:none;padding:.35rem .55rem}.light-theme .profile-modal__nickname-input{background:var(--surface-1)}.profile-modal__nickname-input::placeholder{color:var(--text-3);font-weight:var(--fw-regular)}.profile-modal__nickname-input:focus{border-color:rgb(var(--gold-rgb) / .7);box-shadow:0 0 0 3px rgb(var(--gold-rgb) / .15)}.profile-modal__nickname-input--error{border-color:var(--color-error);box-shadow:0 0 0 3px #ff6b6b2e}.profile-modal__nickname-input:disabled{opacity:.6;cursor:not-allowed}.profile-modal__nickname-btn{cursor:pointer;width:1.7rem;height:1.7rem;transition:var(--motion-surface-transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.75rem;display:inline-flex}.profile-modal__nickname-btn:disabled{opacity:.6;cursor:not-allowed}@media (pointer:coarse){.profile-modal__nickname-btn{position:relative}.profile-modal__nickname-btn:after{content:"";position:absolute;inset:-.525rem -3px}}@media (hover:hover){.profile-modal__nickname-btn:not(:disabled):hover{filter:brightness(1.1);transform:scale(1.08)}}.profile-modal__nickname-btn:not(:disabled):active{transform:scale(var(--motion-press-scale))}.profile-modal__nickname-btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}.profile-modal__nickname-btn--confirm{background:var(--gradient-gold);color:var(--ink-on-gold)}.profile-modal__nickname-btn--cancel{background:var(--veil-2);color:var(--text-2)}.profile-modal__nickname-error{text-align:right;color:var(--color-error);flex-basis:100%;font-size:.72rem;line-height:1.2}.light-theme .profile-modal__nickname-error{color:#c0392b}.profile-modal__nickname-error:empty{display:none}.profile-modal__field-hint{text-align:right;color:var(--text-3);flex-basis:100%;font-size:.72rem;line-height:1.2}.profile-modal__field-hint:empty{position:absolute}.profile-modal__field-hint-text{animation:motion-fade-in var(--motion-base) var(--ease-out-quint) both}.profile-modal__currency-select{border:1px solid var(--line-3);border-radius:var(--radius-8);background:rgb(var(--ink-rgb) / .3);width:clamp(7rem,42vw,10.5rem);min-width:0;max-width:100%;color:var(--text-1);font-size:.85rem;font-weight:var(--fw-semibold);cursor:pointer;transition:var(--motion-surface-transition);outline:none;padding:.35rem .5rem}.light-theme .profile-modal__currency-select{background:var(--surface-1)}.profile-modal__currency-select:focus{border-color:rgb(var(--gold-rgb) / .7);box-shadow:0 0 0 3px rgb(var(--gold-rgb) / .15)}.profile-modal__currency-select:disabled{opacity:.6;cursor:not-allowed}.profile-modal__currency-select option{background:var(--surface-2);color:var(--text-1)}.profile-modal__body{flex:auto;min-height:0;padding:1.25rem 1.5rem 1.5rem;overflow-y:auto}.profile-modal__section{margin-bottom:1.25rem}.profile-modal__section:last-child{margin-bottom:0}.profile-modal__section-title{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:var(--accent-text);text-transform:uppercase;letter-spacing:var(--tracking-caps);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-left:.125rem;display:flex}.profile-modal__section-title:after{content:"";background:linear-gradient(90deg, var(--line-1), transparent);flex:1;height:1px}.profile-modal__row{isolation:isolate;border-bottom:1px solid var(--veil-1);justify-content:space-between;align-items:center;padding:.7rem 0;display:flex;position:relative}.profile-modal__row:last-child{border-bottom:none}.profile-modal__row:before{content:"";z-index:-1;border-radius:var(--radius-8);background:rgb(var(--gold-rgb) / .04);opacity:0;transition:opacity var(--motion-fast) var(--ease-out-quint);pointer-events:none;position:absolute;inset:0 -.5rem}@media (hover:hover){.profile-modal__row:hover:before{opacity:1}}.profile-modal__row-left{align-items:center;gap:.625rem;display:flex}.profile-modal__row-icon{border-radius:var(--radius-8);background:rgb(var(--gold-rgb) / .06);width:2rem;height:2rem;color:var(--accent-text);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.profile-modal__row-label{font-size:.8rem;font-weight:var(--fw-medium);color:var(--text-2)}.profile-modal__row-value{font-family:var(--font-sans);font-size:.85rem;font-weight:var(--fw-semibold);color:var(--text-1);text-align:right;word-break:break-word;max-width:55%;line-height:1.35}.profile-modal__row-value--id{font-family:var(--font-display);font-variant-numeric:tabular-nums}.profile-modal__row>.profile-modal__row-value{margin-right:calc(var(--profile-edit-size) + var(--profile-right-gap))}.profile-modal__row{--motion-rise-distance:8px;--rise-step:5;animation:motion-rise-in var(--motion-medium) var(--ease-out-quint) both;animation-delay:calc(var(--motion-stagger) * (4 + var(--rise-step)))}.profile-modal__row:nth-child(1 of .profile-modal__row){--rise-step:1}.profile-modal__row:nth-child(2 of .profile-modal__row){--rise-step:2}.profile-modal__row:nth-child(3 of .profile-modal__row){--rise-step:3}.profile-modal__row:nth-child(4 of .profile-modal__row){--rise-step:4}.profile-modal__loading{color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 1rem;font-size:.85rem;display:flex}.profile-modal__loading i{color:var(--accent);font-size:1.5rem}.profile-modal__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.profile-modal__error i{color:var(--color-error);opacity:.8;font-size:1.75rem}.profile-modal__error span{color:var(--text-2);font-size:.85rem;line-height:1.5}@media (max-width:30rem){.profile-modal{width:94%;max-height:min(90dvh,100%)}.profile-modal__hero{padding:1.5rem 1.25rem 2rem}.profile-modal__avatar-icon{width:4rem;height:4rem;font-size:1.5rem}.profile-modal__name{font-size:1.15rem}.profile-modal__body{padding:1rem 1.25rem 1.25rem}.profile-modal__nickname-edit{min-width:0;max-width:100%}.profile-modal__nickname-input,.profile-modal__currency-select{flex:0 auto;min-width:0}}@media (hover:none) and (pointer:coarse){.profile-modal__nickname-input,.profile-modal__currency-select{font-size:max(1rem,16px)}}@media (max-height:30rem){.profile-modal__hero{padding:.875rem 1.25rem 1rem}.profile-modal__avatar{margin-bottom:.5rem}.profile-modal__avatar-icon,.profile-modal__avatar-img{width:3.25rem;height:3.25rem;font-size:1.25rem}.profile-modal__name{margin-bottom:.25rem;font-size:1.05rem}.profile-modal__body{padding-top:.875rem;padding-bottom:1rem}}
.txn-modal{flex-direction:column;width:90%;max-width:420px;max-height:min(85dvh,100%);display:flex}.txn-modal__body{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;flex:1;max-height:32rem;padding:0 1.375rem 1rem;overflow-y:auto}.txn-modal__body::-webkit-scrollbar{width:4px}.txn-modal__body::-webkit-scrollbar-track{background:0 0}.txn-modal__body::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:2px}.txn-modal__body:after{content:"";background:linear-gradient(to bottom, transparent, var(--surface-3) 85%);opacity:1;height:2.5rem;transition:opacity var(--motion-base) var(--ease-out-quint);pointer-events:none;margin-top:-2.5rem;display:block;position:sticky;bottom:0;left:0;right:0}.txn-modal__body--at-bottom:after{opacity:0}.txn-skeleton{border-radius:var(--radius-12);background:var(--surface-2);border:1px solid var(--line-1);display:flex;position:relative;overflow:hidden}.txn-skeleton:after{content:"";background:linear-gradient(90deg, transparent, rgb(var(--gold-rgb) / .1), transparent);animation:1.8s ease-in-out infinite motion-shimmer;position:absolute;inset:0}.txn-skeleton__icon{background:var(--surface-4);border-radius:.625rem;flex-shrink:0;align-self:center;width:2.75rem;height:2.75rem;margin:.625rem 0 .625rem .625rem}.txn-skeleton__body{flex-direction:column;flex:1;gap:.625rem;padding:.875rem 1rem;display:flex}.txn-skeleton__row{justify-content:space-between;align-items:center;display:flex}.txn-skeleton__pill{border-radius:var(--radius-6);background:var(--surface-4);width:3.5rem;height:1.125rem}.txn-skeleton__amount{background:var(--surface-4);border-radius:.25rem;width:4.5rem;height:1rem}.txn-skeleton__text{background:var(--surface-4);border-radius:.25rem;height:.625rem}.txn-skeleton__text--md{width:6rem}.txn-skeleton__text--sm{width:4rem}.txn-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.txn-modal__error{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3.5rem 1.5rem;display:flex}.txn-modal__error-icon{background:color-mix(in srgb, var(--color-error) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-error) 18%, transparent);border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:.5rem;display:flex}.txn-modal__error-icon i{color:var(--color-error);font-size:1.25rem}.txn-modal__error-title{font-size:.9rem;font-weight:var(--fw-semibold);color:var(--text-1)}.txn-modal__error-msg{color:var(--text-3);text-align:center;max-width:28ch;font-size:.78rem;line-height:1.5}.txn-modal__retry{border:1px solid rgb(var(--gold-rgb) / .2);border-radius:var(--radius-8);background:rgb(var(--gold-rgb) / .08);color:var(--accent-text);font-size:.75rem;font-weight:var(--fw-semibold);cursor:pointer;transition:var(--motion-surface-transition);align-items:center;gap:.375rem;margin-top:.75rem;padding:.5rem 1.125rem;display:flex}.txn-modal__retry:hover,.txn-modal__retry:focus-visible{background:rgb(var(--gold-rgb) / .15);border-color:rgb(var(--gold-rgb) / .3)}.txn-modal__empty{flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:4rem 1.5rem;display:flex}.txn-modal__empty-icon{background:rgb(var(--gold-rgb) / .04);border:1px dashed var(--line-2);border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:.75rem;display:flex}.txn-modal__empty-icon i{color:var(--accent);font-size:1.4rem}.txn-modal__empty-title{font-size:.9rem;font-weight:var(--fw-semibold);color:var(--text-2)}.txn-modal__empty-desc{color:var(--text-3);font-size:.75rem}.txn-list{flex-direction:column;gap:.5rem;display:flex}.txn-row{border-radius:var(--radius-12);background:var(--surface-2);border:1px solid var(--line-1);transition:background-color var(--motion-base) var(--ease-out-quint), border-color var(--motion-base) var(--ease-out-quint);cursor:default;--motion-rise-distance:8px;animation:motion-rise-in var(--motion-medium) var(--ease-out-quint) both;animation-delay:calc(min(var(--i,0), 9) * var(--motion-stagger));display:flex;overflow:visible}@media (hover:hover){.txn-row:hover{background:var(--surface-4);border-color:var(--line-2)}}.txn-row__game-icon{border-radius:var(--radius-12);object-fit:cover;border:1px solid var(--line-1);width:3.25rem;height:3.25rem;transition:transform var(--motion-fast) var(--ease-out-quint), box-shadow var(--motion-fast) var(--ease-out-quint);flex-shrink:0;align-self:center;margin:.625rem 0 .625rem .625rem}.txn-row__icon{background:rgb(var(--gold-rgb) / .08);width:2.75rem;height:2.75rem;color:var(--accent-text);transition:background-color var(--motion-fast) var(--ease-out-quint);border-radius:.625rem;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin:.625rem 0 .625rem .625rem;font-size:.85rem;display:flex}@media (hover:hover){.txn-row:hover .txn-row__icon{background:rgb(var(--gold-rgb) / .14)}}.txn-row__content{flex-direction:column;flex:1;justify-content:center;gap:.2rem;min-width:0;padding:.625rem .75rem;display:flex}.txn-row__head{justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:relative}.txn-row__label{min-width:0;font-size:.8rem;font-weight:var(--fw-semibold);color:var(--text-1);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.txn-amount{font-family:var(--font-display);font-size:.9rem;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;letter-spacing:-.01em;flex-shrink:0}:root{--txn-positive:#4ade80;--txn-negative:#f87171}.light-theme{--txn-positive:#157a3a;--txn-negative:#b91c1c}.txn-amount--positive{color:var(--txn-positive)}.txn-amount--negative{color:var(--txn-negative)}.txn-row__sub{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 .5rem;display:flex}.txn-row__balance{margin-left:auto}.txn-row__content>.txn-row__txnid{margin-top:.25rem}.txn-row__time,.txn-row__balance{font-family:var(--font-display);font-size:var(--fs-2xs);color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.txn-row__txnid{background:var(--surface-1);border:1px solid var(--line-1);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--fs-2xs);color:var(--text-3);cursor:pointer;transition:var(--motion-surface-transition);overflow-wrap:anywhere;border-radius:.25rem;align-items:center;gap:.25rem;width:fit-content;max-width:100%;padding:.1rem .375rem;display:inline-flex}.txn-row__txnid:focus-visible{background:rgb(var(--gold-rgb) / .06);border-color:rgb(var(--gold-rgb) / .1);color:var(--text-1)}@media (hover:hover){.txn-row__txnid:hover{background:rgb(var(--gold-rgb) / .06);border-color:rgb(var(--gold-rgb) / .1);color:var(--text-1)}.txn-row__txnid:hover .txn-row__copy-icon{color:var(--accent-strong)}}.txn-row__txnid>i:first-child{color:var(--text-3);flex-shrink:0;font-size:.5rem}.txn-row__copy-icon{color:var(--text-3);transition:color var(--motion-fast) var(--ease-out-quint);flex-shrink:0;font-size:.5rem}.txn-row__txnid:focus-visible .txn-row__copy-icon{color:var(--accent-strong)}.txn-row__copy-icon.fa-check{color:var(--txn-positive);animation:motion-pop-in var(--motion-medium) var(--ease-spring)}.txn-row__label-row{align-items:center;gap:.35rem;min-width:0;display:flex}.txn-remark-btn{width:1rem;height:1rem;color:var(--text-3);cursor:help;transition:color var(--motion-fast) var(--ease-out-quint);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.55rem;display:inline-flex;position:static}.txn-remark-btn:after{content:attr(data-tip);background:var(--surface-1);border:1px solid var(--line-2);width:auto;font-size:var(--fs-2xs);color:var(--text-2);white-space:pre-wrap;word-break:break-all;box-shadow:var(--shadow-3);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--motion-fast) var(--ease-out-quint), visibility var(--motion-fast) var(--ease-out-quint);z-index:10;border-radius:.4rem;padding:.4rem .6rem;line-height:1.5;position:absolute;top:calc(100% + 6px);left:0;right:0}.txn-remark-btn:focus-visible:after,.txn-remark-btn.--active:after{opacity:1;visibility:visible}.txn-remark-btn:focus-visible,.txn-remark-btn.--active{color:var(--accent-strong)}@media (hover:hover){.txn-remark-btn:hover:after{opacity:1;visibility:visible}.txn-remark-btn:hover{color:var(--accent-strong)}}.txn-modal__footer{border-top:1px solid var(--line-1);background:rgb(var(--ink-rgb) / .15);justify-content:center;align-items:center;padding:.875rem 1.375rem;display:flex;position:relative}.light-theme .txn-modal__footer{background:var(--surface-1)}.txn-pagination{align-items:center;gap:.25rem;display:flex}.txn-pg-btn{border-radius:var(--radius-8);min-width:2rem;height:2rem;color:var(--text-3);cursor:pointer;transition:var(--motion-surface-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0 .375rem;font-size:.72rem;display:inline-flex}.txn-pg-btn:focus-visible:not(:disabled):not(.txn-pg-num--active){background:var(--surface-4);color:var(--text-1)}@media (hover:hover){.txn-pg-btn:hover:not(:disabled):not(.txn-pg-num--active){background:var(--surface-4);color:var(--text-1)}}.txn-pg-num{font-weight:var(--fw-medium);border-radius:var(--radius-8)}.txn-pg-num--active{background:linear-gradient(135deg, rgb(var(--gold-rgb) / .2), rgb(var(--gold-bright-rgb) / .15));border-color:rgb(var(--gold-rgb) / .25);color:var(--accent-strong);font-weight:var(--fw-bold);box-shadow:0 0 12px rgb(var(--gold-rgb) / .1)}.txn-pg-dots{color:var(--text-3);-webkit-user-select:none;user-select:none;padding:0 .125rem;font-size:.7rem}.txn-pg-btn:disabled{opacity:.2;cursor:not-allowed}.light-theme .wallet-transactions:hover{color:#b8860b}@media (max-width:30rem){.txn-modal{width:96%;max-height:min(92dvh,100%)}.txn-modal__body{padding:0 1rem .75rem}.txn-row__icon,.txn-row__game-icon,.txn-skeleton__icon{border-radius:var(--radius-8);width:2.25rem;height:2.25rem;margin-left:.5rem;font-size:.7rem}.txn-row__content{padding:.5rem .625rem}.txn-amount{font-size:.8rem}.txn-modal__footer{padding:.625rem 1rem}.txn-pg-btn{min-width:1.75rem;height:1.75rem}}@media (pointer:coarse){.txn-row__txnid{position:relative}.txn-row__txnid:before{content:"";position:absolute;inset:-6px 0}.txn-remark-btn{box-sizing:content-box;margin:-.875rem;padding:.875rem}.txn-pg-btn{position:relative}.txn-pg-btn:before{content:"";position:absolute;inset:calc(-1.375rem + 50%) 0}}
.version-modal{flex-direction:column;width:92%;max-width:640px;max-height:min(85dvh,100%);display:flex}.version-modal__header h2>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.version-modal__body{scrollbar-width:thin;scrollbar-color:var(--line-3) transparent;flex:1;max-height:32rem;padding:0 1.375rem 1.125rem;overflow-y:auto}.version-modal__body::-webkit-scrollbar{width:4px}.version-modal__body::-webkit-scrollbar-thumb{background:var(--line-3);border-radius:4px}.version-modal__summary{color:var(--text-2);border-bottom:1px dashed var(--line-2);margin-bottom:.75rem;padding:.5rem 0 .875rem;font-size:.75rem}.version-modal__summary strong{color:var(--accent-text);font-weight:700;font-family:var(--font-display)}.version-modal__summary--skeleton{border-bottom-color:#0000}.version-modal__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (max-width:26.25rem){.version-modal__list{grid-template-columns:minmax(0,1fr)}}.version-item{--motion-rise-distance:8px;animation:motion-rise-in var(--motion-medium) var(--ease-out-quint) both;animation-delay:calc(min(var(--i,0), 10) * var(--motion-stagger));border:1px solid var(--line-1);background:var(--surface-2);transition:border-color var(--motion-base) var(--ease-out-quint), background-color var(--motion-base) var(--ease-out-quint);border-radius:.75rem;justify-content:space-between;align-items:center;gap:.625rem;min-width:0;padding:.625rem .75rem;display:flex}@media (hover:hover){.version-item:hover{border-color:var(--line-3);background:var(--surface-4)}}.version-item__main{flex:1;min-width:0}.version-item__version{font-size:.85rem;font-weight:700;font-family:var(--font-display);color:var(--text-1);align-items:center;gap:.4rem;display:flex}.version-item__latest-tag{font-size:var(--fs-2xs);border-radius:var(--radius-full);background:var(--gradient-gold);color:var(--ink-on-gold);letter-spacing:.04em;text-transform:uppercase;padding:.1rem .4rem;font-weight:700;display:inline-block}.version-item__date{font-size:.7rem;font-family:var(--font-display);color:var(--text-3);font-variant-numeric:tabular-nums;margin-top:.2rem}.version-item__open{border:1px solid rgb(var(--gold-rgb) / .2);background:rgb(var(--gold-rgb) / .08);width:auto;min-width:2.25rem;height:2.25rem;color:var(--accent-text);cursor:pointer;transition:var(--motion-surface-transition);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;gap:.35rem;padding:0 .75rem;font-size:.75rem;font-weight:600;display:flex}@media (pointer:coarse){.version-item__open{position:relative}.version-item__open:after{content:"";position:absolute;inset:calc(-.25rem - 1px) 0}}@media (hover:hover){.version-item__open:hover{background:rgb(var(--gold-rgb) / .18);border-color:rgb(var(--gold-rgb) / .4);color:var(--accent-strong);transform:translateY(-1px)}}@media (hover:none){.version-item__open:active{background:rgb(var(--gold-rgb) / .18);transform:scale(var(--motion-press-scale))}}.version-item__open:focus-visible{background:rgb(var(--gold-rgb) / .18);border-color:rgb(var(--gold-rgb) / .4)}.version-item--skeleton{cursor:default;animation:none}.version-item--skeleton:hover{border-color:var(--line-1);background:var(--surface-2)}.version-skeleton__bar{border-radius:var(--radius-6);background:var(--surface-4);display:block;position:relative;overflow:hidden}.version-skeleton__bar--summary{width:9rem;height:.8rem}.version-skeleton__bar--version{width:4.5rem;height:.95rem}.version-skeleton__bar--date{width:3.5rem;height:.7rem;margin-top:.4rem}.version-skeleton__bar--button{border-radius:.5rem;flex-shrink:0;width:3.5rem;height:2.25rem}.version-skeleton__bar:after{content:"";background:linear-gradient(90deg, transparent, rgb(var(--gold-rgb) / .14), transparent);animation:1.8s ease-in-out infinite motion-shimmer;position:absolute;inset:0}.version-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.version-modal__empty,.version-modal__error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.375rem;padding:3rem 1.5rem;display:flex}.version-modal__empty-icon,.version-modal__error-icon{border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:.5rem;display:flex}.version-modal__empty-icon{background:rgb(var(--gold-rgb) / .06);border:1px dashed var(--line-2)}.version-modal__empty-icon i{color:var(--accent);font-size:1.4rem}.version-modal__error-icon{background:color-mix(in srgb, var(--color-error) 10%, transparent);border:1px solid color-mix(in srgb, var(--color-error) 18%, transparent)}.version-modal__error-icon i{color:var(--color-error);font-size:1.25rem}.version-modal__empty-title,.version-modal__error-title{color:var(--text-1);font-size:.9rem;font-weight:600}.version-modal__empty-desc,.version-modal__error-detail{color:var(--text-3);max-width:28ch;margin:0;font-size:.75rem}
.balance-modal-overlay{padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));container:balance-overlay/size}.balance-modal{flex-direction:column;width:100%;max-width:420px;max-height:100%;display:flex}.balance-modal__body{flex:auto;min-height:0;padding:0 1.375rem .5rem}@media (hover:none),(max-height:40rem){.balance-modal__body{overflow-y:auto}}.balance-modal__header,.balance-modal__footer{flex-shrink:0}.balance-modal-overlay--open .balance-modal__current,.balance-modal-overlay--open .balance-modal__form,.balance-modal-overlay--open .balance-modal__footer{--motion-rise-distance:10px;animation:motion-rise-in var(--motion-slow) var(--ease-out-quint) both;animation-delay:calc(var(--motion-delay-dialog) + var(--motion-stagger) * var(--rise-step,1))}.balance-modal-overlay--open .balance-modal__current{--rise-step:1}.balance-modal-overlay--open .balance-modal__form{--rise-step:3}.balance-modal-overlay--open .balance-modal__footer{--rise-step:5}.balance-modal__current{border-radius:var(--radius-16);background:rgb(var(--ink-rgb) / .18);border:1px solid var(--line-1);flex-direction:column;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:1.25rem 1rem;display:flex}.light-theme .balance-modal__current{background:var(--surface-2)}.balance-modal__current-label{letter-spacing:.08em;color:var(--text-2);font-size:.72rem}.balance-modal__current-value{font-family:var(--font-display);font-size:1.85rem;font-weight:var(--fw-bold);color:var(--accent-strong);word-break:break-all;text-align:center;font-variant-numeric:tabular-nums;line-height:1.1;display:inline-flex}.balance-digits{align-items:stretch;line-height:1;display:inline-flex;position:relative}.balance-digits__visual{align-items:stretch;display:inline-flex}.balance-digits__static{align-items:center;display:inline-flex}.balance-digits__digit{height:1em;display:inline-block;overflow:hidden}.balance-digits__strip{transition:translate var(--motion-slow) var(--ease-spring);flex-direction:column;display:flex}.balance-digits--rolling .balance-digits__strip{will-change:translate}.balance-digits__cell{justify-content:center;align-items:center;height:1em;line-height:1;display:flex}.balance-digits__sr{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.balance-digits__flash{border-radius:var(--radius-8);pointer-events:none;animation:balanceDigitsFlash var(--motion-slow) var(--ease-out-quint) both;position:absolute;inset:-.3rem -.6rem}.balance-digits__flash--up{background:#4caf504d}.balance-digits__flash--down{background:#ff6b6b4d}@keyframes balanceDigitsFlash{0%{opacity:1}to{opacity:0}}.balance-modal__form{flex-direction:column;gap:.4rem;display:flex}.balance-modal__label{font-size:.82rem;font-weight:var(--fw-semibold);color:var(--text-1)}.balance-modal__hint{color:var(--text-3);font-size:.72rem}.balance-modal__input{box-sizing:border-box;width:100%;color:var(--text-1);background:rgb(var(--ink-rgb) / .14);border:1px solid var(--line-2);border-radius:var(--radius-12);transition:var(--motion-surface-transition);outline:none;margin-top:.25rem;padding:.75rem .875rem;scroll-margin-block:.5rem;font-size:1rem}.light-theme .balance-modal__input{background:var(--surface-1)}.balance-modal__input::placeholder{color:var(--text-3)}.balance-modal__input:focus{border-color:rgb(var(--gold-rgb) / .5);box-shadow:0 0 0 .2rem rgb(var(--gold-rgb) / .12)}.balance-modal__input:disabled{opacity:.5;cursor:not-allowed}.balance-modal__input--error{border-color:var(--color-error)}.balance-modal__error{min-height:1rem;color:var(--color-error);font-size:.72rem;display:block}.light-theme .balance-modal__error{color:#c0392b}.balance-modal__trial{text-align:center;color:var(--accent-text);background:rgb(var(--gold-rgb) / .08);border:1px solid var(--line-2);border-radius:var(--radius-16);font-size:.9rem;font-weight:var(--fw-semibold);flex-direction:column;align-items:center;gap:.6rem;padding:1.75rem 1rem;display:flex}.balance-modal__trial i{opacity:.7;font-size:1.75rem}.balance-modal__trial[hidden]{display:none}.balance-modal__footer{justify-content:flex-end;gap:.625rem;padding:1rem 1.375rem 1.375rem;display:flex}.balance-modal__btn{border-radius:var(--radius-12);min-width:5rem;font-size:.85rem;font-weight:var(--fw-semibold);cursor:pointer;transition:var(--motion-surface-transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.25rem;display:inline-flex}.balance-modal__btn--cancel{background:var(--veil-1);border-color:var(--veil-2);color:var(--text-2)}@media (hover:hover){.balance-modal__btn--cancel:hover{background:var(--veil-2);color:var(--text-1)}}.balance-modal__btn--cancel:active{transform:scale(var(--motion-press-scale))}.balance-modal__btn--confirm{background:var(--gradient-gold);color:var(--ink-on-gold);box-shadow:var(--shadow-2), var(--rim-gold)}@media (hover:hover){.balance-modal__btn--confirm:hover:not(:disabled){box-shadow:var(--shadow-3), var(--rim-gold), var(--glow-gold);transform:translateY(-1px)}}.balance-modal__btn--confirm:active:not(:disabled){transform:translateY(0) scale(var(--motion-press-scale))}.balance-modal__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.balance-modal__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:30rem){.balance-modal__current-value{font-size:1.5rem}.balance-modal__footer{flex-direction:column-reverse}.balance-modal__btn{width:100%;min-height:2.75rem}}@media (max-height:30rem){.balance-modal__current{margin-bottom:.75rem;padding:.75rem 1rem}.balance-modal__current-value{font-size:1.5rem}.balance-modal__footer{padding-top:.625rem;padding-bottom:1rem}}@container balance-overlay (max-height:16rem){.balance-modal__header{padding-top:.5rem;padding-bottom:.5rem}.balance-modal__footer{padding-top:.5rem;padding-bottom:.625rem}}
.avatar-crop-overlay{z-index:calc(var(--modal-z) + 1)}.avatar-crop{flex-direction:column;width:92%;max-width:24rem;max-height:min(90dvh,100%);display:flex}.avatar-crop__body{flex-direction:column;flex:auto;align-items:center;gap:1rem;min-height:0;padding:.5rem 1.375rem 1rem;display:flex;overflow-y:auto}.avatar-crop__header,.avatar-crop__footer{flex-shrink:0}.avatar-crop__viewport{border-radius:var(--radius-12);background:var(--surface-0);touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;width:min(16rem,70vw);height:min(16rem,70vw);position:relative;overflow:hidden}.avatar-crop__img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;top:0;left:0}.avatar-crop__box{--crop-mask:0 0 0 100vmax #0000008c;box-sizing:border-box;border:2px solid rgb(var(--gold-bright-rgb) / .9);box-shadow:var(--crop-mask);cursor:grab;touch-action:none;border-radius:.4rem;position:absolute}.light-theme .avatar-crop__box{--crop-mask:0 0 0 100vmax #ffffff8c}.avatar-crop__box:active{cursor:grabbing}.avatar-crop__box:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:-6px;box-shadow:var(--crop-mask), inset 0 0 0 4px rgb(var(--ink-rgb) / .45)}.avatar-crop__controls{align-items:center;gap:.75rem;width:100%;max-width:16rem;display:flex}.avatar-crop__zoom-icon{color:var(--accent-text);opacity:.7;flex-shrink:0}.avatar-crop__zoom-icon--sm{font-size:.7rem}.avatar-crop__zoom-icon--lg{font-size:1.05rem}.avatar-crop__zoom{appearance:none;border-radius:var(--radius-full);background:var(--veil-2);cursor:pointer;outline:none;flex:1;height:.375rem}.avatar-crop__zoom::-webkit-slider-thumb{appearance:none;background:var(--gradient-gold);width:1.1rem;height:1.1rem;box-shadow:var(--shadow-2);cursor:pointer;transition:box-shadow var(--motion-fast) var(--ease-out-quint), scale var(--motion-fast) var(--ease-spring);border-radius:50%}.avatar-crop__zoom::-moz-range-thumb{background:var(--gradient-gold);width:1.1rem;height:1.1rem;box-shadow:var(--shadow-2);cursor:pointer;transition:box-shadow var(--motion-fast) var(--ease-out-quint), scale var(--motion-fast) var(--ease-spring);border:none;border-radius:50%}@media (hover:hover){.avatar-crop__zoom:hover::-webkit-slider-thumb{scale:1.1}.avatar-crop__zoom:hover::-moz-range-thumb{scale:1.1}}@media (pointer:coarse){.avatar-crop__zoom{background:linear-gradient(var(--veil-2), var(--veil-2)) center / 100% .375rem no-repeat;border-radius:0;height:2.75rem}.avatar-crop__zoom::-webkit-slider-thumb{width:1.5rem;height:1.5rem}.avatar-crop__zoom::-moz-range-thumb{width:1.5rem;height:1.5rem}}.avatar-crop__zoom:focus-visible{outline:none}.avatar-crop__zoom:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-2), 0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.avatar-crop__zoom:focus-visible::-moz-range-thumb{box-shadow:var(--shadow-2), 0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.avatar-crop__hint{color:var(--text-3);align-items:center;gap:.4rem;margin:0;font-size:.75rem;display:flex}.avatar-crop__footer{justify-content:flex-end;gap:.625rem;padding:.5rem 1.375rem 1.375rem;display:flex}.avatar-crop__btn{border-radius:var(--radius-12);min-width:5rem;font-size:.85rem;font-weight:var(--fw-semibold);cursor:pointer;transition:var(--motion-surface-transition);border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.25rem;display:inline-flex}.avatar-crop__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.avatar-crop__btn--cancel{background:var(--veil-1);border-color:var(--veil-2);color:var(--text-2)}@media (hover:hover){.avatar-crop__btn--cancel:hover{background:var(--veil-2);color:var(--text-1)}}.avatar-crop__btn--cancel:active{transform:scale(var(--motion-press-scale))}.avatar-crop__btn--confirm{background:var(--gradient-gold);color:var(--ink-on-gold);box-shadow:var(--shadow-2), var(--rim-gold)}@media (hover:hover){.avatar-crop__btn--confirm:hover:not(:disabled){box-shadow:var(--shadow-3), var(--rim-gold), var(--glow-gold);transform:translateY(-1px)}}.avatar-crop__btn--confirm:active:not(:disabled){transform:translateY(0) scale(var(--motion-press-scale))}.avatar-crop__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width:30rem){.avatar-crop__footer{flex-direction:column-reverse}.avatar-crop__btn{width:100%;min-height:2.75rem}}@media (max-height:30rem){.avatar-crop__header{padding-top:.75rem;padding-bottom:.75rem}.avatar-crop__body{gap:.5rem;padding-top:.25rem;padding-bottom:.5rem}.avatar-crop__viewport{width:min(16rem,70vw,90dvh - 13.5rem);height:min(16rem,70vw,90dvh - 13.5rem)}.avatar-crop__footer{padding-top:.5rem;padding-bottom:.875rem}}
.game-modal-overlay{--modal-scrim-alpha:.9;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.game-modal-overlay::selection,.game-modal-overlay ::selection{background:0 0}.game-modal{flex-direction:column;align-items:center;gap:.75rem;max-width:96vw;max-height:96dvh;display:flex;position:relative;transform:translateY(1.5rem)}.game-modal__frame-wrap{color:#fff;box-shadow:0 30px 70px #0000008c, 0 0 60px rgb(var(--gold-rgb) / .05);background:#000;border:1px solid #000;border-radius:.75rem;outline:none;position:relative;overflow:hidden}.game-modal--landscape .game-modal__frame-wrap{aspect-ratio:16/9;width:min(90vw,163.556dvh - 7.11111rem);height:auto}.game-modal--portrait .game-modal__frame-wrap{aspect-ratio:9/16;width:auto;height:min(88dvh,170.667vw)}.game-modal--landscape .game-modal__frame-wrap{animation:game-frame-settle-landscape var(--motion-slow) var(--ease-spring)}.game-modal--portrait .game-modal__frame-wrap{animation:game-frame-settle-portrait var(--motion-slow) var(--ease-spring)}@keyframes game-frame-settle-landscape{0%{opacity:.4;scale:.96}}@keyframes game-frame-settle-portrait{0%{opacity:.4;scale:.96}}.game-modal__iframe{color:#fff;background:#000;border:0;outline:none;width:100%;height:100%;display:block}.game-modal__frame-loading{z-index:1;background:radial-gradient(ellipse at 50% 50%, rgb(var(--gold-rgb) / .1) 0%, transparent 70%), #000;opacity:1;transition:opacity var(--motion-medium) var(--ease-out-quint);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.game-modal__frame-loading--done{opacity:0}.game-modal__frame-loading--done .game-modal__frame-loading-shimmer,.game-modal__frame-loading--done .game-modal__frame-loading-icon{animation-play-state:paused}.game-modal__frame-loading-shimmer{background:linear-gradient(100deg, transparent 40%, rgb(var(--gold-rgb) / .18) 50%, transparent 60%);animation:2s ease-in-out infinite motion-shimmer;position:absolute;inset:0}.game-modal__frame-loading-icon{color:rgb(var(--gold-rgb) / .75);filter:drop-shadow(0 0 16px rgb(var(--gold-rgb) / .4));animation:game-modal-breathe var(--motion-slower) var(--ease-in-out-sine) infinite;font-size:2rem;position:relative}@keyframes game-modal-breathe{0%,to{opacity:.55;scale:.92}50%{opacity:1;scale:1.04}}.game-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.game-modal__close{color:#f5f5f5;cursor:pointer;z-index:2;width:2.5rem;height:2.5rem;transition:background-color var(--motion-fast) var(--ease-out-quint), color var(--motion-fast) var(--ease-out-quint), transform var(--motion-medium) var(--ease-spring);background:#14120eeb;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;top:-1.3rem;right:-2.5rem}@media (pointer:coarse){.game-modal__close:after{content:"";border-radius:50%;position:absolute;inset:-3px}}@media (hover:hover){.game-modal__close:hover{background:rgb(var(--gold-rgb) / .9);color:var(--ink-on-gold);transform:scale(1.06)rotate(90deg)}}.game-modal__close:active{transition-duration:var(--motion-instant);transform:scale(.9)rotate(90deg)}.game-modal__toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14120ed9;border:1px solid #ffffff14;border-radius:.9rem;gap:.5rem;padding:.4rem;display:flex}.game-modal-overlay--open .game-modal__toolbar{--motion-rise-distance:14px;animation:motion-rise-in var(--motion-slow) var(--ease-spring) calc(var(--motion-stagger) * 6) both}.game-modal-overlay--open .game-modal__close{animation:motion-pop-in var(--motion-slow) var(--ease-spring) calc(var(--motion-stagger) * 8) both}.game-modal__orient-btn{color:#f5f5f5a6;cursor:pointer;width:3rem;height:2.5rem;transition:background-color var(--motion-fast) var(--ease-out-quint), 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), transform var(--motion-medium) var(--ease-spring);background:0 0;border:1px solid #0000;border-radius:.65rem;justify-content:center;align-items:center;font-size:1.05rem;display:flex}.game-modal__orient-btn:active{transition-duration:var(--motion-instant);transform:scale(.9)}@media (hover:hover){.game-modal__orient-btn:hover{color:#f5f5f5;background:#ffffff0f}}@media (pointer:coarse){.game-modal__orient-btn{position:relative}.game-modal__orient-btn:after{content:"";position:absolute;inset:-3px 0}}.game-modal__orient-btn.is-active{color:var(--ink-on-gold);background:var(--gradient-gold);border-color:rgb(var(--gold-rgb) / .5);box-shadow:0 4px 12px rgb(var(--gold-rgb) / .25)}.game-modal__toolbar-divider{background:#ffffff1f;align-self:stretch;width:1px;margin:.25rem .15rem}.game-modal__frame-wrap:fullscreen{border:0;border-radius:0;width:100vw;height:100dvh}.game-modal__frame-wrap:fullscreen .game-modal__iframe{width:100%;height:100%}@media (max-width:48rem){.game-modal{gap:.5rem;max-width:100vw;max-height:100dvh}.game-modal--landscape .game-modal__frame-wrap{width:96vw}.game-modal--portrait .game-modal__frame-wrap{height:min(82dvh,170.667vw)}.game-modal__frame-wrap{border-radius:.5rem}.game-modal__close{top:.25rem;right:.25rem}}@media (max-height:30rem){.game-modal{gap:.5rem;transform:none}.game-modal--landscape .game-modal__frame-wrap{width:min(90vw,177.778dvh - 8.88889rem)}.game-modal--portrait .game-modal__frame-wrap{height:calc(100dvh - 5rem)}}@media (max-height:30rem) and (min-width:48.0625rem){.game-modal__close{top:0;right:-3.25rem}}

.game-section{margin-bottom:2rem}.game-section__header{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.game-section__title{font-size:1.25rem;font-weight:var(--fw-semibold);color:var(--accent-text);align-items:center;gap:.75rem;margin:0;display:flex}.game-section__title i{color:var(--accent);font-size:1.1rem}.game-section__clear{color:#ff9696cc;font-size:.8rem;font-weight:var(--fw-medium);cursor:pointer;transition:var(--motion-surface-transition);background:0 0;border:1px solid #ff64644d;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;display:flex}.game-section__clear:hover{color:#f88;background:#ff646426;border-color:#ff646480}.game-section__clear i{font-size:.75rem}.games--horizontal{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1rem;padding-bottom:.5rem;display:flex;overflow:auto hidden}.games--horizontal::-webkit-scrollbar{height:6px}.games--horizontal::-webkit-scrollbar-track{background:var(--surface-1);border-radius:3px}.games--horizontal::-webkit-scrollbar-thumb{background:var(--line-3);border-radius:3px}.games--horizontal::-webkit-scrollbar-thumb:hover{background:var(--accent)}.games--horizontal .game-card{flex:none;width:9rem;min-height:11.5rem}.games--grid{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.875rem;padding-bottom:0;display:grid;overflow-x:visible}.games--grid .game-card{width:auto;min-height:13rem}.filter-bar{grid-template-columns:minmax(14rem,auto) minmax(0,1fr) minmax(14rem,auto);align-items:center;gap:1rem;max-width:100%;margin-bottom:1.25rem;display:grid}.filter-bar .search-bar{justify-self:start;margin-left:0}.filter-bar .category-tabs{justify-self:stretch}@media (min-width:48.0625rem){.filter-bar{align-items:center;display:flex}.filter-bar .search-bar{flex:none}.filter-bar .category-tabs{flex:0 auto;min-width:0}.filter-bar:after{content:"";flex:0 1000 auto;width:14rem;min-width:0}.filter-bar:has(>.category-tabs--hidden):after{margin-inline-start:1rem}}.search-bar{flex-shrink:0}.search-bar__wrapper{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-full);width:14rem;box-shadow:var(--highlight-top);transition:border-color var(--motion-base) var(--ease-out-quint), background-color var(--motion-base) var(--ease-out-quint), box-shadow var(--motion-medium) var(--ease-out-quint);align-items:center;display:flex;position:relative;overflow:hidden}.search-bar__wrapper:hover{border-color:var(--line-3)}.search-bar__wrapper:focus-within{border-color:rgb(var(--gold-bright-rgb) / .7);background:var(--surface-3);box-shadow:0 0 0 3px rgb(var(--gold-rgb) / .16), var(--highlight-top)}.search-bar__icon{color:var(--text-3);pointer-events:none;transition:color var(--motion-base) var(--ease-out-quint), scale var(--motion-medium) var(--ease-spring-bouncy);font-size:.8rem;position:absolute;left:.875rem}.search-bar__wrapper:focus-within .search-bar__icon{color:var(--accent-text);scale:1.12}.search-bar__input{width:100%;color:var(--text-1);background:0 0;border:none;outline:none;padding:.5rem 2.25rem .5rem 2.5rem;font-family:inherit;font-size:.875rem}.search-bar__input::placeholder{color:var(--text-3)}.search-bar__clear{background:rgb(var(--gold-rgb) / .14);width:1.25rem;height:1.25rem;color:var(--text-2);cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--motion-fast) var(--ease-exit), scale var(--motion-fast) var(--ease-exit), visibility 0s linear var(--motion-fast), background-color var(--motion-fast) var(--ease-out-quint), color var(--motion-fast) var(--ease-out-quint);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.625rem;display:flex;position:absolute;right:.5rem;scale:.4}.search-bar__clear--visible{opacity:1;visibility:visible;transition:opacity var(--motion-base) var(--ease-out-quint), scale var(--motion-medium) var(--ease-spring-bouncy), visibility 0s, background-color var(--motion-fast) var(--ease-out-quint), color var(--motion-fast) var(--ease-out-quint);scale:1}@media (hover:hover){.search-bar__clear:hover{background:rgb(var(--gold-rgb) / .28);color:var(--text-1)}}@media (pointer:coarse){.search-bar__clear:after{content:"";position:absolute;inset:-.75rem}}@media (max-width:48rem),(pointer:coarse){.search-bar__input{font-size:max(1rem,16px)}}.search-bar__clear:active{transition-duration:var(--motion-instant);scale:.85}.light-theme .search-bar__wrapper{box-shadow:var(--shadow-1), var(--highlight-top)}.light-theme .search-bar__wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--gold-rgb) / .18), var(--shadow-1)}.category-tabs{--motion-rise-distance:6px;min-width:0;animation:motion-rise-in var(--motion-medium) var(--ease-out-quint) both;justify-content:center;align-items:center;gap:.75rem;display:flex;position:relative}.category-tabs--hidden{display:none}.category-tabs__scroll{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:var(--surface-2);border-radius:var(--radius-full);min-width:0;max-width:100%;box-shadow:inset 0 0 0 1px var(--line-1), var(--highlight-top);isolation:isolate;gap:0;padding:.25rem;display:inline-flex;position:relative;overflow-x:auto}.category-tabs__scroll::-webkit-scrollbar{display:none}@property --chip-left{syntax:"<length>";inherits:true;initial-value:0}@property --chip-right{syntax:"<length>";inherits:true;initial-value:0}.category-tabs__indicator{top:var(--chip-y,0px);width:var(--chip-track,0px);height:var(--chip-h,0px);z-index:-1;pointer-events:none;visibility:hidden;position:absolute;left:0}.category-tabs__indicator[data-measured]{visibility:visible}.category-tabs__indicator:before,.category-tabs__indicator:after{content:"";position:absolute;inset:0}.category-tabs__indicator:before{background:linear-gradient(180deg, var(--gold-100) 0%, var(--gold-400) 55%, var(--gold-700) 100%);clip-path:inset(0 calc(100% - var(--chip-right)) 0 var(--chip-left) round var(--radius-full))}.category-tabs__indicator:after{background:linear-gradient(180deg, transparent 1px, #fff1c740 1px, #fff1c740 2px, transparent 2px), var(--gradient-gold);clip-path:inset(1px calc(100% - var(--chip-right) + 1px) 1px calc(var(--chip-left) + 1px) round var(--radius-full))}.category-tabs__scroll[data-indicator-ready] .category-tabs__indicator{transition:--chip-left var(--motion-slow) var(--ease-spring) var(--chip-lag-left,0s), --chip-right var(--motion-slow) var(--ease-spring) var(--chip-lag-right,0s), filter var(--motion-fast) var(--ease-out-quint)}.category-tabs__indicator[data-direction=forward]{--chip-lag-left:calc(var(--motion-stagger) * 2)}.category-tabs__indicator[data-direction=backward]{--chip-lag-right:calc(var(--motion-stagger) * 2)}.category-tabs__scroll:has(.category-tabs__btn--active:hover) .category-tabs__indicator{filter:brightness(1.08)}.category-tabs:before,.category-tabs:after{content:"";pointer-events:none;opacity:0;width:2.5rem;transition:opacity var(--transition-fast);z-index:1;position:absolute;top:0;bottom:0}.category-tabs:before{border-radius:var(--radius-full) 0 0 var(--radius-full);background:linear-gradient(90deg, var(--surface-2) 25%, transparent 100%);left:0}.category-tabs:after{border-radius:0 var(--radius-full) var(--radius-full) 0;background:linear-gradient(270deg, var(--surface-2) 25%, transparent 100%);right:0}.category-tabs[data-scroll-start=false]:before,.category-tabs[data-scroll-end=false]:after{opacity:1}.category-tabs__btn{border-radius:var(--radius-full);color:var(--text-3);font-size:.875rem;font-weight:var(--fw-medium);cursor:pointer;transition:color var(--motion-fast) var(--ease-out-quint), background-color var(--motion-fast) var(--ease-out-quint), transform var(--motion-medium) var(--ease-spring);white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-family:inherit;display:inline-flex}.category-tabs__btn:focus-visible{outline-offset:-2px}.category-tabs__btn:active{transition-duration:var(--motion-instant);transform:scale(.95)}.category-tabs__btn i{transition:opacity var(--motion-base) var(--ease-out-quint)}.category-tabs__btn--active i{animation:motion-pop-in var(--motion-medium) var(--ease-spring-bouncy)}.category-tabs__btn i,.category-tabs__icon{opacity:.7;font-size:.85rem}.category-tabs__icon{font-style:normal;line-height:1}.category-tabs__btn:hover{color:var(--text-1)}.category-tabs__btn:hover i,.category-tabs__btn:hover .category-tabs__icon{opacity:.9}.category-tabs__btn--active,.category-tabs__btn--active:hover{color:var(--ink-on-gold);background:var(--gradient-gold);box-shadow:inset 0 1px 0 #fff1c740, inset 0 0 0 1px rgb(var(--gold-bright-rgb) / .6);transition-delay:var(--motion-instant), 0s, 0s}.category-tabs__scroll[data-indicator-ready] .category-tabs__btn--active,.category-tabs__scroll[data-indicator-ready] .category-tabs__btn--active:hover{box-shadow:none;background:0 0}.category-tabs__btn--active i,.category-tabs__btn--active .category-tabs__icon{opacity:1}.category-tabs__clear{border-radius:var(--radius-full);color:#ef4444b3;font-size:.8rem;font-weight:var(--fw-medium);cursor:pointer;transition:var(--motion-surface-transition);white-space:nowrap;animation:motion-rise-in var(--motion-medium) var(--ease-out-quint) both;background:0 0;border:none;flex-shrink:0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;display:inline-flex}.category-tabs__clear--hidden{display:none}.category-tabs__clear:hover{color:#ef4444;background:#ef44441a}.category-tabs__clear i{font-size:.75rem}.light-theme .category-tabs__scroll{box-shadow:inset 0 0 0 1px var(--line-2), var(--shadow-1)}.quick-tabs{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.quick-tabs__btn{background:linear-gradient(165deg, var(--surface-2) 0%, var(--surface-1) 100%);border:1px solid var(--line-2);color:var(--text-2);font-size:.9rem;font-weight:var(--fw-medium);cursor:pointer;transition:var(--motion-surface-transition);border-radius:2rem;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:inherit;display:inline-flex;position:relative}.quick-tabs__btn i{transition:transform var(--transition-fast);font-size:.9rem}.quick-tabs__btn:hover{background:rgb(var(--gold-rgb) / .12);border-color:var(--line-3);color:var(--accent-text);box-shadow:var(--shadow-2);transform:translateY(-2px)}.quick-tabs__btn:hover i{transform:scale(1.1)}.quick-tabs__btn:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.quick-tabs__btn--active{background:var(--gradient-gold);border-color:rgb(var(--gold-bright-rgb) / .6);color:var(--ink-on-gold);box-shadow:var(--shadow-2), inset 0 1px 0 #fff1c740}.quick-tabs__btn--active:hover{background:var(--gradient-gold);color:var(--ink-on-gold);box-shadow:var(--shadow-3), inset 0 1px 0 #fff1c74d;transform:translateY(-2px)}.quick-tabs__badge{background:rgb(var(--gold-rgb) / .2);min-width:1.25rem;height:1.25rem;font-size:.7rem;font-weight:var(--fw-semibold);border-radius:.625rem;justify-content:center;align-items:center;padding:0 .375rem;line-height:1;display:inline-flex}.quick-tabs__btn--active .quick-tabs__badge{background:rgb(var(--ink-rgb) / .18)}.quick-tabs__clear{color:#ff9696cc;font-size:.85rem;font-weight:var(--fw-medium);cursor:pointer;transition:var(--motion-surface-transition);background:0 0;border:1px solid #ff64644d;border-radius:2rem;align-items:center;gap:.5rem;margin-left:auto;padding:.75rem 1.25rem;font-family:inherit;display:inline-flex}.quick-tabs__clear:hover{color:#f88;background:#ff646426;border-color:#ff646480}.quick-tabs__clear i{font-size:.8rem}.empty-state{text-align:center;animation:motion-rise-in var(--motion-slow) var(--ease-out-quint) both;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:.375rem;padding:3rem 2rem;display:flex}.empty-state__emblem{width:4.5rem;height:4.5rem;color:var(--accent-text);background:radial-gradient(circle at 50% 28%, rgb(var(--gold-bright-rgb) / .18) 0%, rgb(var(--gold-rgb) / .05) 55%, transparent 72%);box-shadow:inset 0 0 0 1px var(--line-2), var(--highlight-top);animation:motion-pop-in var(--motion-slow) var(--ease-spring-bouncy) var(--motion-instant) both;border-radius:50%;place-items:center;margin-bottom:.875rem;font-size:1.625rem;display:grid;position:relative}.empty-state__emblem:before{content:"";border-radius:inherit;border:1px dashed var(--line-1);pointer-events:none;animation:empty-state-ring var(--motion-slower) var(--ease-out-expo) var(--motion-fast) both;position:absolute;inset:-.5rem}@keyframes empty-state-ring{0%{opacity:0;rotate:-90deg;scale:.86}}.empty-state__emblem i{animation:empty-state-icon-in var(--motion-slow) var(--ease-spring-bouncy) var(--motion-base) both}@keyframes empty-state-icon-in{0%{opacity:0;translate:0 -8px;scale:.7}}.empty-state__title{font-size:var(--fs-base);font-weight:var(--fw-medium);line-height:var(--leading-snug);color:var(--text-1);text-wrap:balance;margin:0}.empty-state__hint{font-size:var(--fs-sm);color:var(--text-3)}.empty-state--error .empty-state__emblem{color:var(--color-error);box-shadow:inset 0 0 0 1px #ff6b6b4d, var(--highlight-top);background:radial-gradient(circle at 50% 28%,#ff6b6b33 0%,#ff6b6b0d 55%,#0000 72%)}.empty-state--error .empty-state__emblem:before{border-color:#ff6b6b33}.light-theme .empty-state--error .empty-state__emblem{color:#b91c1c}.games{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.875rem;width:100%;display:grid;position:relative}.games:empty{min-height:100vh}@keyframes cardFadeIn{0%{opacity:0;translate:0 22px;scale:.96}}.game-card{animation:cardFadeIn var(--motion-slow) var(--ease-out-quint) backwards;animation-delay:calc((1 + min(var(--card-index,0), 20)) * var(--motion-stagger))}@supports (animation-delay:calc(mod(5, 3) * 1ms + round(down, 2.5, 1) * 1ms)){.game-card{--card-row:round(down, calc(var(--card-index,0) / var(--grid-cols,1)), 1);--card-col:mod(var(--card-index,0), var(--grid-cols,1));animation-delay:calc((1 + min(var(--card-row) + var(--card-col), 14)) * var(--motion-stagger) * 1.25)}}.game-card.is-flip-ghost,.game-card.is-flip-ghost *,.game-card.is-flip-ghost :before,.game-card.is-flip-ghost :after{transition:none!important;animation:none!important}.games--list-view{flex-direction:column;gap:.75rem;display:flex}.games--list-view .game-card{flex-direction:row;height:auto;min-height:5rem}.games--list-view .game-card__image-container{flex-shrink:0;width:6rem;height:5rem;padding:.5rem}.games--list-view .game-card__image{max-width:100%;max-height:100%}.games--list-view .game-card__info{border-top:none;border-left:.0625rem solid var(--line-1);flex-direction:row;flex:1;justify-content:space-between;align-items:center;height:auto;padding:.75rem 1rem}.games--list-view .game-card__title{text-align:left;font-size:var(--fs-base)}.games--list-view .game-card__description{display:none}.game-card{--card-radius:var(--radius-12);--card-media-radius:var(--radius-8);--card-shadow-rest:var(--shadow-2), var(--highlight-top);--card-shadow-lift:0 18px 36px -12px #000000bf, var(--rim-gold);isolation:isolate;text-align:center;background:linear-gradient(165deg, var(--surface-2) 0%, var(--surface-1) 100%);border:1px solid var(--line-2);border-radius:var(--card-radius);height:auto;min-height:13rem;box-shadow:var(--card-shadow-rest);transition:transform var(--motion-slow) var(--ease-spring), box-shadow var(--motion-medium) var(--ease-out-quint), border-color var(--motion-medium) var(--ease-out-quint);flex-direction:column;display:flex;position:relative;overflow:hidden}.game-card[data-tilt]{transition:transform var(--motion-fast) var(--ease-out-quint), box-shadow var(--motion-medium) var(--ease-out-quint), border-color var(--motion-medium) var(--ease-out-quint)}@media (hover:hover){.game-card:not(.game-card--disabled):hover{z-index:1;transform:perspective(900px) translateY(-6px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:var(--line-3);box-shadow:var(--card-shadow-lift)}.game-card:not(.game-card--disabled):has(.game-card__launch:active){transform:perspective(900px) translateY(-3px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(.985);transition-duration:var(--motion-instant)}}.game-card:has(.game-card__launch:focus-visible){outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-color:var(--line-3);box-shadow:var(--card-shadow-lift)}.game-card__launch:focus-visible{outline:none}@supports not selector(:has(*)){.game-card__launch:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}}.game-card__image-container{aspect-ratio:1;background:linear-gradient(180deg, rgb(var(--ink-rgb) / .35) 0%, rgb(var(--ink-rgb) / .6) 100%);flex:none;justify-content:center;align-items:center;width:100%;padding:.375rem;display:flex;position:relative;overflow:hidden}.game-card__image-container:after{content:none;background:linear-gradient(100deg, transparent 30%, rgb(var(--gold-rgb) / .09) 50%, transparent 70%);animation:motion-shimmer calc(var(--motion-slower) * 2) var(--ease-in-out-sine) infinite;pointer-events:none;position:absolute;inset:0}.game-card[data-in-view] .game-card__image-container:not([data-loaded]):after{content:""}.game-card__media{border-radius:var(--card-media-radius);isolation:isolate;width:100%;height:100%;box-shadow:var(--shadow-2);display:block;position:relative;overflow:hidden}.game-card__image{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity var(--motion-medium) var(--ease-out-quint), filter var(--transition-normal);display:block}.game-card__image-container[data-loaded] .game-card__image{opacity:1}.game-card--disabled .game-card__image{filter:grayscale()}.game-card__play{z-index:5;pointer-events:none;justify-content:center;align-items:flex-end;padding-bottom:25%;display:flex;position:absolute;inset:0}.game-card__play-pill{border-radius:var(--radius-full);background:var(--gradient-gold);color:var(--ink-on-gold);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.04em;white-space:nowrap;box-shadow:inset 0 1px 0 #fff6, 0 8px 18px -6px rgb(var(--ink-rgb) / .75);opacity:0;transition:opacity var(--motion-fast) var(--ease-exit), scale 0s linear var(--motion-fast);border:1px solid #fff1c780;align-items:center;gap:.375rem;padding:.5rem 1rem .5rem .875rem;line-height:1;display:inline-flex;scale:.72}.game-card__play-pill:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;flex:none;width:.6em;height:.7em}.game-card__media:before{content:"";z-index:1;background:radial-gradient(circle at 50% 50%, rgb(var(--ink-rgb) / .5) 0%, rgb(var(--ink-rgb) / .22) 75%);opacity:0;pointer-events:none;transition:opacity var(--motion-fast) var(--ease-exit);position:absolute;inset:0}@media (hover:hover){.game-card:not(.game-card--disabled):hover .game-card__media:before{opacity:1;transition:opacity var(--motion-base) var(--ease-out-quint)}.game-card:has(.game-card__launch:focus-visible) .game-card__media:before{opacity:1;transition:opacity var(--motion-base) var(--ease-out-quint)}.game-card:not(.game-card--disabled):hover .game-card__play-pill{opacity:1;transition:opacity var(--motion-fast) var(--ease-out-quint), scale var(--motion-medium) var(--ease-spring);scale:1}.game-card:has(.game-card__launch:focus-visible) .game-card__play-pill{opacity:1;transition:opacity var(--motion-fast) var(--ease-out-quint), scale var(--motion-medium) var(--ease-spring);scale:1}.game-card:has(.game-card__favorite:hover,.game-card__version:hover) .game-card__media:before{opacity:0;transition:opacity var(--motion-fast) var(--ease-exit)}.game-card:has(.game-card__favorite:hover,.game-card__version:hover) .game-card__play-pill{opacity:0;transition:opacity var(--motion-fast) var(--ease-exit)}}.game-card__version{z-index:10;border-radius:var(--radius-full);background:var(--gradient-gold);color:var(--ink-on-gold);font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff59, 0 1px 3px rgb(var(--ink-rgb) / .55);cursor:pointer;transition:transform var(--motion-medium) var(--ease-spring-bouncy), box-shadow var(--motion-base) var(--ease-out-quint), filter var(--motion-fast) var(--ease-out-quint);border:1px solid #fff1c773;padding:.3rem .6rem;line-height:1;position:absolute;bottom:.5rem;right:.5rem}.game-card__version:before{content:"";position:absolute;inset:-5px -4px}@media (hover:hover){.game-card__version:hover{filter:brightness(1.06);box-shadow:inset 0 1px 0 #fff6, 0 3px 8px rgb(var(--ink-rgb) / .6);transform:scale(1.06)}}.game-card__version:active{transform:scale(var(--motion-press-scale));transition-duration:var(--motion-instant)}.game-card__code{z-index:10;border-radius:var(--radius-full);background:rgb(var(--ink-rgb) / .82);max-width:65%;color:var(--gold-50);font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--fw-semibold);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 2px 8px rgb(var(--ink-rgb) / .4), inset 0 1px 0 #ffffff1f;pointer-events:none;border:1px solid #ffffff1f;padding:.3rem .6rem;line-height:1;position:absolute;bottom:.5rem;left:.5rem;overflow:hidden}.game-card__operator-warning{z-index:12;color:#fff;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:var(--fw-bold);box-shadow:0 2px 8px rgb(var(--ink-rgb) / .5), inset 0 1px 0 #ffffff40;cursor:help;background:linear-gradient(135deg,#e6a817 0%,#c0392b 100%);border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;top:.5rem;left:.5rem}.game-card__operator-warning:after{content:attr(data-tip);background:var(--ink-900);border-radius:var(--radius-6);font-family:var(--font-sans);letter-spacing:normal;font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--gold-50);white-space:nowrap;box-shadow:var(--shadow-3);pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--motion-fast) var(--ease-out-quint), visibility 0s linear var(--motion-fast), translate var(--motion-fast) var(--ease-out-quint);z-index:20;border:1px solid #e6a81759;padding:.4rem .6rem;line-height:1.4;position:absolute;top:calc(100% + 8px);left:0;translate:0 -4px}.game-card__operator-warning:hover:after,.game-card__launch:focus-visible .game-card__operator-warning:after{opacity:1;visibility:visible;transition:opacity var(--motion-fast) var(--ease-out-quint), visibility 0s, translate var(--motion-fast) var(--ease-out-quint);translate:0}.game-card__favorite{z-index:15;background:rgb(var(--ink-rgb) / .5);color:#ffffffbf;cursor:pointer;width:1.875rem;height:1.875rem;transition:background-color var(--motion-fast) var(--ease-out-quint), border-color var(--motion-fast) var(--ease-out-quint), color var(--motion-fast) var(--ease-out-quint), box-shadow var(--motion-base) var(--ease-out-quint), transform var(--motion-medium) var(--ease-spring-bouncy);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;top:.5rem;right:.5rem}@media (hover:hover){.game-card__favorite:hover{color:#ff6b6b;background:#ff64644d;border-color:#ff646480;transform:scale(1.15)}}.game-card__favorite:focus-visible{outline-offset:2px;outline:2px solid #ff6b81d9}.game-card__favorite--active{color:#fff;background:linear-gradient(135deg,#ff5050e6 0%,#dc3250e6 100%);border-color:#ff6464cc;box-shadow:0 2px 10px #ff505073}@media (hover:hover){.game-card__favorite--active:hover{color:#fff;background:linear-gradient(135deg,#ff6464 0%,#f04664 100%);transform:scale(1.15)}}.game-card__favorite:active{transition-duration:var(--motion-instant);transform:scale(.86)}.game-card__favorite i{transition:transform var(--motion-medium) var(--ease-spring-bouncy)}@media (hover:hover){.game-card__favorite:hover i{transform:scale(1.1)}}.game-card__favorite--pop-add i{animation:favorite-heart-add calc(var(--motion-slow) * 1.1) var(--ease-spring-bouncy)}.game-card__favorite--pop-remove i{animation:favorite-heart-remove var(--motion-medium) var(--ease-out-quint)}@keyframes favorite-heart-add{0%{scale:.45}}@keyframes favorite-heart-remove{40%{scale:.72}}.game-card__favorite:before,.game-card__favorite-ring{pointer-events:none;opacity:0;position:absolute}.game-card__favorite:before{content:""}.game-card__favorite-ring{border:2px solid #ff6b81d9;border-radius:50%;inset:0}.game-card__favorite:after{content:"";border-radius:50%;position:absolute;inset:-.5rem}.game-card__favorite:before{border-radius:50%;width:.28em;height:.28em;margin:-.14em 0 0 -.14em;top:50%;left:50%;box-shadow:0 -1.05em #ff6b81,.74em -.74em #ffd166,1.05em 0 #ff6b81,.74em .74em #ffd166,0 1.05em #ff6b81,-.74em .74em #ffd166,-1.05em 0 #ff6b81,-.74em -.74em #ffd166}.game-card__favorite--pop-add .game-card__favorite-ring{animation:favorite-ring var(--motion-slow) var(--ease-out-quint)}.game-card__favorite--pop-add:before{animation:favorite-sparks var(--motion-slow) var(--ease-out-quint)}@keyframes favorite-ring{0%{opacity:.9;scale:.8}to{opacity:0;scale:1.5}}@keyframes favorite-sparks{0%{opacity:1;scale:.35}65%{opacity:1}to{opacity:0;scale:1.15}}.game-card__info{background:linear-gradient(180deg, var(--surface-2) 0%, var(--surface-1) 100%);border-top:1px solid var(--line-1);flex-direction:column;flex:none;justify-content:center;align-items:center;gap:.25rem;min-height:3rem;padding:.625rem .5rem;display:flex}.game-card__title{font-family:var(--font-display);font-size:.8rem;font-weight:var(--fw-semibold);letter-spacing:.01em;color:var(--text-1);text-align:center;text-wrap:balance;overflow-wrap:anywhere;transition:color var(--motion-medium) var(--ease-out-quint);margin:0;line-height:1.3}.game-card__launch{width:100%;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.game-card__launch:after{content:"";z-index:1;position:absolute;inset:0}.game-card__launch:disabled{cursor:default}.game-card__name{display:block}.game-card__description{font-size:var(--fs-xs);color:var(--text-3);text-align:center;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;line-height:1.4;display:-webkit-box;overflow:hidden}.game-card--disabled{opacity:.6;cursor:default}@media (max-width:48rem){.filter-bar{flex-direction:column;align-items:stretch;gap:.75rem;width:100%;display:flex}.filter-bar .search-bar{order:2;width:100%}.filter-bar .category-tabs{order:1;justify-content:center;width:100%}.search-bar__wrapper{width:100%}.category-tabs{justify-content:center;width:100%}.category-tabs__scroll{max-width:100%}.category-tabs__btn{gap:.375rem;min-height:2.25rem;padding:.4rem .75rem;font-size:.8rem}.category-tabs__btn i{font-size:.75rem}.category-tabs__clear{font-size:var(--fs-2xs);padding:.4rem .75rem}.quick-tabs{gap:.5rem;margin-bottom:1rem}.quick-tabs__btn{gap:.375rem;padding:.5rem .875rem;font-size:.8rem}.quick-tabs__btn i{font-size:.8rem}.quick-tabs__badge{min-width:1rem;height:1rem;padding:0 .25rem;font-size:.625rem}.quick-tabs__clear{padding:.5rem .875rem;font-size:.75rem}.quick-tabs__clear span{display:none}.games--grid{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem}.games--grid .game-card{min-height:auto}.game-section{margin-bottom:1.5rem}.game-section__header{margin-bottom:.75rem;padding-bottom:.5rem}.game-section__title{gap:.5rem;font-size:1rem}.game-section__title i{font-size:.9rem}.game-section__clear{padding:.375rem .75rem;font-size:.7rem}.game-section__clear span{display:none}.games--horizontal{gap:.75rem}.games--horizontal .game-card{width:8rem;min-height:auto}.games{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:.5rem}.game-card{--card-radius:.625rem;--card-media-radius:var(--radius-6);min-height:auto}.game-card__image-container{padding:.25rem}.game-card__info{gap:.125rem;min-height:auto;padding:.375rem .25rem}.game-card__title{font-size:clamp(.6875rem,2.9vw,.8125rem);line-height:1.25}.game-card__name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.game-card__description{display:none}.game-card__version{font-size:var(--fs-2xs);padding:.2rem .35rem;bottom:.375rem;right:.375rem}.game-card__version:before{inset:-4px -3px}.game-card__code{font-size:var(--fs-2xs);padding:.2rem .35rem;bottom:.375rem;left:.375rem}.game-card__operator-warning{width:1.25rem;height:1.25rem;font-size:.625rem;top:.375rem;left:.375rem}.game-card__play-pill{font-size:var(--fs-xs);gap:.3rem;padding:.375rem .75rem .375rem .625rem}.game-card__favorite{width:1.75rem;height:1.75rem;font-size:.8rem;top:.375rem;right:.375rem}.games--list-view .game-card__image-container{aspect-ratio:1;width:3.5rem}.games--list-view .game-card__info{padding:.375rem .5rem}.games--list-view .game-card__title{font-size:var(--fs-xs)}.games--list-view .btn{min-height:1.5rem;padding:.2rem .5rem;font-size:.625rem}}@media (max-width:26rem){.quick-tabs__btn{padding:.4rem .625rem;font-size:.7rem}.quick-tabs__btn span:not(.quick-tabs__badge){display:none}.quick-tabs__btn i{font-size:1rem}.quick-tabs__clear{padding:.4rem .625rem}.games--grid{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.375rem}.games--horizontal .game-card{width:6.5rem}.games{grid-template-columns:repeat(auto-fill,minmax(6rem,1fr));gap:.375rem}.game-card{--card-radius:var(--radius-8);--card-media-radius:.25rem}.game-card__image-container{padding:.1875rem}.game-card__info{padding:.25rem .1875rem}.game-card__version{padding:.18rem .25rem;font-size:.625rem;bottom:.25rem;right:.25rem}.game-card__code{padding:.18rem .25rem;font-size:.625rem;bottom:.25rem;left:.25rem}.game-card__favorite{top:.25rem;right:.25rem}}@media (max-width:48rem){.game-card{transition:transform var(--transition-fast), box-shadow var(--transition-fast);box-shadow:var(--shadow-1)}.game-card__favorite{-webkit-backdrop-filter:none;backdrop-filter:none}}:where(header,.sidebar,.sidebar-overlay,.game-carousel,.filter-bar,.games,.modal-overlay) :where(button,a,input,[role=button],label){-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width:48rem) and (hover:hover){.game-card:not(.game-card--disabled):hover{box-shadow:var(--shadow-3), var(--rim-gold);transform:translateY(-.125rem)}}@media (hover:none){.game-card{transition:transform var(--motion-medium) var(--ease-spring-snappy), box-shadow var(--motion-base) var(--ease-out-quint), border-color var(--motion-base) var(--ease-out-quint)}.game-card:not(.game-card--disabled):has(.game-card__launch:active){transition-duration:var(--motion-instant);transform:scale(.97)}@supports not selector(:has(*)){.game-card:not(.game-card--disabled):active{transition-duration:var(--motion-instant);transform:scale(.97)}}body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){.game-card__play-pill{scale:1}.game-card__play-pill,.game-card__media:before{transition:opacity var(--motion-fast) var(--ease-out-quint)!important}}@media (forced-colors:active){.category-tabs__btn--active{outline-offset:-2px;outline:2px solid highlight}.game-card__version{border-color:buttontext}}