.play .panel{grid-template-rows:auto minmax(0,1fr) auto auto}.play .ladder,.play .moves{grid-row:2;min-height:0}.play .over{grid-row:3}.promo[hidden],.material[hidden]{display:none}.pill-name{border-color:var(--accent-line);color:var(--accent)}.material{display:grid;gap:3px;padding:8px 16px 12px;border-top:1px solid var(--line-soft)}.mat-line{font:400 13px/1.5 var(--sans);color:var(--ink-soft)}.mat-line b{font:500 11px/1.5 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.mat-edge{font:600 12px/1.4 var(--mono);color:var(--accent);font-variant-numeric:tabular-nums}.ladder{overflow-y:auto;overscroll-behavior:contain;padding:14px 16px 20px}.ladder-head{margin:0 0 10px;font:400 17px/1.3 var(--serif);color:var(--ink)}.rungs{display:grid;gap:6px}.rung{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);color:var(--ink-soft);text-align:left;cursor:pointer}.rung:hover{border-color:var(--hover-line);background:var(--hover)}.rung.on{border-color:var(--accent-line);background:var(--accent-fill)}.rung-name{font:600 14px/1.3 var(--sans);color:var(--ink)}.rung.on .rung-name{color:var(--accent)}.rung.on .rung-name:after{content:" \2713";font-weight:700}.rung-meta{display:flex;align-items:center;gap:6px;justify-content:flex-end}.rung-year{font:500 12px/1.35 var(--mono);color:var(--ink-faint);font-variant-numeric:tabular-nums}.rung-elo{font:500 11px/1.2 var(--mono);color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);padding:1px 5px;border-radius:4px;font-variant-numeric:tabular-nums}.rung-note{grid-column:1 / -1;font:400 12.5px/1.45 var(--sans);color:var(--ink-dim)}.side-row{display:flex;align-items:center;gap:10px;margin:14px 0 12px}.side-label{font:500 11px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.sides{display:flex;gap:1px;padding:2px;border:1px solid var(--line);border-radius:6px}.side{min-width:62px;padding:6px 10px;border:0;border-radius:4px;background:none;color:var(--ink-dim);font:500 13px/1 var(--sans);cursor:pointer}.side:hover{color:var(--ink);background:var(--hover)}.side.on{background:var(--accent-soft);color:var(--accent)}.ladder .ctl.primary{width:100%;height:36px}.start-card{position:absolute;top:12px;left:14px;z-index:3;display:grid;gap:7px;width:236px;padding:10px 12px;border:1px solid var(--float-line);border-radius:10px;background:var(--float-solid);backdrop-filter:blur(6px);box-shadow:0 8px 28px #0000002e}.start-card[hidden]{display:none}.start-against{margin:0;font:400 13px/1.35 var(--sans);color:var(--float-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-against b{font-weight:600;color:var(--float-ink-hot)}.start-elo{font:500 11px/1 var(--mono);color:var(--float-on-ink)}.start-card button.ctl.primary{width:100%;height:40px;border-color:var(--accent);background:var(--accent);color:var(--bg);font-size:15px;font-weight:600}.start-card button.ctl.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.1)}.start-card .side-row{margin:0;justify-content:space-between}.start-card .side-label{color:var(--float-ink)}.start-card .sides{border-color:var(--float-line)}.start-card .side{color:var(--float-ink)}.start-card .side:hover{color:var(--float-ink-hot);background:var(--float-hover)}.start-card .side.on{background:var(--float-on);color:var(--float-on-ink)}@media(min-width:1800px){.start-card{left:50%;transform:translate(-50%)}}@media(max-width:800px){.start-card{inset:auto 8px 8px;width:auto;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px}.start-against{display:none}.start-card button.ctl.primary{height:36px;font-size:14px}.start-card .side-label{display:none}}.ladder-note{margin:10px 0 0;font:400 12.5px/1.5 var(--sans);color:var(--ink-dim)}.play .row{grid-template-columns:34px 1fr 1fr;padding:5px 16px 5px 8px}.play .row:hover{background:none}.play .san{font:600 13.5px/1.35 var(--mono)}.play .san.white{color:var(--white-move)}.play .san.black{color:var(--black-move)}.play .san.last{padding:0 5px;margin:0 -5px;border-radius:3px;background:var(--row-on);color:var(--accent)}.over{padding:12px 16px 14px;border-top:1px solid var(--line);background:var(--panel-2)}.over-line{margin:0;font:400 17px/1.3 var(--serif);color:var(--ink)}.over-why{margin:3px 0 10px;font:400 13px/1.45 var(--sans);color:var(--ink-dim)}.over-acts{display:flex;flex-wrap:wrap;gap:6px}.resume{display:grid;gap:8px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--accent-line);border-radius:8px;background:var(--accent-soft)}.resume[hidden]{display:none}.resume-line{margin:0;font:400 14px/1.45 var(--sans);color:var(--ink)}.resume-acts{display:flex;flex-wrap:wrap;gap:6px}.resume .ctl.primary{width:auto}a.ctl{display:inline-flex;align-items:center;height:30px;padding:0 12px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--ink-soft);font:500 13px/1 var(--sans);text-decoration:none}a.ctl:hover{color:var(--ink);border-color:var(--hover-line)}a.ctl.primary{border-color:var(--accent-line);background:var(--accent-fill);color:var(--accent)}a.ctl.primary:hover{background:var(--accent-soft)}.promo{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #2c3340;border-radius:8px;background:#0c0e12f2;backdrop-filter:blur(6px);box-shadow:0 8px 24px #00000080;color:#a4a6ad;font:500 12px/1 var(--sans)}.promo-row{display:flex;gap:4px}.promo .ctl{height:28px}.play .bar{border-top:1px solid var(--line)}.play .buttons{padding:10px 14px}.play .transport{gap:6px}.views-inline{display:flex;gap:4px}.tag.busy{color:var(--accent)}.play .panel{position:relative}.panel-tuck{position:absolute;top:9px;right:10px;z-index:2;display:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--ink-dim);cursor:pointer}.panel-tuck:hover{color:var(--ink);border-color:var(--hover-line)}@media(min-width:901px)and (orientation:landscape),(min-width:1101px){.panel-tuck{display:inline-flex}.play .panel-head{padding-right:46px}.play.tucked main{grid-template-columns:minmax(0,1fr) 38px}.play.tucked .panel>*:not(.panel-tuck){display:none}.play.tucked .panel-tuck{top:8px;right:5px}}@media(max-width:900px){.ladder{overflow:visible;padding:12px 12px 18px}.rung-note{display:none}.rung.on .rung-note{display:block}.play .moves{overflow-y:auto;overscroll-behavior:auto}}.friend .panel{grid-template-rows:auto auto auto minmax(0,1fr) auto auto auto}.friend .clocks{grid-row:2}.friend .room{grid-row:3}.friend .moves{grid-row:4;min-height:0}.friend .offer{grid-row:5}.friend .over{grid-row:6}.friend .panel-foot{grid-row:7}.clocks{display:grid;gap:8px;padding:10px 16px;border-bottom:1px solid var(--line-soft)}.clk-control{display:flex;align-items:center;gap:8px;font:500 12px/1 var(--sans);color:var(--ink-dim)}.clk-control[hidden]{display:none}.clk-control select{flex:1;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--ink);font:500 13px/1.2 var(--sans)}.clk-faces{display:grid;grid-template-columns:1fr 1fr;gap:8px}.clk-faces[hidden]{display:none}.clk{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2)}.clk-side{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim)}.clk-time{font:600 22px/1 var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.clk.on{border-color:var(--accent-line);background:var(--accent-soft)}.clk.on .clk-time{color:var(--ink)}.clk.low .clk-time{color:#e0514b}.clk.out .clk-time{color:#e0514b;text-decoration:line-through}.room{padding:14px 16px 16px;border-bottom:1px solid var(--line-soft)}.room[hidden]{display:none}.link-row{display:flex;gap:6px}.link{flex:1;min-width:0;height:30px;padding:0 9px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);color:var(--ink-soft);font:400 12px/1 var(--mono)}.link:focus{outline:1px solid var(--accent-line);color:var(--ink)}.room-code{padding:3px 7px;border:1px solid var(--line);border-radius:3px;background:var(--panel-2);color:var(--accent);font:600 12px/1.4 var(--mono);letter-spacing:.06em}.room .side-row{margin:12px 0 0}.offer{padding:11px 16px 12px;border-top:1px solid var(--accent-line);background:var(--accent-fill)}.offer[hidden]{display:none}.offer-line{margin:0 0 8px;font:400 14px/1.4 var(--sans);color:var(--ink)}.offer-acts{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:900px){.room{padding:12px}}.qr{display:grid;justify-items:center;gap:7px;width:max-content;margin:12px 0 0;padding:10px 10px 8px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--line)}.qr[hidden]{display:none}.qr canvas{display:block;image-rendering:pixelated}.qr figcaption{font:500 11px/1.3 var(--sans);letter-spacing:.02em;color:#6d7078}@media(max-width:700px){.play .buttons{margin:0;padding:0}}@media(max-width:439px){.play .buttons{display:flex;flex-wrap:wrap;row-gap:6px}.play .buttons .right{margin-left:auto;justify-content:flex-end}}

//# sourceMappingURL=play.css.map