:root,:root[data-theme=steppe]{color-scheme:dark;--bg: #14161a;--tile: #20242b;--tile-hover: #2a2f38;--line: #333a45;--text: #c9cfd8;--text-dim: #8891a0;--text-bright: #e2e5ea;--accent: #00afca;--gold: #f0b429;--danger: #e05a55;--stone: #7f8b9e}:root[data-theme=lichess]{color-scheme:dark;--bg: #161512;--tile: #262421;--tile-hover: #302e2b;--line: #3a3733;--text: #bababa;--text-dim: #8b8781;--text-bright: #dedede;--accent: #3692e7;--gold: #d8a125;--danger: #cc3333;--stone: #85807a}:root[data-theme=clay]{color-scheme:light;--bg: #efece5;--tile: #ffffff;--tile-hover: #f7f4ee;--line: #d5cfc4;--text: #3a3530;--text-dim: #8a8177;--text-bright: #2a2622;--accent: #b4562a;--gold: #a8791f;--danger: #a3231a;--stone: #6f4f34}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;margin:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page{max-width:640px;margin:0 auto;padding:28px 16px 48px}.header{position:relative;z-index:1;border-bottom:1px solid var(--line)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1600px;margin:0 auto;padding:14px 24px}.header__mark{color:var(--text-bright);font-size:17px;font-weight:500;letter-spacing:.01em;text-decoration:none}.header__mark:hover{color:var(--accent)}.header__end{display:flex;align-items:center;gap:4px}.header__account{padding:4px 8px;font-size:12px;color:var(--text-dim);text-decoration:none;max-width:22ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header__account:hover{color:var(--text-bright)}.header__auth{padding:4px 10px;border:1px solid var(--line);background:var(--tile);font-size:12px;color:var(--text-dim);text-decoration:none;white-space:nowrap;transition:background 90ms ease}.header__auth:hover{background:var(--tile-hover);color:var(--text-bright)}.header__auth--primary{color:var(--accent)}.option-menu{position:relative}.option-menu__trigger{display:flex;align-items:center;gap:6px;padding:4px 8px;border:0;background:none;font-size:12px;color:var(--text-dim)}.option-menu__trigger:hover,.option-menu__trigger[aria-expanded=true]{color:var(--text-bright)}.option-menu__caret{font-size:9px;line-height:1}.option-menu__list{position:absolute;top:calc(100% + 6px);right:0;z-index:1;min-width:132px;margin:0;padding:0;list-style:none;background:var(--tile);border:1px solid var(--line)}.option-menu__item{display:block;width:100%;padding:8px 14px;border:0;background:none;font-size:13px;color:var(--text);text-align:left}.option-menu__item:hover{background:var(--tile-hover)}.option-menu__item[aria-checked=true]{color:var(--text-bright);box-shadow:inset 2px 0 0 var(--accent)}.lobby{display:flex;flex-direction:column;gap:30px}.section-heading{margin:0 0 8px;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim)}.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.grid--difficulty,.grid--controls,.grid--stats{grid-template-columns:repeat(4,1fr)}.grid--ratings{grid-template-columns:repeat(auto-fit,minmax(124px,1fr))}.grid--stats .tile__label,.grid--ratings .tile__label{font-size:20px;font-variant-numeric:tabular-nums}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:78px;padding:16px 8px;border:0;background:var(--tile);text-align:center;transition:background 90ms ease}.tile:hover:not(:disabled):not(.tile--disabled){background:var(--tile-hover)}.tile__label{font-size:16px;color:var(--text-bright)}.tile__sub{font-size:11px;color:var(--text-dim)}.tile--master .tile__label{color:var(--gold)}.tile[data-pending]{background:var(--tile-hover)}.tile:disabled:not([data-pending]){opacity:.4}.tile:disabled{cursor:default}.tile--disabled{cursor:default}.tile--disabled .tile__label{color:var(--text-dim)}.tile--picked{background:var(--tile-hover);box-shadow:inset 0 0 0 2px var(--accent)}.tile--picked .tile__label{color:var(--accent)}.side-picker{margin-top:12px}.side-picker__options{display:flex;justify-content:center}.side-picker__hint{margin:2px 0 0;font-size:11px;text-align:center;color:var(--text-dim)}.side-picker__option{padding:6px 14px;border:0;border-bottom:2px solid transparent;background:none;font-size:12px;color:var(--text-dim)}.side-picker__option:hover:not(:disabled){color:var(--text)}.side-picker__option[aria-checked=true]{color:var(--text-bright);border-bottom-color:var(--accent)}.side-picker__option:disabled{cursor:default;opacity:.5}.game{display:flex;flex-direction:column;gap:14px}.game__meta{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim)}.board{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.board__row{display:grid;grid-template-columns:repeat(9,1fr);gap:1px;background:var(--line)}.pit{--stones-height: 104px;--stone-gap: 3px;--stone-max: 20px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;width:100%;padding:8px 3px;border:0;background:var(--tile);text-align:center;transition:background 90ms ease}.pit--top{flex-direction:column-reverse}.pit__stones{--stone-size: min( var(--stone-max), calc((var(--stones-height) - (var(--rows, 1) - 1) * var(--stone-gap)) / var(--rows, 1)) );display:grid;grid-template-columns:repeat(var(--cols, 2),1fr);grid-auto-rows:var(--stone-size);align-content:center;height:var(--stones-height);gap:var(--stone-gap);width:100%;max-width:calc(var(--cols, 2) * (var(--stone-max) + 2px));margin:0 auto}.stone{width:100%;max-width:var(--stone-size);aspect-ratio:1;justify-self:center;align-self:center;border-radius:50%;background:var(--stone)}.pit__meta{display:flex;align-items:baseline;justify-content:space-between;gap:4px;width:100%;padding:0 1px;line-height:1}.pit__count{font-size:12px;color:var(--text);font-variant-numeric:tabular-nums}.pit__index{font-size:9px;color:var(--text-dim);font-variant-numeric:tabular-nums}.pit--playable{cursor:pointer;box-shadow:inset 0 -2px 0 var(--accent)}.pit--playable:hover,.pit--highlighted{background:var(--tile-hover)}.pit--tuzdek-own{box-shadow:inset 0 0 0 1px var(--gold)}.pit--tuzdek-own .pit__index{color:var(--gold)}.pit--tuzdek{box-shadow:inset 0 0 0 1px var(--text-dim)}.kazan{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:var(--tile)}.kazan__label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim)}.kazan__count{font-size:19px;color:var(--gold);font-variant-numeric:tabular-nums}.status{margin:0;font-size:14px;color:var(--text)}.status--final{color:var(--text-bright)}.game__actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.game__confirm{display:flex;gap:12px}.text-button{padding:0;border:0;background:none;font-size:13px;color:var(--text-dim)}.text-button:hover:not(:disabled){color:var(--text-bright)}.text-button--danger{color:var(--danger)}.text-button:disabled{cursor:default;opacity:.5}.notice{margin:0;font-size:13px;color:var(--text-dim)}.notice--error{color:var(--danger)}.text-link{align-self:flex-start;font-size:13px;color:var(--accent);text-decoration:none}.text-link:hover{text-decoration:underline}.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 20px;margin:0;font-size:13px}.facts dt{color:var(--text-dim)}.facts dd{margin:0;color:var(--text)}.page-heading{display:flex;align-items:center;gap:10px;margin:0;font-size:21px;font-weight:500;color:var(--text-bright)}.badge{padding:2px 7px;border:1px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim)}.auth{display:flex;flex-direction:column;gap:18px;max-width:380px}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:5px}.field__label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim)}.field__input{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:0;background:var(--tile);font:inherit;font-size:15px;color:var(--text-bright)}.field__input:hover{background:var(--tile-hover)}.field__input:focus-visible{outline-offset:0}.field__hint{margin:0;font-size:11px;color:var(--text-dim)}.field__hint code{font-size:12px}.field__hint-name{color:var(--text)}.button{padding:10px 16px;border:1px solid var(--line);background:var(--tile);font-size:14px;color:var(--text-bright);transition:background 90ms ease}.button:hover:not(:disabled){background:var(--tile-hover)}.button:disabled{cursor:default;opacity:.5}.profile{display:flex;flex-direction:column;gap:26px}.profile__handle{margin:4px 0 0;font-size:12px;color:var(--text-dim)}.history{display:grid;gap:1px;margin:0;padding:0;list-style:none;background:var(--line);border:1px solid var(--line)}.history__row{display:grid;grid-template-columns:3.4rem minmax(0,1fr) 3rem auto;align-items:baseline;gap:10px;padding:9px 12px;background:var(--tile);font-size:13px}html[lang=ru] .history__row{grid-template-columns:4.8rem minmax(0,1fr) 3rem auto}.history__outcome{color:var(--text-dim)}.history__outcome--win{color:var(--gold)}.history__outcome--loss{color:var(--danger)}.history__opponent{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-bright)}.history__note{color:var(--text-dim)}.history__delta{text-align:right;font-variant-numeric:tabular-nums}.history__date{color:var(--text-dim);font-variant-numeric:tabular-nums}.history__more{margin-top:10px}.account{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--line)}.account .section-heading{margin-bottom:0}.account__actions{display:flex;gap:18px;margin-top:4px}.create-lobby__custom{margin:14px 0}.create-lobby__fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.create-lobby__custom>.field__hint{margin:10px 0 0}.create-lobby__fields .field__input:disabled{opacity:.4;cursor:default}.create-lobby__terms{display:flex;align-items:center;gap:12px;margin-top:14px}.create-lobby__check{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text)}.create-lobby__check input{accent-color:var(--accent)}.create-lobby__note{font-size:11px;color:var(--text-dim)}.create-lobby__actions{display:flex;align-items:center;gap:18px;margin-top:16px}.create-lobby__actions .button{width:auto}.lobby-list{display:flex;flex-direction:column;border:1px solid var(--line)}.lobby-row{display:grid;grid-template-columns:minmax(0,1fr) 4.2rem minmax(0,1.4fr) 4.4rem;align-items:center;gap:10px;padding:10px 14px;background:var(--tile);border-bottom:1px solid var(--line)}html[lang=ru] .lobby-row{grid-template-columns:minmax(0,1fr) 4.8rem minmax(0,1.4fr) 4.4rem}.lobby-row:last-child{border-bottom:0}.lobby-row__who{overflow:hidden;color:var(--text-bright);text-overflow:ellipsis;white-space:nowrap}.lobby-row__control{font-variant-numeric:tabular-nums;color:var(--text)}.lobby-row__meta,.lobby-row__note{font-size:11px;color:var(--text-dim)}.lobby-row__note{text-align:right}.waiting{margin:12px 0;color:var(--text)}.waiting__terms{margin:2px 0;font-size:13px;color:var(--text-dim)}.clock{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 12px;background:var(--tile);border:1px solid var(--line)}.clock__label{overflow:hidden;font-size:12px;color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap}.clock__time{font-size:22px;font-variant-numeric:tabular-nums;color:var(--text-dim)}.clock--active{border-color:var(--accent)}.clock--active .clock__time{color:var(--text-bright)}.clock--low .clock__time{color:var(--danger)}.chat{margin-top:24px}.chat__log{display:flex;flex-direction:column;gap:5px;max-height:190px;padding:10px 12px;overflow-y:auto;background:var(--tile);border:1px solid var(--line)}.chat__empty{margin:0;font-size:12px;color:var(--text-dim)}.chat__message{margin:0;font-size:13px;line-height:1.45}.chat__who{margin-right:7px;color:var(--text-dim)}.chat__body{color:var(--text);overflow-wrap:anywhere}.chat__message--own .chat__who{color:var(--accent)}.chat__form{display:flex;gap:10px;align-items:center;margin-top:8px}.chat__form .field__input{flex:1}@media(max-width:480px){.header__inner{padding:12px 16px;gap:8px;flex-wrap:wrap}.header__auth{padding:4px 8px}.header__end{margin-left:auto}.header__account--guest{display:none}.grid--difficulty,.grid--stats{grid-template-columns:repeat(2,1fr)}.create-lobby__fields{grid-template-columns:1fr;gap:10px}.create-lobby__actions{flex-direction:column;align-items:stretch;gap:12px}.lobby-row{grid-template-columns:minmax(0,1fr) 4.2rem 4.4rem}html[lang=ru] .lobby-row{grid-template-columns:minmax(0,1fr) 4.8rem 4.4rem}.lobby-row__meta{display:none}.history__row{grid-template-columns:3.4rem minmax(0,1fr) 3rem}html[lang=ru] .history__row{grid-template-columns:4.8rem minmax(0,1fr) 3rem}.history__date{display:none}.pit{--stones-height: 84px;--stone-gap: 2px;--stone-max: 16px;padding:6px 2px}}