/*!
 * KUTUAMA - All Rights Reserved
 * This CSS is protected intellectual property. Unauthorized copying,
 * modification, or distribution is prohibited and may result in legal action.
 * https://kutuama.com
 */:root{--color-neutral-100: rgb(235, 211, 162);--color-neutral-200: rgb(193, 196, 148);--color-neutral-300: rgb(165, 200, 209);--color-neutral-400: rgb(84, 112, 118);--color-neutral-500: rgb(197, 97, 39);--color-neutral-600: rgb(52, 69, 76);--color-background: var(--color-neutral-100);--color-surface: var(--color-neutral-200);--color-surface-alt: var(--color-neutral-300);--color-text-primary: var(--color-neutral-600);--color-text-secondary: var(--color-neutral-500);--color-text-tertiary: var(--color-neutral-400);--color-border: var(--color-neutral-200);--color-divider: var(--color-neutral-500);--color-idle: rgb(28, 66, 134);--color-success: rgb(26, 116, 68);--color-warning: rgb(243, 162, 87);--color-danger: rgb(221, 64, 39);--color-success-text: rgb(16, 78, 45);--color-danger-text: rgb(138, 22, 10);--color-interactive: var(--color-neutral-500);--color-interactive-hover: var(--color-neutral-400);--color-interactive-active: var(--color-neutral-300);--color-interactive-disabled: var(--color-neutral-200);--color-board-primary: rgb(113, 80, 47);--color-board-mid: rgb(178, 121, 67);--color-board-secondary: rgb(243, 162, 87);--color-board-secondary-alt: rgb(187, 113, 37);--color-player-1: rgb(84, 112, 118);--color-player-2: rgb(255, 239, 174);--color-player-1: rgb(0, 0, 0);--color-player-2: rgb(255, 255, 255);--color-player-masculine: rgb(173, 201, 236);--color-player-feminine: rgb(239, 177, 167);--color-valid-move: rgb(235, 83, 36);--bead-horn: radial-gradient( circle at 35% 30%, #a98d63 0%, #8a6f45 55%, #6f5638 100% );--bead-lit: radial-gradient( circle at 35% 30%, #f8c67a 0%, #f3a257 48%, #bb7125 100% )}.dark{--color-background: var(--color-neutral-600);--color-surface: var(--color-neutral-400);--color-surface-alt: var(--color-neutral-500);--color-text-primary: var(--color-neutral-100);--color-text-secondary: var(--color-neutral-200);--color-text-tertiary: var(--color-neutral-300);--color-border: var(--color-neutral-400);--color-divider: var(--color-neutral-300);--color-success-text: rgb(170, 232, 196);--color-danger-text: rgb(255, 198, 190);--color-interactive: var(--color-neutral-300);--color-interactive-hover: var(--color-neutral-500);--color-interactive-active: var(--color-neutral-200);--color-interactive-disabled: var(--color-neutral-400);--color-board-primary: rgb(75, 51, 23);--color-board-secondary: rgb(187, 113, 37);--color-board-secondary-alt: rgb(243, 162, 87)}:root{--font-family-primary: "Inter", "Inter Fallback", "Inter Fallback Android", "Helvetica Neue", "Arial", sans-serif;--font-family-mono: "Courier New", "Courier", monospace;--font-size-xxs: 0.7rem;--font-size-xs: 1rem;--font-size-sm: 1.125rem;--font-size-base: 1.375rem;--font-size-lg: 1.625rem;--font-size-xl: 2.25rem;--font-size-xxl: 2.75rem;--font-weight-regular: 400;--font-weight-semibold: 500;--letter-spacing-tight: -0.02em;--letter-spacing-wide: 0.05em;--space-0: 0;--space-1: 0.5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--space-12: 6rem;--space-16: 8rem;--z-base: 0;--z-piece: 10;--z-selected: 20;--z-overlay: 30;--z-cursor: 40;--z-modal: 50;--z-tooltip: 60;--radius-sm: 0.25rem;--radius: 0.5rem;--radius-md: 0.75rem;--radius-lg: 1rem;--radius-full: 9999px;--border-width: 1px;--border-style: solid;--border-color: var(--color-border);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--focus-ring: 0 0 0 2px var(--color-interactive);--focus-ring-offset: 2px;--transition-fast: 150ms ease;--transition-base: 200ms ease;--transition-slow: 300ms ease;--point-width: calc(100% / 13);--bar-tray-h: 7px}@media(orientation: portrait)and (max-width: 663px){:root{--point-width: calc(100% / 12);--bar-tray-h: var(--point-width)}}*,*::before,*::after{box-sizing:border-box}*{margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}html{overscroll-behavior-y:contain;-webkit-text-size-adjust:100%}button,input,textarea,select{font-size:16px}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}html{height:100%;-webkit-text-size-adjust:100%;font-size:16px;font-size:clamp(13px,3.4vw,16px)}body{height:100%;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:var(--font-family-primary);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background-color:var(--color-background)}.app-container{display:flex;width:100vw;height:100vh;width:100dvw;height:100dvh}.app-container{--piece-width: min( var(--point-width) * 0.88, 8% )}.game-page{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;width:100%;height:100%;background:var(--color-background);overflow:hidden;--min-side-space: 3rem;--board-max-width: calc(100vw - (2 * var(--min-side-space)));--board-max-height: 100vh;--board-width: min( calc(var(--board-max-height) * 4 / 3), /* Height-based 4:3 */ var(--board-max-width), /* Width constraint */ 1024px /* Max size cap */ );--board-height: min( var(--board-max-height), calc(var(--board-width) * 3 / 4), 768px )}@supports(height: 100dvh){.game-page{--board-max-width: calc(100dvw - (2 * var(--min-side-space)));--board-max-height: 100dvh}}.game-grid{display:grid;min-width:var(--min-side-space);align-items:center}.game-container{display:flex;width:var(--board-width);height:var(--board-height);max-width:var(--board-width);max-height:var(--board-height)}@media(orientation: portrait){.game-page{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;--board-max-width: 100vw;--board-max-height: calc(100vh - (2 * var(--min-side-space)));--board-size: min( var(--board-max-width), /* Full width */ var(--board-max-height), /* Height constraint */ 1024px /* Max size cap */ );--board-width: var(--board-size);--board-height: var(--board-size)}@supports(height: 100dvh){.game-page{--board-max-width: 100dvw;--board-max-height: calc(100dvh - (2 * var(--min-side-space)))}}.game-grid{min-height:var(--min-side-space);min-width:auto}.game-container{margin:0 auto}}.game-elements{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;font-size:clamp(.75rem,2vw,1rem)}:root{--component-max-width: 1200px;--modal-width: min(90vw, 777px);--button-height: var(--space-6)}@media(max-width: 768px){:root{--modal-width: 95vw;--button-height: var(--space-8)}}.hidden{display:none !important}.btn-group{display:flex;gap:var(--space-3)}.btn{--btn-face: var(--color-interactive);--btn-edge: color-mix(in srgb, var(--btn-face), rgb(0, 0, 0) 28%);display:inline-flex;align-items:center;justify-content:center;height:var(--button-height);line-height:var(--button-height);padding:0 var(--space-2);border:var(--border-width) var(--border-style) rgba(0,0,0,0);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);touch-action:manipulation;background-color:var(--btn-face);background-image:linear-gradient(180deg, color-mix(in srgb, var(--btn-face), rgb(255, 255, 255) 8%), var(--btn-face) 55%, color-mix(in srgb, var(--btn-face), rgb(0, 0, 0) 6%));box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 0 var(--btn-edge),0 3px 4px rgba(0,0,0,.15);text-decoration:none;-webkit-appearance:none;appearance:none;color:var(--color-background)}@media(hover: hover){.btn:hover:not(:disabled):not([data-disabled]){filter:brightness(1.05)}}.btn:active:not(:disabled):not([data-disabled]){transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 2px rgba(0,0,0,.15)}.btn--secondary{--btn-face: var(--color-interactive-disabled);color:var(--color-text-primary);border-color:var(--color-border)}.btn--tertiary{--btn-face: var(--color-background);color:var(--color-text-secondary);border-color:var(--color-border)}@media(hover: hover){.btn--tertiary:hover:not(:disabled):not([data-disabled]){color:var(--color-text-primary)}}.btn--danger{--btn-face: var(--color-danger)}.btn--small{height:var(--space-3);line-height:var(--space-3);padding:0 var(--space-1);font-size:var(--font-size-xs)}.btn--large{height:var(--space-8);padding:0 var(--space-3);font-size:var(--font-size-base)}.btn--full{width:100%}.btn--link{background:none;border:none;color:var(--color-interactive);padding:0;height:auto;line-height:normal;box-shadow:none;text-decoration:underline;text-transform:none;letter-spacing:normal;font-size:inherit;font-weight:inherit;white-space:normal;word-break:break-word;min-height:auto}@media(hover: hover){.btn--link:hover:not(:disabled):not([data-disabled]){color:var(--color-interactive-hover);background:none;box-shadow:none;transform:none}}.btn--link:active:not(:disabled):not([data-disabled]){color:var(--color-interactive-active);transform:none;box-shadow:none}.btn:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}.btn:disabled,.btn[data-disabled]{opacity:.5;background-image:none;box-shadow:none;transform:none;cursor:default}.icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:var(--space-1);font-size:clamp(1.25rem,1.5vw,1.5rem);line-height:normal;transition:all var(--transition-fast)}.icon:first-child{margin-top:0}.icon:last-child{margin-bottom:0}.icon--settings svg{transform:scale(1.6)}@media(orientation: portrait){.icon{width:3.4rem;height:3.4rem}.icon:not(select){font-size:clamp(.875rem,1.2vw,1rem)}}.icon[data-selected]:not(.icon--rotate){color:var(--color-surface-alt)}.icon--rotate[data-selected] svg{transform:scaleX(-1)}.icon--status{padding:0}.icon--status[data-status=connected]{color:var(--color-success)}.icon--status[data-status=connecting]{color:var(--color-warning)}.icon--status[data-status=disconnected],.icon--status[data-status=error]{cursor:pointer;border:var(--border-width) var(--border-style);border-radius:var(--radius-sm);transition:all var(--transition-fast);animation:status-pulse 1.5s ease-in-out infinite}.icon--status[data-status=disconnected]{color:var(--color-text-tertiary);border-color:var(--color-text-tertiary)}.icon--status[data-status=disconnected]:hover{background:var(--color-text-tertiary);color:var(--color-background)}.icon--status[data-status=error]{color:var(--color-danger);border-color:var(--color-danger)}.icon--status[data-status=error]:hover{background:var(--color-danger);color:var(--color-background)}.icon--status[data-disabled][data-status=disconnected],.icon--status[data-disabled][data-status=error]{cursor:default;pointer-events:none;border:none;animation:none}@keyframes status-pulse{0%,100%{opacity:1}50%{opacity:.5}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);cursor:pointer}.modal-overlay::before{content:"";position:fixed;inset:0;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:-1}.modal-overlay:not([data-visible]){display:none}.modal{position:relative;width:var(--modal-width);max-height:90vh;background-color:var(--color-background);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;cursor:default}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-1) var(--space-3);border-bottom:var(--border-width) var(--border-style) var(--color-border)}.modal-title{font-family:var(--font-family-primary);font-size:var(--font-size-xxl);line-height:var(--font-size-xxl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);min-width:0}.modal-close{background:none;border:none;font-size:var(--font-size-lg);color:var(--color-text-secondary);cursor:pointer;padding:0;width:var(--space-6);height:var(--space-6);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}@media(hover: hover){.modal-close:hover{background-color:var(--color-surface);color:var(--color-text-primary)}}.modal-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.modal-body{flex:1;padding:var(--space-1) var(--space-3) var(--space-3) var(--space-3);overflow-y:auto;scroll-behavior:smooth}.modal-footer{margin-top:var(--space-3)}.btn--delete-account{margin-top:var(--space-3)}.fathers-memorial{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-1) 0}.fathers-memorial img{width:120px;height:auto;border-radius:var(--radius-sm)}.source-code-details{margin:var(--space-1) 0}.source-code-details summary{cursor:pointer;color:var(--color-text-secondary)}.source-code-details pre{padding:var(--space-1);background:var(--color-bg-secondary);border-radius:var(--radius-sm);overflow-x:auto}.source-code-details code{font-family:monospace;font-size:.75rem}.source-code-details .package-note{margin-top:var(--space-1);color:var(--color-text-secondary)}.section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-sm)}.item{display:flex;justify-content:space-between;align-items:center}.item>span{font-size:var(--font-size-sm)}.item .icon{flex-shrink:0}.item-hint{width:87%;margin:calc(var(--space-1) - var(--space-6)) 0 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:1.3;color:var(--color-text-secondary)}.form-group{margin-bottom:var(--space-3)}.form-help{font-size:var(--font-size-sm)}.checkbox-label{cursor:pointer;display:flex}.checkbox-label input[type=checkbox]{margin:0 var(--space-1) 0 0;display:inline-block}.checkbox-label input[type=checkbox]:dir(rtl){margin:0 0 0 var(--space-1)}.checkbox-label .btn--link{display:inline-block;text-align:start}.form-label{display:block;margin-bottom:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.form-input{width:100%;height:var(--space-6);padding:0 var(--space-3);background-color:var(--color-background);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family-primary);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-text-tertiary)}@media(hover: hover){.form-input:hover:not(:focus):not(:disabled){border-color:var(--color-interactive)}}.form-input:focus{outline:none;border-color:var(--color-interactive-hover);box-shadow:var(--focus-ring)}.form-input:invalid:not(:focus):not(:placeholder-shown){border-color:var(--color-danger)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{padding-right:var(--space-6)}.password-toggle{position:absolute;right:var(--space-2);display:flex;align-items:center;justify-content:center;padding:var(--space-1);background:none;border:none;cursor:pointer;color:var(--color-text-secondary)}.password-toggle svg{width:1.25rem;height:1.25rem}@media(hover: hover){.password-toggle:hover{color:var(--color-text-primary)}}.card{padding:var(--space-3);background:var(--color-surface);text-align:center;border-radius:var(--radius-md);border:var(--border-width) var(--border-style) var(--color-border)}.content-primary{color:var(--color-text-primary)}.content-secondary{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-1)}.badge{display:inline-block;border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.badge[data-variant=success]{color:var(--color-board-secondary-alt)}.badge[data-variant=danger]{color:var(--color-danger)}.badge[data-variant=reward]{display:block;color:var(--color-text-primary);font-size:var(--font-size-base)}.badge[data-variant=reward]+.badge[data-variant=reward]{margin-top:var(--space-1)}.install-guide-icon{display:inline-block;width:48px;height:48px;vertical-align:middle;margin-left:var(--space-1)}.install-guide-app-icon{display:inline-block;width:48px;height:48px;vertical-align:middle;margin-left:var(--space-1);border-radius:50%}.install-guide-searchbar{display:block;width:100%;height:40px;margin-top:var(--space-1)}.download-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.download-tab{flex:1;min-height:var(--button-height);padding:var(--space-1);background:var(--color-background);color:var(--color-text-secondary);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer}@media(hover: hover){.download-tab:hover:not([data-state=active]){color:var(--color-text-primary)}}.download-tab:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}.download-tab[data-state=active]{background:var(--color-interactive);color:var(--color-background);border-color:rgba(0,0,0,0)}.download-btn{text-transform:none}@media(max-width: 319px)and (orientation: portrait){.btn-group{gap:0}header .btn--small{padding:0}}.page{width:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;grid-template-areas:"header" "content" "footer"}main{display:flex;flex-direction:row;align-items:center;justify-content:center}.home-row{display:flex;flex-direction:column;align-items:center;margin:var(--space-2)}header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2);border-bottom:var(--border-width) var(--border-style) var(--color-border)}.header__left,.header__right{display:flex;align-items:center}header .icon{margin:0}.header__right .icon--status{animation:none}footer{display:flex;flex-direction:column;text-align:center;justify-content:center}.page-links,.footer-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:var(--space-2) 0 0 0}.page-links .btn--link,.footer-links .btn--link{text-decoration:none;margin:var(--space-2) var(--space-3) 0 var(--space-3)}footer .page-links:nth-child(2){font-size:var(--font-size-sm);line-height:var(--font-size-sm)}.copyright,.footer-links .btn--link{font-size:var(--font-size-xs);line-height:var(--font-size-xs)}.copyright{margin:var(--space-2) 0}.version-info{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:var(--font-family-mono);user-select:all;cursor:pointer}@media(orientation: portrait){.page{display:flex;flex-direction:column}header{position:absolute;top:0;left:0;width:100%}main{flex-direction:column;flex-grow:1}.home-row{margin-bottom:0}.home-row:last-child{margin-top:0}}.language-selector-widget{display:flex;align-items:center;gap:var(--space-2);margin-right:var(--space-1)}.language-selector-widget:dir(rtl){margin:0 0 0 var(--space-1)}.language-select{--btn-face: var(--color-interactive-disabled);--btn-edge: color-mix(in srgb, var(--btn-face), rgb(0, 0, 0) 28%);appearance:none;background-color:var(--btn-face);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) 0 var(--space-1) var(--space-1);font-size:var(--font-size-sm);font-family:var(--font-family-primary);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23808080' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg, color-mix(in srgb, var(--btn-face), rgb(255, 255, 255) 8%), var(--btn-face) 55%, color-mix(in srgb, var(--btn-face), rgb(0, 0, 0) 6%));background-repeat:no-repeat;background-position:right var(--space-1) center;min-height:44px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 2px 0 var(--btn-edge),0 3px 4px rgba(0,0,0,.15)}.language-select:dir(rtl){padding:var(--space-1) var(--space-1) var(--space-1) 0}.language-select:hover{filter:brightness(1.05);border-color:var(--color-interactive)}.language-select:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 2px rgba(0,0,0,.15)}.language-select:focus{border-color:var(--color-interactive)}.language-select:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px}.language-select option{background-color:var(--color-background);color:var(--color-text-primary)}.logo{width:100%;max-width:500px;height:auto;color:var(--color-text-primary)}.slogan{text-align:center}@media(orientation: landscape){.logo{max-width:300px}}.messages-overlay.home-message{-webkit-appearance:none;appearance:none;z-index:var(--z-tooltip);max-width:min(90vw,26rem);font-size:var(--font-size-xl);line-height:1.15;color:var(--color-danger)}.messages-overlay.home-message.success{color:var(--color-success)}@keyframes bob{0%,100%{transform:translateX(-2px)}50%{transform:translateX(2px)}}.queue-status-text{color:var(--color-interactive);animation:bob 2.5s linear infinite}.rating-history{margin-top:var(--space-1);min-height:200px}.rating-history-stats{margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.rating-history-empty{text-align:center;padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.rating-history-subtitle{color:var(--color-text-secondary);padding-bottom:var(--space-1)}.rating-history-subtitle-rank{display:block;color:var(--color-text-secondary)}.rating-history-back{margin-bottom:var(--space-1);font-size:var(--font-size-sm)}.rating-history-item{border-top:var(--border-width) var(--border-style) var(--color-border);padding:var(--space-1) 0}.rating-history-item[data-clickable=true]{cursor:pointer}@media(hover: hover){.rating-history-item[data-clickable=true]:hover{background-color:var(--color-surface)}}.rating-history-item-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.rating-history-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--font-weight-semibold)}.rating-history-item-change{flex-shrink:0;white-space:nowrap;font-weight:var(--font-weight-semibold)}.rating-history-item-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.rating-history-item-meta>span{white-space:nowrap}.rating-change-positive{color:var(--color-success)}.rating-change-negative{color:var(--color-danger)}.btn-spectate{border:none;margin-bottom:var(--space-1)}.btn-spectate svg{max-width:var(--space-5);max-height:var(--space-5)}.btn-leaderboard{margin-bottom:var(--space-1);--btn-face: var(--color-interactive-disabled)}.btn-prize-tournament{--btn-face: rgb(183, 194, 169);color:#802626;margin:var(--space-1) 0}.leaderboard-tournament-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.tournament-picker{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1) 0}.tournament-picker-chip{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.tournament-picker-chip[data-state=active]{color:var(--color-interactive)}.tournament-picker-chip[data-state=upcoming]{color:var(--color-interactive)}.tournament-picker-chip[data-selected]{background:var(--color-interactive);border-color:var(--color-interactive);color:var(--color-background);font-weight:var(--font-weight-semibold)}.tournament-picker-chip:disabled{opacity:.5;cursor:wait}.leaderboard-tournament-countdown{padding:var(--space-1) 0}.leaderboard-tournament-goal{font-weight:var(--font-weight-semibold)}.leaderboard-empty{text-align:center;padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.leaderboard-viewer-rank{margin-bottom:var(--space-1)}.leaderboard-item{display:flex;align-items:center;gap:var(--space-1);border-top:var(--border-width) var(--border-style) var(--color-border);padding:var(--space-1) 0;cursor:pointer}.leaderboard-item:first-child{border-top:none}.leaderboard-item[data-anonymous=true]{opacity:.7}@media(hover: hover){.leaderboard-item:hover{background-color:var(--color-surface)}}.leaderboard-item-rank{font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl);min-width:var(--font-size-xl)}.leaderboard-item-status{display:flex;flex-direction:column}.leaderboard-item-status [data-state=completed]{color:var(--color-success)}.leaderboard-item-status [data-state=in-progress]{color:var(--color-interactive)}.leaderboard-item-status [data-state=eliminated]{color:var(--color-danger)}.leaderboard-item-identity{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0;height:var(--font-size-base)}.leaderboard-item-name{flex:0 1 auto;min-width:0;font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);line-height:var(--font-size-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-item-rating{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums;flex-shrink:0;margin-inline-start:auto}.leaderboard-item-score{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;margin-inline-start:auto}.leaderboard-item-days{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.leaderboard-item-days[data-state=completed]{color:var(--color-success)}.leaderboard-item-days[data-state=in-progress]{color:var(--color-interactive)}.leaderboard-item-days[data-state=eliminated]{color:var(--color-danger)}.status-dot{display:inline-flex;width:8px;height:8px;flex-shrink:0;border-radius:50%;background-color:var(--color-danger)}.status-dot[data-active]{background-color:var(--color-success)}.leaderboard-legend{margin-top:var(--space-1)}.leaderboard-legend .status-dot{margin-inline-start:var(--space-1)}.legal-summary{margin:var(--space-2) 0;padding:var(--space-2);background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-lg)}.legal-summary h4{margin-top:0}.legal-summary ul{margin-bottom:0}.legal-text h3{margin-top:var(--space-2)}.legal-text h4{margin-top:var(--space-1)}.legal-text p{margin:var(--space-1) 0;text-wrap:pretty}.legal-text ul,.legal-text ol{margin:var(--space-1) 0;padding-left:var(--space-4)}.legal-text .legal-toc{columns:2;column-gap:var(--space-2);margin:var(--space-2) 0;padding-left:var(--space-3);font-size:var(--font-size-xs);line-height:1.2}.legal-text .legal-toc a{color:var(--color-interactive)}.legal-text .legal-toc li{break-inside:avoid}.legal-text .legal-back-to-top{position:sticky;bottom:var(--space-1);display:block;margin-left:auto;width:2.25rem;height:2.25rem;line-height:2.25rem;text-align:center;background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:50%;text-decoration:none;color:var(--color-text-primary);box-shadow:var(--shadow)}.prize-tournament-content .prize-tournament-prize{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.prize-tournament-content .prize-tournament-prize img{max-width:55%;height:auto;border-radius:var(--radius-lg)}.prize-tournament-content .prize-tournament-prize p{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.prize-tournament-content .prize-tournament-acceptance{margin-top:var(--space-3);padding-top:var(--space-2);border-top:var(--border-width) var(--border-style) var(--color-divider);text-align:center;font-weight:var(--font-weight-semibold)}.prize-tournament-content .prize-tournament-accept-btn{display:block;margin:var(--space-2) auto 0}.prize-tournament-content details{margin-top:var(--space-2)}.prize-tournament-content details summary{cursor:pointer;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.prize-tournament-content details ul{margin-top:var(--space-1)}.signature-modal{display:flex;flex-direction:column;gap:var(--space-2)}.signature-modal .signature-modal-prompt{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface);text-align:center;font-size:var(--font-size-lg)}.signature-modal .signature-modal-input{height:auto;min-height:4rem;padding:var(--space-2) var(--space-3);resize:vertical}.signature-modal .signature-modal-hint,.signature-modal .signature-modal-error{text-align:center;color:var(--color-danger);font-size:var(--font-size-sm)}.signature-modal .signature-modal-note{text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.signature-modal .signature-modal-btn{align-self:center}.leaderboard-tournament-link{margin-top:var(--space-2);display:block;text-align:center}.leaderboard-tournament-link-secondary{margin-bottom:var(--space-1)}.practice-game-section{display:flex;flex-direction:column;align-items:center;margin:var(--space-1) 0}.practice-game-section button[data-in-queue=true]{animation:breathe 2.5s ease-in-out infinite}@media(hover: hover){.practice-game-section button[data-in-queue=true]:hover:not(:disabled):not([data-disabled]){animation-play-state:paused;opacity:1}}.practice-game-section button[data-in-queue=true]:disabled{animation:none}.difficulty-selector{margin-top:var(--space-2);padding:var(--space-3);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;max-width:300px}.difficulty-controls{margin-bottom:var(--space-3)}.difficulty-controls label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.difficulty-level{font-weight:var(--font-weight-semibold);color:var(--color-interactive)}.difficulty-slider{width:100%;margin-top:var(--space-1)}.difficulty-actions{display:flex;gap:var(--space-2);justify-content:center}.last-game-result{display:flex;margin:var(--space-1) 0;min-height:22rem}@media(orientation: landscape){.last-game-result{min-height:23rem}}.last-game-result.practice{min-height:0}.last-game-result .card{display:flex;flex-direction:column;align-items:center}.last-game-result .badge[data-variant=success],.last-game-result .badge[data-variant=danger]{padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1);border-radius:var(--radius-lg);text-transform:none;letter-spacing:normal;color:#fff}.last-game-result .badge[data-variant=success]{background:var(--color-success)}.last-game-result .badge[data-variant=danger]{background:var(--color-danger)}.last-game-result .badge[data-variant=reward]{display:flex;align-items:center;gap:var(--space-1)}.last-game-result .opponent-name{font-weight:var(--font-weight-semibold)}.last-game-result .rating-delta--up{color:var(--color-success-text)}.last-game-result .rating-delta--down{color:var(--color-danger-text)}.last-game-result .card>.btn{align-self:stretch;margin-top:var(--space-1)}.last-game-result .reward-icon{width:var(--space-4);height:var(--space-4)}.reputation-vote-container{align-self:stretch;display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:var(--space-1);margin-top:var(--space-1);padding-top:var(--space-1);border-top:var(--border-width) var(--border-style) var(--color-divider)}.reputation-vote-container label{color:var(--color-text-secondary)}.reputation-vote__error{grid-column:1/-1;color:var(--color-danger-text)}.reputation-vote-container input{grid-column:1/-1;height:var(--space-5);margin:0;-webkit-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer}.reputation-vote-container input:focus-visible{outline:2px solid var(--color-interactive);outline-offset:2px;border-radius:var(--radius-sm)}.reputation-vote-container input::-webkit-slider-runnable-track{height:var(--space-1);border-radius:var(--radius-full);background:var(--color-background)}.reputation-vote-container input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--space-4);height:var(--space-4);margin-top:calc((var(--space-1) - var(--space-4))/2);border-radius:var(--radius-full);background:var(--color-interactive)}.reputation-vote-container input::-moz-range-track{height:var(--space-1);border-radius:var(--radius-full);background:var(--color-background)}.reputation-vote-container input::-moz-range-thumb{width:var(--space-4);height:var(--space-4);border:none;border-radius:var(--radius-full);background:var(--color-interactive)}.stats-strip{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin:var(--space-2);font-size:var(--font-size-base);line-height:var(--font-size-base);color:var(--color-text-secondary)}.stats-strip__item{display:flex;align-items:baseline;gap:var(--space-1)}@media(orientation: landscape){.stats-strip__item{flex-direction:column;align-items:center;text-align:center;gap:0;margin-bottom:var(--space-1)}}.stats-strip__num,.reputation-vote__value{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.reputation-vote__value{font-size:var(--font-size-lg)}.no-player-text{max-width:500px;color:var(--color-text-primary);text-align:center;margin-top:var(--space-1)}.pp-player-penalty{color:var(--color-danger)}.shop-info{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-bottom:var(--space-1)}.shop-item-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--space-1) var(--space-2)}.shop-balance{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--space-2);text-align:right}.shop-loading{text-align:center;padding:var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.shop-items{display:flex;flex-direction:column;gap:var(--space-1)}.shop-item{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-sm)}.shop-item .shop-item--piece{position:absolute;width:var(--piece-width);aspect-ratio:1;border-radius:var(--radius-full);--skin-p1: var(--color-player-masculine);--skin-p2: var(--color-player-feminine);background-color:var(--skin-p1);background-image:radial-gradient(circle at 36% 25%, rgba(255, 252, 245, 0.22) 0%, rgba(255, 252, 245, 0.08) 34%, rgba(255, 252, 245, 0) 60%),radial-gradient(circle closest-side, rgba(62, 36, 16, 0) 62%, rgba(62, 36, 16, 0.14) 69%, rgba(62, 36, 16, 0.14) 71%, rgba(62, 36, 16, 0) 78%, rgba(255, 249, 238, 0.12) 83%, rgba(255, 249, 238, 0) 89%),repeating-radial-gradient(circle at var(--grain-center, 115% 20%), rgba(62, 36, 16, 0) 0%, rgba(62, 36, 16, 0.05) 5%, rgba(62, 36, 16, 0) 10%, rgba(255, 246, 230, 0) 11%, rgba(255, 246, 230, 0.03) 13%, rgba(255, 246, 230, 0) 15%),radial-gradient(50% 50% at 50% 42%, rgba(255, 250, 240, 0.12) 0%, rgba(255, 250, 240, 0.04) 30%, rgba(26, 14, 5, 0) 48%, rgba(43, 24, 9, 0.1) 80%, rgba(26, 14, 5, 0.25) 98%);box-shadow:0 1px 2px rgba(26,13,4,.38),0 5px 10px rgba(26,13,4,.26),inset 0 -3px 6px rgba(43,22,8,.22),inset 0 2px 4px rgba(255,249,235,.22);top:50%;transform:translateY(-50%);left:222px;z-index:var(--z-modal)}.shop-item .shop-item--piece[data-piece-player=two]{background-color:var(--skin-p2);--grain-center: 55% 135%}.shop-item-icon{width:40px;height:40px;flex-shrink:0}.shop-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.shop-item-name{font-weight:var(--font-weight-semibold)}.shop-item-owned{font-size:var(--font-size-xs);color:var(--color-success)}.shop-item-action{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.shop-item-buttons{display:flex;flex-direction:column;gap:4px;margin-bottom:var(--space-2)}.shop-item-price{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.shop-item-price-free{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.shop-item-expiry{font-size:var(--font-size-xs);color:var(--color-warning)}.shop-item[data-equipped=true]{border-color:var(--color-success)}.shop-section-divider{border-top:var(--border-width) var(--border-style) var(--color-border);margin:var(--space-2) 0}.shop-section-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.shop-topup,.shop-username,.shop-username-confirm{display:flex;flex-direction:column;gap:var(--space-2)}.shop-username-error{font-size:var(--font-size-xs);color:var(--color-danger)}.shop-username-prompt{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.shop-legal-links{text-align:center;color:var(--color-text-secondary)}.faq-modal-content details{border-bottom:var(--border-width) var(--border-style) var(--color-border);padding:var(--space-2) 0}.faq-modal-content details:nth-last-child{border-bottom:none}.faq-modal-content details:first-child{padding-top:0}.faq-modal-content details[open] summary{margin-bottom:var(--space-1)}.faq-modal-content summary{cursor:pointer;font-weight:var(--font-weight-semibold);list-style:none}.faq-modal-content summary::-webkit-details-marker{display:none}.faq-modal-content summary::after{content:"+";float:right;font-weight:var(--font-weight-regular)}.faq-modal-content details[open] summary::after{content:"−"}.faq-modal-content p{margin:0;color:var(--color-text-secondary)}@media(orientation: portrait)and (max-width: 570px){.shop-item:has(.shop-item--piece){padding-left:var(--space-6)}.shop-item .shop-item--piece{left:7px}}@media(max-width: 374px){.header__right .icon{width:2rem;height:2rem}}@media(max-width: 319px)and (orientation: portrait){.language-selector-widget{gap:0;margin-right:0}}.user-profile-panel{display:inline-flex;align-items:center;gap:var(--space-1)}.user-profile-name{display:inline-flex;font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm);max-width:112px}.section-intro{margin-bottom:var(--space-3)}.user-info{margin-bottom:var(--space-3)}.user-info-email{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.user-stats{margin-bottom:var(--space-3)}.stats-summary{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.stat-item{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.stat-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.stats-breakdown{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.breakdown-rating{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.breakdown-summary{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.breakdown-line{margin-bottom:var(--space-1)}.mars-stats{display:grid;grid-template-columns:auto auto;gap:var(--space-1) var(--space-2);margin-top:var(--space-2)}.breakdown-last-match{margin-top:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width) var(--border-style) var(--color-border)}[data-stat=wins]{color:var(--color-success);font-weight:var(--font-weight-semibold)}[data-stat=losses]{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.mars-label{color:var(--color-text-secondary)}.convert-account-info{padding:var(--space-3);margin:var(--space-3) 0;border-radius:var(--radius-sm);border:var(--border-width) var(--border-style) var(--color-warning);font-size:var(--font-size-sm);text-align:center}.user-logout-error{padding:var(--space-3);margin:var(--space-3) 0;color:var(--color-danger);border-radius:var(--radius-sm);border:var(--border-width) var(--border-style) var(--color-danger);font-size:var(--font-size-sm);text-align:center}.auth-error{padding:var(--space-1);margin:var(--space-1) 0;color:var(--color-danger);border-radius:var(--radius-sm);border:var(--border-width) var(--border-style) var(--color-danger);font-size:var(--font-size-sm);text-align:center}.auth-success{padding:var(--space-1);margin:var(--space-1) 0;color:var(--color-success);border-radius:var(--radius-sm);border:var(--border-width) var(--border-style) var(--color-success);font-size:var(--font-size-sm);text-align:center}.reset-password-page{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:var(--space-3)}.reset-password-card{width:100%;max-width:400px;padding:var(--space-4);border-radius:var(--radius-sm);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface)}.reset-password-card h1{font-size:var(--font-size-lg);margin-bottom:var(--space-3);text-align:center}.reset-password-footer{margin-top:var(--space-3);text-align:center}.game-container{--bar-width: var(--point-width)}.game-controls{display:flex;flex-direction:column;width:100%;height:100%;justify-content:center;gap:var(--space-2);align-items:flex-end;padding-right:var(--space-1)}.game-info{display:grid;grid-template-rows:1fr auto 1fr;grid-template-columns:1fr;width:100%;height:100%}.game-info-grid{display:flex;width:auto;align-items:center;justify-content:center}.player-container{position:relative;display:flex;width:100%;justify-content:center;align-items:center;font-size:clamp(.75rem,2vw,1rem);line-height:1.2;gap:var(--space-half, 0.25rem);flex-direction:column}.player-container .turn-beads{--bead-size: clamp(8px, 1.6vw, 11px);position:absolute;left:0;bottom:calc(-1*var(--bead-size) - 2px);width:100%;display:flex;justify-content:center;gap:calc(var(--bead-size)/2);pointer-events:none}.player-container .turn-beads span{position:relative;width:var(--bead-size);height:var(--bead-size);border-radius:50%;background:var(--bead-horn);box-shadow:inset 0 -1.5px 1.5px rgba(43,24,9,.35),0 0 0 1px rgba(43,24,9,.7)}.player-container .turn-beads span::before{content:"";position:absolute;inset:0;border-radius:50%;background:var(--bead-lit);opacity:0;transition:opacity var(--transition-base)}.player-container .turn-beads span::after{content:"";position:absolute;top:16%;left:26%;width:24%;height:24%;border-radius:50%;background:rgba(255,250,235,.85)}.player-container .turn-beads span:nth-child(2){--bead-delay: 0.15s}.player-container .turn-beads span:nth-child(3){--bead-delay: 0.3s}.player-container .turn-beads span:nth-child(4){--bead-delay: 0.45s}.player-container .turn-beads span:nth-child(5){--bead-delay: 0.6s}.player-container[data-current-turn] .turn-beads span::before{opacity:.5}.player-container[data-current-turn][data-wave] .turn-beads span{animation:bead-lift 2s ease-in-out var(--bead-delay, 0s) infinite}.player-container[data-current-turn][data-wave] .turn-beads span::before{animation:bead-light 2s ease-in-out var(--bead-delay, 0s) infinite backwards}.game-info-grid:last-child .player-container .turn-beads{bottom:auto;top:calc(-1*var(--bead-size) - 2px)}.game-info-grid:last-child .player-container{flex-direction:column-reverse}.rating-details{font-size:clamp(1.2rem,4.5vw,1.7rem);letter-spacing:.025em;text-align:center}.player-row{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.player-name{font-family:var(--font-family-primary);font-size:clamp(1rem,4vw,1.5rem);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;color:var(--color-text-primary);text-align:center}.player-id{font-family:var(--font-family-mono)}.player-identification{display:flex}.player-country{display:flex}.flag-icon{width:clamp(16px,3vw,32px);height:clamp(12px,2.25vw,24px);display:inline-block;vertical-align:middle;object-fit:cover}.identification-icon{width:clamp(16px,3vw,32px);height:clamp(16px,3vw,32px);display:inline-block;vertical-align:middle}.timer-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 5%;padding:var(--space-1);background-color:var(--color-board-primary);background-image:radial-gradient(120% 100% at 50% 0%, rgba(255, 240, 215, 0.08) 0%, rgba(255, 240, 215, 0) 55%),repeating-linear-gradient(177deg, rgba(62, 36, 16, 0) 0px, rgba(62, 36, 16, 0.05) 4px, rgba(62, 36, 16, 0) 8px, rgba(62, 36, 16, 0) 15px),repeating-linear-gradient(181.5deg, rgba(255, 224, 180, 0) 0px, rgba(255, 224, 180, 0.035) 5px, rgba(255, 224, 180, 0) 10px, rgba(255, 224, 180, 0) 21px);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(255,250,235,.14),inset 0 -1px 2px rgba(26,13,4,.22),0 1px 3px rgba(26,13,4,.18)}.timer-bar{position:relative;display:flex;justify-content:flex-end;align-items:flex-end;width:100%;height:clamp(25px,3.4vw,43px);overflow:hidden;border-radius:var(--radius-sm);background-color:rgba(26,14,5,.22);box-shadow:inset 0 1px 3px rgba(26,13,4,.35),inset 0 -1px 1px rgba(255,250,235,.12),0 0 8px rgba(255,214,150,.08);margin:0 0 var(--space-1) 0}.timer-bar:last-child{margin-bottom:0}.timer-bar::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(180deg, rgba(255, 253, 245, 0) 6%, rgba(255, 253, 245, 0.2) 13%, rgba(255, 253, 245, 0.05) 32%, rgba(255, 253, 245, 0) 48%, rgba(255, 253, 245, 0) 80%, rgba(255, 253, 245, 0.08) 92%, rgba(255, 253, 245, 0) 98%),linear-gradient(90deg, rgba(43, 24, 9, 0.5) 0px, rgba(43, 24, 9, 0.26) 2px, rgba(43, 24, 9, 0) 5px),linear-gradient(270deg, rgba(43, 24, 9, 0.5) 0px, rgba(43, 24, 9, 0.26) 2px, rgba(43, 24, 9, 0) 5px)}.timer-bar-progress{height:100%;width:var(--progress-percent, 100%);background-color:var(--color-valid-move);background-image:linear-gradient(180deg, rgba(255, 250, 235, 0.16) 0%, rgba(255, 250, 235, 0) 42%, rgba(26, 14, 5, 0) 58%, rgba(26, 14, 5, 0.18) 100%),radial-gradient(circle, rgba(26, 14, 5, 0.09) 0.5px, transparent 1px),radial-gradient(circle, rgba(255, 250, 235, 0.1) 0.5px, transparent 1px),radial-gradient(circle, rgba(26, 14, 5, 0.06) 0.5px, transparent 1px);background-size:100% 100%,2.3px 2.3px,3.1px 3.1px,4.3px 4.3px;background-position:0 0,0 0,1.2px .8px,.6px 1.7px;transition:width .3s linear;will-change:width}.player-timeout{max-width:111px;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);text-align:center}.btn-timer{position:relative;background:linear-gradient(180deg, rgb(40, 140, 84), rgb(26, 116, 68) 55%, rgb(21, 100, 58));color:#fff;cursor:pointer;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:box-shadow .15s ease,transform .1s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.2),0 4px 0 #0d4728,0 6px 10px rgba(0,0,0,.35);border:none;border-radius:var(--radius-md);padding:5%;max-width:33vw;text-align:center;overflow:hidden;touch-action:manipulation;animation:btn-timer-notice .6s cubic-bezier(0.34, 1.56, 0.64, 1) .5s backwards}.btn-timer::before{content:"";position:absolute;inset:0;border-radius:inherit;background:currentColor;opacity:0;transition:opacity .15s ease;pointer-events:none}.btn-timer::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.35) 48%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.35) 52%, transparent 65%);transform:translateX(-100%);animation:flag-shine 4s ease-in-out infinite;pointer-events:none}@media(hover: hover){.btn-timer:hover:not(:disabled):not([data-disabled]){transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 0 rgba(0,0,0,.2),0 5px 0 #0d4728,0 7px 12px rgba(0,0,0,.4)}.btn-timer:hover:not(:disabled):not([data-disabled])::before{opacity:.08}}.btn-timer:active:not(:disabled):not([data-disabled]){transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 1px 0 #0d4728,0 2px 3px rgba(0,0,0,.25)}.btn-timer:active:not(:disabled):not([data-disabled])::before{opacity:.15}.btn-timer:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.btn-timer:disabled{opacity:.5;transform:translateY(3px);box-shadow:none;cursor:default}.btn-timer:disabled::after{animation:none}div.btn-timer{pointer-events:none;cursor:default;box-shadow:none;animation:none}div.btn-timer::after{animation:none}.pip-count{position:absolute;top:0;right:-47px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);width:40px;pointer-events:none}.pip-count+.pip-count{top:auto;bottom:0}.opponent-reputation,.own-reputation{position:absolute;right:-96px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:left;color:var(--color-text-secondary);pointer-events:none;width:88px;display:flex}.own-reputation{top:22%}.opponent-reputation{bottom:22%}.h2h-overlay{position:absolute;right:-96px;top:50%;transform:translate(0, -50%);display:flex;flex-direction:column;align-items:flex-start;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:left;white-space:nowrap;pointer-events:none;width:88px}.h2h-side{display:flex;flex-direction:column;align-items:flex-start}.h2h-vs{color:var(--color-text-secondary)}.game-controls .icon--forfeit{color:#fff;position:relative;overflow:hidden}.game-controls .icon--forfeit::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg, transparent 35%, rgba(255, 215, 0, 0.45) 48%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 215, 0, 0.45) 52%, transparent 65%);transform:translateX(-100%);animation:flag-shine 4s ease-in-out infinite}.game-controls .icon--forfeit[data-disabled]::after{animation:none}@keyframes flag-shine{0%,20%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}@media(orientation: portrait){.game-elements{flex-direction:row}.game-controls{align-items:center;padding-right:0}.player-container{font-size:clamp(1.1rem,1.8vw,1.3rem)}.game-info-grid:last-child .player-container .turn-beads{top:auto;bottom:calc(-1*var(--bead-size) - 2px)}.game-info-grid:last-child .player-container{flex-direction:column}.timer-container{flex-direction:row;min-width:33vw;height:90%;margin:5% 0}.timer-bar{height:100%;margin:0 var(--space-1) 0 0}.timer-bar:dir(rtl){margin:0 0 0 var(--space-1)}.timer-bar:dir(rtl):last-child{margin-left:0}.timer-bar:last-child{margin-right:0}.timer-bar-progress{width:100%;height:var(--progress-percent, 100%);transition-property:height;will-change:height}.timer-bar::after{background-image:linear-gradient(90deg, rgba(255, 253, 245, 0) 6%, rgba(255, 253, 245, 0.2) 13%, rgba(255, 253, 245, 0.05) 32%, rgba(255, 253, 245, 0) 48%, rgba(255, 253, 245, 0) 80%, rgba(255, 253, 245, 0.08) 92%, rgba(255, 253, 245, 0) 98%),linear-gradient(180deg, rgba(43, 24, 9, 0.5) 0px, rgba(43, 24, 9, 0.26) 2px, rgba(43, 24, 9, 0) 5px),linear-gradient(0deg, rgba(43, 24, 9, 0.5) 0px, rgba(43, 24, 9, 0.26) 2px, rgba(43, 24, 9, 0) 5px)}.pip-count{top:auto;left:10px;bottom:calc(-1*(var(--bar-tray-h) + 21px))}.pip-count+.pip-count{left:auto;right:10px;bottom:calc(-1*(var(--bar-tray-h) + 21px));text-align:right}.own-reputation,.opponent-reputation{width:auto;top:auto;bottom:calc(-1*(var(--bar-tray-h) + 21px))}.own-reputation{left:22%}.opponent-reputation{left:auto;right:22%}.h2h-overlay{width:auto;right:auto;left:50%;top:auto;bottom:calc(-1*(var(--bar-tray-h) + 21px));transform:translate(-50%, 0);flex-direction:row;align-items:center;gap:var(--space-1);text-align:center}.h2h-vs{text-align:center}.h2h-side{flex-direction:row;gap:var(--space-half, 0.25rem);align-items:center}}.messages-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:var(--z-overlay);cursor:pointer;background:#fff;color:#34454c;border:2px solid #34454c;border-radius:21px;padding:var(--space-2) var(--space-3);font-family:var(--font-family-primary);font-size:var(--font-size-xxl);line-height:var(--font-size-xxl);font-weight:var(--font-weight-semibold);text-align:center;width:max-content;max-width:52%;box-shadow:0 3px 8px rgba(0,0,0,.18)}.messages-overlay::before,.messages-overlay::after{content:"";position:absolute;top:100%;left:58%;border-style:solid;border-color:rgba(0,0,0,0)}.messages-overlay::before{margin-left:-10px;border-width:13px 10px 0;border-top-color:#34454c}.messages-overlay::after{margin-top:-3px;margin-left:-7px;border-width:9px 7px 0;border-top-color:#fff}@media(orientation: portrait){.messages-overlay{max-width:77%}}.emote-overlay{background:rgba(0,0,0,0);border:none;box-shadow:none;opacity:1;pointer-events:none}.emote-overlay::before,.emote-overlay::after{content:none}.emote-img{width:clamp(6rem,30vh,14rem);height:auto;filter:drop-shadow(0 4px 16px rgba(0, 0, 0, 0.35))}.emote-sent{animation:emote-send 2.5s ease-out forwards}@keyframes emote-send{0%{transform:translate(-50%, 20vh) scale(0.6);opacity:0}15%{transform:translate(-50%, 5vh) scale(1.1);opacity:1}40%{transform:translate(-50%, -10vh) scale(1);opacity:1}100%{transform:translate(-50%, -40vh) scale(0.9);opacity:0}}.emote-received{animation:emote-receive 2.5s ease-out forwards}@keyframes emote-receive{0%{transform:translate(-50%, -40vh) scale(0.6);opacity:0}15%{transform:translate(-50%, -5vh) scale(1.1);opacity:1}40%{transform:translate(-50%, 0) scale(1);opacity:1}100%{transform:translate(-50%, 20vh) scale(0.9);opacity:0}}.emote-p1{animation:emote-p1 2.5s ease-out forwards}@keyframes emote-p1{0%{transform:translate(calc(-50% - 40vw), -50%) scale(0.6);opacity:0}15%{transform:translate(calc(-50% - 25vw), -50%) scale(1.1);opacity:1}40%{transform:translate(-50%, -50%) scale(1);opacity:1}100%{transform:translate(calc(-50% + 40vw), -50%) scale(0.9);opacity:0}}.emote-p2{animation:emote-p2 2.5s ease-out forwards}@keyframes emote-p2{0%{transform:translate(calc(-50% + 40vw), -50%) scale(0.6);opacity:0}15%{transform:translate(calc(-50% + 25vw), -50%) scale(1.1);opacity:1}40%{transform:translate(-50%, -50%) scale(1);opacity:1}100%{transform:translate(calc(-50% - 40vw), -50%) scale(0.9);opacity:0}}@media(orientation: portrait){.emote-img{width:clamp(10rem,35vw,20rem)}.emote-sent{animation-name:emote-send-portrait}.emote-received{animation-name:emote-receive-portrait}.emote-p1{animation-name:emote-p1-portrait}.emote-p2{animation-name:emote-p2-portrait}}@keyframes emote-send-portrait{0%{transform:translate(-50%, 30vh) scale(0.6);opacity:0}15%{transform:translate(-50%, 10vh) scale(1.1);opacity:1}40%{transform:translate(-50%, -10vh) scale(1);opacity:1}100%{transform:translate(-50%, -50vh) scale(0.9);opacity:0}}@keyframes emote-receive-portrait{0%{transform:translate(-50%, -50vh) scale(0.6);opacity:0}15%{transform:translate(-50%, -10vh) scale(1.1);opacity:1}40%{transform:translate(-50%, 0) scale(1);opacity:1}100%{transform:translate(-50%, 30vh) scale(0.9);opacity:0}}@keyframes emote-p1-portrait{0%{transform:translate(calc(-50% - 50vw), -50%) scale(0.6);opacity:0}15%{transform:translate(calc(-50% - 30vw), -50%) scale(1.1);opacity:1}40%{transform:translate(-50%, -50%) scale(1);opacity:1}100%{transform:translate(calc(-50% + 50vw), -50%) scale(0.9);opacity:0}}@keyframes emote-p2-portrait{0%{transform:translate(calc(-50% + 50vw), -50%) scale(0.6);opacity:0}15%{transform:translate(calc(-50% + 30vw), -50%) scale(1.1);opacity:1}40%{transform:translate(-50%, -50%) scale(1);opacity:1}100%{transform:translate(calc(-50% - 50vw), -50%) scale(0.9);opacity:0}}.icon--tea{position:relative}.tea-badge{position:absolute;top:0;right:0;min-width:1.1em;height:1.1em;line-height:1.1em;font-size:.65em;background:var(--color-success);color:#fff;border-radius:50%;text-align:center;user-select:none}@keyframes btn-timer-notice{from{transform:scale(0)}to{transform:scale(1)}}@keyframes bead-light{0%,36%,100%{opacity:.3}18%{opacity:1}}@keyframes bead-lift{0%,36%,100%{transform:translateY(0)}18%{transform:translateY(-15%)}}@keyframes strip-pulse{0%,100%{opacity:1}50%{opacity:.45}}@keyframes breathe{0%,100%{opacity:1}50%{opacity:.7}}.queue-row{display:flex;flex-direction:column;align-items:center;justify-content:center;width:88%}.spectator-queue{display:flex;flex-direction:column;align-items:center}.spectator-queue .queue-status-text{text-align:center}.spectator-queue .btn--secondary{white-space:normal;line-height:1.2;height:auto;max-width:100%;padding:var(--space-1);overflow-wrap:anywhere}.queue-position-text{display:flex;font-size:var(--font-size-xs);animation:bob2 2.5s linear infinite;color:var(--color-interactive);text-align:center}.btn--player-info-queue{white-space:normal;padding:var(--space-1);font-size:var(--font-size-sm);line-height:normal;margin:var(--space-1);height:auto;animation:breathe 2.5s ease-in-out infinite}.btn--player-info-queue:nth-child(2){margin:var(--space-1) 0}@media(hover: hover){.btn--player-info-queue:hover:not(:disabled):not([data-disabled]){animation-play-state:paused;opacity:1}}.btn--player-info-queue:disabled,.btn--player-info-queue[data-in-queue=true]{animation:none}@keyframes bob2{0%,100%{transform:translateY(-2px)}50%{transform:translateY(2px)}}@media(orientation: landscape)and (max-width: 800px){.rating-details{font-size:var(--font-size-sm)}.player-name{font-size:var(--font-size-xs)}.btn--player-info-queue{font-size:var(--font-size-xxs);line-height:var(--font-size-xxs);overflow-wrap:anywhere;padding:var(--space-1) 0;margin:0 5%}.queue-position-text{font-size:var(--font-size-xxs)}.btn-timer{max-width:fit-content;padding:0}.spectator-queue .btn--secondary{padding:0;font-size:var(--font-size-xxs);line-height:var(--font-size-xxs);overflow-wrap:break-word;width:min-content;text-align:center}}@media(orientation: portrait){.game-controls{flex-direction:row;height:100%;gap:var(--space-1);margin-top:calc(var(--bar-tray-h) - 7px)}.game-info{grid-template-columns:1fr auto 1fr;grid-template-rows:1fr}.game-info-grid{width:auto;height:100%}}@media(max-height: 466px)and (orientation: portrait),(max-height: 376px)and (orientation: landscape){.player-container .turn-beads{display:none}.player-container[data-current-turn] .turn-beads{--bead-size: 4px;display:flex;left:15%;width:70%;height:var(--bead-size);border-radius:var(--bead-size);background:var(--color-valid-move)}.player-container[data-current-turn] .turn-beads span{display:none}.player-container[data-current-turn][data-wave] .turn-beads{animation:strip-pulse 1.6s ease-in-out infinite}}@media(max-height: 376px)and (orientation: landscape){.player-container[data-current-turn] .turn-beads{--bead-size: 7px}.game-info,.game-controls{gap:var(--space-1)}.game-controls{padding-right:3px}.game-controls .icon{width:2.5rem;height:2.5rem;min-height:2.5rem}.h2h-overlay{font-size:var(--font-size-xxs)}.spectator-queue{margin-left:var(--space-1)}}@media(max-height: 466px)and (orientation: portrait){.player-container{font-size:clamp(.7rem,1.8vw,.9rem)}.player-container .player-row:nth-child(2){display:none}.btn-timer{line-height:var(--font-size-sm)}.btn--player-info-queue{height:fit-content;min-height:fit-content;margin:0 var(--space-1);font-size:var(--font-size-xxs);line-height:var(--font-size-xxs)}.btn--player-info-queue:nth-child(2){margin:0}.game-controls .icon{width:2rem;height:2rem;min-height:2rem}.pip-count{font-size:var(--font-size-xxs);bottom:-33px}.pip-count+.pip-count{bottom:-33px}.opponent-reputation,.own-reputation{font-size:var(--font-size-xxs);top:-33px}.h2h-overlay{font-size:var(--font-size-xxs);bottom:-33px}}#autoroll-select{text-align:center;text-align-last:center}@media(prefers-reduced-motion: reduce){.player-container[data-current-turn][data-wave] .turn-beads span::before{animation:none;opacity:1}}:root{--ktm: "KUTM-4b55544d-m";--ktm-r: 1263883341}