:root{--baize-deep:#22312b;--baize:#2f4a3e;--baize-light:#3a5a4c;--bone:#efe6d3;--bone-dim:#efe6d39e;--bone-faint:#efe6d361;--line:#efe6d324;--walnut:#7a5230;--brass:#c9a24d;--brass-deep:#a8842f;--danger:#b5402f;--ok:#7fa66a;--sans:"Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--radius:6px;--gap:20px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--baize-deep);color:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}a{color:var(--bone);text-decoration:none}a:hover{text-decoration:underline;-webkit-text-decoration-color:var(--brass);text-decoration-color:var(--brass)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--brass);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.h1{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(28px,3.2vw,38px);font-weight:400;line-height:1.1}.h2{font-family:var(--serif);margin:0 0 14px;font-size:24px;font-weight:400;line-height:1.15}.muted{color:var(--bone-dim)}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--baize);align-items:center;gap:32px;padding:14px 28px;display:flex}.brand{font-family:var(--serif);letter-spacing:-.01em;font-size:24px}.brand:hover{text-decoration:none}.brand--big{font-size:40px}.nav{gap:22px;display:flex}.nav a{color:var(--bone-dim);border-bottom:2px solid #0000;padding:6px 0}.nav a:hover{color:var(--bone);text-decoration:none}.nav a.active{color:var(--bone);border-bottom-color:var(--brass)}.nav__count{background:var(--brass);min-width:22px;color:var(--baize-deep);text-align:center;border-radius:11px;margin-left:8px;padding:0 7px;font-size:13px;font-weight:600;line-height:22px;display:inline-block}.topbar__user{align-items:center;gap:14px;margin-left:auto;display:flex}.topbar__name{color:var(--bone-dim)}.conn{background:var(--bone-faint);border-radius:50%;flex:none;width:9px;height:9px}.conn--connected{background:var(--ok)}.conn--connecting{background:var(--brass)}.conn--disconnected{background:var(--danger);box-shadow:0 0 0 3px #b5402f40}.main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:28px}.page-head{justify-content:space-between;align-items:flex-end;gap:var(--gap);margin-bottom:24px;display:flex}.splash{min-height:100vh;font-family:var(--serif);color:var(--bone-dim);place-items:center;font-size:32px;display:grid}.btn{border-radius:var(--radius);border:1px solid var(--line);background:var(--baize-light);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:9px 16px;display:inline-flex}.btn:hover{border-color:var(--bone-faint);text-decoration:none}.btn:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--brass);border-color:var(--brass);color:var(--baize-deep);font-weight:600}.btn--primary:hover{background:var(--brass-deep);border-color:var(--brass-deep)}.btn--quiet{background:0 0}.btn--danger{border-color:var(--danger);color:#e2a397;background:0 0}.btn--wide{width:100%}.field{color:var(--bone-dim);flex-direction:column;gap:6px;display:flex}.field input,.tc__fields input{font:inherit;border-radius:var(--radius);border:1px solid var(--line);background:var(--baize-deep);color:var(--bone);padding:10px 12px}.field input:focus,.tc__fields input:focus{border-color:var(--brass);outline:none}.field__hint{color:var(--bone-faint);font-size:13px}.check{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--brass)}.form-error{border-radius:var(--radius);background:#b5402f2e;border:1px solid #b5402f80;padding:10px 12px}.segmented{border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;overflow:hidden}.segmented button{color:var(--bone-dim);cursor:pointer;background:0 0;border:0;padding:8px 14px}.segmented button+button{border-left:1px solid var(--line)}.segmented button.on{background:var(--baize-light);color:var(--bone)}.segmented--small button{padding:6px 12px;font-size:14px}.page-head__tools{align-items:center;gap:14px;display:flex}.wall-tools{flex-wrap:wrap;align-items:center;gap:12px;margin:-8px 0 18px;display:flex}.wall-tools__label{color:var(--bone-dim);font-size:14px}.wall--grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));display:grid}.wall--column{gap:var(--gap);flex-direction:column;max-width:420px;display:flex}.wall--row{gap:var(--gap);scroll-snap-type:x proximity;flex-direction:row;padding-bottom:12px;display:flex;overflow-x:auto}.wall--row .card{scroll-snap-align:start;flex:0 0 min(260px,100%)}.card{border-radius:var(--radius);background:var(--baize);color:inherit;border:2px solid #0000;flex-direction:column;gap:10px;padding:12px;display:flex}.card:hover{border-color:var(--bone-faint);text-decoration:none}.card--drop-target{border-color:var(--bone);border-style:dashed}.card__head[draggable=true]{cursor:grab}.card__head[draggable=true]:active{cursor:grabbing}.card__grip{color:var(--bone-faint);letter-spacing:-2px;-webkit-user-select:none;user-select:none}.card__move{gap:2px;display:inline-flex}.card__move-btn{border:1px solid var(--line);width:26px;height:26px;color:var(--bone-dim);cursor:pointer;background:0 0;border-radius:6px;font-size:18px;line-height:1}.card__move-btn:hover{border-color:var(--bone);color:var(--bone)}.card__move-btn:disabled{opacity:.3;cursor:default}@media (hover:hover) and (pointer:fine){.card__move{opacity:0;transition:opacity .12s}.card__head:hover .card__move,.card__move:focus-within{opacity:1}}.card__close{border:1px solid var(--line);width:26px;height:26px;color:var(--bone-dim);cursor:pointer;background:0 0;border-radius:50%;margin-left:4px;font-size:18px;line-height:1}.card__close:hover{border-color:var(--bone);color:var(--bone)}.card__link{color:inherit;flex-direction:column;gap:10px;display:flex}.card__link:hover{text-decoration:none}.card__body{position:relative}.card__result{border-radius:var(--radius);border:1px solid var(--brass);text-align:center;background:#22312bf0;flex-direction:column;align-items:center;gap:6px;max-width:90%;padding:14px 18px;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 34px #00000073}.card__result strong{font-family:var(--serif);font-size:20px;font-weight:400}.card__result span{color:var(--bone-dim);font-variant-numeric:tabular-nums}.card__result-actions{gap:8px;margin-top:4px;display:flex}.card--finished{opacity:1}.wall-tools__order{color:var(--bone-faint);align-items:center;gap:8px;margin-left:auto;font-size:13px;display:inline-flex}.btn--tiny{padding:4px 10px;font-size:13px}.card--your-move{border-color:var(--brass);box-shadow:0 0 0 1px var(--brass), 0 10px 30px #00000059}.wall--play.wall--grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}.wall--play.wall--column{max-width:560px}.wall--play.wall--row .card{flex-basis:min(380px,100%)}.card--play .card__opponent:hover{text-decoration:underline;-webkit-text-decoration-color:var(--brass);text-decoration-color:var(--brass)}.prefs{flex-direction:column;gap:12px;display:flex}.prefs--compact{flex-direction:row;align-items:center;gap:10px}.prefs__group--stacked{flex-direction:column;gap:6px;display:flex}.prefs__label{color:var(--bone-dim);font-size:14px}.retention{color:var(--bone-dim);align-items:center;gap:10px;display:flex}.retention select,.field select{font:inherit;border-radius:var(--radius);border:1px solid var(--line);background:var(--baize-deep);color:var(--bone);padding:8px 10px}.history__row{align-items:center;gap:8px;display:flex}.history__link{flex:1}.history__remove{color:var(--bone-dim);flex:none}.card__head,.card__foot{align-items:center;gap:10px;display:flex}.card__foot{justify-content:space-between;align-items:baseline}.card__head .card__tc{margin-left:auto}.card__opponent{font-weight:600}.card__tc,.card__status{color:var(--bone-dim);font-size:14px}.card__status--yours{color:var(--brass);font-weight:600}.card__clocks{gap:10px;display:flex}.card__board{pointer-events:none}.empty{border:1px dashed var(--line);border-radius:var(--radius);color:var(--bone-dim);max-width:560px;padding:40px 24px}.empty p{margin:0 0 8px}.clock{font-variant-numeric:tabular-nums;color:var(--bone-dim);align-items:baseline;gap:8px;display:inline-flex}.clock--active{color:var(--bone)}.clock--low{color:#e2a397}.clock--flag{color:var(--danger)}.clock__time{font-weight:500}.clock--large .clock__time{letter-spacing:.01em;font-size:34px;line-height:1}.clock--medium .clock__time{font-size:22px;line-height:1}.clock--small .clock__time{font-size:14px}.room{grid-template-columns:minmax(280px,560px) minmax(260px,340px);justify-content:center;align-items:start;gap:32px;display:grid}.playboard{flex-direction:column;gap:10px;display:flex}.playboard--compact{gap:6px}.playboard--compact .player{padding:6px 10px}.player__note{color:var(--bone-faint);font-size:12px;font-weight:400}.stepper{align-items:center;gap:6px;display:flex}.stepper .btn{padding:6px 10px}.stepper__pos{text-align:center;color:var(--bone-dim);font-variant-numeric:tabular-nums;flex:1;font-size:13px}.scoresheet__san{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:2px 6px}.scoresheet__san:hover{background:#efe6d31a}.scoresheet__san--current{background:var(--brass);color:var(--baize-deep);font-weight:600}.banner small{color:var(--bone-faint);font-size:12px}.room__board{position:relative}.board{-webkit-user-select:none;user-select:none;width:100%;position:relative}.promotion{background:#22312bd1;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.promotion span{text-align:center;width:100%;font-family:var(--serif);font-size:24px}.promotion__piece,.promotion__cancel{border-radius:var(--radius);border:1px solid var(--line);background:var(--baize-light);cursor:pointer;padding:10px 16px}.promotion__piece:hover{border-color:var(--brass)}.promotion__cancel{color:var(--bone-dim);background:0 0}.banner{border-radius:var(--radius);border:1px solid var(--brass);pointer-events:none;background:#22312beb;flex-direction:column;align-items:center;gap:4px;padding:18px 28px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 16px 40px #00000073}.banner strong{font-family:var(--serif);font-size:26px;font-weight:400}.banner span{color:var(--bone-dim);font-variant-numeric:tabular-nums}.room__side{border-radius:var(--radius);background:var(--baize);flex-direction:column;gap:14px;padding:16px;display:flex}.player{border-radius:var(--radius);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.player--active{border-color:var(--brass)}.player__name{align-items:baseline;gap:8px;font-weight:600;display:flex}.player__you{color:var(--bone-faint);font-size:13px;font-weight:400}.room__meta{color:var(--bone-dim);flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.scoresheet{border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;max-height:260px;margin:0;padding:0;list-style:none;overflow-y:auto}.scoresheet--empty{color:var(--bone-faint);text-align:center;padding:14px 0}.scoresheet__row{grid-template-columns:40px 1fr 1fr;padding:4px 6px;display:grid}.scoresheet__row:nth-child(2n){background:#0000001f}.scoresheet__n{color:var(--bone-faint)}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions__note{width:100%;color:var(--brass)}.room__links{justify-content:space-between;gap:8px;display:flex}.lobby{grid-template-columns:minmax(300px,420px) 1fr;align-items:start;gap:32px;display:grid}.challenge-form{border-radius:var(--radius);background:var(--baize);flex-direction:column;gap:16px;padding:20px;display:flex}.challenge-form__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tc{flex-direction:column;gap:12px;display:flex}.tc__group{grid-template-columns:132px 1fr;align-items:start;gap:8px;display:grid}.tc__class{color:var(--bone-dim);padding-top:6px}.tc__chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border-radius:999px;padding:5px 10px}.chip:hover{border-color:var(--bone-faint)}.chip--on{background:var(--bone);border-color:var(--bone);color:var(--baize-deep)}.tc__custom{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:10px;display:flex}.tc__fields{gap:12px;display:flex}.tc__fields label{color:var(--bone-dim);flex-direction:column;flex:1;gap:6px;font-size:14px;display:flex}.tc__summary{min-height:22px;color:var(--brass)}.tc__summary--bad{color:#e2a397}.sheet{border-radius:var(--radius);background:var(--baize);padding:20px}.sheet+.sheet{margin-top:24px}.sheet__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px 16px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.filters select{font:inherit;border-radius:var(--radius);border:1px solid var(--line);background:var(--baize-deep);color:var(--bone);padding:6px 8px;font-size:14px}.check--block{align-items:flex-start;line-height:1.4}.check--block input{margin-top:3px}.sheet__list{margin:0;padding:0;list-style:none}.pairing{border-top:1px solid var(--line);grid-template-columns:1.4fr 1.6fr auto auto;align-items:center;gap:16px;padding:12px 0;display:grid}.pairing__who,.pairing__what{flex-direction:column;gap:2px;display:flex}.pairing__name{font-weight:600}.pairing__rating{color:var(--bone-dim);font-variant-numeric:tabular-nums}.pairing__to{color:var(--brass);font-size:13px}.pairing__tc{font-variant-numeric:tabular-nums}.pairing__meta,.pairing__when{color:var(--bone-dim);font-size:13px}.pairing__actions{gap:8px;display:flex}.auth{place-items:center;min-height:100vh;padding:24px;display:grid}.auth__panel{flex-direction:column;gap:14px;width:100%;max-width:400px;display:flex}.auth__tag{color:var(--bone-dim);margin:-8px 0 12px}.auth-form{border-radius:var(--radius);background:var(--baize);flex-direction:column;gap:14px;padding:22px;display:flex}.auth-form__alt{color:var(--bone-dim);text-align:center;margin:4px 0 0}.auth-form__alt a{color:var(--brass)}.profile__grid{grid-template-columns:repeat(auto-fit,minmax(280px,420px));gap:24px;display:grid}.ratings{border-collapse:collapse;width:100%}.ratings td{border-top:1px solid var(--line);padding:8px 0}.ratings__value{text-align:right;font-variant-numeric:tabular-nums}.history{margin:0;padding:0;list-style:none}.history__row{border-top:1px solid var(--line)}.history__link{grid-template-columns:1.4fr 1.6fr 1fr auto;gap:16px;padding:12px 6px;display:grid}.history__link:hover{background:var(--baize);text-decoration:none}.history__meta,.history__when{color:var(--bone-dim);font-size:14px}.toasts{z-index:50;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius);border:1px solid var(--line);background:var(--baize-light);cursor:pointer;text-align:left;max-width:360px;padding:12px 16px;box-shadow:0 10px 30px #0006}.toast--error{border-color:var(--danger)}.toast--success{border-color:var(--ok)}@media (width<=900px){.room,.lobby{grid-template-columns:1fr}.pairing,.history__link{grid-template-columns:1fr 1fr}.topbar{flex-wrap:wrap;gap:14px;padding:12px 16px}.main{padding:16px}.page-head{flex-direction:column;align-items:flex-start}.wall--column,.wall--play.wall--column{max-width:none}.prefs--compact{flex-wrap:wrap}}.presence{border-radius:50%;flex:none;align-self:center;width:8px;height:8px;margin-left:6px;display:inline-block}.presence--on{background:var(--ok)}.presence--off{box-shadow:inset 0 0 0 1.5px var(--bone-faint)}.card__result-line{color:var(--bone-dim);justify-content:space-between;align-items:baseline;gap:10px;margin-top:8px;font-size:14px;display:flex}.card__result-line strong{color:var(--bone);font-variant-numeric:tabular-nums}.banner{padding-right:44px}.banner__close{border:1px solid var(--line);width:28px;height:28px;color:var(--bone-dim);cursor:pointer;pointer-events:auto;background:0 0;border-radius:50%;font-size:18px;line-height:1;position:absolute;top:8px;right:10px}.banner__close:hover{border-color:var(--bone);color:var(--bone)}.scoresheet__result{border-top:1px solid var(--line);color:var(--bone-dim);align-items:baseline;gap:10px;padding:8px 6px;display:flex}.scoresheet__result strong{color:var(--bone);font-variant-numeric:tabular-nums}.actions__note--quiet{color:var(--bone-faint);font-size:13px}.auth-form__lead{color:var(--bone-dim);margin:0 0 4px;line-height:1.5}.code-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:24px}.link-btn{color:var(--brass);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.profile__email{color:var(--bone-dim);overflow-wrap:anywhere;align-items:baseline;gap:10px;margin:6px 0 0;display:flex}.profile__email span{color:var(--bone-faint);font-size:13px}.sheet--danger{max-width:720px;margin-top:28px}.sheet__text{max-width:62ch;color:var(--bone-dim);margin:0 0 16px;font-size:14px;line-height:1.55}.danger-form{gap:12px;max-width:360px;display:grid}.danger-form__actions{flex-wrap:wrap;gap:10px;display:flex}.form-notice{border:1px solid var(--line);border-radius:var(--radius);color:var(--bone-dim);padding:10px 12px;font-size:14px}.field__hint--warn{color:#e2a397}.password-input{display:flex;position:relative}.password-input input{flex:1;min-width:0;padding-right:44px}.password-input__toggle{border-radius:var(--radius);width:32px;height:32px;color:var(--bone-faint);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-input__toggle:hover,.password-input__toggle:focus-visible{color:var(--bone)}.password-input__toggle:focus-visible{outline:1px solid var(--brass)}.password-input__toggle svg{width:18px;height:18px}.retention__note{max-width:70ch;color:var(--bone-faint);margin:-6px 0 18px;font-size:13px;line-height:1.5}.actions--compact{gap:6px;margin-top:10px}.actions--compact .actions__note{flex-basis:100%;font-size:13px}.btn--small{padding:6px 10px;font-size:13px}.card__result-actions{flex-wrap:wrap;justify-content:center}.rating{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;margin-left:8px;font-size:13px;font-weight:400;display:inline-flex}.rating__value{color:var(--bone-dim)}.rating__diff{font-weight:600}.rating__diff--up{color:var(--ok)}.rating__diff--down{color:#e0705f}.rating__diff--even{color:var(--bone)}.login-mode{align-self:flex-start}.field__row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field__link{font-size:13px}.sheet--password{max-width:720px;margin-top:28px}.profile{max-width:780px}.profile__ratings{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:1px;margin:10px 0 30px;display:grid;overflow:hidden}.profile__rating{background:var(--baize);gap:2px;padding:12px 16px 14px;display:grid}.profile__rating-name{color:var(--bone-dim);text-transform:capitalize;font-size:13px}.profile__rating-value{font-family:var(--serif);color:var(--bone);font-variant-numeric:tabular-nums;font-size:28px;line-height:1.1}.profile__rating-note{color:var(--bone-faint);font-size:12px}.settings{border-top:1px solid var(--line)}.settings__section{border-bottom:1px solid var(--line)}.settings__section>summary{cursor:pointer;align-items:baseline;gap:18px;padding:18px 6px;list-style:none;display:flex}.settings__section>summary::-webkit-details-marker{display:none}.settings__section>summary:hover .settings__title,.settings__section[open]>summary .settings__title{color:var(--brass)}.settings__section>summary:focus-visible{outline:1px solid var(--brass);outline-offset:2px}.settings__title{font-family:var(--serif);color:var(--bone);flex:0 0 9.5rem;font-size:21px}.settings__summary{min-width:0;color:var(--bone-faint);flex:1;font-size:14px}.settings__chevron{width:16px;height:16px;color:var(--bone-dim);flex:none;align-self:center;transition:transform .15s}.settings__section[open]>summary .settings__chevron{transform:rotate(90deg)}.settings__body{gap:20px;max-width:560px;padding:2px 6px 26px;display:grid}.settings__row{align-items:flex-start;gap:12px;display:flex}.settings__row .field{flex:1}.settings__row .btn{margin-top:26px}.settings__section--danger .settings__title{color:#e0705f}@media (width<=560px){.settings__section>summary{flex-wrap:wrap;gap:4px 12px}.settings__title{flex:auto}.settings__summary{flex-basis:100%;order:3}}@media (prefers-reduced-motion:reduce){.settings__chevron{transition:none}}.profile__rating{align-content:start}.settings .check .field__hint{margin-top:4px;display:block}.profile__ratings{background:var(--baize);gap:0}.profile__rating{border-left:1px solid var(--line);border-top:1px solid var(--line);margin:-1px 0 0 -1px}.wall-tools__hint{color:var(--bone-faint);font-size:13px}.history__confirm{margin:-4px 0 18px}