:root{--c-sky-hi: #E4F1FF;--c-sky: #C3DFF8;--c-sky-deep: #9CC4EA;--c-sky-shade: #7FA9D4;--c-surface: #FFFFFF;--c-surface-2: #F1F7FD;--c-surface-3: #E2ECF7;--c-surface-sunk: #D2E0EE;--c-ink: #33455F;--c-ink-2: #5E7391;--c-ink-3: #8CA0BA;--c-ink-onsky: #2C3E58;--c-a: #FF9A6B;--c-a-hi: #FFC49A;--c-a-deep: #D8663C;--c-a-ao: #B04E2B;--c-b: #7FB6F5;--c-b-hi: #B4D8FF;--c-b-deep: #4A82C9;--c-b-ao: #33639F;--c-core: #FFD98A;--c-core-hi: #FFF3CF;--c-core-deep: #E0A73F;--c-core-ao: #B57F1E;--c-block: #B9A7E8;--c-block-hi: #D8CCFF;--c-block-deep: #8B76C4;--c-ok: #6FD3A3;--c-ok-deep: #3EA377;--c-warn: #FFC46B;--c-warn-deep: #D99327;--c-danger: #FF8FA3;--c-danger-deep: #D45570;--c-info: #7FB6F5;--c-rank-bronze: #D19A6E;--c-rank-silver: #C3CDDA;--c-rank-gold: #FFD073;--c-rank-plat: #8FE0CC;--c-rank-dia: #93D0FF;--c-rank-master: #C9AEFF;--shade-rgb: 51, 69, 95;--c-veil-rgb: 227, 240, 253;--hi-rgb: 255, 255, 255;--c-on-accent: #FFFFFF;--g-a: linear-gradient(180deg, #FFC49A 0%, #FF9A6B 46%, #E4794A 100%);--g-b: linear-gradient(180deg, #B4D8FF 0%, #7FB6F5 46%, #5A93D6 100%);--g-core: radial-gradient(circle at 34% 26%, #FFF3CF 0%, #FFD98A 52%, #DFA23A 100%);--g-block: linear-gradient(180deg, #D8CCFF 0%, #B9A7E8 48%, #9682CE 100%);--g-primary: linear-gradient(180deg, #FFC49A 0%, #FF9A6B 52%, #EE7F4F 100%);--g-surface: linear-gradient(180deg, #FFFFFF 0%, #F1F7FD 100%);--g-sunk: linear-gradient(180deg, #DCE8F4 0%, #E9F1FA 100%);--g-danger: linear-gradient(180deg, #FFB3C1 0%, #FF8FA3 52%, #E36B84 100%);--g-ok: linear-gradient(180deg, #9BE6C4 0%, #6FD3A3 52%, #4FB88A 100%);--g-warn: linear-gradient(180deg, #FFD79B 0%, #FFC46B 100%);--g-error-art: linear-gradient(180deg, #FFD3DC 0%, #FFB3C1 100%);--g-sky: linear-gradient(180deg, #E4F1FF 0%, #C3DFF8 54%, #A9CDEE 100%);--g-floor: radial-gradient(120% 80% at 50% 40%, #F4F9FF 0%, #D9E7F5 100%);--clay-0: none;--clay-1: inset 0 2px 0 rgba(255,255,255,.72), 0 1px 2px rgba(var(--shade-rgb), .1), 0 4px 10px -2px rgba(var(--shade-rgb), .14);--clay-2: inset 0 3px 0 rgba(255,255,255,.78), inset 0 -2px 0 rgba(var(--shade-rgb), .1), 0 2px 4px rgba(var(--shade-rgb), .12), 0 10px 20px -6px rgba(var(--shade-rgb), .2);--clay-3: inset 0 3px 0 rgba(255,255,255,.85), inset 0 -3px 0 rgba(var(--shade-rgb), .12), 0 4px 8px rgba(var(--shade-rgb), .14), 0 18px 34px -10px rgba(var(--shade-rgb), .28);--clay-4: inset 0 4px 0 rgba(255,255,255,.9), inset 0 -4px 0 rgba(var(--shade-rgb), .14), 0 8px 16px rgba(var(--shade-rgb), .16), 0 32px 60px -16px rgba(var(--shade-rgb), .34);--clay-press: inset 0 3px 8px rgba(var(--shade-rgb), .26), inset 0 -1px 0 rgba(255,255,255,.5);--clay-sunk: inset 0 2px 5px rgba(var(--shade-rgb), .18);--ao-sm: 0 3px 5px -1px rgba(var(--shade-rgb), .34);--ao-md: 0 7px 12px -3px rgba(var(--shade-rgb), .38);--ao-lg: 0 14px 22px -6px rgba(var(--shade-rgb), .42);--glow-a: 0 0 0 5px rgba(255,154,107,.26);--glow-b: 0 0 0 5px rgba(127,182,245,.26);--glow-err: 0 0 0 3px rgba(255,143,163,.4);--glow-ok: 0 0 0 3px rgba(111,211,163,.3);--glow-core: 0 0 26px rgba(255,217,138,.62);--f-display: "Chakra Petch", system-ui, sans-serif;--f-ui: "Chakra Petch", system-ui, sans-serif;--f-body: "Chakra Petch", system-ui, sans-serif;--f-num: "Chakra Petch", system-ui, sans-serif;--fw-display: 700;--fw-label: 600;--fw-body: 400;--fw-note: 400;--fs-d1: clamp(2.75rem, 9vw, 5rem);--fs-d2: clamp(2rem, 6vw, 3rem);--fs-h1: 1.75rem;--fs-h2: 1.375rem;--fs-h3: 1.125rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-xs: .75rem;--fs-micro: .6875rem;--lh-tight: 1.06;--lh-head: 1.22;--lh-body: 1.58;--ls-display: 0;--ls-caps: .09em;--ts-emboss: 0 1px 0 rgba(255,255,255,.55);--s-0: 0;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-20: 80px;--s-24: 96px;--s-32: 128px;--gutter: var(--s-5);--gutter-md: var(--s-8);--gutter-lg: var(--s-10);--page-max: 1180px;--panel-max: 520px;--r-1: 8px;--r-2: 12px;--r-3: 16px;--r-4: 24px;--r-5: 32px;--r-pill: 999px;--t-instant: .11s;--t-fast: .18s;--t-base: .28s;--t-slow: .42s;--t-scene: .6s;--ease-out: cubic-bezier(.24, .92, .3, 1);--ease-in: cubic-bezier(.5, 0, .9, .4);--ease-inout: cubic-bezier(.62, 0, .32, 1);--ease-squish: cubic-bezier(.34, 1.56, .42, 1);--ease-blob: cubic-bezier(.2, 1.22, .34, 1);--ease-plop: cubic-bezier(.16, 1.5, .5, 1);--z-bg: 0;--z-board: 10;--z-entity: 20;--z-fx: 30;--z-hud: 40;--z-controls: 50;--z-sheet: 60;--z-modal: 70;--z-toast: 80;--z-loader: 90;--z-debug: 100;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--hud-h: 76px;--controls-h: 112px;--nav-h: 68px;--safe-b: env(safe-area-inset-bottom, 0px)}:root{--px-ink: #21283B;--px-ink-2: #4C5874;--px-line: #21283B;--px-bg: #BFD8F2;--px-panel: #FFFFFF;--px-sky-hi: #A8CDF0;--px-sky-lo: #D9E9F8;--px-sky-city: #7FA6C9;--px-cell: #F3F7FC;--px-cell-alt: #E3ECF7;--px-cell-cut: #FFD9A8;--px-a: #E8384F;--px-b: #2F6FE4;--px-home-a: #FFC2CB;--px-home-b: #B4CEFA;--px-wall-a: #A31329;--px-wall-b: #17429E;--px-ghost: #FFD84D;--px-hole: #2C3350;--px-trap: #E23E5C;--px-portal: #17BFA6;--px-ice: #7FD7F2;--px-gold: #FFC23C;--px-silver: #C9D3E0;--px-bronze: #D08A5A;--px-plat: #8FE0CC;--px-dia: #93D0FF;--px-master: #C9AEFF;--px-lv-rookie: #D8F3CF;--px-lv-rookie-on: #46B43E;--fx-fire-rgb: 255, 176, 58;--px-lv-rival: #D2E3FA;--px-lv-rival-on: #2F6FE4;--px-lv-ace: #FFE3BC;--px-lv-ace-on: #F08A1D;--px-lv-legend: #E9D3FA;--px-lv-legend-on: #8A3FD1;--fx-hole-1: #1B0B2E;--fx-hole-2: #7A2BD9;--fx-hole-3: #C77DFF;--fx-spike-1: #7A0A1E;--fx-spike-2: #E8384F;--fx-spike-3: #FF9BAA;--fx-ice-1: #0B4A6E;--fx-ice-2: #4FC3F7;--fx-ice-3: #D6F4FF;--fx-bolt-1: #241C33;--fx-bolt-2: #FFC23C;--fx-bolt-3: #FFF8D6;--fx-storm-1: #16323F;--fx-storm-2: #2E8B92;--fx-storm-3: #A9E5E0;--brand-line: #06C755;--brand-facebook: #1877F2;--brand-x: #000000;--fx-jail-1: #2B2330;--fx-jail-2: #6E6A7C;--fx-jail-3: #D9D6E4;--px-drop: 0 3px 0 var(--px-line);--px-drop-sm: 0 2px 0 var(--px-line);--px-drop-lg: 0 5px 0 var(--px-line);--px-border: 3px;--px-r-sm: 7px;--px-r-xs: 4px;--px-r: 11px;--px-r-lg: 16px;--px-sheen: linear-gradient(180deg, rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, .1) 46%, rgba(255, 255, 255, 0) 54%, rgba(0, 0, 0, .07) 100%);--px-step: steps(4, end);--px-snap: cubic-bezier(.2, .9, .2, 1)}:root{--wing-beat: .72s;--char-beat: 1.2s;--ring-turn: 9s;--ring-steps: 36;--wing-beat-fast: .4s;--wing-bob: 1.4s;--dg-loop: 1.2s}:root{--hw-frame: #120A1C;--hw-ember: #FF8A1E;--hw-glow: rgba(255, 150, 40, .55);--hw-stone: #7A7286;--hw-fog: rgba(214, 196, 236, .32)}:root{--lk-frame: #0D1838;--lk-gold: #F2C64C;--lk-glow: rgba(255, 196, 90, .55);--lk-stone: #7D879E;--lk-firefly: #FFF3A0;--lk-shimmer: rgba(255, 226, 140, .8);--lk-spark-1: #FFD24A;--lk-spark-2: #FF8FC8;--lk-spark-3: #7FE3FF;--lk-spark-4: #FFFFFF}:root{--dr-night-frame: #161A36;--dr-night-edge: #FFE27A;--dr-night-glow: rgba(255, 226, 122, .5);--dr-night-stone: #8A90B8;--dr-night-star: #FFF6C8;--dr-candy-pink: #FF7DBB;--dr-candy-white: #FFF6FA;--dr-candy-edge: #FFFFFF;--dr-candy-glow: rgba(255, 125, 187, .45);--dr-candy-stone: #C9A3BC;--dr-forest-frame: #7A5230;--dr-forest-edge: #9BE36B;--dr-forest-glow: rgba(155, 227, 107, .45);--dr-forest-stone: #8E9A86;--dr-classic-frame: #4F7FB8;--dr-classic-edge: #FFFFFF;--dr-classic-glow: rgba(255, 236, 150, .5);--dr-classic-stone: #8FA9C6;--dr-suburb-frame: #8E5A36;--dr-suburb-edge: #FFE7A0;--dr-suburb-glow: rgba(255, 200, 120, .45);--dr-suburb-stone: #B39C88;--dr-factory-frame: #4F463E;--dr-factory-edge: #E8A33C;--dr-factory-glow: rgba(232, 163, 60, .45);--dr-factory-stone: #8A8178;--dr-castle-frame: #3E3350;--dr-castle-edge: #FFD23C;--dr-castle-glow: rgba(255, 215, 120, .45);--dr-castle-stone: #9C93B0;--dr-desert-frame: #B07A3E;--dr-desert-edge: #FFD77A;--dr-desert-glow: rgba(255, 200, 90, .5);--dr-desert-stone: #B9A27E;--dr-supporter-bronze-frame: #8A5530;--dr-supporter-bronze-edge: #F0C08E;--dr-supporter-bronze-glow: rgba(240, 170, 110, .5);--dr-supporter-bronze-stone: #B08A6C;--dr-supporter-silver-frame: #6B7690;--dr-supporter-silver-edge: #FFFFFF;--dr-supporter-silver-glow: rgba(220, 232, 255, .55);--dr-supporter-silver-stone: #9AA4B8;--dr-supporter-gold-frame: #B8861F;--dr-supporter-gold-edge: #FFF1A8;--dr-supporter-gold-glow: rgba(255, 215, 90, .55);--dr-supporter-gold-stone: #C2A866;--dr-legend-frame: #2B2436;--dr-legend-edge: #E9B949;--dr-legend-glow: rgba(233, 185, 73, .5);--dr-legend-stone: #8E8399;--dr-legend-x-frame: #1B1722;--dr-legend-x-edge: #FFD23C;--dr-legend-x-glow: rgba(255, 210, 60, .55);--dr-legend-x-stone: #8A7F96}:root{--fe-christmas-frame: #C8233F;--fe-christmas-white: #FFFFFF;--fe-christmas-edge: #FFD23C;--fe-christmas-glow: rgba(255, 215, 120, .5);--fe-christmas-stone: #8FA79A;--fe-newyear-frame: #141C40;--fe-newyear-edge: #F2C64C;--fe-newyear-glow: rgba(242, 198, 76, .5);--fe-newyear-stone: #8A90B8;--fe-cny-frame: #8E1520;--fe-cny-edge: #F2C64C;--fe-cny-glow: rgba(255, 200, 80, .5);--fe-cny-stone: #B08A7E;--fe-valentine-frame: #B8325A;--fe-valentine-edge: #FFD6E2;--fe-valentine-glow: rgba(255, 140, 180, .5);--fe-valentine-stone: #C79AAE;--fe-songkran-frame: #1F6E96;--fe-songkran-edge: #FFFFFF;--fe-songkran-glow: rgba(160, 230, 255, .55);--fe-songkran-stone: #8FB0C2;--fe-childday-frame: #FF8FB8;--fe-childday-edge: #FFFFFF;--fe-childday-glow: rgba(255, 200, 120, .5);--fe-childday-stone: #A9B8C9;--fe-rainbow-1: #FF5A5A;--fe-rainbow-2: #FFB347;--fe-rainbow-3: #FFE066;--fe-rainbow-4: #7CD67C;--fe-rainbow-5: #5AB8FF;--fe-rainbow-6: #A07CFF}:root{--shop-common: #9AA8BC;--shop-common-light: #EEF3F9;--shop-common-deep: #DCE4EE;--shop-rare: #2F6FE4;--shop-rare-light: #DDEBFF;--shop-rare-deep: #A9C8FA;--shop-epic: #8A3FD1;--shop-epic-light: #F1E2FF;--shop-epic-deep: #C9A4F2;--shop-legend: #F2A81D;--shop-legend-light: #FFF4CF;--shop-legend-deep: #FFD36B;--shop-ray-rgb: 255, 255, 255;--shop-stage-turn: 24s}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none}body{min-height:100svh;line-height:var(--lh-body);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,a,[role=button],[role=switch],[role=tab],input,label,summary{touch-action:manipulation}button,a,[role=button],[role=switch],[role=tab]{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:0}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4{text-wrap:balance}ul[role=list],ol[role=list]{list-style:none;padding:0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--c-ink);outline-offset:3px;border-radius:var(--r-1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{font-family:var(--f-body);font-size:var(--fs-body);color:var(--c-ink);background:var(--g-sky);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--f-display);font-weight:700;line-height:var(--lh-head);letter-spacing:var(--ls-display)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}strong,b{font-weight:600}small{font-size:var(--fs-sm)}code,kbd,samp{font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;font-size:.9em}.num{font-family:var(--f-num);font-variant-numeric:tabular-nums;font-weight:600}.label{font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--c-ink-3)}.on-sky{color:var(--c-ink-onsky);text-shadow:var(--ts-emboss)}.clay{background:var(--g-surface);border-radius:var(--r-4);box-shadow:var(--clay-2)}.clay--flat{box-shadow:var(--clay-1)}.clay--high{box-shadow:var(--clay-3)}.clay--float{box-shadow:var(--clay-4)}.clay--sunk{background:var(--g-sunk);box-shadow:var(--clay-sunk)}.clay--press{transition:transform var(--t-instant) var(--ease-out),box-shadow var(--t-instant) var(--ease-out),filter var(--t-instant) var(--ease-out)}.clay--press:hover{filter:brightness(1.04)}.clay--press:active{transform:translateY(3px) scale(1.03,.94);box-shadow:var(--clay-press);transition-duration:90ms}@keyframes plop-in{0%{opacity:0;transform:translateY(16px) scale(.82)}62%{opacity:1;transform:translateY(-3px) scale(1.06)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes blob-idle{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(2px) scale(1.03,.97)}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes shimmer{0%{background-position:-160% 0}to{background-position:260% 0}}@keyframes nudge-x{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.anim-plop{animation:plop-in var(--t-base) var(--ease-plop) both}.anim-idle{animation:blob-idle 2.6s var(--ease-inout) infinite}[hidden]{display:none!important}button,a,label,input,[role=button]{touch-action:manipulation}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:var(--t-instant)}::view-transition-new(root){animation-duration:var(--t-fast)}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root),::view-transition-group(*){animation:none}}.rc-wait{display:inline-flex;gap:5px;vertical-align:middle}.rc-wait i{width:6px;height:6px;background:currentColor;opacity:.2;animation:rc-wait 1.05s steps(1,end) infinite}.rc-wait i:nth-child(2){animation-delay:.35s}.rc-wait i:nth-child(3){animation-delay:.7s}.rc-wait--block{display:flex;justify-content:center;width:100%;padding:10px 0;grid-column:1 / -1;order:99}@keyframes rc-wait{0%{opacity:.7}33%,to{opacity:.2}}.btn.is-loading:after{background-image:linear-gradient(currentColor,currentColor);background-size:6px 6px;background-position:0 center,14px center,28px center;background-repeat:no-repeat;width:34px;animation:btn-squares 1.05s steps(1,end) infinite}@keyframes btn-squares{0%{background-image:linear-gradient(currentColor,currentColor),linear-gradient(transparent,transparent),linear-gradient(transparent,transparent);opacity:1}33%{background-image:linear-gradient(transparent,transparent),linear-gradient(currentColor,currentColor),linear-gradient(transparent,transparent)}66%{background-image:linear-gradient(transparent,transparent),linear-gradient(transparent,transparent),linear-gradient(currentColor,currentColor)}}@media(prefers-reduced-motion:reduce){.rc-wait i,.btn.is-loading:after{animation:none;opacity:.5}}.ico{display:inline-block;width:1.15em;height:1.15em;object-fit:contain;vertical-align:-.2em}.is-saver .rc-cell--bonus:before,.is-saver .rc-cell--target,.is-saver .rc-house--target,.is-saver .rc-pawn,.is-saver .rc-hearts img.rc-heart,.is-saver .rc-skin__corner,.is-saver .rc-skin__drift,.is-saver .rc-skin__spark,.is-saver body.race-page:before,.is-saver body.race-page:after,.is-saver .fest-garland img,.is-saver .fest-sky img,.is-saver .rc-sky__cloud,.is-saver .rc-play,.is-saver .rc-trophy__rays{animation:none!important}.l-stage{min-height:100svh;display:flex;flex-direction:column;align-items:center;gap:var(--s-5);padding:var(--gutter);padding-bottom:calc(var(--gutter) + var(--safe-b))}.l-stage__body{flex:1;width:100%;max-width:var(--panel-max);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--s-5);text-align:center}.l-game{height:100svh;display:grid;grid-template-rows:auto 1fr auto;gap:var(--s-2);padding:var(--s-2) var(--s-2) 0;overflow:hidden}.l-game__hud{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--s-2);align-items:center}.l-game__board{display:grid;place-items:center;min-height:0;padding:var(--s-2)}.l-game__controls{align-self:end;margin-inline:calc(var(--s-2) * -1)}@media(orientation:landscape)and (max-height:620px){.l-game{grid-template-rows:1fr auto;grid-template-columns:auto 1fr auto;grid-template-areas:"hudA board hudB" "ctrl ctrl  ctrl"}.l-game__hud{grid-area:hudA;grid-template-columns:1fr;align-content:center}.l-game__board{grid-area:board}.l-game__controls{grid-area:ctrl}}.l-panel{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto}.l-panel__body{padding:var(--s-5) var(--gutter) var(--s-10);width:100%;max-width:var(--page-max);margin-inline:auto;display:flex;flex-direction:column;gap:var(--s-6)}@media(min-width:768px){.l-panel__body{padding-inline:var(--gutter-md)}}.u-stack{display:flex;flex-direction:column}.u-stack-2{display:flex;flex-direction:column;gap:var(--s-2)}.u-stack-3{display:flex;flex-direction:column;gap:var(--s-3)}.u-stack-5{display:flex;flex-direction:column;gap:var(--s-5)}.u-row{display:flex;align-items:center;gap:var(--s-3)}.u-row-2{display:flex;align-items:center;gap:var(--s-2)}.u-center{display:grid;place-items:center}.u-grow{flex:1;min-width:0}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:767px){.u-hide-sm{display:none!important}}.btn{--btn-h: 56px;--btn-px: var(--s-8);--btn-fs: var(--fs-body);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--btn-h);padding-inline:var(--btn-px);border-radius:var(--r-4);font-family:var(--f-ui);font-size:var(--btn-fs);font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;background:var(--g-surface);color:var(--c-ink);box-shadow:var(--clay-3);transition:transform var(--t-instant) var(--ease-out),box-shadow var(--t-instant) var(--ease-out),filter var(--t-instant) var(--ease-out),opacity var(--t-instant) var(--ease-out)}.btn:hover:not(:disabled):not(.is-loading){filter:brightness(1.04)}.btn:active:not(:disabled):not(.is-loading){transform:translateY(3px) scale(1.03,.94);box-shadow:var(--clay-press);transition-duration:90ms}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;box-shadow:var(--clay-1)}.btn--primary{background:var(--g-primary);color:var(--c-on-accent);text-shadow:0 1px 0 rgba(var(--shade-rgb),.28)}.btn--danger{background:var(--g-danger);color:var(--c-on-accent);text-shadow:0 1px 0 rgba(var(--shade-rgb),.28)}.btn--secondary{background:var(--g-surface);color:var(--c-ink)}.btn--ghost{background:rgba(var(--hi-rgb),.34);color:var(--c-ink-onsky);text-shadow:var(--ts-emboss);box-shadow:inset 0 2px rgba(var(--hi-rgb),.7),inset 0 0 0 2px rgba(var(--hi-rgb),.38),0 4px 10px -3px rgba(var(--shade-rgb),.22)}.btn--ghost:hover:not(:disabled){background:rgba(var(--hi-rgb),.5)}.btn--team-a{background:var(--g-a);color:var(--c-on-accent);text-shadow:0 1px 0 rgba(var(--shade-rgb),.3)}.btn--team-b{background:var(--g-b);color:var(--c-on-accent);text-shadow:0 1px 0 rgba(var(--shade-rgb),.3)}.btn--xl{--btn-h: 68px;--btn-px: var(--s-10);--btn-fs: 1.125rem;border-radius:var(--r-5)}.btn--lg{--btn-h: 56px;--btn-px: var(--s-8)}.btn--md{--btn-h: 48px;--btn-px: var(--s-6);--btn-fs: .9375rem}.btn--sm{--btn-h: 40px;--btn-px: var(--s-4);--btn-fs: var(--fs-sm);border-radius:var(--r-3)}.btn--block{display:flex;width:100%}.btn--icon{--btn-px: 0;width:var(--btn-h);min-width:var(--btn-h);border-radius:var(--r-pill);box-shadow:var(--clay-2)}.btn__icon{width:22px;height:22px;flex:none}.btn--xl .btn__icon{width:26px;height:26px}.btn.is-loading{cursor:progress;color:transparent;text-shadow:none;position:relative}.btn.is-loading .btn__icon{visibility:hidden}.btn.is-loading:after{content:"";position:absolute;inset:0;display:grid;place-items:center;color:var(--c-on-accent);background-image:radial-gradient(circle,currentColor 42%,transparent 44%);background-size:8px 8px;background-repeat:repeat-x;background-position:center;width:34px;margin:auto;animation:btn-dots .9s var(--ease-inout) infinite}.btn--secondary.is-loading:after,.btn--ghost.is-loading:after{color:var(--c-ink-2)}@keyframes btn-dots{0%,to{opacity:.35;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}.btn.has-error{animation:nudge-x .26s var(--ease-out)}.card{background:var(--g-surface);border-radius:var(--r-4);box-shadow:var(--clay-2);padding:var(--s-5)}.card--flat{box-shadow:var(--clay-1)}.card--float{box-shadow:var(--clay-4);border-radius:var(--r-5)}.card--glass{background:rgba(var(--hi-rgb),.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 2px rgba(var(--hi-rgb),.75),inset 0 0 0 1.5px rgba(var(--hi-rgb),.4),0 10px 24px -8px rgba(var(--shade-rgb),.26)}.card--interactive{cursor:pointer;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.card--interactive:hover{transform:translateY(-2px);box-shadow:var(--clay-3)}.card--interactive:active{transform:translateY(2px) scale(1.01,.98);box-shadow:var(--clay-press)}.card--team-a{border-left:5px solid var(--c-a)}.card--team-b{border-left:5px solid var(--c-b)}.card__head{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}.card__title{font-size:var(--fs-h3);font-weight:700}.card__foot{margin-top:var(--s-4);display:flex;gap:var(--s-2)}.chip{display:inline-flex;align-items:center;gap:var(--s-1);padding:6px var(--s-3);border-radius:var(--r-pill);background:var(--g-surface);box-shadow:var(--clay-1);font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600}.chip__icon{width:1.35em;height:1.35em;object-fit:contain;flex:none}.chip--ok{background:var(--g-ok);color:var(--c-on-accent)}.chip--warn{background:var(--g-warn);color:var(--c-ink)}.chip--danger{background:var(--g-danger);color:var(--c-on-accent)}.chip--live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-ok);box-shadow:var(--glow-ok);animation:breathe 2s var(--ease-inout) infinite}.avatar{--av-size: 44px;width:var(--av-size);height:var(--av-size);border-radius:50%;flex:none;background:var(--g-surface);box-shadow:var(--clay-2),var(--ao-sm);overflow:hidden;position:relative}.avatar--sm{--av-size: 32px}.avatar--lg{--av-size: 64px}.avatar--xl{--av-size: 96px}.avatar--a{background:var(--g-a);box-shadow:var(--clay-2),var(--ao-sm),var(--glow-a)}.avatar--b{background:var(--g-b);box-shadow:var(--clay-2),var(--ao-sm),var(--glow-b)}.rank-badge{--rb-size: 44px;--rb-color: var(--c-rank-bronze);width:var(--rb-size);height:var(--rb-size);flex:none;display:grid;place-items:center;border-radius:34%/30%;background:linear-gradient(180deg,color-mix(in srgb,var(--rb-color) 65%,var(--c-on-accent)) 0%,var(--rb-color) 52%,color-mix(in srgb,var(--rb-color) 72%,var(--c-ink)) 100%);box-shadow:var(--clay-2),var(--ao-sm);font-family:var(--f-display);font-weight:var(--fw-display);font-size:var(--fs-xs);color:var(--c-on-accent);text-shadow:0 1px 0 rgba(var(--shade-rgb),.35)}.rank-badge--sm{--rb-size: 28px;font-size:var(--fs-micro)}.rank-badge--lg{--rb-size: 88px;font-size:var(--fs-h3)}.rank-badge--bronze{--rb-color: var(--c-rank-bronze)}.rank-badge--silver{--rb-color: var(--c-rank-silver)}.rank-badge--gold{--rb-color: var(--c-rank-gold)}.rank-badge--plat{--rb-color: var(--c-rank-plat)}.rank-badge--dia{--rb-color: var(--c-rank-dia)}.rank-badge--master{--rb-color: var(--c-rank-master)}.coins{display:inline-flex;align-items:center;gap:var(--s-2);padding:7px var(--s-4) 7px var(--s-2);border-radius:var(--r-pill);background:var(--g-surface);box-shadow:var(--clay-2)}.coins__icon{width:24px;height:24px;border-radius:50%;background:var(--g-core);box-shadow:inset 0 -2px rgba(var(--shade-rgb),.18),var(--ao-sm);flex:none}.coins__value{font-family:var(--f-num);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--fs-sm)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}@media(max-width:480px){.stats{grid-template-columns:repeat(2,1fr)}}.stat{background:var(--g-surface);border-radius:var(--r-3);box-shadow:var(--clay-1);padding:var(--s-4) var(--s-3);text-align:center}.stat__value{display:block;font-family:var(--f-display);font-weight:var(--fw-display);font-size:var(--fs-h1);line-height:1.1;color:var(--c-ink);font-variant-numeric:tabular-nums}.stat__label{display:block;margin-top:2px;font-family:var(--f-ui);font-size:var(--fs-micro);font-weight:600;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--c-ink-3)}.row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-3);background:var(--g-surface);box-shadow:var(--clay-1)}.row+.row{margin-top:var(--s-2)}.row--link{cursor:pointer;transition:transform var(--t-instant) var(--ease-out),box-shadow var(--t-instant) var(--ease-out)}.row--link:hover{transform:translateY(-1px);box-shadow:var(--clay-2)}.row--link:active{transform:translateY(2px);box-shadow:var(--clay-press)}.row__main{flex:1;min-width:0}.row__title{font-family:var(--f-ui);font-weight:600;font-size:var(--fs-sm)}.row__sub{font-size:var(--fs-xs);color:var(--c-ink-3)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field__label{font-family:var(--f-ui);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--c-ink-3)}.input{min-height:52px;padding:0 var(--s-4);border-radius:var(--r-3);border:0;background:var(--g-sunk);box-shadow:var(--clay-sunk);color:var(--c-ink);font-family:var(--f-body);font-size:var(--fs-body);transition:box-shadow var(--t-fast) var(--ease-out)}.input::placeholder{color:var(--c-ink-3)}.input:focus{outline:none;box-shadow:var(--clay-sunk),var(--glow-b)}.field.has-error .input{box-shadow:var(--clay-sunk),var(--glow-err)}.field__error{display:flex;align-items:center;gap:var(--s-1);font-size:var(--fs-xs);font-weight:600;color:var(--c-danger-deep)}.code{display:flex;gap:var(--s-2);justify-content:center}.code__cell{width:52px;height:62px;padding:0;text-align:center;border:0;border-radius:var(--r-3);background:var(--g-sunk);box-shadow:var(--clay-sunk);font-family:var(--f-display);font-weight:var(--fw-display);font-size:1.75rem;color:var(--c-ink);text-transform:uppercase;transition:box-shadow var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-squish)}.code__cell:focus{outline:none;transform:translateY(-2px);box-shadow:var(--clay-sunk),var(--glow-b)}@media(max-width:400px){.code__cell{width:44px;height:54px;font-size:1.375rem}}.code.has-error{animation:nudge-x .3s var(--ease-out)}.toggle{--tg-w: 58px;--tg-h: 34px;position:relative;width:var(--tg-w);height:var(--tg-h);flex:none;border-radius:var(--r-pill);background:var(--g-sunk);box-shadow:var(--clay-sunk);cursor:pointer;transition:background var(--t-fast) var(--ease-out)}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:calc(var(--tg-h) - 8px);height:calc(var(--tg-h) - 8px);border-radius:50%;background:var(--g-surface);box-shadow:var(--clay-2),var(--ao-sm);transition:transform var(--t-base) var(--ease-squish),width var(--t-fast) var(--ease-out)}.toggle[aria-checked=true]{background:var(--g-ok)}.toggle[aria-checked=true]:after{transform:translate(calc(var(--tg-w) - var(--tg-h)))}.toggle:active:after{width:calc(var(--tg-h) - 2px)}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:var(--r-3);background:var(--g-sunk);box-shadow:var(--clay-sunk)}.segmented__opt{padding:9px var(--s-4);border-radius:var(--r-2);font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;color:var(--c-ink-2);cursor:pointer;transition:color var(--t-instant) var(--ease-out)}.segmented__opt[aria-selected=true]{background:var(--g-surface);color:var(--c-ink);box-shadow:var(--clay-1)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:16px;border-radius:var(--r-pill);background:var(--g-sunk);box-shadow:var(--clay-sunk)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;background:var(--g-surface);box-shadow:var(--clay-2),var(--ao-sm);cursor:pointer}.slider::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:var(--c-surface);box-shadow:var(--clay-2),var(--ao-sm);cursor:pointer}.progress{height:12px;border-radius:var(--r-pill);background:var(--g-sunk);box-shadow:var(--clay-sunk);overflow:hidden}.progress__fill{height:100%;border-radius:var(--r-pill);background:var(--g-primary);box-shadow:inset 0 2px rgba(var(--hi-rgb),.5);transition:width var(--t-slow) var(--ease-out)}.skel{background:linear-gradient(100deg,var(--c-surface-3) 28%,var(--c-surface-2) 44%,var(--c-surface-3) 60%);background-size:260% 100%;border-radius:var(--r-3);animation:shimmer 1.4s linear infinite}.skel--text{height:12px;border-radius:var(--r-1)}.skel--title{height:20px;width:60%;border-radius:var(--r-1)}.skel--circle{border-radius:50%}.skel--card{height:96px;border-radius:var(--r-4)}.skel--tile{aspect-ratio:1;border-radius:var(--r-4)}.skel-stack{display:flex;flex-direction:column;gap:var(--s-2)}.loader{position:fixed;inset:0;z-index:var(--z-loader);display:grid;place-content:center;justify-items:center;gap:var(--s-5);background:var(--g-sky);padding:var(--gutter);text-align:center}.loader__mark{animation:blob-idle 1.6s var(--ease-inout) infinite}.loader__track{width:min(280px,70vw);height:14px;border-radius:var(--r-pill);background:var(--g-sunk);box-shadow:var(--clay-sunk);overflow:hidden}.loader__fill{height:100%;width:0;border-radius:var(--r-pill);background:var(--g-primary);box-shadow:inset 0 2px rgba(var(--hi-rgb),.5);transition:width var(--t-base) var(--ease-out)}.loader__tip{font-size:var(--fs-sm);color:var(--c-ink-2);max-width:34ch}.state{display:grid;justify-items:center;gap:var(--s-3);padding:var(--s-12) var(--s-5);text-align:center}.state__art{width:120px;height:120px;display:grid;place-items:center;border-radius:50%;background:var(--g-sunk);box-shadow:var(--clay-sunk);margin-bottom:var(--s-2)}.state__title{font-family:var(--f-display);font-weight:700;font-size:var(--fs-h2)}.state__body{font-size:var(--fs-sm);color:var(--c-ink-2);max-width:38ch}.state__actions{margin-top:var(--s-3);display:flex;gap:var(--s-2);flex-wrap:wrap;justify-content:center}.state--error .state__art{background:var(--g-error-art);box-shadow:var(--clay-1)}.state--error{animation:nudge-x .3s var(--ease-out)}.banner{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);background:var(--g-warn);color:var(--c-ink);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--clay-1)}.banner--danger{background:var(--g-danger);color:var(--c-on-accent)}.toasts{position:fixed;z-index:var(--z-toast);left:50%;bottom:calc(var(--s-6) + var(--safe-b));transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:var(--s-2);width:min(420px,calc(100vw - var(--s-8)));pointer-events:none}@media(min-width:768px){.toasts{left:auto;right:var(--s-6);bottom:auto;top:var(--s-6);transform:none}}.toast{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-radius:var(--r-4);background:var(--g-surface);box-shadow:var(--clay-4);font-size:var(--fs-sm);font-weight:500;pointer-events:auto;animation:plop-in var(--t-base) var(--ease-plop) both}.toast:before{content:"";width:6px;align-self:stretch;border-radius:var(--r-pill);background:var(--c-info);flex:none}.toast--ok:before{background:var(--c-ok)}.toast--warn:before{background:var(--c-warn)}.toast--danger:before{background:var(--c-danger)}.scrim{position:fixed;inset:0;z-index:var(--z-modal);background:rgba(var(--shade-rgb),.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:var(--gutter);animation:scrim-in var(--t-fast) var(--ease-out) both}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.modal{width:min(var(--panel-max),100%);max-height:88svh;overflow-y:auto;padding:var(--s-6);border-radius:var(--r-5);background:var(--g-surface);box-shadow:var(--clay-4);animation:plop-in var(--t-base) var(--ease-squish) both}.modal__head{display:flex;align-items:flex-start;gap:var(--s-3);margin-bottom:var(--s-4)}.modal__title{flex:1;font-family:var(--f-display);font-weight:700;font-size:var(--fs-h2)}.modal__foot{margin-top:var(--s-6);display:flex;gap:var(--s-2)}.modal__foot>.btn{flex:1}@media(max-width:767px){.scrim{place-items:end center;padding:0}.modal{width:100%;max-height:92svh;border-radius:var(--r-5) var(--r-5) 0 0;padding-bottom:calc(var(--s-6) + var(--safe-b));animation:sheet-in var(--t-base) var(--ease-squish) both}.modal:before{content:"";display:block;width:44px;height:5px;margin:0 auto var(--s-4);border-radius:var(--r-pill);background:var(--c-surface-sunk)}}@keyframes sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nav{position:sticky;bottom:0;z-index:var(--z-controls);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;min-height:var(--nav-h);padding:var(--s-2) var(--s-3) calc(var(--s-2) + var(--safe-b));border-radius:var(--r-5) var(--r-5) 0 0;background:rgba(var(--hi-rgb),.58);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 2px rgba(var(--hi-rgb),.85),0 -8px 22px -10px rgba(var(--shade-rgb),.28)}.nav__item{display:grid;justify-items:center;gap:3px;padding:var(--s-1) 0;color:var(--c-ink-3);font-family:var(--f-ui);font-size:var(--fs-micro);font-weight:600;cursor:pointer;transition:color var(--t-instant) var(--ease-out),transform var(--t-fast) var(--ease-squish)}.nav__item:hover{color:var(--c-ink-2)}.nav__item.is-active{color:var(--c-a-deep)}.nav__item.is-active .nav__icon{transform:translateY(-2px)}.nav__icon{width:24px;height:24px;transition:transform var(--t-fast) var(--ease-squish)}.nav__play{display:grid;place-items:center;width:62px;height:62px;margin-top:-22px;border-radius:50%;background:var(--g-primary);color:var(--c-on-accent);box-shadow:var(--clay-3),var(--ao-md);cursor:pointer;justify-self:center;transition:transform var(--t-fast) var(--ease-squish),box-shadow var(--t-fast) var(--ease-out)}.nav__play:hover{transform:translateY(-2px);box-shadow:var(--clay-3),var(--ao-lg)}.nav__play:active{transform:translateY(3px) scale(1.04,.93);box-shadow:var(--clay-press)}.tabs{display:flex;gap:var(--s-1);padding:4px;border-radius:var(--r-3);background:var(--g-sunk);box-shadow:var(--clay-sunk);overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs__tab{flex:1 0 auto;padding:10px var(--s-4);border-radius:var(--r-2);font-family:var(--f-ui);font-size:var(--fs-sm);font-weight:600;color:var(--c-ink-2);white-space:nowrap;cursor:pointer;transition:color var(--t-instant) var(--ease-out)}.tabs__tab[aria-selected=true]{background:var(--g-surface);color:var(--c-ink);box-shadow:var(--clay-1)}.appbar{position:sticky;top:0;z-index:var(--z-hud);display:flex;align-items:center;gap:var(--s-3);min-height:64px;padding:var(--s-2) var(--gutter);background:rgba(var(--c-veil-rgb),.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.appbar__title{flex:1;font-family:var(--f-display);font-weight:700;font-size:var(--fs-h3);color:var(--c-ink-onsky);text-shadow:var(--ts-emboss)}.board-frame{position:relative;aspect-ratio:1;width:100%;max-width:var(--board-size, 640px);margin-inline:auto;padding:var(--s-2);border-radius:var(--r-5);background:var(--g-floor);box-shadow:inset 0 3px rgba(var(--hi-rgb),.85),inset 0 -3px rgba(var(--shade-rgb),.12),var(--ao-lg),0 26px 50px -18px rgba(var(--shade-rgb),.38)}.board-frame__canvas{width:100%;height:100%;border-radius:var(--r-4);display:block}.hud{display:flex;align-items:center;gap:var(--s-3);min-height:var(--hud-h);padding:var(--s-2) var(--s-3);border-radius:var(--r-4);background:rgba(var(--hi-rgb),.42);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 2px rgba(var(--hi-rgb),.75),0 8px 18px -8px rgba(var(--shade-rgb),.24)}.hud--b{flex-direction:row-reverse;text-align:right}.hud__name{font-family:var(--f-ui);font-weight:700;font-size:var(--fs-sm);line-height:1.2;color:var(--c-ink)}.hud__meta{font-size:var(--fs-micro);color:var(--c-ink-2)}.hud.is-offline .avatar{filter:grayscale(.85)}.hud__badge{font-family:var(--f-ui);font-size:var(--fs-micro);font-weight:700;letter-spacing:var(--ls-caps);text-transform:uppercase;padding:2px 7px;border-radius:var(--r-1);background:var(--c-surface-3);color:var(--c-ink-2)}.score-dots{display:flex;gap:var(--s-1);margin-left:auto}.hud--b .score-dots{margin-left:0;margin-right:auto}.score-dots__dot{width:15px;height:15px;border-radius:50%;background:var(--g-sunk);box-shadow:var(--clay-sunk)}.score-dots__dot.is-on{background:var(--g-a);box-shadow:inset 0 2px rgba(var(--hi-rgb),.55),var(--ao-sm),var(--glow-a);animation:plop-in var(--t-base) var(--ease-squish) both}.score-dots--b .score-dots__dot.is-on{background:var(--g-b);box-shadow:inset 0 2px rgba(var(--hi-rgb),.55),var(--ao-sm),var(--glow-b)}.meter{display:flex;gap:3px;padding:3px;border-radius:var(--r-pill);background:var(--g-sunk);box-shadow:var(--clay-sunk)}.meter__pip{flex:1;height:9px;min-width:8px;border-radius:var(--r-pill);background:rgba(var(--shade-rgb),.12);transition:background var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-squish)}.meter__pip.is-on{background:var(--g-a);box-shadow:inset 0 1px rgba(var(--hi-rgb),.5)}.meter--b .meter__pip.is-on{background:var(--g-b)}.meter.is-short{animation:nudge-x .24s var(--ease-out)}.meter.is-short .meter__pip.is-on{background:var(--g-danger)}.action-bar{display:flex;align-items:center;justify-content:center;gap:var(--s-3);min-height:var(--controls-h);padding:var(--s-3) var(--s-4) calc(var(--s-3) + var(--safe-b));border-radius:var(--r-5) var(--r-5) 0 0;background:rgba(var(--hi-rgb),.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:inset 0 2px rgba(var(--hi-rgb),.8),0 -10px 26px -12px rgba(var(--shade-rgb),.3)}.act{--act-size: 68px;position:relative;width:var(--act-size);height:var(--act-size);border-radius:50%;display:grid;place-items:center;background:var(--g-surface);box-shadow:var(--clay-3),var(--ao-sm);color:var(--c-ink);cursor:pointer;transition:transform var(--t-fast) var(--ease-squish),box-shadow var(--t-fast) var(--ease-out),opacity var(--t-instant) var(--ease-out)}@media(max-width:400px){.act{--act-size: 60px}}.act:active{transform:translateY(3px) scale(1.04,.93);box-shadow:var(--clay-press)}.act.is-selected{transform:translateY(-6px);background:var(--g-primary);color:var(--c-on-accent);box-shadow:var(--clay-3),var(--ao-md),var(--glow-a)}.act.is-disabled{opacity:.45;cursor:not-allowed;box-shadow:var(--clay-1)}.act.is-disabled:active{transform:none}.act.has-error{animation:nudge-x .24s var(--ease-out)}.act__icon{width:32px;height:32px}.act__cost{position:absolute;top:-2px;right:-2px;min-width:22px;height:22px;padding:0 5px;border-radius:var(--r-pill);display:grid;place-items:center;background:var(--g-core);box-shadow:var(--clay-1);font-family:var(--f-num);font-size:var(--fs-micro);font-weight:600;color:var(--c-ink)}.act.is-disabled .act__cost{background:var(--g-danger);color:var(--c-on-accent)}.act__label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:var(--f-ui);font-size:var(--fs-micro);font-weight:700;letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--c-ink-2);opacity:0;transition:opacity var(--t-instant) var(--ease-out);white-space:nowrap}.act.is-selected .act__label{opacity:1}.act__cd{position:absolute;inset:-3px;border-radius:50%;pointer-events:none}.turn-banner{display:flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:56px;padding:0 var(--s-6);border-radius:var(--r-4);font-family:var(--f-display);font-weight:var(--fw-display);font-size:var(--fs-h3);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--c-on-accent);text-shadow:0 1px 0 rgba(var(--shade-rgb),.3);background:var(--g-a);box-shadow:var(--clay-3),var(--ao-md);animation:plop-in var(--t-base) var(--ease-plop) both}.turn-banner--b{background:var(--g-b)}.turn-banner--waiting{background:var(--g-surface);color:var(--c-ink-2);text-shadow:none}.timer{position:relative;display:grid;place-items:center;font-family:var(--f-num);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--fs-sm);color:var(--c-ink-2)}.timer.is-urgent{color:var(--c-danger-deep);animation:timer-pulse .5s var(--ease-inout) infinite}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.match-clock{font-family:var(--f-num);font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--fs-sm);color:var(--c-ink-onsky);text-shadow:var(--ts-emboss);padding:5px var(--s-3);border-radius:var(--r-pill);background:rgba(var(--hi-rgb),.38);box-shadow:inset 0 1px rgba(var(--hi-rgb),.7)}.dpad{display:grid;grid-template-columns:repeat(3,var(--dpad-size, 58px));grid-template-rows:repeat(3,var(--dpad-size, 58px));grid-template-areas:".    up    ." "left mid   right" ".    down  .";gap:var(--s-2);place-items:center}@media(max-width:400px){.dpad{--dpad-size: 52px}}.dpad__btn{grid-area:mid;width:100%;height:100%;border:0;border-radius:var(--r-4);background:var(--g-surface);color:var(--c-ink);font-size:var(--fs-h3);font-weight:700;line-height:1;cursor:pointer;box-shadow:var(--clay-2),var(--ao-sm);transition:transform var(--t-instant) var(--ease-squish),box-shadow var(--t-instant) var(--ease-out)}.dpad__btn:active{transform:translateY(3px) scale(1.06,.9);box-shadow:var(--clay-press)}.dpad__btn.is-selected{background:var(--g-primary);color:var(--c-on-accent);box-shadow:var(--clay-3),var(--ao-md),var(--glow-a)}.dpad__btn.is-disabled{opacity:.35;cursor:not-allowed;box-shadow:var(--clay-1)}.dpad__btn.is-disabled:active{transform:none}.dpad__plan{grid-area:mid;display:grid;place-items:center;text-align:center;font-size:var(--fs-micro);line-height:1.25;color:var(--c-ink-2);padding:var(--s-1)}.dpad__plan b{color:var(--c-ink);font-family:var(--f-display)}.dpad__btn{display:grid;place-items:center;gap:1px;padding:0 2px}.dpad__arrow{font-size:var(--fs-h3);line-height:1}.dpad__what{font-size:var(--fs-micro);font-weight:600;letter-spacing:.01em;opacity:.85}.dpad__btn.is-goal{background:var(--g-ok);color:var(--c-on-accent);box-shadow:var(--clay-3),var(--ao-md),var(--glow-ok)}.dpad__btn.is-hold{background:var(--g-warn);color:var(--c-ink)}.fest-garland{position:fixed;top:calc(var(--rc-u, 8px) * 6 + env(safe-area-inset-top,0px) - 4px);left:0;right:0;z-index:21;display:flex;justify-content:space-between;padding:0 max(calc(var(--rc-u, 8px) * 1.5),calc((100% - 460px) / 2 + var(--rc-u, 8px) * 1.5));pointer-events:none}.fest-garland img{width:18px;height:18px;transform-origin:50% 0}.fest-garland img:nth-child(2n){margin-top:5px}.rc-home .fest-garland{top:env(safe-area-inset-top,0px)}.fest-sky{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.fest-sky img{position:absolute;top:-40px;left:calc(var(--i) * 12.5% + 3%);width:22px;height:22px;opacity:.75}.theme-scene{position:fixed;left:0;right:0;bottom:0;height:210px;z-index:-1;pointer-events:none;background:linear-gradient(color-mix(in srgb,var(--scene-ground) 38%,transparent),color-mix(in srgb,var(--scene-ground) 38%,transparent)),var(--scene) center bottom / 100% auto no-repeat,linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--scene-sky) 75%,transparent) 45%,var(--scene-ground) 100%)}.fest-sky--drift img{left:-60px;top:calc(var(--i) * 9% + 6%);width:34px;height:34px}.fest-sky--twinkle img{top:calc(var(--i) * 10% + 6%);opacity:0}@media(prefers-reduced-motion:no-preference){.fest-garland img{animation:fest-sway 3.2s ease-in-out calc(var(--i) * -.35s) infinite alternate}.fest-sky img{animation:fest-fall calc(14s + var(--i) * 1.7s) linear calc(var(--i) * -2.3s) infinite}.fest-sky--loykrathong img,.fest-sky--newyear img,.fest-sky--childday img,.fest-sky--rise img{top:auto;bottom:-40px;animation-name:fest-rise}.fest-sky--drift img{animation:fest-drift calc(26s + var(--i) * 3s) linear calc(var(--i) * -4.3s) infinite}.fest-sky--twinkle img{animation:fest-twinkle calc(2.6s + var(--i) * .4s) ease-in-out calc(var(--i) * -.9s) infinite}}@media(prefers-reduced-motion:reduce){.fest-sky{display:none}}@keyframes fest-sway{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}@keyframes fest-fall{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(18px,55vh,0) rotate(160deg)}to{transform:translate3d(-12px,110vh,0) rotate(320deg)}}@keyframes fest-drift{0%{transform:translateZ(0)}50%{transform:translate3d(calc(50vw + 30px),-14px,0)}to{transform:translate3d(calc(100vw + 120px),0,0)}}@keyframes fest-twinkle{0%,to{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1) rotate(45deg);opacity:.85}}@keyframes fest-rise{0%{transform:translateZ(0);opacity:0}10%{opacity:.8}to{transform:translate3d(14px,-110vh,0);opacity:0}}body[data-festival=halloween] .rc-cell--bonus:before{background-image:url(/images/fest/box-halloween.svg)}body[data-festival=loykrathong] .rc-cell--bonus:before{background-image:url(/images/fest/box-loykrathong.svg)}body[data-festival=christmas] .rc-cell--bonus:before{background-image:url(/images/fest/box-christmas.svg)}body[data-festival=newyear] .rc-cell--bonus:before{background-image:url(/images/fest/box-newyear.svg)}body[data-festival=cny] .rc-cell--bonus:before{background-image:url(/images/fest/box-cny.svg)}body[data-festival=valentine] .rc-cell--bonus:before{background-image:url(/images/fest/box-valentine.svg)}body[data-festival=songkran] .rc-cell--bonus:before{background-image:url(/images/fest/box-songkran.svg)}body[data-festival=childday] .rc-cell--bonus:before{background-image:url(/images/fest/box-childday.svg)}.fest-strip{display:flex;align-items:center;gap:var(--rc-u);padding:8px 12px;border:3px solid var(--px-line);border-radius:var(--px-r);background:var(--px-panel);box-shadow:var(--px-drop);color:var(--px-ink);text-decoration:none}.fest-strip img{width:40px;height:40px;flex:none}.fest-strip b{display:block;font-weight:var(--fw-display)}.fest-strip span{font-size:var(--fs-sm);color:var(--px-ink-2)}body[data-festival=halloween] .rc-bubble__glyph,body[data-skin=halloween] .rc-bubble__glyph{position:relative}body[data-festival=halloween] .rc-bubble__glyph:after,body[data-skin=halloween] .rc-bubble__glyph:after{content:"";position:absolute;top:-42%;left:18%;width:62%;aspect-ratio:1;background:url(/images/hats/witch.svg) center / contain no-repeat;transform:rotate(-12deg);pointer-events:none}body[data-skin=halloween] .rc-hearts img{content:url(/images/hats/pumpkin.svg)}.scene-stage{position:fixed;inset:0;z-index:-1;pointer-events:none}.scene-stage canvas{display:block}.scene-stage--front{z-index:20}.scene-stage--behind{z-index:-1}.scene-stage--inset{position:absolute}body[data-scene-live]{background:var(--px-bg)}body[data-scene-live]:after,body[data-scene-live]:before{display:none}body[data-scene-live] .theme-scene,body[data-scene-live] .fest-sky,body[data-scene-live] .rc-sky__cloud{display:none}body[data-scene-live] :is(.rc-page__sky,.rc-sky){opacity:.5}.rc-confirm{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:calc(var(--rc-u) * 2)}.rc-confirm[hidden]{display:none}.rc-confirm__veil{position:absolute;inset:0;background:rgba(var(--shade-rgb),.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.rc-confirm__box{position:relative;display:grid;gap:calc(var(--rc-u) * 1.25);width:min(100%,340px);padding:calc(var(--rc-u) * 2);border:var(--px-border) solid var(--px-line);background:var(--px-panel);box-shadow:var(--px-drop);color:var(--px-ink);animation:rc-confirm-in .16s steps(3,end) both;border-radius:var(--px-r-lg)}@keyframes rc-confirm-in{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.rc-confirm__title{font-family:var(--f-display);font-weight:var(--fw-display);font-size:var(--fs-md);line-height:1.3}.rc-confirm__body{margin:0;font-size:var(--fs-sm);font-weight:var(--fw-body);line-height:1.5;color:var(--px-ink-2)}.rc-confirm__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--rc-u)}.rc-confirm__btn{padding:calc(var(--rc-u) * 1.25) var(--rc-u);border:var(--px-border) solid var(--px-line);background:var(--px-cell);box-shadow:var(--px-drop-sm);color:var(--px-ink);font-family:var(--f-display);font-weight:var(--fw-display);font-size:var(--fs-sm);cursor:pointer;border-radius:var(--px-r)}.rc-confirm__btn:active{transform:translateY(2px);box-shadow:none}.rc-confirm__btn--yes{background:var(--px-b);color:var(--px-panel)}.rc-confirm__box.is-danger .rc-confirm__btn--yes{background:var(--px-trap)}.rc-toast{position:fixed;right:calc(var(--rc-u) * 2);bottom:calc(var(--rc-u) * 9 + env(safe-area-inset-bottom,0px));left:calc(var(--rc-u) * 2);z-index:65;padding:var(--rc-u) calc(var(--rc-u) * 1.5);border:var(--px-border) solid var(--px-line);background:var(--px-ink);color:var(--px-panel);font-size:var(--fs-xs);font-weight:var(--fw-label);text-align:center;box-shadow:var(--px-drop);border-radius:var(--px-r)}.rc-toast[hidden]{display:none}.rc-confirm__list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.rc-confirm__list{max-height:calc(100dvh - 200px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:2px}.rc-confirm__item{display:grid;grid-template-columns:auto 1fr;gap:var(--rc-u);align-items:center}.rc-confirm__icon{display:grid;place-items:center;width:calc(var(--rc-u) * 4);height:calc(var(--rc-u) * 4);border:2px solid var(--px-line);background:var(--px-gold);font-style:normal;font-size:var(--fs-sm);border-radius:var(--px-r)}.rc-confirm__item span{display:grid;gap:1px;min-width:0}.rc-confirm__item:has(.rc-confirm__go){grid-template-columns:auto 1fr auto}.rc-confirm__go{padding:4px 8px;border:2px solid var(--px-line);background:var(--px-b);color:var(--px-panel);font-family:var(--f-display);font-weight:var(--fw-label);font-size:var(--fs-xs);text-decoration:none;white-space:nowrap;border-radius:var(--px-r)}.rc-confirm__item b{font-family:var(--f-display);font-weight:var(--fw-label);font-size:var(--fs-sm)}.rc-confirm__item small{font-size:var(--fs-xs);font-weight:var(--fw-note);color:var(--px-ink-2)}.rc-confirm__item small[hidden]{display:none}.rc-confirm__foot{margin:0;font-size:var(--fs-xs);font-weight:var(--fw-label);color:var(--px-portal);text-align:center}.rc-confirm__row.is-one{grid-template-columns:1fr}.rc-confirm__btn[hidden]{display:none}.rc-confirm__box.is-notice .rc-confirm__btn--yes{background:var(--px-portal)}@media(prefers-reduced-motion:reduce){.rc-confirm__box{animation:none}}.rc-confirm__more{display:flex;justify-content:center}.rc-confirm__more .rc-confirm__go{cursor:pointer}.px-figure{position:relative;display:inline-block;vertical-align:bottom}.px-figure>.px-figure__body{position:relative;z-index:1;display:block;width:100%;height:auto}.px-figure>.px-figure__hat{position:absolute;z-index:2;top:0;left:27%;width:46%;height:auto;transform:translateY(-62%);pointer-events:none}.px-figure__wings,.rc-wings,.px-wings{aspect-ratio:1 / 1;pointer-events:none;contain:paint;background-image:var(--wings);background-repeat:no-repeat;background-size:calc(var(--wing-frames, 8) * 100%) 100%;background-position:0% 0%;image-rendering:auto;animation:px-wing-beat var(--wing-beat) steps(var(--wing-steps, 8),end) infinite}.px-figure__wings,.rc-wings{position:absolute;left:50%;top:var(--wing-anchor, 56%);width:190%;transform:translate(-50%,calc(var(--wing-root, .5) * -100%));z-index:0}.px-wings{display:block}.px-figure>.px-figure__body--sheet,img.px-figure__body--sheet{aspect-ratio:var(--char-aspect, 1);height:auto;object-fit:contain;background-image:var(--char);background-repeat:no-repeat;background-size:calc(var(--char-frames, 4) * 100%) 100%;background-position:0% 0%;image-rendering:auto;animation:px-char-idle var(--char-beat) steps(var(--char-frames, 4),end) infinite}@keyframes px-char-idle{to{background-position:var(--char-to, 133.3333%) 0%}}.px-figure__ring{position:absolute;left:50%;top:var(--ring-anchor, 30%);width:calc(var(--ring-size, 60%) / var(--char-aspect, 1));aspect-ratio:1 / 1;transform:translate(-50%,-50%) scaleY(var(--ring-tilt, 1));z-index:0;pointer-events:none;background:var(--ring) center / contain no-repeat;image-rendering:auto;animation:px-ring-turn var(--ring-turn) steps(var(--ring-steps, 24),end) infinite}@keyframes px-ring-turn{to{transform:translate(-50%,-50%) scaleY(var(--ring-tilt, 1)) rotate(360deg)}}.px-figure__aura{position:absolute;left:50%;top:var(--aura-anchor, 50%);width:calc(var(--aura-size, 110%) / var(--char-aspect, 1));aspect-ratio:1 / 1;transform:translate(-50%,-50%);z-index:0;pointer-events:none;background-image:var(--aura);background-repeat:no-repeat;background-size:calc(var(--aura-frames, 4) * 100%) 100%;background-position:0% 0%;image-rendering:auto;animation:px-aura-burn var(--char-beat) steps(var(--aura-frames, 4),end) infinite}@keyframes px-aura-burn{to{background-position:var(--aura-to, 133.3333%) 0%}}.px-figure--framed>.px-figure__body--sheet{width:auto;height:100%;margin:0 auto;background-size:calc(var(--char-frames, 4) * 100%) 100%}.px-figure--framed>.px-figure__ring{width:min(var(--ring-size, 60%),100%)}@media(prefers-reduced-motion:reduce){.px-figure>.px-figure__body--sheet,.px-figure.has-wings>.px-figure__body--sheet,.px-figure__ring,.px-figure__aura{animation:none}}@keyframes px-wing-beat{to{background-position:var(--wing-to, 114.2857%) 0%}}.px-figure__wings.is-pingpong,.rc-wings.is-pingpong,.px-wings.is-pingpong{animation-direction:alternate;animation-duration:calc(var(--wing-beat) / 2)}.rc-wings.is-flying,.px-figure__wings.is-flying{animation-duration:var(--wing-beat-fast)}.rc-wings.is-folded,.px-figure__wings.is-folded{animation:none;background-position:var(--wing-fold, 57.1429%) 0%}.rc-wings.is-victory,.px-figure__wings.is-victory{animation:none;background-position:0% 0%}.px-figure--framed{overflow:hidden}.px-figure--framed>.px-figure__body{height:100%;object-fit:contain}.px-figure--framed>.px-figure__wings{width:100%}.px-figure.has-wings>.px-figure__body{animation:px-figure-bob var(--wing-bob) steps(2,end) infinite}@keyframes px-figure-bob{0%,to{transform:none}50%{transform:translateY(-2px)}}.px-figure.has-wings>.px-figure__body--sheet{animation:px-char-idle var(--char-beat) steps(var(--char-frames, 4),end) infinite,px-figure-bob var(--wing-bob) steps(2,end) infinite}.rc-board .rc-wings{top:56.52%;width:100%;z-index:2;transform-origin:50% calc(var(--wing-root, .5) * 100%);animation:px-wing-beat var(--wing-beat) steps(var(--wing-steps, 8),end) infinite,rc-wings-land .2s var(--px-snap)}.rc-board .rc-wings.is-pingpong{animation-direction:alternate,normal;animation-duration:calc(var(--wing-beat) / 2),.2s}.rc-board .rc-wings.is-flying{animation-duration:var(--wing-beat-fast),.2s}.rc-board .rc-wings.is-pingpong.is-flying{animation-duration:calc(var(--wing-beat-fast) / 2),.2s}@keyframes rc-wings-land{0%{transform:translate(-50%,calc(var(--wing-root, .5) * -100% - 42%)) scaleY(1.08)}58%{transform:translate(-50%,calc(var(--wing-root, .5) * -100%)) scale(1.1,.86)}78%{transform:translate(-50%,calc(var(--wing-root, .5) * -100%)) scale(.97,1.04)}to{transform:translate(-50%,calc(var(--wing-root, .5) * -100%))}}.rc-board .rc-cell--winged{z-index:2}@media(prefers-reduced-motion:reduce){.px-figure__wings,.rc-wings,.px-wings,.px-figure.has-wings>.px-figure__body{animation:none}}.px-figure:not(.is-near)>.px-figure__body--sheet,.px-figure:not(.is-near)>.px-figure__wings,.px-figure:not(.is-near)>.px-figure__aura,.px-wings:not(.is-near){background-image:none}.px-figure:not(.is-near)>.px-figure__ring{background:none}.rate{display:grid;gap:var(--s-2);width:100%;padding:var(--s-2) var(--s-3);border:var(--px-border) solid var(--px-line);border-radius:var(--px-r);background:var(--px-panel);box-shadow:var(--px-drop-sm);color:var(--px-ink)}.rate__row{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.rate__q{font-weight:var(--fw-label);font-size:var(--fs-sm)}.rate__stars{display:inline-flex;gap:var(--s-1);margin-inline-start:auto}.rate__star{font-size:var(--fs-h2);line-height:1;color:var(--px-cell-alt);-webkit-text-stroke:1px var(--px-line);background:none;border:0;padding:var(--s-1);cursor:pointer;touch-action:manipulation}.rate__star.is-on,.rate__stars:not(:has(.is-on)) .rate__star:has(~.rate__star:hover),.rate__stars:not(:has(.is-on)) .rate__star:hover{color:var(--px-gold)}.rate__x{background:none;border:0;color:var(--px-ink-2);font-size:var(--fs-sm);padding:var(--s-1) var(--s-2);cursor:pointer}.rate__more{display:grid;gap:var(--s-2)}.rate__hint,.rate__done{font-size:var(--fs-xs);color:var(--px-ink-2);margin:0}.rate__tags{display:flex;flex-wrap:wrap;gap:var(--s-1)}.rate__tag{font:inherit;font-size:var(--fs-xs);padding:var(--s-1) var(--s-2);border:2px solid var(--px-line);border-radius:var(--px-r-sm);background:var(--px-cell);color:var(--px-ink);cursor:pointer;touch-action:manipulation}.rate__tag[aria-pressed=true]{background:var(--px-gold)}.rate__text{width:100%;resize:vertical}.rate__send{justify-self:end}.rate-dialog .rate{border:0;box-shadow:none;padding:0;background:none}.rate-dialog .rate__stars{margin-inline:auto}.rate-dialog .rate__star{font-size:var(--fs-h1)}