.locale-switch{display:inline-flex;align-items:center;border:1px solid rgba(233,69,96,.45);border-radius:999px;overflow:hidden;flex:none}.locale-switch-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:.28rem .6rem;cursor:pointer;line-height:1.2}.locale-switch-btn.is-active{background:var(--accent);color:#fff}.locale-switch-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.phone-install h2{font-size:1.12rem;margin:0 0 .45rem}.phone-install p{margin:0 0 1rem;color:var(--text-muted);line-height:1.55;font-size:.95rem}.phone-install-grid{display:flex;flex-wrap:wrap;gap:1.25rem}.phone-install-item{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.phone-install-item a{color:var(--accent);font-weight:600;text-decoration:none}.phone-install-item a:hover{text-decoration:underline}.phone-install-qr{width:160px;height:160px;background:#fff;border-radius:8px}.home{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1200px 500px at 10% -10%,rgba(233,69,96,.16),transparent 55%),radial-gradient(900px 420px at 100% 0%,rgba(15,52,96,.9),transparent 50%),var(--bg)}.home-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.5rem;max-width:1120px;width:100%;margin:0 auto}.home-brand{display:flex;align-items:center;gap:.65rem;color:var(--text);text-decoration:none;font-weight:700;letter-spacing:.01em}.home-brand-mark{width:2rem;height:2rem;display:block;flex:none}.home-badge{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid rgba(233,69,96,.45);border-radius:999px;padding:.28rem .7rem}.home-nav-actions{display:flex;align-items:center;gap:.65rem}.home-link{color:var(--text-muted);text-decoration:none;font-size:.92rem}.home-link:hover{color:var(--text)}.home-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:.7rem 1.15rem;font-weight:600;font-size:.95rem;font-family:inherit;cursor:pointer;border:1px solid transparent}.home-btn-primary{background:var(--accent);color:#fff}.home-btn-primary:hover{filter:brightness(1.08)}.home-btn-ghost{background:transparent;color:var(--text);border-color:#eaeaea2e}.home-btn-ghost:hover{border-color:#eaeaea66}.home-hero{max-width:1120px;width:100%;margin:0 auto;padding:1.5rem 1.5rem 3rem;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:2.5rem;align-items:center;flex:1}.home-kicker{color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.85rem}.home-title{font-size:clamp(2.1rem,4.4vw,3.35rem);line-height:1.12;font-weight:700;margin-bottom:1rem}.home-lead{color:var(--text-muted);font-size:1.12rem;line-height:1.6;max-width:36rem;margin-bottom:1.6rem}.home-ctas{display:flex;flex-wrap:wrap;gap:.75rem}.home-note{margin-top:1rem;color:var(--text-muted);font-size:.88rem}.home-board-card{background:var(--surface);border-radius:18px;padding:1rem;box-shadow:0 24px 60px #00000059;border:1px solid rgba(234,234,234,.06)}.home-board{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;border-radius:10px;overflow:hidden}.home-sq{display:grid;place-items:center}.home-sq img{width:82%;height:82%;object-fit:contain;-webkit-user-select:none;user-select:none}.home-features{max-width:1120px;width:100%;margin:0 auto;padding:0 1.5rem 3.5rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.home-card{background:#16213eb8;border:1px solid rgba(234,234,234,.07);border-radius:14px;padding:1.25rem 1.2rem 1.35rem}.home-card h2{font-size:1.12rem;margin:0 0 .45rem}.home-card p{color:var(--text-muted);line-height:1.55;font-size:.95rem}.home-card-cta{display:inline-block;margin-top:.75rem;color:var(--accent);font-weight:600;text-decoration:none}.home-card-cta:hover{text-decoration:underline}.home-phone{max-width:1120px;width:100%;margin:0 auto 1.5rem;padding:0 1.5rem}.home-footer{border-top:1px solid rgba(234,234,234,.08);padding:1.25rem 1.5rem 1.75rem;color:var(--text-muted);font-size:.88rem;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;justify-content:space-between;max-width:1120px;width:100%;margin:0 auto}.home-footer a{color:var(--accent);text-decoration:none}@media(max-width:840px){.home-hero,.home-features{grid-template-columns:1fr}.home-board-card{max-width:360px;margin:0 auto}}.scan-page{min-height:100vh;padding:1.25rem 1rem;display:flex;justify-content:center}.scan-card{width:100%;max-width:640px;padding:1.5rem 1.25rem 2rem;border-radius:12px;background:var(--surface);display:flex;flex-direction:column;gap:1rem}.scan-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem}.scan-header h1{margin:0;font-size:1.5rem}.scan-header-actions{display:flex;align-items:center;gap:.65rem}.scan-header-actions a{font-size:.9rem;color:var(--accent)}.scan-lead{margin:0;color:var(--text-muted);line-height:1.45}.scan-drop{border:2px dashed var(--border, #3d5a80);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;color:var(--text-muted)}.scan-drop-on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.scan-preview{max-width:100%;max-height:240px;border-radius:8px}.scan-crop{display:flex;flex-direction:column;gap:.75rem}.scan-crop-stage{position:relative;width:100%;height:min(70vh,420px);border-radius:8px;overflow:hidden;background:#111;touch-action:none}.scan-crop-img{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.scan-crop-frame{position:absolute;left:0;top:0;box-sizing:border-box;border:2px solid #fbbf24;background:#fbbf241f;cursor:move;touch-action:none}.scan-crop-handle{position:absolute;width:8px;height:8px;padding:0;border:1px solid #111;background:#fbbf24;border-radius:1px;z-index:2}.scan-crop-handle:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.scan-crop-handle-nw{left:0;top:0;cursor:nwse-resize}.scan-crop-handle-ne{right:0;top:0;cursor:nesw-resize}.scan-crop-handle-sw{left:0;bottom:0;cursor:nesw-resize}.scan-crop-handle-se{right:0;bottom:0;cursor:nwse-resize}.scan-form{display:flex;flex-direction:column;gap:1rem}.scan-fieldset{border:1px solid var(--border, #3d5a80);border-radius:10px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem}.scan-fieldset legend{font-weight:700}.scan-fieldset label{display:flex;gap:.5rem;align-items:flex-start}.scan-mode-on{background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:8px;padding:.25rem .4rem}.scan-fieldset small{display:block;color:var(--text-muted)}.scan-primary,.scan-secondary{border-radius:8px;padding:.7rem 1rem;font-weight:700;cursor:pointer}.scan-primary{background:var(--accent);color:#fff;border:0}.scan-primary:disabled{opacity:.6}.scan-secondary{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.scan-adjust-row{display:flex;flex-wrap:wrap;gap:.5rem}.scan-adjust-row .scan-secondary:disabled{opacity:.45;cursor:default}.scan-muted{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.4}.scan-error{margin:0;color:#c0392b}.opening-page{min-height:100vh;padding:1.25rem 1rem 2rem;display:flex;justify-content:center}.opening-card{width:100%;max-width:720px;padding:1.5rem 1.25rem 2rem;border-radius:12px;background:var(--surface);display:flex;flex-direction:column;gap:1rem}.opening-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem}.opening-header h1{margin:0;font-size:1.5rem}.opening-header-actions{display:flex;align-items:center;gap:.65rem}.opening-header-actions a,.opening-back{font-size:.9rem;color:var(--accent)}.opening-search{width:100%;padding:.7rem .8rem;border-radius:10px;border:1px solid rgba(234,234,234,.25);background:transparent;color:var(--text);font:inherit}.opening-list{display:flex;flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none}.opening-hit{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;text-align:left;padding:.85rem .9rem;border-radius:12px;border:1px solid rgba(234,234,234,.2);background:transparent;color:var(--text);font:inherit;cursor:pointer}.opening-hit strong{font-size:1.02rem}.opening-meta,.opening-muted{color:var(--text-muted);font-size:.85rem}.opening-preview{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;color:var(--text-muted)}.opening-error{color:#ff8a80;margin:0}.opening-board{width:min(100%,520px);margin:0 auto}.opening-actions{display:flex;flex-wrap:wrap;gap:.6rem}.opening-analyze{border:0;border-radius:10px;padding:.7rem 1rem;background:var(--accent);color:#1a1a1a;font:inherit;font-weight:700;cursor:pointer}.play-page{--play-board: min( calc(100dvh - 9.5rem) , 1080px);width:100%;min-height:100dvh;padding:.6rem 1rem 1rem;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem}.play-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-start}.play-bar-start{flex:1;min-width:0;display:flex;flex-direction:column;gap:.12rem}.play-opponent-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .65rem;font-size:.82rem;line-height:1.35}.play-opponent-meta-email{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,24rem)}.play-title{margin:0;font-size:1.45rem;flex:1;letter-spacing:.01em}.play-link{color:var(--accent);font-size:.92rem;text-decoration:none}.play-link:hover{text-decoration:underline}.play-err{margin:0;color:var(--accent)}.play-banner{margin:0;padding:.7rem 1rem;border-radius:10px;background:var(--surface);border:1px solid rgba(233,69,96,.45);font-weight:600;text-align:center}.play-turn{margin:0;text-align:center;font-size:.95rem;color:var(--text-muted)}.play-turn.is-yours,.play-turn.is-result{color:var(--text);font-weight:600}.play-turn.is-check{margin:0;text-align:center;font-size:.95rem;font-weight:700;color:#a32020}.play-turn-check{color:#a32020;font-weight:700}.play-turn.is-review{color:#6a8caf;font-weight:600}.play-review-line{margin:0;display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:.45rem;text-align:center;font-size:.92rem;color:var(--text)}.play-review-score{font-variant-numeric:tabular-nums;font-weight:700}.play-board-and-eval{display:flex;align-items:stretch;gap:.4rem;width:100%}.play-eval-slot{flex:0 0 24px;display:flex;min-height:0}.play-eval-slot>div{flex:1 1 auto;height:100%}.play-review-line .is-book{color:var(--text-muted);font-weight:500}.play-review-pending{margin:0;text-align:center;color:var(--text-muted);font-size:.84rem}.play-chat{display:flex;flex-direction:column;gap:.55rem;margin-top:.35rem;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--text) 14%,transparent);text-align:left;min-height:0}.play-chat.is-position{flex:0 0 auto;min-height:auto;overflow:visible}.play-page.is-live .play-chat{flex:1 1 0;max-height:52%;overflow:hidden}.play-page.is-live .play-chat-col .play-chat{flex:1 1 auto;max-height:none;height:100%;margin:0;padding:0;border:0}.play-page.is-live .play-move-list.is-sheet{flex:1 1 0;min-height:7.5rem}.play-chat-thread{display:flex;flex-direction:column;gap:.45rem;min-height:0;overflow:auto}.play-chat-bubble{max-width:92%;padding:.45rem .6rem;font-size:.84rem;line-height:1.4;font-weight:400}.play-chat-bubble.is-you{align-self:flex-end;background:color-mix(in srgb,var(--accent) 78%,#3a1520);color:#fff;border-radius:14px 14px 4px}.play-chat-bubble.is-coach{align-self:flex-start;background:color-mix(in srgb,var(--text) 8%,#12121f);color:var(--text);border-radius:14px 14px 14px 4px}.play-chat-bubble.is-coach p{margin:0}.play-chat-bubble.is-coach p+p{margin-top:.35rem}.play-chat-bubble.is-coach strong{font-weight:700}.play-chat-form button.is-round{width:2.3rem;height:2.3rem;border-radius:999px;padding:0;flex:0 0 auto}h3.play-chat-acc{margin:.15rem 0 .2rem;cursor:default}.play-chat-acc{display:flex;width:100%;justify-content:space-between;align-items:center;background:transparent;border:0;padding:.28rem .1rem;color:var(--text-muted);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.play-chat-acc-body{max-height:8.5rem;overflow:auto}.play-chat-you,.play-chat-pending,.play-chat-error{margin:0}.play-chat-you{color:var(--text-muted);font-size:.82rem;font-weight:600;line-height:1.35}.play-chat-coach{display:flex;flex-direction:column;gap:.4rem}.play-chat-coach p{margin:0;font-size:.86rem;font-weight:400;line-height:1.45;color:var(--text)}.play-chat-coach strong{font-weight:700}.play-chat-pending{color:var(--text-muted);font-size:.82rem}.play-chat-error{color:#e07a7a;font-size:.82rem;line-height:1.35}.play-chat-more{align-self:flex-start;background:none;border:0;padding:0;color:var(--text-muted);font-size:.8rem;font-weight:600;text-decoration:underline;text-underline-offset:.18rem;cursor:pointer}.play-chat-group h3{margin:.15rem 0 .35rem;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.play-chat-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.28rem}.play-chat-group button{display:block;width:100%;text-align:left;background:color-mix(in srgb,var(--text) 7%,transparent);border:0;border-radius:8px;padding:.42rem .5rem;color:inherit;font:inherit;font-size:.84rem;line-height:1.3;cursor:pointer}.play-chat-group button:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 18%,transparent)}.play-chat-group button:disabled{opacity:.55;cursor:default}.play-chat-form{display:flex;gap:.4rem;margin-top:.15rem;align-items:flex-end;flex-shrink:0}.play-chat-form input,.play-chat-form textarea{flex:1;min-width:0;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:8px;padding:.45rem .55rem;font:inherit;font-size:.84rem;line-height:1.35;background:color-mix(in srgb,var(--text) 6%,transparent);color:inherit;resize:none}.play-chat-form button{border:0;border-radius:8px;padding:.4rem .7rem;background:var(--accent, #1a5c3a);color:#fff;font-weight:700;cursor:pointer}.play-chat-form button:disabled{opacity:.4;cursor:default}.play-turn.is-abandon-self{color:#a32020;font-weight:700}.play-ply-stepper{flex-shrink:0;width:100%;box-sizing:border-box}.play-move-list{height:2.35rem;overflow-x:auto;overflow-y:hidden;display:flex;flex-wrap:nowrap;align-items:center;gap:.1rem .45rem;padding:0 .45rem;border-radius:8px;background:var(--surface);scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text-muted) 65%,transparent) transparent}.play-move-list.is-sheet{flex:1;min-height:0;height:auto;overflow:auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;padding:0;background:transparent;border-radius:0}.play-score-row{display:grid;grid-template-columns:1.8rem 1fr 1fr;align-items:center;padding:.18rem .2rem;border-radius:6px}.play-score-row:nth-child(2n){background:#ffffff0a}.play-score-row.is-active,.play-score-row.is-active:nth-child(2n){background:#e945601a}.play-score-row .play-move-num{text-align:right;color:#6d7c90;font-size:.72rem;font-weight:500;font-variant-numeric:tabular-nums;padding-right:.35rem}.play-score-row .play-move-san{text-align:center;font-size:.84rem;font-weight:500;color:#8b98a8;padding:0;background:transparent}.play-score-row .play-move-san.is-active{background:transparent;color:#c5ced8;font-weight:650}.play-move-list::-webkit-scrollbar{height:6px}.play-move-list::-webkit-scrollbar-track{background:transparent}.play-move-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 65%,transparent);border-radius:4px}.play-move-pair{display:inline-flex;flex-shrink:0;align-items:baseline;gap:.2rem}.play-move-num{color:var(--text-muted);font-size:.75rem;font-weight:700}.play-move-san{border:none;background:transparent;color:var(--text);font:inherit;font-size:.85rem;font-weight:700;padding:.05rem .2rem;border-radius:4px;cursor:pointer}.play-move-san.is-active{background:var(--accent);color:#fff}.play-stage{display:flex;flex-direction:column;align-items:stretch;gap:.4rem;width:var(--play-board);max-width:100%;align-self:center}.play-board-wrap{width:100%;flex:none;aspect-ratio:1}.play-page.is-live{height:100dvh;max-height:100dvh;max-width:none;min-height:0;overflow:hidden}html.play-live{height:100dvh;max-height:100dvh;overflow:hidden}html.play-live body,html.play-live #root{height:100dvh;max-height:100dvh;min-height:0;overflow:hidden}.play-page.is-live .play-bar,.play-page.is-live .play-turn,.play-page.is-live .play-banner,.play-page.is-live .play-err{flex-shrink:0}.play-page.is-live .play-stage{--play-square: min(100%, 70dvh);flex:1 1 0;min-height:0;width:100%;max-width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 17rem minmax(0,1fr);align-items:stretch;justify-content:center;column-gap:.4rem;row-gap:.4rem;overflow:hidden}.play-page.is-live .play-board-col{grid-column:2;justify-self:end;flex:0 0 auto;width:var(--play-square);max-width:100%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem}.play-chat-col{flex:0 0 19rem;width:19rem;min-height:0;align-self:stretch;display:flex;flex-direction:column;background:var(--surface);border-radius:10px;padding:.45rem .55rem .55rem}.play-page.is-live .play-chat-col{grid-column:4;justify-self:start;align-self:stretch;width:min(19rem,100%);max-width:19rem;min-width:0;flex:none;overflow:hidden}.play-page.is-live .play-rail{grid-column:3;flex:0 0 17rem;width:17rem;min-height:0;align-self:stretch;display:flex;flex-direction:column;gap:.4rem;background:var(--surface);border-radius:10px;padding:.45rem .55rem .55rem}.play-page.is-live .play-turn,.play-page.is-live .play-ply-stepper{flex-shrink:0;width:100%;box-sizing:border-box}.play-page.is-live .play-clock,.play-page.is-live .play-actions{flex-shrink:0;box-sizing:border-box;width:var(--play-square);max-width:100%}.play-page.is-live .play-actions{width:calc(var(--play-square) * .88);display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.35rem}.play-page.is-live .play-actions .play-btn{width:100%;padding:.38rem .35rem;font-size:.85rem}.play-page.is-live .play-board-and-eval{width:min(100%,var(--play-square));height:min(100%,var(--play-square))}.play-page.is-live .play-board-and-eval.is-eval{height:calc(min(100%,var(--play-square)) - 24px - .4rem)}.play-page.is-live .play-board-wrap{flex:none;width:var(--play-square);height:var(--play-square);max-width:100%;position:relative}.play-page.is-live .play-board-and-eval.is-eval .play-board-wrap{width:calc(100% - 24px - .4rem);height:100%;max-width:none}.play-page.is-live .play-board-fit{position:absolute;top:0;right:0;bottom:0;left:0}.play-clock{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.45rem .7rem;background:var(--surface);border-radius:10px;border:1px solid transparent;font-variant-numeric:tabular-nums}.play-clock-meta,.play-clock-time{position:relative;z-index:1;flex:0 0 auto;background:var(--surface)}.play-clock-time{font-size:1.35rem;letter-spacing:.04em}.play-clock.is-active{border-color:var(--accent);box-shadow:0 0 0 1px #e9456059}.play-clock.is-low .play-clock-time{color:var(--accent)}.play-clock-meta{display:flex;flex-direction:column;gap:.1rem}.play-clock-meta span{display:block;max-width:12rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;color:var(--text-muted)}.play-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.play-btn{padding:.55rem 1rem;border-radius:8px;border:1px solid var(--primary);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer}.play-btn:disabled{opacity:.45;cursor:not-allowed}.play-btn-primary{border:none;background:var(--accent);color:#fff}.play-btn-danger{border-color:#e945608c;color:var(--accent)}.play-lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:1.25rem;align-items:start}@media(max-width:800px){.play-lobby{grid-template-columns:1fr}}.play-lobby-panel{display:flex;flex-direction:column;gap:.85rem;padding:1rem;background:var(--surface);border-radius:12px;border:1px solid var(--primary)}.play-muted{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.45}.play-record-reset{border:none;background:none;padding:0;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline}.play-presets{display:flex;flex-wrap:wrap;gap:.35rem}.play-chip{padding:.35rem .65rem;border-radius:999px;border:1px solid var(--primary);background:var(--bg);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer}.play-chip.is-on{border-color:var(--accent);background:#e945602e}.play-custom{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.play-custom label{display:flex;flex-direction:column;gap:.2rem;font-size:.75rem;color:var(--text-muted)}.play-custom input{width:4.5rem;padding:.4rem .5rem;border-radius:8px;border:1px solid var(--primary);background:var(--bg);color:var(--text)}.play-lobby-board{display:flex;flex-direction:column;gap:.65rem}.play-lobby-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:var(--play-board);max-width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden}.play-lobby-sq{border:none;padding:0;cursor:pointer;display:grid;place-items:center;min-width:0;min-height:0}.play-lobby-sq img{width:78%;height:78%;object-fit:contain}.play-lobby-sq.is-selected{outline:2px solid #1a5c3a;outline-offset:-2px;z-index:1}.play-tray{display:flex;flex-direction:column;gap:.35rem}.play-tray-row{display:flex;flex-wrap:wrap;gap:.3rem}.play-tray button{position:relative;width:2.4rem;height:2.4rem;padding:.15rem;border-radius:8px;border:1px solid var(--primary);background:var(--surface);cursor:pointer}.play-tray button:disabled{opacity:.35;cursor:default}.play-tray button.is-on{border-color:var(--accent);outline:2px solid var(--accent)}.play-tray img{width:100%;height:100%}.play-tray-count{position:absolute;right:1px;bottom:0;font-size:.65rem;font-weight:700;line-height:1;color:var(--text);text-shadow:0 0 2px var(--surface)}.play-captures{position:absolute;top:0;right:0;bottom:0;left:0;min-height:1.7rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;pointer-events:none;overflow:hidden}.play-captures-side,.play-captures-m{display:flex;align-items:center;min-width:0}.play-captures-l{justify-content:flex-end}.play-captures-r{justify-content:flex-start}.play-captures img{flex:0 0 auto;width:1.55rem;height:1.55rem;max-width:1.55rem;aspect-ratio:1;object-fit:contain}.play-material{flex:0 0 auto;margin-left:.2rem;font-size:.85rem;font-weight:700;line-height:1;color:#3dd68c}@media(max-width:860px){.play-page.is-live .play-stage{display:flex;flex-direction:column;overflow:auto}.play-page.is-live .play-board-col{grid-column:auto;justify-self:stretch;height:70dvh;width:100%;max-width:100%;flex:none}.play-page.is-live .play-rail,.play-page.is-live .play-chat-col{grid-column:auto;justify-self:stretch;width:100%;max-width:none;flex:none;max-height:22rem}}.gm-insight{padding:.85rem 1rem;border-radius:10px;background:color-mix(in srgb,#f57f17 16%,var(--surface));border:1px solid color-mix(in srgb,#f57f17 55%,transparent)}.gm-insight-title{margin:0 0 .35rem;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#ffb74d}.gm-insight-body{margin:0;font-size:.92rem;line-height:1.45;color:var(--text);font-weight:500}.opening-header{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .65rem;font-size:.88rem;line-height:1.35}.opening-eco{font-weight:800;letter-spacing:.04em;color:var(--accent)}.opening-name{color:var(--text-muted)}.turn-disc{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .65rem;border-radius:8px;border:1px solid var(--border, rgba(234, 234, 234, .18));background:var(--surface);-webkit-user-select:none;user-select:none}.turn-disc-mark{width:14px;height:14px;border-radius:2px;border:1.5px solid #424242;flex:none}.turn-disc-mark.is-white{background:#fff}.turn-disc-mark.is-black{background:#212121;border-color:#9e9e9e}.turn-disc-label{font-size:.9rem;font-weight:600;color:var(--text)}:root{--bg: #1a1a2e;--surface: #16213e;--primary: #0f3460;--accent: #e94560;--text: #eaeaea;--text-muted: #a0a0a0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}