:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ok-bg:#070b12;--ok-bg-deep:#05080e;--ok-surface:#0d1520;--ok-surface-raised:#111d2b;--ok-surface-soft:#162333;--ok-text:#edf3f8;--ok-text-soft:#c8d3df;--ok-text-muted:#8292a5;--ok-accent:#d2a968;--ok-accent-bright:#f0ca89;--ok-cyan:#67cee2;--ok-success:#62d6ac;--ok-danger:#ee9297;--ok-border:#bfd5e821;--ok-border-strong:#d5e6f540;--ok-space-1:.375rem;--ok-space-2:.625rem;--ok-space-3:1rem;--ok-space-4:1.5rem;--ok-space-5:2rem;--ok-space-6:3rem;--ok-space-7:4.5rem;--ok-space-8:6rem;--ok-radius-sm:.65rem;--ok-radius-md:1rem;--ok-radius-lg:1.35rem;--ok-radius-pill:999px;--ok-font-display:ui-serif, Georgia, Cambria, serif;--ok-font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ok-shadow-panel:0 22px 60px #00000057;--ok-shadow-focus:0 0 0 3px #67cee233;--ok-z-header:20;--ok-z-menu:40;--ok-motion-fast:.16s;--ok-motion-base:.26s;--ok-ease:cubic-bezier(.2, .75, .25, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ok-bg-deep);min-width:320px;min-height:100vh;color:var(--ok-text);font-family:var(--ok-font-ui);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--ok-cyan);outline-offset:3px}::selection{background:var(--ok-cyan);color:var(--ok-bg-deep)}.skip-link{z-index:100;background:var(--ok-text);color:var(--ok-bg);padding:.75rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--ok-cyan);letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:760}.button{border-radius:var(--ok-radius-sm);min-height:2.7rem;color:var(--ok-text);cursor:pointer;transition:transform var(--ok-motion-fast), border-color var(--ok-motion-fast), background var(--ok-motion-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1rem;font-size:.84rem;font-weight:750;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.58;transform:none}.button--solid{background:linear-gradient(135deg, var(--ok-accent-bright), var(--ok-accent));color:#17130d;box-shadow:0 8px 24px #d2a96829}.button--solid:hover{background:#f5d49c}.button--outline{border-color:var(--ok-border-strong);background:#ffffff06}.button--outline:hover,.button--quiet:hover{background:#ffffff0f}.button--compact{min-height:2.4rem;padding-inline:.85rem}.button--wide{width:100%}.notice{border:1px solid var(--ok-border);border-radius:var(--ok-radius-sm);gap:.2rem;padding:.75rem .85rem;font-size:.8rem;display:grid}.notice--error{color:#ffd0d2;background:#ee929714;border-color:#ee929766}.notice--success{color:#c8f4e2;background:#62d6ac14;border-color:#62d6ac66}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page-shell{background:radial-gradient(circle at 82% 6%, #98683624, transparent 26rem), radial-gradient(circle at 8% 22%, #214c6f2e, transparent 32rem), linear-gradient(180deg, #0b121c 0%, var(--ok-bg) 52rem, var(--ok-bg-deep) 100%);grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,1540px);min-width:0;max-width:100%;min-height:100dvh;margin:0 auto;display:grid;overflow:clip}.site-header{z-index:var(--ok-z-header);border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:linear-gradient(105deg,#060b12f2,#0f1b29db),linear-gradient(90deg,#0000,#67cee209,#0000);grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 3rem,1320px);min-height:4.5rem;margin:1rem auto 0;padding:0 .9rem;display:grid;position:relative;box-shadow:0 14px 34px #0003,inset 0 1px #ffffff06}.site-header__nav{justify-self:center;gap:.3rem;display:flex}.site-header__nav a{color:var(--ok-text-muted);border-radius:.5rem;padding:.48rem .68rem;font-size:.82rem;font-weight:680}.site-header__nav a:hover,.site-header__nav-link--active{color:var(--ok-accent-bright);background:linear-gradient(135deg,#d2a9682b,#d2a9680f);border:1px solid #d2a96829;padding:calc(.48rem - 1px) calc(.68rem - 1px)}.site-header__actions{justify-self:end;align-items:center;gap:var(--ok-space-2);display:flex}.platform-home{width:min(100% - 3rem,1320px);margin:0 auto}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.34fr);align-items:stretch;gap:clamp(1rem,2vw,1.5rem);padding-block:clamp(.85rem,1.8vw,1.4rem) 1.7rem;display:grid}.dashboard-grid__main{grid-template-rows:minmax(205px,.68fr) minmax(0,1fr);gap:clamp(.85rem,1.7vw,1.2rem);min-width:0;display:grid}.platform-account{min-width:0;display:flex}.platform-account>*{width:100%}.games-section{min-width:0}.games-grid{gap:var(--ok-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.site-footer{border-top:1px solid var(--ok-border);width:min(100% - 3rem,1320px);color:var(--ok-text-muted);justify-content:space-between;margin:0 auto;padding-block:1.25rem 1.65rem;font-size:.74rem;display:flex}.site-footer>span{color:var(--ok-text);font-weight:760}.site-footer>span span{color:var(--ok-accent-bright)}.onboarding-page{grid-template-columns:.8fr 1.2fr;align-items:start;gap:clamp(2rem,6vw,6rem);width:min(100% - 3rem,1060px);min-height:calc(100vh - 5rem);margin:0 auto;padding-block:clamp(3rem,8vw,6rem);display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.38fr)}}@media (width<=760px){.site-header,.platform-home,.site-footer,.onboarding-page{width:calc(100% - max(1rem, env(safe-area-inset-left)) - max(1rem, env(safe-area-inset-right)));min-width:0;max-width:100%;margin-left:max(1rem, env(safe-area-inset-left));margin-right:max(1rem, env(safe-area-inset-right))}.site-header{min-height:0;margin-top:max(.65rem, env(safe-area-inset-top));grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions""nav nav";row-gap:.32rem;padding:.46rem .58rem .5rem}.site-header .wordmark{grid-area:brand;min-width:0}.site-header__actions{grid-area:actions}.site-header__nav{overscroll-behavior-x:contain;border-top:1px solid var(--ok-border);scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-area:nav;justify-self:stretch;gap:.25rem;padding-top:.32rem;display:flex;overflow-x:auto}.site-header__nav::-webkit-scrollbar{display:none}.site-header__nav a{touch-action:manipulation;flex:none;align-items:center;min-height:2.42rem;padding-inline:.72rem;display:inline-flex}.site-header__nav a:hover,.site-header__nav-link--active{padding-inline:calc(.72rem - 1px)}.dashboard-grid,.onboarding-page{grid-template-columns:1fr;gap:1.1rem}.dashboard-grid{padding-block:1rem 1.6rem}.dashboard-grid__main{gap:1.35rem}.games-grid{grid-template-columns:1fr}.site-footer{padding-bottom:max(1.65rem, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-start;gap:.4rem}}@media (orientation:landscape) and (height<=560px) and (width<=1000px){.site-header,.platform-home,.site-footer{width:auto;margin-left:max(.75rem, env(safe-area-inset-left));margin-right:max(.75rem, env(safe-area-inset-right))}.site-header{min-height:3.6rem;margin-top:max(.35rem, env(safe-area-inset-top));padding-inline:.65rem}.site-header__nav a{padding:.42rem .58rem;font-size:.76rem}}@media (width>=761px) and (height>=760px){.page-shell--home{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0;display:grid}.page-shell--home .site-header{margin-top:clamp(.55rem,1vh,1rem)}.page-shell--home .platform-home{height:100%;min-height:0}.page-shell--home .dashboard-grid{height:100%;min-height:0;padding-block:clamp(.55rem,1.05vh,.9rem)}.page-shell--home .dashboard-grid__main,.page-shell--home .platform-account{min-height:0}.page-shell--home .dashboard-grid__main{grid-template-rows:minmax(200px,.62fr) minmax(0,1fr);gap:clamp(.65rem,1.1vh,1rem)}.page-shell--home .platform-hero{min-height:0}.page-shell--home .games-section{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.page-shell--home .games-section .section-heading{margin-bottom:clamp(.45rem,.75vh,.7rem)}.page-shell--home .games-grid,.page-shell--home ok-game-card,.page-shell--home .game-card,.page-shell--home .game-card__body{height:100%;min-height:0}.page-shell--home .site-footer{padding-block:clamp(.55rem,.9vh,.85rem)}}.wordmark{letter-spacing:-.04em;align-items:center;gap:.6rem;font-size:1.12rem;font-weight:770;display:inline-flex}.wordmark>span:last-child>span{color:var(--ok-accent-bright)}.wordmark__mark{aspect-ratio:1;width:2.08rem;color:var(--ok-cyan);font:800 .92rem/1 var(--ok-font-ui);letter-spacing:-.08em;border:1px solid #67cee29e;border-radius:.65rem;place-items:center;display:grid}.ok-avatar{border:1px solid var(--ok-border-strong);background:var(--ok-surface-raised);border-radius:50%;flex:none;display:inline-grid;overflow:hidden}.ok-avatar--sm{width:2rem;height:2rem}.ok-avatar--md{width:3rem;height:3rem}.ok-avatar img{object-fit:cover;width:100%;height:100%}.user-menu__trigger{border:1px solid var(--ok-border);min-height:2.6rem;color:var(--ok-text);cursor:pointer;background:#ffffff09;border-radius:.65rem;align-items:center;gap:.55rem;padding:.28rem .55rem .28rem .32rem;display:flex}.user-menu__trigger>span:not(.ok-avatar){text-overflow:ellipsis;max-width:10rem;font-size:.82rem;font-weight:680;overflow:hidden}.user-menu__chevron{color:var(--ok-text-muted)}.user-menu__panel{z-index:var(--ok-z-menu);border:1px solid var(--ok-border-strong);border-radius:var(--ok-radius-md);width:min(19rem,100vw - 1.5rem);padding:var(--ok-space-3);box-shadow:var(--ok-shadow-panel);background:#111c28;position:fixed}.user-menu__identity{align-items:center;gap:var(--ok-space-3);padding-bottom:var(--ok-space-3);border-bottom:1px solid var(--ok-border);display:flex}.user-menu__identity div{min-width:0;display:grid}.user-menu__identity strong{text-overflow:ellipsis;overflow:hidden}.user-menu__identity span{color:var(--ok-text-muted);letter-spacing:.08em;font:600 .74rem/1.6 ui-monospace,monospace}.user-menu__account-link,.user-menu__logout{width:100%;min-height:2.6rem;color:var(--ok-text-soft);text-align:left;background:0 0;border:0;border-radius:.5rem;align-items:center;gap:.55rem;padding-inline:.65rem;display:flex}.user-menu__account-link{margin-top:.5rem;text-decoration:none}.user-menu__account-link[aria-current=page]{color:var(--ok-cyan);background:#67cee214}.user-menu__logout{cursor:pointer;margin-top:.15rem}.user-menu__account-link:hover,.user-menu__logout:hover{background:#ffffff0d}.game-card{isolation:isolate;border-radius:var(--ok-radius-lg);background:var(--ok-surface);border:1px solid #bfd5e84d;min-height:360px;position:relative;overflow:hidden;box-shadow:0 18px 42px #00000047,inset 0 1px #ffffff06}.game-card__image,.game-card__shade{width:100%;height:100%;position:absolute;inset:0}.game-card__image{object-fit:cover;filter:saturate(1.05)contrast(1.03)brightness(1.06);transition:transform .7s var(--ok-ease), filter var(--ok-motion-base)}.game-card__shade{z-index:1;background:linear-gradient(90deg,#04080de6 0%,#04080d94 44%,#04080d08 100%),linear-gradient(#0000 36%,#04080da3)}.game-card--king .game-card__shade{background:linear-gradient(90deg,#050a11e3 0%,#050a1194 44%,#050a110a 100%),linear-gradient(#0000 36%,#050a11a6)}.game-card:hover .game-card__image{filter:saturate(1.08)contrast(1.05)brightness(1.09);transform:scale(1.035)}.game-card__body{z-index:2;flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:360px;padding:clamp(1.15rem,2.4vw,1.6rem);display:flex;position:relative}.game-card__state{color:var(--ok-text-soft);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:.65rem;font-size:.65rem;font-weight:760;display:inline-flex}.game-card__state i{aspect-ratio:1;background:var(--ok-success);border-radius:50%;width:.4rem;box-shadow:0 0 0 4px #62d6ac1f}.game-card h3{letter-spacing:-.045em;margin:0 0 .4rem;font-size:clamp(1.65rem,3vw,2.2rem);line-height:1}.game-card p{max-width:23rem;color:var(--ok-text-soft);margin-bottom:.95rem;font-size:.86rem}.game-card__action{color:var(--ok-accent-bright);align-items:center;gap:.45rem;font-size:.84rem;font-weight:760;display:inline-flex}.game-card__action--disabled{color:var(--ok-text-muted)}.auth-panel,.onboarding-form,.identity-panel{border:1px solid var(--ok-border-strong);border-radius:var(--ok-radius-lg);background:linear-gradient(145deg,#182838f2,#091019f0),radial-gradient(circle at 90% 8%,#67cee20f,#0000 9rem);padding:clamp(1.1rem,2.4vw,1.45rem);box-shadow:0 18px 44px #00000047,inset 0 1px #ffffff06}.auth-panel__heading h2{letter-spacing:-.04em;margin:.65rem 0;font-size:clamp(1.5rem,2vw,1.9rem);line-height:1.1}.auth-panel__heading p{color:var(--ok-text-muted);margin-bottom:0;font-size:.84rem}.auth-form{gap:.48rem;margin-top:.9rem;display:grid}.auth-form label,.onboarding-form>label,.onboarding-form legend{color:var(--ok-text-soft);letter-spacing:.04em;font-size:.73rem;font-weight:720}.auth-form input,.onboarding-form>input{border:1px solid var(--ok-border);width:100%;min-height:2.75rem;color:var(--ok-text);background:#02060a75;border-radius:.55rem;padding:.65rem .75rem}.auth-form input:focus,.onboarding-form>input:focus{border-color:var(--ok-cyan);box-shadow:var(--ok-shadow-focus);outline:none}.auth-form .button{margin-top:.65rem}.auth-panel__switch{width:100%;color:var(--ok-text-muted);cursor:pointer;background:0 0;border:0;margin-top:.9rem;font-size:.78rem}.auth-panel__switch:hover{color:var(--ok-text)}.auth-panel .notice{margin-top:.85rem}.auth-panel--entry{flex-direction:column;justify-content:center;min-height:100%;display:flex}.auth-panel--entry h2{letter-spacing:-.05em;margin:.7rem 0;font-size:clamp(1.55rem,2.5vw,2.05rem);line-height:1.02}.auth-panel--entry p{color:var(--ok-text-soft);margin:0 0 1.1rem;font-size:.84rem}.auth-panel--entry small{color:var(--ok-text-muted);margin-top:.75rem;font-size:.72rem;line-height:1.45}.avatar-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem;display:grid}.avatar-choice{border:1px solid var(--ok-border);cursor:pointer;border-radius:.65rem;place-items:center;gap:.25rem;min-width:0;padding:.55rem .2rem .4rem;display:grid;position:relative}.avatar-choice:has(input:checked){border-color:var(--ok-cyan);box-shadow:var(--ok-shadow-focus);background:#67cee214}.avatar-choice input{opacity:0;position:absolute}.avatar-choice span{color:var(--ok-text-muted);font-size:.58rem}@media (width<=760px){.site-header__actions{gap:.25rem}.site-header__actions .button{min-height:2.35rem;padding-inline:.58rem;font-size:.72rem}.wordmark{gap:.45rem;font-size:1rem}.wordmark__mark{width:1.9rem}.user-menu__trigger>span:not(.ok-avatar){display:none}.user-menu__trigger{min-height:2.35rem;padding-right:.4rem}.game-card,.game-card__body{min-height:335px}.avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=420px){.site-header__actions .button{padding-inline:.45rem;font-size:.68rem}.wordmark>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:5.7rem;overflow:hidden}}.platform-hero{isolation:isolate;border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:linear-gradient(90deg,#050a10f0 0%,#070e17c2 54%,#08111b61 100%),radial-gradient(circle at 87% 20%,#cb995445,#0000 12rem),radial-gradient(circle at 67% 104%,#31687f33,#0000 14rem),linear-gradient(135deg,#101d2a,#071018 62%);align-items:center;min-height:224px;padding:clamp(1.35rem,2.8vw,2.15rem);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047,inset 0 1px #ffffff06}.platform-hero:after{content:"";z-index:-1;opacity:.34;background-image:linear-gradient(#7eb0cb14 1px,#0000 1px),linear-gradient(90deg,#7eb0cb14 1px,#0000 1px);background-size:2.4rem 2.4rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 52%,#0000);mask-image:linear-gradient(90deg,#0000,#000 52%,#0000)}.platform-hero__copy{z-index:1;max-width:35rem;position:relative}.platform-hero__copy h1{letter-spacing:-.065em;margin:.55rem 0 .75rem;font-size:clamp(2.25rem,3.9vw,4.15rem);line-height:.92}.platform-hero__copy h1 span{color:var(--ok-accent-bright);font-family:var(--ok-font-display);letter-spacing:-.055em;font-size:.84em;font-style:italic;font-weight:500;display:block}.platform-hero__copy>p{max-width:30rem;color:var(--ok-text-soft);margin-bottom:0;font-size:.86rem}.platform-hero__actions{flex-wrap:wrap;gap:.6rem;margin-top:1.05rem;display:flex}.platform-hero__atmosphere{z-index:0;pointer-events:none;position:absolute;inset:0}.platform-hero__atmosphere:before{content:"";opacity:.56;background:radial-gradient(circle at 69% 25%,#ffda9a7a 0 1px,#0000 2px),radial-gradient(circle at 78% 38%,#ffda9a4d 0 1px,#0000 2px),radial-gradient(circle at 85% 63%,#67cee24d 0 1px,#0000 2px),radial-gradient(circle at 56% 77%,#d2a96838 0 1px,#0000 2px);position:absolute;inset:0}.hero-ring{border:1px solid #67cee236;border-radius:50%;position:absolute}.hero-ring--one{width:22rem;height:22rem;top:-9rem;right:6%}.hero-ring--two{border-color:#d2a96838;width:13rem;height:13rem;bottom:-8rem;right:18%}.hero-light{filter:blur(1px);border-radius:50%;position:absolute}.hero-light--one{background:var(--ok-cyan);width:.5rem;height:.5rem;top:27%;right:24%;box-shadow:0 0 0 .38rem #67cee21f}.hero-light--two{background:var(--ok-accent);width:.46rem;height:.46rem;bottom:25%;right:11%;box-shadow:0 0 0 .36rem #d2a9681c}.section-heading{margin-bottom:.7rem}.section-heading--inline{justify-content:space-between;align-items:end;gap:1.2rem;display:flex}.section-heading h2{letter-spacing:-.05em;margin:.35rem 0 0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1}.section-heading p{max-width:19rem;color:var(--ok-text-muted);margin:0;font-size:.78rem}.identity-panel{align-content:start;gap:1.1rem;min-height:100%;display:grid}.identity-panel__profile{border-bottom:1px solid var(--ok-border);align-items:center;gap:.8rem;padding-block:.2rem .85rem;display:flex}.identity-panel__profile .ok-avatar{width:3.4rem;height:3.4rem}.identity-panel__profile div,.identity-panel__code{gap:.15rem;display:grid}.identity-panel__profile span,.identity-panel__code span{color:var(--ok-text-muted);font-size:.7rem}.identity-panel__profile strong{font-size:1.05rem}.identity-panel__code strong{color:var(--ok-cyan);letter-spacing:.08em;font:720 1.05rem/1.25 ui-monospace,monospace}.identity-panel p{color:var(--ok-text-muted);margin:0;font-size:.8rem}.platform-game-page{padding-top:.7rem}.game-dashboard{grid-template-columns:minmax(0,1fr) minmax(270px,.34fr);align-items:start;gap:clamp(.85rem,1.6vw,1.2rem);min-width:0;max-width:100%;padding-bottom:1.2rem;display:grid}.game-dashboard__main{grid-template-rows:minmax(235px,.9fr) minmax(0,1fr);gap:1rem;min-width:0;max-width:100%;display:grid}.game-hero{isolation:isolate;border-radius:var(--ok-radius-lg);background-color:#0b131c;background-position:50%;background-size:cover;border:1px solid #bfd5e847;align-items:end;min-width:0;max-width:100%;min-height:250px;padding:clamp(1.2rem,2.5vw,2rem);display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d,inset 0 1px #ffffff08}.game-hero--tavla{background-image:url(/assets/games/tbt-card-v1.png)}.game-hero--king{background-image:url(/assets/games/king-card-v1.png)}.game-hero__shade{z-index:-1;background:linear-gradient(90deg,#03080ded 0%,#03080d8c 49%,#03080d14 100%),linear-gradient(#0000 32%,#03080dbf);position:absolute;inset:0}.game-hero__copy{max-width:34rem}.game-hero__copy h1{letter-spacing:-.06em;margin:.55rem 0 .7rem;font-size:clamp(2.2rem,4.2vw,4.25rem);line-height:.94}.game-hero__copy p{max-width:29rem;color:var(--ok-text-soft);margin:0;font-size:.9rem}.game-launch-surface{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:linear-gradient(145deg,#111d2bc7,#080f17cc);min-width:0;max-width:100%;padding:.85rem}.game-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem;display:grid}.game-launch-action{border:1px solid var(--ok-border-strong);border-radius:var(--ok-radius-md);min-height:4.9rem;color:var(--ok-text);text-align:left;background:#050b1185;align-content:center;gap:.22rem;padding:.72rem .9rem;display:grid}.game-launch-action:not(:disabled){cursor:pointer;transition:transform var(--ok-motion-fast), border-color var(--ok-motion-fast), background var(--ok-motion-fast)}.game-launch-action:not(:disabled):hover{background:#101e2ad1;border-color:#67cee26b;transform:translateY(-1px)}.game-launch-action:disabled{cursor:not-allowed;opacity:1}.game-launch-action--primary{background:linear-gradient(135deg,#d2a9682b,#11181fc2);border-color:#d2a9687a}.game-launch-action--wide{grid-column:1/-1}.game-launch-action span{font-size:.95rem;font-weight:760}.game-launch-action small{color:var(--ok-text-muted);font-size:.68rem;line-height:1.35}.game-dashboard__account{grid-template-rows:auto auto;align-content:stretch;gap:.7rem;display:grid}.game-dashboard__account .identity-panel{min-height:0}.runtime-boundary{color:var(--ok-text-muted);border-left:2px solid #67cee28c;margin:0;padding:.15rem 0 .15rem .65rem;font-size:.72rem;line-height:1.45}ok-tavla-entry{display:block}.tbt-entry{min-height:100%}.tbt-entry-actions .game-launch-action:disabled{cursor:not-allowed;opacity:.52}.tbt-entry-toolbar{margin:-.3rem 0 .65rem}.tbt-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.tbt-entry-panel{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#040a107a;align-content:start;gap:.55rem;min-width:0;padding:.9rem;display:grid}.tbt-entry-panel--focus{border-color:#67cee26b}.tbt-entry-panel h3,.tbt-lobby-heading h3,.tbt-match-boundary h3{letter-spacing:-.03em;margin:.1rem 0 .25rem;font-size:1.15rem}.tbt-entry-panel label{color:var(--ok-text-soft);font-size:.72rem;font-weight:720}.tbt-entry-panel input,.tbt-entry-panel select{border:1px solid var(--ok-border-strong);width:100%;min-height:2.7rem;color:var(--ok-text);font:inherit;background:#02060ab8;border-radius:.55rem;padding:.6rem .72rem}.tbt-entry-panel input:focus,.tbt-entry-panel select:focus{border-color:var(--ok-cyan);box-shadow:var(--ok-shadow-focus);outline:none}.tbt-field-note,.tbt-entry-hint,.tbt-lobby-format{color:var(--ok-text-muted);margin:0;font-size:.7rem;line-height:1.45}.tbt-entry-panel .button{margin-top:auto}.tbt-lobby-heading,.tbt-room-code-row,.tbt-seat,.tbt-lobby-actions{align-items:center;display:flex}.tbt-lobby-heading,.tbt-room-code-row{justify-content:space-between;gap:1rem}.tbt-sync-state{color:var(--ok-cyan);font-size:.68rem}.tbt-room-code-row{border-radius:var(--ok-radius-md);background:linear-gradient(135deg,#d2a9681a,#050b117a);border:1px solid #d2a96859;margin-top:.7rem;padding:.75rem .85rem}.tbt-room-code-row>div{gap:.12rem;display:grid}.tbt-room-code-row span{color:var(--ok-text-muted);font-size:.66rem}.tbt-room-code-row strong{color:var(--ok-accent-bright);letter-spacing:.14em;font:750 1.15rem/1 ui-monospace,monospace}.tbt-seat-list{gap:.45rem;margin-top:.7rem;display:grid}.tbt-seat{border:1px solid var(--ok-border);border-radius:var(--ok-radius-sm);background:#ffffff06;justify-content:space-between;gap:1rem;min-height:3rem;padding:.55rem .7rem}.tbt-seat>div{display:grid}.tbt-seat small,.tbt-seat--empty{color:var(--ok-text-muted);font-size:.68rem}.tbt-ready-state{border-radius:var(--ok-radius-pill);color:var(--ok-accent-bright);background:#d2a9681a;padding:.25rem .5rem;font-size:.65rem;font-weight:740}.tbt-ready-state--ready{color:var(--ok-success);background:#62d6ac1a}.tbt-lobby-format{margin-top:.65rem}.tbt-lobby-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tbt-leave-button{color:var(--ok-danger);margin-left:auto}.tbt-match-boundary{border-radius:var(--ok-radius-md);background:#62d6ac0e;border:1px solid #62d6ac52;padding:1rem}.tbt-match-boundary p{max-width:42rem;color:var(--ok-text-soft);margin:.45rem 0;font-size:.8rem}.tbt-match-boundary small{color:var(--ok-text-muted);font-family:ui-monospace,monospace}.tbt-entry>.notice{margin-top:.7rem}.identity-panel__account-link{justify-self:start}.platform-account-page{gap:1rem;padding-top:.85rem;padding-bottom:1.5rem;display:grid}.account-hero,.account-dashboard__identity,.account-continuity,.account-auth{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);box-shadow:var(--ok-shadow-panel);background:linear-gradient(145deg,#111d2bcc,#080f17d1)}.account-hero{padding:clamp(1.35rem,3vw,2rem)}.account-hero h1{letter-spacing:-.055em;max-width:44rem;margin:.55rem 0 .7rem;font-size:clamp(2rem,4vw,3.75rem);line-height:.96}.account-hero p{max-width:42rem;color:var(--ok-text-soft);margin:0}.account-dashboard{grid-template-columns:minmax(260px,.34fr) minmax(0,1fr);gap:1rem;display:grid}.account-dashboard__identity,.account-continuity,.account-auth{padding:1rem}.account-dashboard__identity .identity-panel{min-height:100%}.account-continuity .section-heading p{max-width:36rem;margin-top:.45rem}.account-continuity__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.continuity-card{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#040a1073;align-content:start;gap:.85rem;min-width:0;padding:.95rem;display:grid}.continuity-card__game{color:var(--ok-accent-bright);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:760}.continuity-card h3{margin:.3rem 0 .45rem;font-size:1rem}.continuity-card p{color:var(--ok-text-muted);margin:0;font-size:.76rem;line-height:1.5}.continuity-card__meta{flex-wrap:wrap;gap:.4rem;display:flex}.continuity-card__meta span,.continuity-card__meta code{border:1px solid var(--ok-border);border-radius:var(--ok-radius-pill);color:var(--ok-text-muted);background:#ffffff06;padding:.25rem .48rem;font-size:.62rem}.continuity-card__meta code{color:var(--ok-cyan)}.continuity-card .button{justify-self:start;margin-top:auto}.account-auth{grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);align-items:start;gap:1rem;display:grid}.account-auth h2{margin:.45rem 0 .65rem}.account-auth>div>p{max-width:34rem;color:var(--ok-text-muted)}.onboarding-intro{padding-top:.8rem}.onboarding-intro h1{letter-spacing:-.06em;margin:.75rem 0;font-size:clamp(2.6rem,5vw,4.2rem);line-height:.95}.onboarding-intro>p{max-width:28rem;color:var(--ok-text-muted)}.player-code-card{border:1px solid var(--ok-border);border-left:2px solid var(--ok-cyan);background:#ffffff06;border-radius:0 .65rem .65rem 0;gap:.22rem;max-width:22rem;margin-top:1.8rem;padding:.8rem .9rem;display:grid}.player-code-card span,.player-code-card small{color:var(--ok-text-muted);font-size:.7rem}.player-code-card strong{color:var(--ok-accent-bright);letter-spacing:.1em;font:700 1.1rem/1.4 ui-monospace,monospace}.onboarding-form{gap:.65rem;display:grid}.onboarding-form>small{color:var(--ok-text-muted)}.onboarding-form fieldset{border:0;margin:1rem 0;padding:0}.onboarding-form legend{margin-bottom:.7rem}.state-page{min-height:calc(100vh - 5rem);padding:var(--ok-space-4);text-align:center;place-items:center;display:grid}.state-card{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:var(--ok-surface);width:min(100%,560px);box-shadow:var(--ok-shadow-panel);padding:clamp(1.5rem,5vw,3rem)}.state-card__pulse{aspect-ratio:1;width:2rem;margin:0 auto var(--ok-space-4);border:1px solid var(--ok-cyan);border-radius:50%;animation:1.2s ease-in-out infinite state-pulse}.state-card h1{font-size:2rem}.state-card p{color:var(--ok-text-muted)}@keyframes state-pulse{50%{opacity:.35;transform:scale(.7)}}@media (width<=760px){.platform-hero{min-height:0;padding:1.35rem}.platform-hero__copy h1{font-size:clamp(2.65rem,13vw,3.7rem)}.platform-hero__copy>p{max-width:19rem;font-size:.85rem}.platform-hero__actions{flex-direction:column;align-items:stretch;margin-top:1rem}.platform-hero__actions .button{width:100%}.hero-ring--one{width:15rem;height:15rem;top:-7rem;right:-5rem}.hero-ring--two{width:8rem;height:8rem;bottom:-5rem;right:12%}.section-heading--inline{gap:.5rem;display:grid}.section-heading p{max-width:25rem}.platform-game-page,.platform-account-page{padding-top:.7rem}.account-dashboard,.account-auth,.account-continuity__grid{grid-template-columns:1fr}.game-dashboard{grid-template-columns:1fr;gap:1.1rem}.game-dashboard__main{grid-template-rows:auto auto}.game-hero{background-position:62%;min-height:295px;padding:1.3rem}.game-hero__copy h1{font-size:clamp(2.45rem,12vw,3.45rem)}.game-hero__copy p{max-width:19rem;font-size:.85rem}.game-launch-surface{padding:.85rem}.game-actions-grid,.tbt-setup-grid{grid-template-columns:1fr}.tbt-lobby-heading,.tbt-room-code-row{align-items:flex-start}.tbt-room-code-row{flex-direction:column}.tbt-leave-button{margin-left:0}.game-launch-action{min-height:4.8rem}.onboarding-intro{padding-top:0}}@media (orientation:landscape) and (height<=560px) and (width<=1000px){.platform-game-page,.platform-account-page{padding-top:.45rem}.game-dashboard{gap:.75rem}.game-hero{min-height:190px;padding:1rem 1.15rem}.game-hero__copy h1{font-size:clamp(2rem,5.8vw,2.8rem)}.game-hero__copy p{max-width:26rem;font-size:.78rem}.game-launch-surface{padding:.65rem}.game-launch-action{min-height:4.2rem}}.king-room-browser{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:#070e16b8;gap:.75rem;padding:.85rem;display:grid}.king-room-browser__header{justify-content:space-between;align-items:end;gap:1rem;display:flex}.king-room-browser__header h3,.king-room-browser__header p{margin:0}.king-room-browser__header h3{margin-top:.25rem;font-size:1.05rem}.king-room-browser__header p{color:var(--ok-text-muted);margin-top:.3rem;font-size:.72rem}.king-room-browser__list{gap:.45rem;display:grid}.king-room-browser__row{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff06;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;min-width:0;padding:.7rem .75rem;display:grid}.king-room-browser__row>div{gap:.12rem;min-width:0;display:grid}.king-room-browser__row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.king-room-browser__row span{color:var(--ok-text-muted);font-size:.66rem}.king-room-browser__empty{align-content:center;min-height:7rem}@media (width<=760px){.king-room-browser__header{flex-direction:column;align-items:flex-start}.king-room-browser__row{grid-template-columns:1fr}.king-room-browser__row .button{justify-self:start}}@media (width>=761px) and (height>=760px){.page-shell--game-entry{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;min-height:0}.page-shell--game-entry .platform-game-page--entry{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;display:grid}.page-shell--game-entry.page-shell--king .platform-game-page--entry{grid-template-rows:minmax(0,1fr)}.page-shell--game-entry .game-section-nav{margin-block:clamp(.45rem,.8vh,.75rem)}.page-shell--game-entry .game-dashboard{height:100%;min-height:0;padding-bottom:clamp(.45rem,.8vh,.75rem)}.page-shell--game-entry .game-dashboard__main,.page-shell--game-entry .game-dashboard__account{min-height:0}.page-shell--game-entry .game-dashboard__main{grid-template-rows:minmax(190px,.9fr) auto;gap:clamp(.65rem,1vh,.9rem);height:100%}.page-shell--game-entry .game-hero{min-height:0}.page-shell--game-entry .game-launch-surface{padding:clamp(.75rem,1.15vh,1rem)}.page-shell--game-entry .site-footer{padding-block:clamp(.5rem,.75vh,.8rem)}}.header-icon-button{border:1px solid var(--ok-border);width:2.55rem;height:2.55rem;color:var(--ok-text-soft);background:#ffffff09;border-radius:.65rem;flex:none;place-items:center;text-decoration:none;display:inline-grid;position:relative}.header-icon-button:hover,.header-icon-button.is-active{color:var(--ok-cyan);background:#67cee214;border-color:#67cee26b}.header-icon-button svg{width:1.05rem;height:1.05rem}.header-icon-button__count{background:var(--ok-accent);color:#071018;border:2px solid #0d1722;border-radius:999px;place-items:center;min-width:1.18rem;height:1.18rem;padding-inline:.18rem;font-size:.58rem;font-weight:820;line-height:1;display:grid;position:absolute;top:-.34rem;right:-.34rem}.platform-profile-page{gap:1rem;padding-top:.85rem;padding-bottom:1.5rem;display:grid}ok-player-profile{gap:1rem;display:grid}.player-profile-hero{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);min-height:13rem;box-shadow:var(--ok-shadow-panel);background:radial-gradient(circle at 84% 18%,#67cee226,#0000 15rem),radial-gradient(circle at 72% 100%,#d2a9681f,#0000 14rem),linear-gradient(145deg,#111d2be6,#070d14f0);justify-content:space-between;align-items:center;gap:1.5rem;padding:clamp(1.2rem,3vw,2rem);display:flex}.player-profile-identity{align-items:center;gap:1rem;min-width:0;display:flex}.player-profile-identity .ok-avatar{border-width:2px;width:5.4rem;height:5.4rem;box-shadow:0 0 0 .28rem #67cee20d}.player-profile-identity>div{min-width:0}.player-profile-identity h1{text-overflow:ellipsis;letter-spacing:-.055em;margin:.32rem 0 .25rem;font-size:clamp(2rem,4vw,3.45rem);line-height:.96;overflow:hidden}.player-profile-identity p{color:var(--ok-cyan);letter-spacing:.1em;margin:0;font:700 .78rem/1.3 ui-monospace,monospace}.player-profile-showcase{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;min-width:min(100%,19rem);display:grid}.player-profile-showcase>div{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff06;gap:.28rem;padding:.75rem;display:grid}.player-profile-showcase span{color:var(--ok-text-muted);font-size:.64rem}.player-profile-showcase strong{color:var(--ok-text-soft);font-size:.78rem}.profile-game-tabs{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#070e16b8;gap:.35rem;padding:.4rem;display:flex}.profile-game-tabs button{min-width:7rem;min-height:2.7rem;color:var(--ok-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.55rem;padding:.55rem .9rem;font-size:.8rem;font-weight:740}.profile-game-tabs button:hover,.profile-game-tabs button.is-active{color:var(--ok-cyan);background:#67cee217}.profile-game-panel{gap:1rem;display:grid}.profile-game-heading{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:#070e16b8;justify-content:space-between;align-items:end;gap:1rem;padding:1rem;display:flex}.profile-game-heading h2{letter-spacing:-.04em;margin:.3rem 0 .45rem;font-size:clamp(1.35rem,2.4vw,1.9rem)}.profile-game-heading p{max-width:45rem;color:var(--ok-text-muted);margin:0;font-size:.76rem}.profile-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.65rem;display:grid}.profile-stat-card{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff06;align-content:start;gap:.28rem;min-width:0;padding:.85rem;display:grid}.profile-stat-card span,.profile-stat-card small{color:var(--ok-text-muted);font-size:.63rem}.profile-stat-card strong{text-overflow:ellipsis;color:var(--ok-accent-bright);font-size:1.35rem;line-height:1;overflow:hidden}.profile-game-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.profile-badge-showcase,.profile-recent-matches{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:#070e16b8;min-width:0;padding:1rem}.profile-badge-grid,.profile-match-list{gap:.5rem;display:grid}.profile-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-badge-card{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff06;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;min-width:0;padding:.72rem;display:grid}.profile-badge-card.is-equipped{background:#d2a9680e;border-color:#d2a96861}.profile-badge-card.is-unlocked{background:#62d6ac09;border-color:#62d6ac3d}.profile-badge-card.is-locked{opacity:.58}.profile-cosmetic-badges{border-top:1px solid var(--ok-border);gap:.55rem;margin-top:1rem;padding-top:.9rem;display:grid}.profile-badge-card__icon{aspect-ratio:1;width:2.5rem;color:var(--ok-accent-bright);background:#d2a96814;border:1px solid #d2a96847;border-radius:50%;place-items:center;font-size:1.1rem;display:grid}.profile-badge-card>div{gap:.12rem;min-width:0;display:grid}.profile-badge-card strong{text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.profile-badge-card small{color:var(--ok-text-muted);font-size:.62rem}.profile-match-row{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff05;justify-content:space-between;align-items:center;gap:.7rem;padding:.68rem .75rem;display:flex}.profile-match-row.is-win{border-left-color:#62d6ac8c}.profile-match-row.is-loss{border-left-color:#ef707073}.profile-match-row>div{gap:.12rem;min-width:0;display:grid}.profile-match-row strong{font-size:.78rem}.profile-match-row span{color:var(--ok-text-muted);font-size:.62rem}.profile-match-result{text-align:right}.profile-empty-card{border:1px dashed var(--ok-border);border-radius:var(--ok-radius-md);color:var(--ok-text-muted);gap:.55rem;padding:.9rem;font-size:.75rem;display:grid}.profile-empty-card p{margin:0}.profile-empty-card a{color:var(--ok-cyan);justify-self:start}@media (width<=1040px){.profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.header-icon-button{width:2.35rem;height:2.35rem}.player-profile-hero,.profile-game-heading{flex-direction:column;align-items:stretch}.player-profile-showcase{width:100%}.profile-game-heading .button{align-self:flex-start}.profile-game-columns{grid-template-columns:1fr}}@media (width<=520px){.player-profile-identity{align-items:flex-start}.player-profile-identity .ok-avatar{width:4.4rem;height:4.4rem}.player-profile-showcase,.profile-stats-grid,.profile-badge-grid{grid-template-columns:1fr 1fr}.profile-game-tabs button{flex:1;min-width:0}}.identity-panel__links{flex-wrap:wrap;gap:.45rem;display:flex}.identity-panel__links .button{min-height:2.45rem}.player-profile-hero__aside{flex:none;justify-items:stretch;gap:.55rem;display:grid}.player-profile-message{justify-self:end}@media (width<=760px){.player-profile-hero__aside{width:100%}.player-profile-message{justify-self:start}}.game-section-nav{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);scrollbar-width:none;background:#050b11b8;gap:.35rem;margin:.85rem 0 1rem;padding:.4rem;display:flex;overflow-x:auto}.game-section-nav::-webkit-scrollbar{display:none}.game-section-nav a{min-height:2.55rem;color:var(--ok-text-muted);border-radius:.55rem;flex:none;justify-content:center;align-items:center;padding:.55rem .8rem;font-size:.78rem;font-weight:720;display:inline-flex}.game-section-nav a:hover,.game-section-nav a.is-active{color:var(--ok-cyan);background:#67cee217}.game-meta-surface,.platform-social-page{padding-bottom:1.5rem}ok-tavla-meta,ok-social-hub{display:block}.tavla-meta-hero,.social-hero{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);min-height:11rem;box-shadow:var(--ok-shadow-panel);background:radial-gradient(circle at 82% 20%,#d2a9682e,#0000 16rem),linear-gradient(145deg,#111d2be0,#070d14ed);justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:clamp(1.2rem,3vw,2rem);display:flex}.tavla-meta-hero h1,.social-hero h1{letter-spacing:-.055em;max-width:46rem;margin:.45rem 0 .7rem;font-size:clamp(2rem,4vw,3.4rem);line-height:.96}.tavla-meta-hero p,.social-hero p{max-width:46rem;color:var(--ok-text-soft);margin:0}.tavla-wallet{border-radius:var(--ok-radius-md);background:#d2a96812;border:1px solid #d2a96852;flex:none;gap:.2rem;min-width:9rem;padding:.8rem .95rem;display:grid}.tavla-wallet span{color:var(--ok-text-muted);font-size:.68rem}.tavla-wallet strong{color:var(--ok-accent-bright);font-size:1.05rem}.tavla-meta-notice,.social-notice{margin-top:.75rem}.platform-state-card{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:#080f17d1;gap:.7rem;margin-top:1rem;padding:clamp(1rem,2.5vw,1.5rem);display:grid}.platform-state-card h2,.platform-state-card p{margin:0}.platform-state-card p{color:var(--ok-text-muted)}.platform-state-card .button{justify-self:start}.platform-state-card--error{border-color:#ef70704d}.tavla-meta-sections,.tavla-season-layout,.tavla-ranking,.social-hub,.message-layout,.notification-center{margin-top:1rem}.tavla-meta-section{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:#070e16b3;margin-top:1rem;padding:1rem}.tavla-meta-section:first-child{margin-top:0}.tavla-meta-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));align-items:stretch;gap:.75rem;display:grid}.tavla-meta-card{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff06;min-width:0;overflow:hidden}.tavla-meta-card.is-owned{border-color:#62d6ac33}.tavla-meta-card__art{background:radial-gradient(circle at 50% 40%,#67cee229,#0000 3.5rem),linear-gradient(145deg,#111f2dcc,#080f17c7);place-items:center;min-height:7rem;display:grid}.tavla-meta-card__art span{color:var(--ok-accent-bright);opacity:.9;font-size:2.3rem}.tavla-meta-card__body{gap:.42rem;padding:.85rem;display:grid}.tavla-meta-card h3{margin:0;font-size:1rem}.tavla-meta-card p{min-height:1.35rem;color:var(--ok-text-muted);margin:0;font-size:.72rem}.tavla-meta-card__footer{align-items:flex-end;min-height:2.5rem;margin-top:.35rem;display:flex}.tavla-purchase-actions{flex-wrap:wrap;gap:.35rem;display:flex}.tavla-meta-state,.social-relationship{border:1px solid var(--ok-border);border-radius:var(--ok-radius-pill);min-height:2rem;color:var(--ok-text-muted);align-items:center;padding:.28rem .55rem;font-size:.67rem;font-weight:700;display:inline-flex}.tavla-meta-state--equipped{color:var(--ok-success);border-color:#62d6ac40}.tavla-season-layout{grid-template-columns:minmax(240px,.34fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.tavla-season-summary,.tavla-season-track{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:#070e16b8}.tavla-season-summary{gap:.8rem;padding:1.1rem;display:grid;position:sticky;top:1rem}.tavla-season-level{justify-content:space-between;align-items:baseline;display:flex}.tavla-season-level span{color:var(--ok-text-muted)}.tavla-season-level strong{color:var(--ok-accent-bright);font-size:3rem;line-height:1}.tavla-season-summary p{color:var(--ok-text-soft);margin:0;font-size:.78rem}.tavla-progress{border-radius:var(--ok-radius-pill);background:#ffffff0f;height:.5rem;overflow:hidden}.tavla-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--ok-cyan), var(--ok-accent));height:100%;display:block}.tavla-season-track{gap:.55rem;padding:.75rem;display:grid}.tavla-season-milestone{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff05;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.7rem;display:grid}.tavla-season-milestone.claim-claimable{background:#d2a9680e;border-color:#d2a96866}.tavla-season-milestone.claim-claimed{border-color:#62d6ac29}.tavla-season-milestone__level{aspect-ratio:1;border:1px solid var(--ok-border);border-radius:.7rem;align-content:center;place-items:center;width:3.2rem;display:grid}.tavla-season-milestone__level small{color:var(--ok-text-muted);font-size:.56rem}.tavla-season-milestone__level strong{font-size:1.1rem}.tavla-season-milestone__rewards{flex-wrap:wrap;gap:.35rem;min-width:0;display:flex}.tavla-season-milestone__rewards span{border:1px solid var(--ok-border);border-radius:var(--ok-radius-pill);color:var(--ok-text-soft);padding:.25rem .45rem;font-size:.66rem}.tavla-ranking{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:#070e16b8;padding:1rem}.tavla-ranking-list{gap:.45rem;display:grid}.tavla-ranking-row{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff05;grid-template-columns:3rem auto minmax(0,1fr) auto auto;align-items:center;gap:.75rem;padding:.65rem .75rem;display:grid}.tavla-ranking-row.is-current{background:#67cee20e;border-color:#67cee261}.tavla-ranking-position{color:var(--ok-accent-bright);font:760 .9rem/1 ui-monospace,monospace}.tavla-ranking-player,.tavla-ranking-rating,.tavla-ranking-record{gap:.12rem;display:grid}.tavla-ranking-player span,.tavla-ranking-rating span,.tavla-ranking-record span{color:var(--ok-text-muted);font-size:.64rem}.tavla-ranking-rating,.tavla-ranking-record{text-align:right;min-width:4rem}.platform-social-page{padding-top:.85rem}.social-hero{align-items:flex-end;min-height:9.5rem}.social-hero>*{max-width:48rem}.social-tabs{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#070e16b8;gap:.35rem;padding:.4rem;display:flex}.social-tabs button{min-height:2.6rem;color:var(--ok-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.55rem;align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.78rem;font-weight:720;display:inline-flex}.social-tabs button.is-active{color:var(--ok-cyan);background:#67cee217}.social-tabs button span,.social-count{border-radius:var(--ok-radius-pill);min-width:1.35rem;color:var(--ok-accent-bright);background:#d2a96826;place-items:center;padding:.1rem .35rem;font-size:.65rem;display:inline-grid}.social-list{gap:.55rem;margin-top:.75rem;display:grid}.social-player-row{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff06;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem;display:grid}.social-player-row__identity{gap:.16rem;min-width:0;display:grid}.social-player-row__identity strong{text-overflow:ellipsis;overflow:hidden}.social-player-row__identity span{color:var(--ok-text-muted);font-size:.68rem}.social-player-row__actions{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}.social-request-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.social-empty{border:1px dashed var(--ok-border);border-radius:var(--ok-radius-md);color:var(--ok-text-muted);margin:.7rem 0 0;padding:.85rem;font-size:.76rem}.social-search{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#070e16b8;gap:.4rem;margin-top:.75rem;padding:.8rem;display:grid}.social-search label,.message-composer label{color:var(--ok-text-soft);font-size:.7rem;font-weight:700}.social-search>div,.message-composer>div{gap:.45rem;display:flex}.social-search input,.message-composer input{border:1px solid var(--ok-border-strong);min-width:0;min-height:2.7rem;color:var(--ok-text);font:inherit;background:#02060ab8;border-radius:.55rem;flex:1;padding:.55rem .7rem}.social-search input:focus,.message-composer input:focus{border-color:var(--ok-cyan);box-shadow:var(--ok-shadow-focus);outline:none}.message-layout{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:#070e16b8;grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);min-height:34rem;display:grid;overflow:hidden}.message-sidebar{border-right:1px solid var(--ok-border);background:#03080d6b;min-width:0}.message-sidebar__heading{border-bottom:1px solid var(--ok-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem;display:flex}.message-sidebar__heading h2{margin:.2rem 0 0;font-size:1.05rem}.message-conversation-list{display:grid}.message-conversation{border:0;border-bottom:1px solid var(--ok-border);width:100%;min-width:0;color:var(--ok-text);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.7rem .8rem;display:grid}.message-conversation:hover,.message-conversation.is-active{background:#67cee20f}.message-conversation>span{min-width:0;display:grid}.message-conversation strong,.message-conversation small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-conversation small{color:var(--ok-text-muted);font-size:.66rem}.message-conversation b{border-radius:var(--ok-radius-pill);background:var(--ok-accent);color:#081018;place-items:center;min-width:1.25rem;padding:.1rem .3rem;font-size:.64rem;display:grid}.message-thread{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.message-thread__header{border-bottom:1px solid var(--ok-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.75rem .9rem;display:grid}.message-thread__header>div{display:grid}.message-thread__header span{color:var(--ok-text-muted);font-size:.66rem}.message-thread__messages{flex-direction:column;gap:.55rem;min-height:20rem;max-height:34rem;padding:.9rem;display:flex;overflow-y:auto}.message-bubble{border:1px solid var(--ok-border);background:#ffffff09;border-radius:.8rem .8rem .8rem .2rem;align-self:flex-start;max-width:min(78%,34rem);padding:.55rem .7rem}.message-bubble.is-mine{background:#67cee213;border-color:#67cee233;border-radius:.8rem .8rem .2rem;align-self:flex-end}.message-bubble p{white-space:pre-wrap;margin:0}.message-bubble small{color:var(--ok-text-muted);text-align:right;margin-top:.25rem;font-size:.58rem;display:block}.message-composer{border-top:1px solid var(--ok-border);gap:.35rem;padding:.75rem .9rem;display:grid}.message-empty{align-self:center;margin:1rem}.notification-center{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:#070e16b8;padding:1rem}.notification-toolbar{border-bottom:1px solid var(--ok-border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.85rem;display:flex}.notification-toolbar h2{margin:.25rem 0 0;font-size:1.1rem}.notification-list{display:grid}.notification-row{border-bottom:1px solid var(--ok-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.75rem .2rem;display:grid}.notification-row:last-child{border-bottom:0}.notification-row.is-unread{background:linear-gradient(90deg,#67cee20b,#0000 70%)}.notification-row__body{gap:.15rem;min-width:0;display:grid}.notification-row__body strong{font-size:.8rem}.notification-row__body span{color:var(--ok-text-muted);font-size:.64rem}.notification-glyph{aspect-ratio:1;border:1px solid var(--ok-border);width:2rem;color:var(--ok-accent-bright);border-radius:50%;place-items:center;display:grid}@media (width<=900px){.tavla-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-request-layout{grid-template-columns:1fr}}@media (width<=760px){.game-section-nav{margin-top:.7rem}.tavla-meta-hero,.social-hero{flex-direction:column;align-items:stretch;min-height:0}.tavla-wallet{width:100%}.tavla-season-layout,.message-layout{grid-template-columns:1fr}.tavla-season-summary{position:static}.message-sidebar{border-right:0;border-bottom:1px solid var(--ok-border)}.message-conversation-list{max-height:13rem;overflow-y:auto}.social-player-row{grid-template-columns:auto minmax(0,1fr)}.social-player-row__actions{grid-column:1/-1;justify-content:flex-start}.notification-toolbar{flex-direction:column;align-items:flex-start}}@media (width<=520px){.tavla-meta-grid{grid-template-columns:1fr}.tavla-season-milestone{grid-template-columns:auto minmax(0,1fr)}.tavla-season-milestone__action{grid-column:1/-1}.tavla-ranking-row{grid-template-columns:2.4rem auto minmax(0,1fr)}.tavla-ranking-rating,.tavla-ranking-record{text-align:left;grid-column:3;justify-self:start;gap:.35rem;min-width:0;display:inline-flex}.social-tabs{overflow-x:auto}.social-search>div,.message-composer>div{flex-direction:column}.message-thread__header{grid-template-columns:auto minmax(0,1fr)}.message-thread__header .button{grid-column:1/-1;justify-self:start}.notification-row{grid-template-columns:auto minmax(0,1fr)}.notification-row>.button,.notification-row>.social-relationship{grid-column:2;justify-self:start}}.home-friends-panel{border:1px solid var(--ok-border-strong);border-radius:var(--ok-radius-lg);background:linear-gradient(145deg,#182838f2,#091019f0),radial-gradient(circle at 88% 10%,#67cee212,#0000 9rem);flex-direction:column;gap:.85rem;width:100%;min-height:100%;padding:clamp(1rem,2.1vw,1.35rem);display:flex;box-shadow:0 18px 44px #00000047,inset 0 1px #ffffff06}.home-friends-panel__header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.home-friends-panel__header h2{letter-spacing:-.035em;margin:.3rem 0 0;font-size:1.1rem}.home-friends-panel__count{min-width:2.25rem;min-height:2.25rem;color:var(--ok-cyan);background:#67cee211;border:1px solid #67cee238;border-radius:50%;place-items:center;font-size:.68rem;font-weight:760;display:inline-grid}.home-friends-panel__intro{color:var(--ok-text-muted);margin:0;font-size:.72rem;line-height:1.45}.home-friends-list{align-content:start;gap:.45rem;min-height:0;display:grid}.home-friend-row{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff06;grid-template-columns:minmax(0,1fr);align-items:center;gap:.45rem;min-width:0;padding:.52rem;display:grid}.home-friend-row__profile{min-width:0;color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;text-decoration:none;display:grid}.home-friend-row__trigger{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.home-friend-row__profile>span{gap:.12rem;min-width:0;display:grid}.home-friend-row__profile strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.home-friend-row__profile small{color:var(--ok-text-muted);align-items:center;gap:.35rem;font-size:.62rem;display:flex}.home-friend-row__profile small i{aspect-ratio:1;background:var(--ok-text-muted);border-radius:50%;width:.38rem}.home-friend-row__profile small i.is-ready{background:var(--ok-success);box-shadow:0 0 0 3px #62d6ac1a}.home-friend-row__profile:hover strong,.home-friend-row__trigger:focus-visible strong{color:var(--ok-cyan)}.home-friend-row__trigger:focus-visible{outline:2px solid var(--ok-cyan);outline-offset:3px;border-radius:var(--ok-radius-sm)}.home-friend-row__chevron{color:var(--ok-text-muted);transition:transform var(--ok-motion-fast);font-size:.85rem}.home-friend-row.is-open .home-friend-row__chevron{transform:rotate(180deg)}.home-friend-row__menu{border-top:1px solid var(--ok-border);gap:.5rem;padding-top:.5rem;display:grid}.home-friend-row__menu-actions{flex-wrap:wrap;gap:.35rem;display:flex}.home-friend-row__message{grid-template-columns:minmax(0,1fr) auto;gap:.35rem;display:grid}.home-friend-row__message label{min-width:0}.home-friend-row__message input{border:1px solid var(--ok-border-strong);width:100%;min-width:0;min-height:2.15rem;color:var(--ok-text);font:inherit;background:#02060ab8;border-radius:.5rem;padding:.4rem .55rem;font-size:.68rem}.home-friend-row__message input:focus{border-color:var(--ok-cyan);box-shadow:var(--ok-shadow-focus);outline:none}.home-friend-row__invite{min-height:2.15rem;padding-inline:.6rem;font-size:.64rem}.home-friend-row__invite:disabled{opacity:.52}@media (width>=761px){.home-friend-row.is-open{gap:.32rem;padding:.44rem}.home-friend-row__menu{gap:.34rem;padding-top:.38rem}.home-friend-row__menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.28rem;display:grid}.home-friend-row__menu-actions .home-friend-row__action{width:100%;min-height:1.9rem;padding:.32rem .52rem;font-size:.64rem}.home-friend-row__remove{min-height:1.55rem;color:var(--ok-text-muted);border-color:#0000;grid-column:1/-1;justify-self:start;padding:.1rem .18rem;font-size:.6rem}.home-friend-row__remove:hover{color:var(--ok-danger);background:#ef70700f}.home-friend-row__message{gap:.28rem}.home-friend-row__message input{min-height:1.95rem;padding:.32rem .48rem;font-size:.64rem}.home-friend-row__send{min-height:1.95rem;padding:.32rem .62rem;font-size:.64rem}}.home-friends-panel__empty{border:1px dashed var(--ok-border);border-radius:var(--ok-radius-md);color:var(--ok-text-muted);gap:.3rem;padding:.8rem;font-size:.7rem;display:grid}.home-friends-panel__empty strong{color:var(--ok-text-soft);font-size:.76rem}.home-friends-panel__feedback{border-radius:var(--ok-radius-sm);margin:0;padding:.55rem .65rem;font-size:.68rem}.home-friends-panel__feedback.is-success{color:var(--ok-success);background:#62d6ac12}.home-friends-panel__feedback.is-error{color:var(--ok-danger);background:#ef707012}.home-friends-panel__all{justify-self:start;margin-top:auto}.social-player-row__avatar-link{border-radius:50%;display:inline-grid}.social-player-row__profile-link{color:inherit;text-decoration:none}.social-player-row__profile-link:hover strong,.social-player-row__profile-link:focus-visible strong{color:var(--ok-cyan)}.social-player-row__avatar-link:focus-visible,.social-player-row__profile-link:focus-visible{outline:2px solid var(--ok-cyan);outline-offset:2px}@media (width<=760px){.home-friends-panel{min-height:0}.home-friend-row,.home-friend-row__message{grid-template-columns:1fr}.home-friend-row__message .button,.home-friend-row__invite{justify-self:start}}.home-friends-panel__groups{overscroll-behavior:contain;scrollbar-width:thin;flex:auto;align-content:start;gap:.5rem;min-height:0;padding-right:.15rem;display:grid;overflow-y:auto}.home-friends-group{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff05;overflow:hidden}.home-friends-group[open]{background:#070e167a;border-color:#67cee22e}.home-friends-group__summary{min-height:2.8rem;color:var(--ok-text-soft);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.62rem .72rem;list-style:none;display:flex}.home-friends-group__summary::-webkit-details-marker{display:none}.home-friends-group__summary:hover,.home-friends-group__summary:focus-visible{color:var(--ok-text);background:#67cee20b;outline:none}.home-friends-group__title,.home-friends-group__meta{align-items:center;gap:.5rem;display:inline-flex}.home-friends-group__title strong{font-size:.74rem}.home-friends-group__status{aspect-ratio:1;background:var(--ok-text-muted);border-radius:50%;flex:none;width:.42rem;box-shadow:0 0 0 3px #ffffff06}.home-friends-group__status--online{background:var(--ok-success);box-shadow:0 0 0 3px #62d6ac1a}.home-friends-group__status--all{background:var(--ok-cyan);box-shadow:0 0 0 3px #67cee217}.home-friends-group__status--offline{background:#657486}.home-friends-group__meta b{border-radius:var(--ok-radius-pill);min-width:1.55rem;color:var(--ok-text-muted);background:#ffffff0b;place-items:center;padding:.15rem .38rem;font-size:.62rem;display:inline-grid}.home-friends-group__chevron{color:var(--ok-text-muted);transition:transform var(--ok-motion-fast);font-size:.9rem;line-height:1}.home-friends-group[open] .home-friends-group__chevron{transform:rotate(180deg)}.home-friends-group__body{border-top:1px solid var(--ok-border);padding:.48rem}.home-friends-group__body .home-friends-panel__empty{margin:0;padding:.62rem .68rem}.home-friend-row__avatar{display:inline-grid;position:relative}.home-friend-row__presence{aspect-ratio:1;background:#657486;border:2px solid #111c28;border-radius:50%;width:.52rem;position:absolute;bottom:-.02rem;right:-.08rem}.home-friend-row__presence.is-online{background:var(--ok-success);box-shadow:0 0 0 2px #62d6ac14}.home-friend-row__presence.is-playing{background:var(--ok-accent)}.home-friend-row__presence.is-offline{background:#657486}@media (width<=760px){.home-friends-panel__groups{overflow:visible}.home-friends-group__body{padding:.55rem}}.home-friends-group__body--nested{gap:.45rem;padding:.55rem;display:grid}.home-friends-group__body--nested>.home-friends-group{background:#ffffff04}.page-shell--home .platform-account{align-self:start}.page-shell--home .home-friends-panel{min-height:0}@media (width>=761px){.page-shell--home .home-friends-panel__groups{max-height:min(52vh,28rem)}}.tavla-store-toolbar{border-radius:var(--ok-radius-lg);background:radial-gradient(circle at 84% 18%,#67cee214,#0000 12rem),#070e16c2;border:1px solid #67cee22e;justify-content:space-between;align-items:end;gap:1rem;padding:1rem;display:flex}.tavla-store-toolbar h2,.tavla-store-toolbar p{margin:0}.tavla-store-toolbar h2{letter-spacing:-.04em;margin-top:.3rem;font-size:1.35rem}.tavla-store-toolbar p{color:var(--ok-text-muted);margin-top:.35rem;font-size:.76rem}.tavla-store-surface>.tavla-meta-sections{margin-top:.75rem}.tavla-theme-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr))}.tavla-meta-card.is-equipped{border-color:#62d6ac57;box-shadow:inset 0 0 0 1px #62d6ac14}.tavla-theme-card__art{background:#08111a;min-height:9.5rem;overflow:hidden}.tavla-theme-card__art img{object-fit:cover;width:100%;height:100%;min-height:9.5rem;display:block}.tavla-cosmetic-image{object-fit:contain;width:100%;height:7rem;padding:.55rem;display:block}.tavla-cosmetic-visual--checker{justify-content:center;align-items:center;gap:.7rem;min-height:7rem;display:flex}.tavla-cosmetic-visual--checker img{aspect-ratio:1;object-fit:contain;width:clamp(3.2rem,6vw,4.5rem)}.tavla-cosmetic-glyph{color:var(--ok-accent-bright);font-size:2.3rem}.tavla-default-checkers{justify-content:center;align-items:center;gap:.72rem;min-height:7rem;display:flex}.tavla-default-checkers i{aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffffff6b,#0000 16%),linear-gradient(145deg,#dfc28d,#8e6b38);border:1px solid #ffffff3d;border-radius:50%;width:3.8rem;box-shadow:0 .45rem 1rem #00000047}.tavla-default-checkers i+i{background:radial-gradient(circle at 35% 30%,#ffffff29,#0000 16%),linear-gradient(145deg,#26384b,#0a1018)}.tavla-meta-card__footer .tavla-purchase-actions{width:100%}@media (width<=760px){.tavla-store-toolbar{flex-direction:column;align-items:stretch}.tavla-theme-grid{grid-template-columns:1fr}}.tavla-meta-card__commerce{flex-wrap:wrap;gap:.35rem;margin-top:.1rem;display:flex}.tavla-commerce-chip{border:1px solid var(--ok-border);border-radius:var(--ok-radius-pill);min-height:1.75rem;color:var(--ok-text-muted);background:#ffffff06;align-items:center;padding:.25rem .5rem;font-size:.62rem;font-weight:720;display:inline-flex}.tavla-commerce-chip.is-price{color:var(--ok-cyan);border-color:#67cee233}.tavla-commerce-chip.is-season{color:var(--ok-accent-bright);border-color:#d2a9683d}.tavla-commerce-chip.is-owned{color:var(--ok-success);border-color:#62d6ac38}.game-dashboard__social .home-friends-panel{min-height:0}@media (width>=761px){.game-dashboard__social .home-friends-panel__groups{max-height:min(44vh,24rem)}}.home-friend-row--profile-only{grid-template-columns:minmax(0,1fr)}.tavla-progress-layout{gap:1rem;margin-top:1rem;display:grid}.tavla-economy-overview,.tavla-daily-missions{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);background:#070e16b8;padding:1rem}.tavla-economy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.tavla-economy-stat{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff06;gap:.3rem;min-width:0;padding:.8rem;display:grid}.tavla-economy-stat>span,.tavla-economy-stat small{color:var(--ok-text-muted);font-size:.65rem}.tavla-economy-stat strong{color:var(--ok-text);font-size:1.05rem}.tavla-economy-season-progress{border-top:1px solid var(--ok-border);grid-template-columns:minmax(0,1fr) minmax(12rem,.8fr) auto;align-items:center;gap:.75rem;margin-top:.8rem;padding-top:.8rem;display:grid}.tavla-economy-season-progress>div:first-child{gap:.15rem;display:grid}.tavla-economy-season-progress>div:first-child span{color:var(--ok-text-muted);font-size:.65rem}.tavla-mission-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:.65rem;display:grid}.tavla-mission-card{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff05;gap:.65rem;padding:.8rem;display:grid}.tavla-mission-card.is-complete{border-color:#62d6ac38}.tavla-mission-card header{justify-content:space-between;align-items:start;gap:.75rem;display:flex}.tavla-mission-card h3,.tavla-mission-card p{margin:0}.tavla-mission-card h3{margin-top:.2rem;font-size:.9rem}.tavla-mission-card p{color:var(--ok-text-muted);font-size:.68rem}.tavla-mission-reward{border-radius:var(--ok-radius-pill);color:var(--ok-accent-bright);border:1px solid #d2a9683d;flex:none;padding:.25rem .45rem;font-size:.65rem;font-weight:720}@media (width<=900px){.tavla-economy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tavla-economy-season-progress{grid-template-columns:1fr}.tavla-economy-season-progress .button{justify-self:start}}@media (width<=520px){.tavla-economy-grid{grid-template-columns:1fr}}.tavla-meta-context{border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);background:#050b11c7;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:.7rem;padding:.5rem;display:grid;box-shadow:inset 0 1px #ffffff05}.tavla-context-skeleton{background:linear-gradient(90deg,#0000,#ffffff0b,#0000) 0 0/180% 100%,#ffffff06;border-radius:.55rem;min-height:3.25rem;animation:1.25s linear infinite tavla-context-loading}@keyframes tavla-context-loading{0%{background-position:180% 0,0 0}to{background-position:-180% 0,0 0}}.tavla-context-stat{min-width:0;min-height:3.25rem;color:inherit;transition:border-color var(--ok-motion-fast), background var(--ok-motion-fast), transform var(--ok-motion-fast);border:1px solid #0000;border-radius:.55rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding:.48rem .58rem;text-decoration:none;display:grid}.tavla-context-stat:hover,.tavla-context-stat:focus-visible{background:#67cee20d;border-color:#67cee233;outline:none;transform:translateY(-1px)}.tavla-context-stat>span:last-child{gap:.12rem;min-width:0;display:grid}.tavla-context-stat small{color:var(--ok-text-muted);font-size:.6rem}.tavla-context-stat strong{color:var(--ok-text);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.tavla-context-level,.tavla-reward-visual{border:1px solid var(--ok-border);background:#ffffff09;border-radius:.55rem;flex:none;place-items:center;width:2rem;height:2rem;display:inline-grid;overflow:hidden}.tavla-context-level{color:var(--ok-accent-bright);letter-spacing:.04em;font-size:.62rem;font-weight:800}.tavla-reward-visual img{object-fit:contain;width:100%;height:100%;padding:.18rem;display:block}.tavla-reward-visual--checker{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.tavla-reward-visual--checker img{width:1.2rem;height:1.2rem;padding:0}.tavla-reward-visual--placeholder{color:var(--ok-accent-bright)}.tavla-store-categories{z-index:calc(var(--ok-z-header) - 1);border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none;background:#050b11f0;gap:.35rem;margin-top:.75rem;padding:.42rem;display:flex;position:sticky;top:.55rem;overflow-x:auto;box-shadow:0 12px 28px #0003}.tavla-store-categories::-webkit-scrollbar{display:none}.tavla-store-category{min-height:2.35rem;color:var(--ok-text-muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.5rem;flex:none;padding:.45rem .72rem;font-size:.7rem;font-weight:720}.tavla-store-category:hover,.tavla-store-category:focus-visible{color:var(--ok-text);outline:none}.tavla-store-category.is-active{color:var(--ok-accent-bright);background:#d2a9681a;border-color:#d2a96833}.tavla-meta-sections--store{margin-top:.65rem}.tavla-meta-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));width:100%}.tavla-theme-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));width:100%}.tavla-meta-card{grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;display:grid}.tavla-meta-card__art{aspect-ratio:16/7;min-height:0}.tavla-theme-card__art{aspect-ratio:16/9;min-height:0}.tavla-theme-card__art img{min-height:0}.tavla-meta-card__body{align-content:start;min-height:0}.tavla-meta-card__footer{align-self:end;margin-top:auto;padding-top:.4rem}.tavla-meta-card__footer>.button,.tavla-meta-card__footer>.tavla-purchase-actions{max-width:100%}.tavla-season-milestone__rewards{align-items:stretch}.tavla-season-reward{border:1px solid var(--ok-border);background:#ffffff05;border-radius:.55rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.45rem;min-width:min(100%,9rem);padding:.35rem .45rem;display:grid}.tavla-season-reward .tavla-reward-visual{width:2.25rem;height:2.25rem}.tavla-season-reward>span:last-child{color:var(--ok-text-soft);font-size:.64rem;line-height:1.25}.tavla-economy-stat{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon label""icon value""note note";align-items:center}.tavla-economy-stat>.tavla-reward-visual{grid-area:icon;width:2.45rem;height:2.45rem}.tavla-economy-stat>span{grid-area:label}.tavla-economy-stat>strong{grid-area:value}.tavla-economy-stat>small{border-top:1px solid #bfd5e814;grid-area:note;padding-top:.2rem}.tavla-mission-reward{align-items:center;gap:.3rem;display:inline-flex}.tavla-mission-reward .tavla-reward-visual{background:0 0;border:0;width:1.35rem;height:1.35rem}.tavla-mission-reward .tavla-reward-visual img{padding:0}@media (width>=761px){.game-section-nav{z-index:calc(var(--ok-z-header) - 1);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050b11f0;position:sticky;top:.55rem;box-shadow:0 12px 28px #0000002e}}@media (width<=900px){.tavla-meta-context,.tavla-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.tavla-meta-context{grid-template-columns:1fr}.tavla-context-stat{min-height:3rem}.tavla-theme-grid,.tavla-meta-grid{grid-template-columns:1fr}.tavla-store-categories{margin-inline:-.1rem;top:.35rem}.tavla-season-reward{min-width:100%}}.tavla-meta-sections--store{gap:.75rem;display:grid}.tavla-meta-sections--store .tavla-meta-section{margin-top:0;padding:.82rem}.tavla-meta-sections--store .section-heading{margin-bottom:.65rem}.tavla-meta-sections--store .tavla-meta-section:not(.tavla-meta-section--themes) .tavla-meta-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),15.5rem));justify-content:start;align-items:stretch}.tavla-meta-sections--store .tavla-theme-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),19rem));justify-content:start;align-items:stretch}.tavla-meta-sections--store .tavla-meta-section:not(.tavla-meta-section--themes) .tavla-meta-card__art{aspect-ratio:auto;height:8.25rem;min-height:0}.tavla-meta-sections--store .tavla-cosmetic-image{height:100%;max-height:7.25rem;padding:.6rem}.tavla-meta-sections--store .tavla-cosmetic-visual--checker,.tavla-meta-sections--store .tavla-default-checkers{height:100%;min-height:0}.tavla-meta-sections--store .tavla-cosmetic-visual--checker img{width:clamp(2.7rem,4vw,3.6rem)}.tavla-meta-sections--store .tavla-default-checkers i{width:3.15rem}.tavla-meta-sections--store .tavla-meta-card__body{gap:.32rem;padding:.7rem}.tavla-meta-sections--store .tavla-meta-card h3{font-size:.9rem}.tavla-meta-sections--store .tavla-meta-card p{min-height:0;font-size:.68rem;line-height:1.4}.tavla-meta-sections--store .tavla-meta-card__footer{min-height:2.1rem;padding-top:.3rem}.tavla-meta-sections--store .tavla-meta-card{transition:border-color var(--ok-motion-fast), background var(--ok-motion-fast), transform var(--ok-motion-fast)}@media (hover:hover){.tavla-meta-sections--store .tavla-meta-card:hover{border-color:var(--ok-border-strong);background:#ffffff09;transform:translateY(-1px)}}@media (width<=620px){.tavla-meta-sections--store .tavla-meta-section:not(.tavla-meta-section--themes) .tavla-meta-grid,.tavla-meta-sections--store .tavla-theme-grid{grid-template-columns:1fr}.tavla-meta-sections--store .tavla-meta-section{padding:.72rem}.tavla-meta-sections--store .tavla-meta-section:not(.tavla-meta-section--themes) .tavla-meta-card__art{height:7.2rem}}.tavla-meta-sections--collection{gap:.75rem;display:grid}.tavla-meta-sections--collection .tavla-meta-section{margin-top:0;padding:.82rem}.tavla-meta-sections--collection .section-heading{margin-bottom:.65rem}.tavla-meta-sections--collection .tavla-meta-section:not(.tavla-meta-section--themes) .tavla-meta-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),15.5rem));justify-content:start;align-items:stretch}.tavla-meta-sections--collection .tavla-theme-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),19rem));justify-content:start;align-items:stretch}.tavla-meta-sections--collection .tavla-meta-section:not(.tavla-meta-section--themes) .tavla-meta-card__art{aspect-ratio:auto;height:8.25rem;min-height:0}.tavla-meta-sections--collection .tavla-cosmetic-image{height:100%;max-height:7.25rem;padding:.6rem}.tavla-meta-sections--collection .tavla-cosmetic-visual--checker,.tavla-meta-sections--collection .tavla-default-checkers{height:100%;min-height:0}.tavla-meta-sections--collection .tavla-cosmetic-visual--checker img{width:clamp(2.7rem,4vw,3.6rem)}.tavla-meta-sections--collection .tavla-default-checkers i{width:3.15rem}.tavla-meta-sections--collection .tavla-meta-card__body{gap:.32rem;padding:.7rem}.tavla-meta-sections--collection .tavla-meta-card h3{font-size:.9rem}.tavla-meta-sections--collection .tavla-meta-card p{min-height:0;font-size:.68rem;line-height:1.4}.tavla-meta-sections--collection .tavla-meta-card__footer{min-height:2.1rem;padding-top:.3rem}.tavla-meta-sections--collection .tavla-meta-state,.tavla-meta-sections--collection .tavla-commerce-chip{min-height:1.7rem;padding-block:.2rem;font-size:.62rem}@media (hover:hover){.tavla-meta-sections--collection .tavla-meta-card:hover{border-color:var(--ok-border-strong);background:#ffffff09;transform:translateY(-1px)}}@media (width<=620px){.tavla-meta-sections--collection .tavla-meta-section:not(.tavla-meta-section--themes) .tavla-meta-grid,.tavla-meta-sections--collection .tavla-theme-grid{grid-template-columns:1fr}.tavla-meta-sections--collection .tavla-meta-section{padding:.72rem}.tavla-meta-sections--collection .tavla-meta-section:not(.tavla-meta-section--themes) .tavla-meta-card__art{height:7.2rem}}.tavla-exchange-card{border-radius:var(--ok-radius-md);background:radial-gradient(circle at 100% 0,#d2a96812,#0000 12rem),#070e16c2;border:1px solid #d2a96838;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.75rem;min-width:0;margin-top:.65rem;padding:.72rem .78rem;display:grid}.tavla-exchange-card__copy,.tavla-exchange-card__balance>span{gap:.12rem;min-width:0;display:grid}.tavla-exchange-card__copy>strong{color:var(--ok-text);font-size:.9rem}.tavla-exchange-card__copy>small,.tavla-exchange-card__balance small{color:var(--ok-text-muted);font-size:.62rem}.tavla-exchange-card__balance{border-left:1px solid var(--ok-border);align-items:center;gap:.5rem;min-width:9rem;padding-left:.75rem;display:flex}.tavla-exchange-card__balance strong{color:var(--ok-text);white-space:nowrap;font-size:.74rem}.tavla-exchange-card__action{flex-wrap:wrap;justify-content:flex-end;gap:.35rem;display:flex}@media (width<=760px){.tavla-exchange-card{grid-template-columns:1fr}.tavla-exchange-card__balance{border-left:0;border-top:1px solid var(--ok-border);min-width:0;padding-top:.6rem;padding-left:0}.tavla-exchange-card__action{justify-content:stretch}.tavla-exchange-card__action .button{flex:auto}}.platform-store-page{padding-top:.85rem;padding-bottom:1.5rem}.platform-store{gap:.78rem;display:grid}.platform-store-hero,.platform-store-shelf,.platform-store-featured,.platform-store-catalog{border:1px solid var(--ok-border);border-radius:var(--ok-radius-lg);box-shadow:var(--ok-shadow-panel);background:linear-gradient(145deg,#111d2bd1,#070d14e6)}.platform-store-hero{background:radial-gradient(circle at 85% 20%,#d2a9682b,#0000 15rem),radial-gradient(circle at 65% 120%,#67cee21a,#0000 18rem),linear-gradient(145deg,#111d2be6,#070d14f0);justify-content:space-between;align-items:end;gap:2rem;min-height:9.25rem;padding:clamp(1.1rem,2.2vw,1.65rem);display:flex}.platform-store-hero h1{letter-spacing:-.055em;margin:.45rem 0 .65rem;font-size:clamp(1.9rem,3.5vw,3.1rem);line-height:.95}.platform-store-hero p{max-width:45rem;color:var(--ok-text-soft);margin:0}.platform-store-hero__note{max-width:13rem;color:var(--ok-text-muted);text-align:right;flex:none;font-size:.72rem;line-height:1.45}.platform-store-shelf,.platform-store-catalog{padding:.85rem}.platform-store-games{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.75rem;display:grid}.platform-store-game{isolation:isolate;border:1px solid var(--ok-border);border-radius:var(--ok-radius-md);min-height:7.2rem;color:var(--ok-text);cursor:pointer;text-align:left;background:#0b131c;padding:0;position:relative;overflow:hidden}.platform-store-game img,.platform-store-game__shade{width:100%;height:100%;position:absolute;inset:0}.platform-store-game img{object-fit:cover;transition:transform var(--ok-motion-base)}.platform-store-game__shade{z-index:1;background:linear-gradient(90deg,#04090feb,#04090f73 66%,#04090f1f)}.platform-store-game__copy{z-index:2;align-content:end;gap:.22rem;min-height:7.2rem;padding:.9rem;display:grid;position:relative}.platform-store-game__copy small{color:var(--ok-cyan);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-style:normal;font-weight:760}.platform-store-game__copy strong{font-size:1.12rem}.platform-store-game__copy em{color:var(--ok-text-muted);font-size:.66rem;font-style:normal}.platform-store-game:hover img{transform:scale(1.025)}.platform-store-game.is-active{border-color:#d2a9687a;box-shadow:inset 0 0 0 1px #d2a9681f}.platform-store-featured{isolation:isolate;align-items:end;min-height:11.5rem;padding:clamp(1.15rem,2.5vw,1.8rem);display:flex;position:relative;overflow:hidden}.platform-store-featured>img,.platform-store-featured__shade{width:100%;height:100%;position:absolute;inset:0}.platform-store-featured>img{z-index:-2;object-fit:cover;object-position:center}.platform-store-featured__shade{z-index:-1;background:linear-gradient(90deg,#03080df0,#03080d9e 48%,#03080d2e),linear-gradient(#0000 35%,#03080d9e)}.platform-store-featured__copy{max-width:34rem}.platform-store-featured__copy h2{letter-spacing:-.05em;margin:.4rem 0 .55rem;font-size:clamp(1.7rem,3.2vw,2.7rem)}.platform-store-featured__copy p{color:var(--ok-text-soft);margin:0;font-size:.82rem}.platform-store-featured__actions{flex-wrap:wrap;gap:.45rem;margin-top:.9rem;display:flex}.platform-store-catalog .tavla-meta-section{margin-top:0}.platform-store-coming-soon{border:1px dashed var(--ok-border);border-radius:var(--ok-radius-md);background:#ffffff05;align-content:center;justify-items:start;gap:.65rem;min-height:13rem;padding:clamp(1.1rem,3vw,2rem);display:grid}.platform-store-coming-soon h2,.platform-store-coming-soon p{margin:0}.platform-store-coming-soon p{max-width:44rem;color:var(--ok-text-muted);line-height:1.55}@media (width<=760px){.platform-store-page{padding-top:.7rem}.platform-store-hero{flex-direction:column;align-items:flex-start;gap:.9rem;min-height:0}.platform-store-hero__note{text-align:left;max-width:none}.platform-store-games{grid-template-columns:1fr}.platform-store-featured{min-height:12rem}}.platform-store-catalog{scroll-margin-top:4.5rem}.platform-store-game{width:100%}.platform-store-game.is-active:after{content:"";z-index:3;background:linear-gradient(90deg, transparent, var(--ok-accent), transparent);height:2px;position:absolute;inset:auto 0 0}@media (width>=761px) and (height>=760px){.platform-store-hero{min-height:8.75rem}.platform-store-game,.platform-store-game__copy{min-height:6.9rem}}