:root{--app-ratio-min: 1.662;--app-ratio-max: 2.1;--app-w: min(100vw, calc(100dvh / var(--app-ratio-min)));--app-h: min(100dvh, calc(var(--app-w) * var(--app-ratio-max)));--board-w: var(--app-w);--font-w: calc(var(--board-w) * .18);--card-small-w: calc(7 * var(--unit));--card-w: calc(9.8 * var(--unit));--card-large-w: calc(15 * var(--unit));--cw: var(--card-w);--identity-preview-size: calc(24 * var(--unit));--identity-option-size: calc(8 * var(--unit));--ch: calc(var(--cw) * 1.4);--cr: calc(var(--cw) * .15);--x-step: calc((100% - 2 * var(--unit) - var(--cw)) / 4);--def-off: calc(var(--ch) * .4);--slot-h: calc(var(--ch) + var(--def-off));--ff-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--ff-ui: Inter, "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--fs-user: calc(var(--font-w) * .23);--fs-card: calc(var(--font-w) * .26);--unit: 4px;--menu-row-h: calc(8 * var(--unit));--menu-radius: var(--cr);--menu-section-radius: calc(var(--menu-row-h) * .15);--menu-section-gap: var(--unit);--menu-section-row-h: calc(5 * var(--unit));--menu-section-title-pad-b: calc(1.1 * var(--unit));--menu-section-pad-y: calc(2 * var(--unit)) 0 var(--unit);--menu-section-bg: rgba(255, 255, 255, .065);--profile-nav-size: calc(var(--menu-row-h) * .72);--top-nav-line-h: calc(var(--fs-user) * 1.2);--action-label-h: calc(var(--fs-user) + var(--font-w) * .1);--opp-gap: calc(3 * var(--unit));--opp-counter-h: calc(var(--font-w) * .16 * 1.15);--opponents-core-h: calc(var(--action-label-h) + var(--card-small-w) + var(--opp-gap) + var(--card-small-w) * 1.4);--opponents-row-h: calc(var(--opponents-core-h) + var(--opp-gap));--table-center-offset-y: 0px;--c-bg: #000;--c-surface: #1E1E1E;--c-hi: #2C2C2C;--c-text: #fff;--c-card: #fff;--c-card-text: #111;--c-red: #c11;--c-green: #4caf50;--c-trump: #f5d547;--c-focus: #9FD3FF;--stroke-1: 1px;--stroke-2: 2px;--shadow-1: 0 0 calc(var(--cw) * .07) var(--c-card-shadow);--z-pop: 30;--z-sheet: 50;--z-modal: 60;--z-toast: 70;--menu-bg: var(--c-bg);--menu-surface: var(--c-surface);--menu-surface-hi: var(--c-hi);--menu-label: var(--c-text);--c-avatar-bg: var(--c-surface);--c-error: var(--c-red);--c-success: var(--c-green);--menu-stroke: rgba(255, 255, 255, .12);--menu-font: Inter, "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--c-overlay: #000;--c-emoji-overlay: rgba(0, 0, 0, .5);--c-control-muted: #242329;--c-control-active: #454449;--c-card-shadow: rgba(0, 0, 0, .45)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{width:100%;height:100%;overscroll-behavior:none;touch-action:none}*{user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}:is(#onboarding-screen,#onboarding-panel,#profile-panel,#identity-panel,#settings-panel,#user-games-panel),:is(#onboarding-screen,#onboarding-panel,#profile-panel,#identity-panel,#settings-panel,#user-games-panel) *{touch-action:pan-y}img,svg{-webkit-user-drag:none}body{background:var(--menu-bg);color:var(--c-text);font-family:var(--ff-ui);font-size:var(--fs-card);font-weight:450;height:100dvh;min-height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden}#game-screen{position:relative;background:var(--menu-bg);width:var(--app-w);height:var(--app-h);display:grid;grid-template-rows:auto 1fr auto;overflow:visible;overscroll-behavior:none;touch-action:none;padding:0}#card-layer{position:absolute;inset:0;z-index:50;pointer-events:none}#top-section{position:relative;display:grid;grid-template-rows:auto;width:100%;padding-top:calc(env(safe-area-inset-top,0) + var(--unit))}.top-nav-row{display:flex;align-items:center;justify-content:flex-start;min-height:var(--top-nav-line-h);padding:0}#top-section>.top-nav-row{display:flex;position:absolute;left:var(--unit);top:var(--unit);z-index:40;right:var(--unit);height:var(--action-label-h);min-height:0;padding:0}#top-exit-btn{display:flex;align-items:center;justify-content:center;width:var(--action-label-h);height:var(--action-label-h);min-height:0}.active-settings-btn{position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;width:var(--action-label-h);height:var(--action-label-h);min-height:0}#opponents-row{display:flex;align-items:flex-start;justify-content:space-evenly;width:100%;height:var(--opponents-row-h)}.opp-seat{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--opp-gap);width:var(--card-small-w);flex-shrink:0;padding-top:var(--action-label-h)}.opp-seat .avatar{position:relative;z-index:10;width:var(--card-small-w);height:var(--card-small-w)}.opp-seat.seat-empty .avatar{background:var(--c-control-muted);box-shadow:none}.opp-seat.seat-empty .avatar:after{content:"+";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--c-text);font-family:var(--menu-font);font-size:var(--fs-user);font-weight:450;line-height:1;pointer-events:none}.avatar{position:relative;width:var(--card-small-w);height:var(--card-small-w);border-radius:var(--cr) var(--cr) 0 var(--cr);background:var(--c-avatar-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.avatar.avatar-placeholder{background:var(--c-control-muted);box-shadow:none}.seat-avatar-layer{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}.action-status-label{position:absolute;top:0;left:50%;transform:translate(-50%);min-width:100%;height:var(--action-label-h);box-sizing:border-box;z-index:20;pointer-events:none;color:var(--c-text);font-family:var(--menu-font);font-size:var(--fs-user);font-weight:450;line-height:1;display:flex;align-items:center;justify-content:center;padding:0 calc(var(--cw) * .08);white-space:nowrap}.action-status-label .rating-old{color:#fff}.action-status-label.has-rating{font-size:calc(var(--font-w) * .16)}.my-seat>.action-status-label{top:calc(var(--opp-gap) - var(--action-label-h))}.avatar-action-label.emoji-status,.emoji-picker-btn{font-family:var(--menu-font);font-size:calc(var(--fs-card) * 2);font-weight:450;line-height:1}.seat-label-layer,.avatar-action-label{position:absolute;z-index:40;box-sizing:border-box;pointer-events:none}.seat-label-layer{color:var(--c-text);font-family:var(--menu-font);font-size:var(--fs-user);font-weight:450;line-height:1}.seat-label-layer.has-panel{border-radius:var(--cr) var(--cr) 0 var(--cr);background:#00000080;display:flex;align-items:center;justify-content:center;text-align:center}.seat-label-lines{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--unit) * .65)}.seat-label-line{display:block;white-space:nowrap}.seat-label-role{position:absolute;right:calc(var(--cw) * .025);bottom:0}.avatar-action-label{border-radius:var(--cr) var(--cr) 0 var(--cr);background:#00000080;display:flex;align-items:center;justify-content:center;color:var(--c-text);font-family:var(--menu-font);font-size:var(--fs-user);font-weight:450;line-height:1}.seat-resolved>.seat-label-layer.has-panel,.seat-resolved>.avatar-action-label:not(.emoji-status){background:#fff;color:#000}.opp-seat>.seat-label-layer,.opp-seat>.avatar-action-label{left:0;top:var(--action-label-h);width:var(--card-small-w);height:var(--card-small-w)}.my-seat>.seat-label-layer,.my-seat>.avatar-action-label{left:0;top:var(--opp-gap);width:var(--card-small-w);height:var(--card-small-w)}.opp-name{position:absolute;font-size:calc(var(--font-w) * .16);font-weight:450;line-height:1.15;max-width:var(--cw);color:var(--c-text);z-index:12;left:50%;top:calc(var(--action-label-h) + var(--card-small-w) + 1.5 * var(--unit));transform:translate(-50%,-50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.opp-seat .avatar{cursor:pointer}#mid-section{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;isolation:isolate}#game-screen.game-over-visible #mid-section{z-index:60}#table-zone{position:relative;width:100%;height:calc(2 * var(--slot-h) + var(--unit));transform:translateY(var(--table-center-offset-y))}.talon-col,.pile-col{position:absolute;top:0}.talon-col{left:var(--unit);top:calc(50% - var(--ch) / 2 - var(--def-off))}.pile-col{left:calc(var(--unit) + 4 * var(--x-step));top:calc(50% - var(--ch) / 2)}.talon-stack{position:relative;width:var(--cw);height:var(--slot-h);flex-shrink:0}#trump-label{position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:calc(var(--card-large-w) * .2396);height:calc(var(--card-large-w) * .2396);pointer-events:none;z-index:0}#trump-label>svg{display:block;width:100%;height:100%;fill:currentColor}.pair-slot{position:relative;width:var(--cw);height:var(--slot-h)}.pair-slot .card,.talon-stack .card{position:absolute;left:0}.table-slot{position:absolute}.t2{top:0;left:calc(var(--unit) + var(--x-step))}.t3{top:0;left:calc(var(--unit) + 2 * var(--x-step))}.t4{top:0;left:calc(var(--unit) + 3 * var(--x-step))}.b2{top:calc(var(--slot-h) + var(--unit));left:calc(var(--unit) + var(--x-step))}.b3{top:calc(var(--slot-h) + var(--unit));left:calc(var(--unit) + 2 * var(--x-step))}.b4{top:calc(var(--slot-h) + var(--unit));left:calc(var(--unit) + 3 * var(--x-step))}.atk-card,.trump-card{top:0;z-index:0}.def-card{top:var(--def-off);z-index:1}.talon-back{top:var(--def-off);z-index:4}.card{--card-width: var(--card-w);--shadow-1: 0 0 calc(var(--card-width) * .2) var(--c-card-shadow);display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative;isolation:isolate;overflow:hidden;width:var(--card-width);height:calc(var(--card-width) * 1.4);background:var(--c-card);border-radius:calc(var(--card-width) * .15);border:none;padding:calc(var(--card-width) * .06) calc(var(--card-width) * .07);flex-shrink:0;font-family:var(--ff-mono);font-weight:700;color:var(--c-card-text);box-shadow:var(--shadow-1)}.card.no-shadow{box-shadow:none}.visual-card{position:absolute;left:0;top:0;padding:0;transform-origin:top left;will-change:transform;pointer-events:none}.visual-card.playable{pointer-events:auto}.visual-card.dragging{cursor:grabbing;touch-action:none}.card.visual-card.in-flight{box-shadow:var(--shadow-1)}.card.red{color:var(--c-red)}.card.dimmed:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:#00000038;pointer-events:none;z-index:2}.card.trump-highlight:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--stroke-2) var(--c-trump);pointer-events:none;z-index:1}.card-tl{display:flex;flex-direction:column;align-items:flex-start;line-height:.9}.rank,.suit{font-size:var(--fs-card)}.card.card-back{align-items:center;justify-content:center;padding:0}.opp-seat .card{--card-width: var(--card-small-w);visibility:hidden}.card.card-back,#player-hand .card{z-index:4}.opp-seat .card.card-back{z-index:1}.pile-col>.card{visibility:hidden}.card>svg,.card>img,.card>.card-face{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.card>.card-face{display:block;background-repeat:no-repeat}.visual-card.card-placeholder{background:var(--c-control-muted)}.visual-card.card-placeholder>.card-face{display:none}.zone-count{position:relative;z-index:0;color:var(--c-text);font-size:calc(var(--font-w) * .16);font-weight:450;font-variant-numeric:tabular-nums lining-nums;line-height:1.15;pointer-events:none}.zone-count:empty{visibility:hidden}.opp-seat .zone-count{position:absolute;left:50%;top:calc(var(--opponents-core-h) + var(--opp-gap) / 2);transform:translate(-50%,-50%);min-height:var(--opp-counter-h)}.talon-col .zone-count{position:absolute;left:50%;top:calc(var(--slot-h) + 1.5 * var(--unit));transform:translate(-50%,-50%)}.pile-col .zone-count{position:absolute;left:50%;top:calc(var(--ch) + 1.5 * var(--unit));transform:translate(-50%,-50%)}.card.playable{cursor:pointer}#bottom-section{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--unit);padding-bottom:0;overflow:visible}#player-hand{position:relative;width:100%;height:var(--ch);z-index:1}#player-hand .card{--card-width: var(--card-large-w);position:absolute;top:0}#controls-row{position:relative;width:100%;height:calc(var(--opp-gap) + var(--card-small-w));z-index:0}#pass-btn{position:absolute;left:calc((2 * var(--unit)) + var(--card-small-w));right:var(--unit);top:var(--opp-gap);height:var(--card-small-w);background:var(--c-control-muted);border:var(--stroke-2) solid transparent;border-radius:var(--cr);color:var(--c-text);font-size:var(--fs-card);font-weight:450;cursor:pointer;font-family:var(--ff-ui);display:flex;align-items:center;justify-content:center;gap:.6ch;font-variant-numeric:tabular-nums lining-nums}.game-over-replay-btn{position:absolute;left:calc((2 * var(--unit)) + var(--card-small-w));right:var(--unit);top:calc(var(--opp-gap) - var(--action-label-h));height:var(--action-label-h);border:0;padding:0;background:transparent;color:var(--c-text);cursor:pointer;font-family:var(--menu-font);font-size:calc(var(--font-w) * .16);font-weight:450;line-height:1;display:flex;align-items:center;justify-content:flex-end;text-decoration:none}#pass-btn.dimmed{pointer-events:none}#pass-btn.invite-mode{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--fs-user)}#pass-btn .action-btn-word{display:inline-block;min-width:4ch;text-align:center;pointer-events:none}#pass-btn .action-btn-timer{display:inline-block;min-width:4ch;text-align:left;pointer-events:none}.my-seat{position:absolute;left:var(--unit);top:0;display:flex;flex-direction:column;align-items:center;gap:calc(var(--ch) * .05);width:var(--card-small-w);padding-top:var(--opp-gap)}.my-seat .avatar{width:var(--card-small-w);height:var(--card-small-w)}#emoji-overlay{position:absolute;inset:0;z-index:80;overflow:visible}#emoji-overlay[hidden]{display:none}#emoji-picker{--emoji-step: calc((var(--app-w) - 2 * var(--unit) - var(--card-small-w)) / 5);--emoji-top-center: calc(var(--opp-gap) + var(--card-small-w) / 2);position:absolute;isolation:isolate;left:0;right:0;top:calc(var(--app-h) - var(--ch) - var(--card-small-w) - var(--opp-gap) - var(--ch) * .08);bottom:calc((var(--app-h) - 100dvh) / 2);display:block;border-radius:0;z-index:1}#emoji-picker:before{content:"";position:absolute;left:-50dvw;right:-50dvw;top:0;bottom:-50dvh;z-index:-1;background:var(--c-emoji-overlay);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.emoji-picker-btn{appearance:none;-webkit-appearance:none;position:absolute;left:calc(var(--unit) + var(--card-small-w) / 2 + var(--emoji-col, 0) * var(--emoji-step) - var(--card-small-w) / 2);top:calc(var(--emoji-top-center) - var(--card-small-w) / 2);width:var(--card-small-w);height:var(--card-small-w);border:0;padding:0;background:transparent;color:var(--c-text);cursor:pointer;z-index:1}.emoji-picker-close-btn{font-size:calc(var(--fs-card) * 2);font-weight:450;line-height:1}.emoji-picker-btn-bottom{top:calc(var(--emoji-top-center) + var(--emoji-step) - var(--card-small-w) / 2)}#start-screen,#onboarding-screen,#login-screen,#matchmaking-screen,#profile-screen,#identity-screen,#settings-screen,#user-games-screen{position:relative;width:var(--app-w);height:var(--app-h);background:var(--menu-bg);display:flex;justify-content:center;align-items:stretch;z-index:var(--z-sheet);overflow:visible}:is(#game-screen,#start-screen,#onboarding-screen,#login-screen,#matchmaking-screen,#profile-screen,#identity-screen,#settings-screen,#user-games-screen):before,:is(#game-screen,#start-screen,#onboarding-screen,#login-screen,#matchmaking-screen,#profile-screen,#identity-screen,#settings-screen,#user-games-screen):after{content:"";position:absolute;left:0;right:0;height:50dvh;background:var(--menu-bg);pointer-events:none}:is(#game-screen,#start-screen,#onboarding-screen,#login-screen,#matchmaking-screen,#profile-screen,#identity-screen,#settings-screen,#user-games-screen):before{bottom:100%}:is(#game-screen,#start-screen,#onboarding-screen,#login-screen,#matchmaking-screen,#profile-screen,#identity-screen,#settings-screen,#user-games-screen):after{top:100%}#onboarding-screen{position:fixed;inset:0;width:100vw;height:100dvh;align-items:stretch;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:var(--z-toast)}#onboarding-screen:before,#onboarding-screen:after{display:none}#identity-screen{z-index:calc(var(--z-sheet) + 1)}:is(#start-screen,#onboarding-screen,#login-screen,#matchmaking-screen,#profile-screen,#identity-screen,#settings-screen,#user-games-screen),:is(#start-screen,#onboarding-screen,#login-screen,#matchmaking-screen,#profile-screen,#identity-screen,#settings-screen,#user-games-screen) :is(button,span,div,input){font-family:var(--menu-font);font-size:var(--fs-user);letter-spacing:0}:is(#start-screen,#login-screen,#profile-screen,#settings-screen,#user-games-screen) :is(.menu-btn,.mode-btn,.n-btn,.social-auth-button,.social-auth-button span,.settings-cycle-row,.settings-provider-row,.settings-action-btn,.profile-friend-btn,.profile-history-item,.profile-friend-link),#onboarding-screen .onboarding-continue-btn{font-size:var(--fs-card);font-weight:450}#start-panel{display:grid;grid-template-rows:auto auto 1fr;position:relative;width:100%;height:100%;padding:calc(var(--unit) + env(safe-area-inset-top,0)) var(--unit) calc(var(--unit) + env(safe-area-inset-bottom,0));gap:0}.start-nav-row{justify-content:space-between;margin-bottom:var(--unit)}#onboarding-panel{position:relative;width:100%;max-width:var(--app-w);margin:0 auto;min-height:100%;padding:calc(var(--unit) + env(safe-area-inset-top,0)) var(--unit) calc(var(--unit) + env(safe-area-inset-bottom,0));display:grid;grid-template-rows:minmax(0,1fr);align-items:center}#onboarding-screen::-webkit-scrollbar{display:none}.onboarding-nav-row{position:absolute;left:var(--unit);top:calc((100dvh - var(--app-h)) / 2 + var(--unit) + env(safe-area-inset-top,0));z-index:40;width:var(--action-label-h);height:var(--action-label-h);min-height:0;padding:0;margin:0;justify-content:flex-start}.onboarding-card{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:calc(4 * var(--unit))}.onboarding-title{text-align:center;color:#fff;font-size:var(--fs-card);font-weight:450}.onboarding-input{display:block;width:100%;height:var(--menu-row-h);font-size:max(16px,var(--fs-user));font-weight:450;border-radius:var(--menu-radius);border:none;outline:none;background:var(--c-control-muted);color:#fff;padding:0 calc(3.6 * var(--unit));box-shadow:inset 0 0 0 var(--stroke-2) var(--menu-stroke);user-select:text;-webkit-user-select:text}.onboarding-input::placeholder{color:var(--menu-label);font-weight:450}.onboarding-hint{color:var(--menu-label);min-height:1.2em;text-align:center;font-weight:450}.onboarding-hint.invalid{color:var(--c-error)}.onboarding-row{display:block;width:100%;margin-inline:auto}.onboarding-avatar-row{position:relative;display:flex;justify-content:center;align-items:center;min-height:var(--menu-row-h)}.onboarding-preview-stage{position:relative;width:var(--menu-row-h);height:var(--menu-row-h);border-radius:calc(var(--menu-row-h) * .15);overflow:hidden;background:var(--c-avatar-bg);box-shadow:none}.onboarding-randomize-icon-btn{width:var(--menu-row-h);height:var(--menu-row-h);border:none;appearance:none;-webkit-appearance:none;border-radius:var(--menu-radius);background:var(--c-control-muted);color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;cursor:pointer}.onboarding-avatar-row .onboarding-randomize-icon-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}.dice-icon{width:54%;height:54%}.onboarding-continue-btn:disabled{opacity:1;background:var(--c-control-muted);color:var(--menu-label);box-shadow:none;background-image:none!important;-webkit-text-fill-color:currentColor}#profile-panel,#matchmaking-panel,#login-panel,#settings-panel,#user-games-panel{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:calc(var(--unit) + env(safe-area-inset-top,0)) var(--unit) calc(var(--unit) + env(safe-area-inset-bottom,0))}#profile-panel,#settings-panel,#user-games-panel{position:relative;padding-right:0;padding-left:0}#matchmaking-panel{position:relative}#profile-panel>.top-nav-row,#settings-panel>.top-nav-row,#user-games-panel>.top-nav-row,#matchmaking-panel>.top-nav-row{position:fixed;left:calc((100vw - var(--app-w)) / 2 + var(--unit));right:calc((100vw - var(--app-w)) / 2 + var(--unit));top:calc((100dvh - var(--app-h)) / 2 + var(--unit) + env(safe-area-inset-top,0));z-index:40;height:var(--action-label-h);min-height:0;padding:0;margin:0}.profile-back-btn,#matchmaking-back-btn,#onboarding-back-btn,#start-settings-btn{display:flex;align-items:center;justify-content:center;width:var(--action-label-h);height:var(--action-label-h);min-height:0;white-space:nowrap}.matchmaking-talon{position:absolute;left:var(--unit);top:calc(50% - var(--ch) / 2 + (var(--unit) + var(--opponents-row-h) - var(--opp-gap) - var(--card-small-w) - var(--ch) - var(--unit)) / 2);width:var(--cw);height:var(--ch)}#profile-panel,#settings-panel,#user-games-panel{overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}:is(#profile-panel,#settings-panel,#user-games-panel)::-webkit-scrollbar{width:var(--unit)}:is(#profile-panel,#settings-panel,#user-games-panel)::-webkit-scrollbar:horizontal{height:0;display:none}:is(#profile-panel,#settings-panel,#user-games-panel)::-webkit-scrollbar-track{background:transparent}:is(#profile-panel,#settings-panel,#user-games-panel)::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:2px}:is(#profile-panel,#settings-panel,#user-games-panel)::-webkit-scrollbar-button,:is(#profile-panel,#settings-panel,#user-games-panel)::-webkit-scrollbar-corner{display:none;width:0;height:0;background:transparent}.matchmaking-waiting{flex:1 1 auto;display:flex;align-items:center;justify-content:center;color:var(--c-text);font-weight:450;text-transform:lowercase}.matchmaking-dots{display:inline-block;width:1.5em;text-align:left}#identity-panel{width:100%;height:100%;padding:0 0 calc(var(--unit) + env(safe-area-inset-bottom,0));overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}#identity-panel::-webkit-scrollbar{width:var(--unit)}#identity-panel::-webkit-scrollbar:horizontal{height:0;display:none}#identity-panel::-webkit-scrollbar-track{background:transparent}#identity-panel::-webkit-scrollbar-thumb{background:#0000002e;border-radius:2px}#identity-panel::-webkit-scrollbar-button,#identity-panel::-webkit-scrollbar-corner{display:none;width:0;height:0;background:transparent}.menu-head{display:flex;align-items:center}.top-nav-text-btn{border:none;background:transparent;color:var(--menu-label);padding:0;font-family:var(--ff-ui);font-size:var(--fs-user);font-weight:450;line-height:1;letter-spacing:0;text-transform:none;text-decoration:none;cursor:pointer}#start-screen .top-nav-text-btn,#onboarding-screen .top-nav-text-btn,#login-screen .top-nav-text-btn,#matchmaking-screen .top-nav-text-btn,#profile-screen .top-nav-text-btn,#identity-screen .top-nav-text-btn,#settings-screen .top-nav-text-btn,#user-games-screen .top-nav-text-btn,#game-screen .top-nav-text-btn{font-size:var(--fs-user)}.menu-head-main{display:grid;grid-template-columns:var(--profile-nav-size) 1fr var(--profile-nav-size);align-items:center;justify-items:center}.menu-identity{display:inline-flex;align-items:center}.menu-head-spacer{width:var(--profile-nav-size);height:var(--profile-nav-size)}.profile-head{display:grid;grid-template-columns:var(--profile-nav-size) 1fr var(--profile-nav-size);grid-template-rows:auto;justify-items:center;align-items:center;align-self:stretch;width:100%;min-height:var(--menu-row-h);margin-top:calc(var(--action-label-h) + var(--unit));padding:0 var(--unit)}.menu-avatar{position:relative;display:block;width:var(--menu-row-h);height:var(--menu-row-h);border-radius:calc(var(--menu-row-h) * .15);background:var(--menu-surface);justify-self:start;overflow:hidden}.menu-avatar-btn{cursor:pointer}.avatar-loading{background:var(--c-control-muted)}.menu-avatar.avatar-loading{box-shadow:none}.menu-username{margin-left:calc(4 * var(--unit));min-height:1.2em;text-align:left;color:#fff;font-weight:450;text-decoration:none}.menu-username{cursor:pointer}.menu-username-loading{width:calc(16 * var(--unit));border-radius:calc(var(--unit) * .9);background:var(--c-control-muted);color:transparent}.profile-back-btn{margin-left:0;cursor:pointer}.profile-identity{display:inline-flex;align-items:center}.profile-stats{display:flex;flex-direction:column;gap:var(--menu-section-gap);margin-top:calc(3 * var(--unit));align-self:stretch;flex:0 0 auto}.profile-friend-btn{align-self:flex-start;margin:calc(2 * var(--unit)) var(--unit) 0;padding:var(--unit) calc(2 * var(--unit));border:0;border-radius:var(--menu-section-radius);background:var(--menu-surface);box-shadow:inset 0 0 0 var(--stroke-1) var(--menu-stroke);color:#fff;font:inherit;font-weight:450;text-transform:lowercase;cursor:pointer}.profile-friend-btn:disabled{color:var(--menu-label);cursor:default}.profile-stat-row{display:flex;align-items:center;justify-content:space-between;padding:var(--unit);color:#fff}.profile-section-head{padding:0 var(--unit) var(--menu-section-title-pad-b)}.profile-section-head .profile-stat-label,.profile-history>.profile-stat-label,.profile-friends>.profile-stat-label,.settings-section>.settings-group-title{font-weight:700}.profile-stat-label{color:var(--menu-label);font-weight:450;text-transform:lowercase}.profile-history>.profile-stat-label,.profile-friends>.profile-stat-label{padding:0 var(--unit) var(--menu-section-title-pad-b)}.profile-stat-value{color:#fff;font-weight:450;font-variant-numeric:tabular-nums}.profile-history,.profile-friends,.user-games-card{display:flex;flex-direction:column;gap:var(--menu-section-gap);flex:0 0 auto;margin:0 var(--unit);padding:var(--menu-section-pad-y);border-radius:var(--menu-section-radius);background:var(--menu-section-bg);overflow:hidden}.user-games-card{margin-top:calc(var(--action-label-h) + var(--unit))}.profile-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--menu-section-gap);overflow:visible;flex:0 0 auto}.profile-history-item{font-variant-numeric:tabular-nums;font-weight:450}.profile-history-link{display:grid;grid-template-columns:max-content 1.8em minmax(0,1fr);align-items:center;gap:var(--unit);min-height:var(--menu-section-row-h);padding:0 var(--unit);color:#fff;text-decoration:none;cursor:pointer}.profile-friend-link{grid-template-columns:minmax(0,1fr) max-content}.profile-history-more-link,.profile-history-more-btn{grid-template-columns:minmax(0,1fr);width:100%;border:0;background:transparent;font:inherit;font-weight:450;text-align:left}.profile-history-more-btn:disabled{color:var(--menu-label);cursor:default}.profile-history-mode{color:var(--menu-label);font-weight:450}.profile-history-outcome{font-weight:450;text-align:center}.profile-history-outcome-2{color:var(--c-success)}.profile-history-outcome-0{color:var(--c-error)}.profile-history-outcome-1,.profile-history-outcome-3{color:var(--menu-label)}.profile-history-players{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-friend-actions{display:flex;gap:calc(1.8 * var(--unit))}.profile-friend-action{border:0;background:transparent;font:inherit;font-weight:450;min-width:calc(6.4 * var(--unit));padding:0;cursor:pointer}.profile-friend-accept{color:var(--c-success)}.profile-friend-decline{color:var(--c-error)}.profile-history-empty{padding:var(--unit);color:var(--menu-label);font-weight:450}.identity-top-sticky{position:sticky;top:0;padding:calc(var(--unit) + env(safe-area-inset-top,0)) var(--unit) var(--unit);min-height:30vh;background:var(--menu-bg);z-index:2;display:flex;flex-direction:column;gap:var(--unit)}.identity-preview-stage{position:relative;width:var(--identity-preview-size);height:var(--identity-preview-size);margin:0 auto;border-radius:calc(var(--identity-preview-size) * .15);background:var(--c-avatar-bg);overflow:hidden}.identity-preview-stage.identity-preview-back{cursor:pointer}.identity-layer,.menu-avatar-layer{position:absolute;inset:0;width:100%;height:100%}.identity-controls{display:flex;flex-direction:column;gap:var(--unit);padding:0 var(--unit) var(--unit)}.identity-group{display:flex;flex-direction:column;gap:var(--unit)}.identity-group-title{color:var(--menu-label);text-transform:lowercase;font-weight:450}.identity-options{display:flex;flex-wrap:wrap;gap:var(--unit)}.identity-option{position:relative;isolation:isolate;width:var(--identity-option-size);height:var(--identity-option-size);border-radius:calc(var(--identity-option-size) * .15);border:none;background:var(--menu-surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;overflow:hidden}.identity-option-swatch{width:100%;height:100%;display:block}.identity-option[aria-pressed=true]{box-shadow:none}.identity-option[aria-pressed=true]:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--stroke-2) #fff;pointer-events:none;z-index:2}.identity-option img,.identity-option svg,.identity-option-layer{width:100%;height:100%;display:block}#login-panel,#settings-panel{gap:calc(4 * var(--unit))}.login-card{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--unit)}.login-copy{color:#fff;font-size:var(--fs-user);font-weight:450;line-height:1.25;margin-bottom:calc(2 * var(--unit));max-width:calc(var(--app-w) - 4 * var(--unit));text-align:center}.settings-controls{display:flex;flex-direction:column;gap:var(--menu-section-gap);margin-top:calc(var(--action-label-h) + var(--unit))}.settings-group{display:flex;flex-direction:column;gap:var(--unit);border:none;padding:0;margin:0}.settings-section{gap:var(--menu-section-gap);margin:0 var(--unit);padding:var(--menu-section-pad-y);border-radius:var(--menu-section-radius);background:var(--menu-section-bg);overflow:hidden}.settings-group-title{color:var(--menu-label);text-transform:lowercase;padding:0 var(--unit);font-weight:450}.settings-section>.settings-group-title{padding-bottom:var(--menu-section-title-pad-b)}.settings-toggle-row>.settings-group-title,.settings-cycle-row>.settings-group-title{padding-right:0;padding-left:0}.settings-toggle-group,.settings-cycle-group{gap:0}.settings-toggle-row,.settings-cycle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--unit);min-height:var(--menu-section-row-h);padding-right:var(--unit);padding-left:var(--unit)}.settings-cycle-btn{min-width:calc(16 * var(--unit));flex:0 0 auto;border:none;border-radius:0;background:transparent;color:#fff;padding:0 0 0 calc(2 * var(--unit));font:inherit;font-weight:450;text-align:right;cursor:pointer}.settings-group-disabled{opacity:.45}.settings-group-disabled button{cursor:default}.settings-value-loading{width:calc(12 * var(--unit));height:1.2em;border-radius:calc(var(--unit) * .8);background:var(--c-control-muted);color:transparent}.settings-toggle{position:relative;width:calc(7 * var(--unit));height:calc(4 * var(--unit));flex:0 0 auto;border:none;border-radius:calc(2 * var(--unit));background:var(--c-control-muted);padding:0;cursor:pointer}.settings-toggle:after{content:"";position:absolute;top:calc(.5 * var(--unit));left:calc(.5 * var(--unit));width:calc(3 * var(--unit));height:calc(3 * var(--unit));border-radius:50%;background:#fff}.settings-toggle[aria-checked=true]{background:var(--c-control-active)}.settings-toggle[aria-checked=true]:after{left:calc(3.5 * var(--unit))}.settings-option{display:flex;align-items:center;gap:calc(2.6 * var(--unit));color:#fff;cursor:pointer;padding:var(--unit);font-size:var(--fs-user);font-weight:450}.settings-option-static{cursor:default}.settings-action-btn{appearance:none;-webkit-appearance:none;display:flex;align-items:center;border:none;background:transparent;color:#fff;text-align:left;min-height:var(--menu-section-row-h);padding:0 var(--unit);font:inherit;font-weight:450;line-height:1.1;cursor:pointer}.settings-action-btn>span{line-height:normal}.settings-provider-row{display:flex;align-items:center;justify-content:space-between;gap:var(--unit);min-height:var(--menu-section-row-h);padding-right:var(--unit);padding-left:var(--unit);color:#fff;font-size:var(--fs-card);font-weight:450}.settings-provider-name{font-size:inherit;font-weight:450}.settings-provider-action{border:none;background:transparent;color:#fff;cursor:pointer;font:inherit;font-size:inherit;font-weight:450;padding:0 0 0 calc(2 * var(--unit));text-align:right}.social-auth-button{align-items:center;background-color:#f2f2f2;border:none;border-radius:var(--menu-radius);box-sizing:border-box;color:#1f1f1f;cursor:pointer;display:grid;grid-template-columns:calc(4 * var(--unit)) minmax(0,1fr) calc(4 * var(--unit));column-gap:var(--unit);font-family:var(--ff-ui);font-size:var(--fs-card);font-weight:450;height:var(--menu-row-h);line-height:1;overflow:hidden;padding:0 calc(2.4 * var(--unit));position:relative;text-align:center;user-select:none;white-space:nowrap;width:100%}.social-auth-button:active{background-color:#d9d9d9}.social-auth-button-icon{align-self:center;height:calc(3.2 * var(--unit));justify-self:center;width:calc(3.2 * var(--unit))}.social-auth-button-icon svg{display:block;height:100%;width:100%}.social-auth-button-contents{font:inherit;line-height:1.1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.social-auth-button-telegram{background:#119af5;color:#fff}.social-auth-button-telegram:hover{background:#1090e5}.social-auth-button-telegram:active{background:#0f86d6}#login-screen .social-auth-button,#login-screen .social-auth-button span{font-size:var(--fs-card)}.menu-middle{display:flex;flex-direction:column;justify-content:center;padding-block:calc(4 * var(--unit));align-self:center}.menu-middle>*+*{margin-top:var(--unit)}.menu-btn{height:var(--menu-row-h);flex:0 0 auto;border-radius:var(--menu-radius);border:none;appearance:none;-webkit-appearance:none;background-image:none;background:var(--c-control-muted);color:#fff;box-shadow:none;cursor:pointer;font-weight:450}.menu-btn:disabled{background-image:none}.menu-btn-primary{background:var(--c-card);color:var(--c-card-text);font-weight:450}.onboarding-continue-btn{-webkit-appearance:none;appearance:none;background-image:none!important;-webkit-text-fill-color:currentColor}.mode-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--unit);height:var(--menu-row-h);flex:0 0 auto}.mode-btn{width:100%;height:var(--menu-row-h);border-radius:var(--cr);border:var(--stroke-2) solid transparent;background:var(--c-control-muted);color:#fff;padding:0;font-weight:450;margin:0;appearance:none;-webkit-appearance:none;text-align:center}.mode-btn-active{background:var(--c-control-active);color:#fff}.mode-btn-inactive{background:var(--c-control-muted);color:#fff}.players-row{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--unit);height:var(--menu-row-h);flex:0 0 auto}.n-btn{width:100%;height:var(--menu-row-h);border:var(--stroke-2) solid transparent;background:var(--c-control-muted);color:#fff;line-height:1;font-weight:450;cursor:pointer;border-radius:var(--cr);text-align:center;box-shadow:none}.n-btn-active{background:var(--c-control-active);color:#fff}#start-btn.menu-btn{background:var(--c-control-muted);border:none;color:#fff;letter-spacing:.02em;cursor:pointer}#start-btn:disabled{cursor:default}#notice-screen{position:fixed;inset:0;background:var(--menu-bg);display:none;flex-direction:column;justify-content:center;align-items:center;z-index:var(--z-modal)}#notice-screen.notice-overlay{background:var(--menu-bg)}#notice-panel{display:flex;flex-direction:column;align-items:center;gap:calc(2 * var(--unit));padding:calc(4 * var(--unit)) var(--unit);width:min(var(--app-w),100%)}#notice-heading{display:none}#notice-body{font-size:var(--fs-card);font-weight:450;color:#fff;text-align:center;line-height:1.25;max-width:calc(var(--app-w) - 4 * var(--unit))}.notice-profile-link{color:#3aa7ff;font:inherit;font-weight:450;text-decoration:none}#notice-buttons{display:flex;flex-direction:column;gap:var(--unit);width:100%;margin-top:calc(2 * var(--unit))}#notice-buttons .menu-btn{font-size:var(--fs-card);font-weight:450}#confirm-overlay{position:fixed;inset:0;background:var(--menu-bg);display:none;justify-content:center;align-items:center;z-index:calc(var(--z-modal) + 1)}#confirm-dialog{background:transparent;border-radius:0;padding:calc(4 * var(--unit)) var(--unit);display:flex;flex-direction:column;gap:calc(2 * var(--unit));width:min(var(--app-w),100%)}#confirm-nav-row{position:absolute;left:calc((100vw - var(--app-w)) / 2 + var(--unit));top:calc(var(--unit) + env(safe-area-inset-top,0));width:calc(var(--app-w) - 2 * var(--unit));z-index:1}#confirm-heading{display:none}#confirm-body{font-size:var(--fs-card);font-weight:450;color:#fff;text-align:center;line-height:1.25;max-width:calc(var(--app-w) - 4 * var(--unit))}#confirm-buttons{display:flex;flex-direction:column;gap:var(--unit);width:100%;margin-top:calc(2 * var(--unit))}#confirm-buttons .menu-btn{font-size:var(--fs-card);font-weight:450}#game-over{position:absolute;inset:0;overflow:hidden;background:transparent;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:1200;gap:var(--unit);padding:calc(2 * var(--unit)) var(--unit)}#game-over.shown{display:flex}#game-over-message{width:100%;font-family:var(--ff-ui);font-size:calc(var(--cw) * .8);font-weight:450;color:#fff;text-align:center;text-transform:uppercase;line-height:1;text-shadow:0 0 calc(2 * var(--unit)) #000,0 calc(.5 * var(--unit)) calc(3 * var(--unit)) #000,0 0 calc(8 * var(--unit)) rgba(0,0,0,.9)}#game-over-reason{width:100%;font-size:var(--fs-card);font-weight:450;color:#fff;text-align:center;text-shadow:0 0 calc(1.5 * var(--unit)) #000,0 calc(.5 * var(--unit)) calc(2.5 * var(--unit)) #000,0 0 calc(6 * var(--unit)) rgba(0,0,0,.9)}.rating-delta-up{color:var(--c-success)}.rating-delta-down{color:var(--c-error)}.rating-delta-even{color:#fff}@media(max-width:500px){body{background:var(--menu-bg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}