:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font-family:inherit}#root{min-height:100svh}:root{--bg:#0a0d2e;--area:#0a0d2e;--panel:#3f5fd4;--tri-a:#6f92f5;--tri-b:#3856c4;--bar:#0a0d2e;--navy:#3a34cf;--cream:#edf0fc;--accent:#3f5fd4;--text:#dfe4ff;--muted:#8b96c8;--card-bg:#0e1436;--btn-bg:#1a2350;--btn-border:#2b3a7a;--border:#24306a;--input-bg:#141c44;--header-h:56px;--board-h:max(340px, min(calc(100vh - 96px - var(--header-h)), calc((100vw - 640px) / 1.4)));--checker:calc(var(--board-h) / 11);--col:calc(var(--checker) * 1.12);--bar-w:calc(var(--checker) * .85);--bearoff-w:calc(var(--checker) * 1);--tri-h:calc(var(--board-h) * .44)}:root[data-theme=light]{--bg:#e9edf6;--area:#fff;--text:#1a2340;--muted:#5a6690;--card-bg:#fff;--btn-bg:#eef1fb;--btn-border:#c4cceb;--border:#d6dcef;--input-bg:#f4f6fc}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Outfit,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.app{gap:12px;height:100vh;padding:8px 10px;display:flex;overflow:hidden}.side-menu{flex-direction:column;flex:none;gap:14px;width:160px;display:flex;overflow-y:auto}.side-menu .brand{flex-direction:column;gap:5px;padding:4px 2px 8px;display:flex}.brand-link{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;transition:opacity .15s}.brand-link:hover{opacity:.8}.brand-badge{background:var(--accent);color:#fff;letter-spacing:2px;border-radius:8px;align-self:flex-start;padding:5px 12px;font-size:1.15rem;font-weight:800}.brand-full{color:var(--muted);font-size:.82rem;font-weight:600;line-height:1.2}.board-swatches{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:6px;padding:0}.swatch:hover{border-color:var(--muted)}.swatch.active{box-shadow:0 0 0 2px var(--accent);border-color:#fff}.menu-group{flex-direction:column;gap:5px;display:flex}.menu-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.72rem}.menu-btn{text-align:left;background:var(--btn-bg);width:100%;color:var(--text);border:1px solid var(--btn-border);cursor:pointer;border-radius:8px;padding:9px 12px;font-size:.9rem}.menu-btn:hover{border-color:var(--accent)}.menu-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.menu-targets{gap:5px;display:flex}.menu-targets .menu-btn{text-align:center;padding:8px 0}.main{min-width:0;padding-top:var(--header-h);flex-direction:column;flex:1;justify-content:flex-start;align-items:center;gap:6px;display:flex;overflow:hidden auto}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.brand{letter-spacing:1px;font-size:1.3rem;font-weight:700}.topbar-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{color:var(--text);cursor:pointer;background:#1a2350;border:1px solid #2b3a7a;border-radius:20px;padding:6px 14px;font-size:.85rem}.chip:hover{background:#24316b}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.sep{background:#2b3a7a;width:1px;height:20px;margin:0 4px}.game-area{background:var(--area);border-radius:12px;justify-content:center;align-items:center;gap:12px;max-width:100%;padding:10px;display:flex}.sidebar{flex-direction:column;flex:none;justify-content:space-between;align-items:center;width:150px;display:flex}.player-card{text-align:center;width:100%;padding:6px 0}.avatar{background:#12183a;border:3px solid #333;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 6px;font-size:34px;display:flex;overflow:hidden}.avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar.black{border-color:#8b6cff;box-shadow:0 0 14px #8b6cff99}.avatar.white{border-color:#4d9fff;box-shadow:0 0 14px #4d9fff99}.avatar.active{animation:1.4s ease-in-out infinite ring-pulse}@keyframes ring-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.player-name{font-size:1rem;font-weight:700}.player-sub{color:var(--muted);margin-bottom:6px;font-size:.78rem}.score-badge{color:#ffd54a;margin-bottom:6px;font-size:.95rem;font-weight:700}.crawford{color:#ffd54a;font-weight:700}.off-box{background:var(--cream);color:#0a1030;border-radius:8px;justify-content:center;align-items:center;width:52px;height:42px;margin:0 auto;font-size:1.5rem;font-weight:800;display:flex}.dice-area{flex-direction:column;align-items:center;gap:4px;margin:12px 0;display:flex}.dice-clock{border-radius:8px;gap:8px;padding:4px;display:flex}.dice-clock.swappable{cursor:pointer}.dice-clock.swappable:hover{background:#ffffff12}.clock-die.active{outline:3px solid var(--accent);box-shadow:0 0 10px var(--accent)}.swap-hint{color:var(--muted);font-size:.7rem}.clock-die{background:var(--cream);color:#0a1030;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;font-weight:800;display:flex;box-shadow:0 2px 6px #0006}.clock-idle{color:var(--muted);font-size:1.4rem}.board{grid-template-columns:auto var(--bearoff-w);flex:none;grid-template-rows:24px 1fr 24px;gap:3px;display:grid}.pt-numbers{color:#cdd6ff;grid-column:1;align-items:center;font-size:.9rem;font-weight:600;display:flex}.pt-numbers.top{grid-row:1}.pt-numbers.bottom{grid-row:3}.pt-numbers span{text-align:center;flex:1}.pt-numbers .num-gap{width:var(--bar-w);flex:none}.board-inner{width:calc(var(--col) * 12 + var(--bar-w));height:var(--board-h);background:var(--bar);-webkit-user-select:none;user-select:none;border-radius:6px;grid-area:2/1;display:flex;position:relative;overflow:hidden}.half{background:var(--panel);flex-direction:column;flex:1;display:flex}.quadrant{flex:1;display:flex}.quadrant.top{align-items:flex-start}.quadrant.bottom{align-items:flex-end}.point{flex-direction:column;flex:1;align-items:center;height:100%;display:flex;position:relative}.point.bottom{flex-direction:column-reverse}.point:before{content:"";border-left:calc(var(--col) / 2) solid transparent;border-right:calc(var(--col) / 2) solid transparent;z-index:0;width:0;height:0;position:absolute;left:50%;transform:translate(-50%)}.point.top:before{border-top:var(--tri-h) solid var(--tri-a);top:0}.point.bottom:before{border-bottom:var(--tri-h) solid var(--tri-a);bottom:0}.point.shade-b.top:before{border-top-color:var(--tri-b)}.point.shade-b.bottom:before{border-bottom-color:var(--tri-b)}.checkers{z-index:1;flex-direction:column;align-items:center;gap:0;padding-top:2px;display:flex;position:relative}.point.bottom .checkers{flex-direction:column-reverse;padding:0 0 2px}.checker{width:var(--checker);height:var(--checker);border-radius:50%;animation:.22s ease-out checker-place;position:relative}.checker:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:20%}.checker.white:after{border:2px solid #96876466;box-shadow:inset 0 0 0 2px #ffffff59}.checker.black:after{border:2px solid #ffffff24;box-shadow:inset 0 0 0 2px #0000004d}.checker.draggable{cursor:grab}.checker.draggable:active{cursor:grabbing}.checker.white{background:radial-gradient(circle at 34% 28%, #fffdf7 0%, var(--cream) 55%, #cdbf9f 100%);border:1px solid #c3ccec;box-shadow:inset 0 2px 3px #ffffffbf,inset 0 -3px 5px #786e5559,0 2px 4px #00000059}.checker.black{background:radial-gradient(circle at 34% 28%, color-mix(in srgb, var(--navy) 60%, #fff) 0%, var(--navy) 55%, color-mix(in srgb, var(--navy) 70%, #000) 100%);border:1px solid #0000;box-shadow:inset 0 2px 3px #ffffff47,inset 0 -3px 5px #0006,0 2px 4px #0006}@keyframes checker-place{0%{opacity:.4;transform:translateY(-18%)scale(.86)}60%{transform:translateY(0)scale(1.04)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.checker,.die-face{animation:none}}[data-board=walnut] .half{background:repeating-linear-gradient(88deg, #0000000e 0 1px, transparent 1px 6px), linear-gradient(180deg, color-mix(in srgb, var(--panel) 88%, #000) 0%, var(--panel) 45%, color-mix(in srgb, var(--panel) 82%, #000) 100%)}[data-board=walnut] .board-inner{background:repeating-linear-gradient(90deg,#00000024 0 1px,#0000 1px 5px),linear-gradient(#4a3018 0%,#34210f 50%,#22150a 100%);border:2px solid #26160a;box-shadow:inset 0 0 34px #0000008c,inset 0 2px #ffdcaa14}[data-board=walnut] .point:before{filter:brightness(1.02)}[data-board=walnut] .board-inner:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(120deg,#ffffff0f 0%,#0000 30% 70%,#ffffff0a 100%);position:absolute;inset:0}.overflow{color:#fff;z-index:2;text-shadow:0 0 4px #000;font-size:1.2rem;font-weight:800;position:absolute;top:40%}.point.selectable,.point.target{cursor:pointer}.point.target:after{content:"";height:calc(var(--checker) * .11);z-index:4;background:#35d07a;border-radius:3px;min-height:4px;position:absolute;left:12%;right:12%;box-shadow:0 0 8px #35d07ab3}.point.top.target:after{top:3px}.point.bottom.target:after{bottom:3px}.point.selected .checkers{filter:brightness(1.15)}.bar{width:var(--bar-w);background:var(--bar);z-index:2;flex-direction:column;flex:none;justify-content:space-between;align-items:center;padding:10px 0;display:flex;position:relative}.bar.selectable{cursor:pointer;box-shadow:inset 0 0 0 2px #ffd54a}.bar.selected{box-shadow:inset 0 0 0 2px #fff}.pip{color:#fff;font-size:1.15rem;font-weight:800}.cube{color:#fff;width:calc(var(--bar-w) * .95);height:calc(var(--bar-w) * .95);z-index:3;background:#3d5edb;border-radius:7px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex;position:absolute;left:50%;transform:translate(-50%)}.cube.owner-center{top:50%;transform:translate(-50%,-50%)}.cube.owner-black{top:calc(var(--checker) * .9)}.cube.owner-white{bottom:calc(var(--checker) * .9)}.board-dice{gap:calc(var(--checker) * .28);display:flex}.board-dice.swappable{cursor:pointer}.die-face{width:calc(var(--checker) * .92);height:calc(var(--checker) * .92);border-radius:18%;animation:.45s cubic-bezier(.2,.8,.3,1) die-roll;position:relative;box-shadow:0 4px 10px #00000073}@keyframes die-roll{0%{opacity:0;transform:rotate(-220deg)scale(.5)}55%{opacity:1;transform:rotate(12deg)scale(1.12)}to{opacity:1;transform:rotate(0)scale(1)}}.die-face.white{background:#eef1fc}.die-face.black{background:var(--navy)}.pip-dot{border-radius:50%;width:17%;height:17%;position:absolute;transform:translate(-50%,-50%)}.die-face.white .pip-dot{background:#3d5edb}.die-face.black .pip-dot{background:#eef1fc}.die-face.used{opacity:.35}.bar-checkers{flex-direction:column;gap:1px;display:flex}.bar-checkers .checker{width:calc(var(--bar-w) * .82);height:calc(var(--bar-w) * .82);border-width:1px}.bearoff{background:#0c1233;border-radius:6px;flex-direction:column;grid-area:1/2/4;gap:4px;padding:4px;display:flex}.bearoff-slot{background:#070b22;border-radius:4px;flex-direction:column;flex:1;gap:2px;padding:4px 3px;display:flex;overflow:hidden}.bearoff-slot.top{justify-content:flex-start}.bearoff-slot.bottom{justify-content:flex-end}.off-checker{width:100%;height:calc(var(--checker) * .26);border-radius:3px;flex:none;min-height:6px}.off-checker.white{background:var(--cream)}.off-checker.black{background:var(--navy)}.bearoff.target{cursor:pointer;box-shadow:inset 0 0 0 3px #35d07a}.center-overlay{z-index:6;position:absolute;top:50%}.center-overlay.left{left:26%;transform:translate(-50%,-50%)}.center-overlay.right{left:74%;transform:translate(-50%,-50%)}.center-overlay.main{left:50%;transform:translate(-50%,-50%)}.result-box{text-align:center;background:#080c28f2;border:1px solid #33448c;border-radius:12px;padding:16px 22px;box-shadow:0 8px 30px #0009}.result-title{margin-bottom:4px;font-size:1.1rem;font-weight:700}.result-points{color:#ffd54a;margin-bottom:12px;font-size:1.3rem;font-weight:800}.result-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.result-pr{color:var(--text);margin-bottom:12px;font-size:.95rem}.result-pr b{color:#7ee0a0}.pr-chip{background:var(--accent);color:#fff;border-radius:999px;margin-left:10px;padding:2px 10px;font-size:.82rem;font-weight:800}.cube-actions{gap:10px;margin-top:10px;display:flex}.opening-dice{justify-content:center;gap:28px;margin:12px 0 8px;display:flex}.opening-side{opacity:.5;flex-direction:column;align-items:center;gap:6px;font-size:.85rem;display:flex}.opening-side.win{opacity:1;color:#ffd54a;font-weight:700}.result-box .err-detail{color:#c3cbf0;margin-top:4px;font-size:.85rem}.result-box.no-moves .result-title{color:#ffd54a;font-size:1.4rem}.nm-dice{justify-content:center;margin-bottom:10px}.cube.owner-black{border:2px solid #8b6cff}.cube.owner-white{border:2px solid #4d9fff}.galaxy-btn{color:#fff;cursor:pointer;background:#3d5edb;border:none;border-radius:8px;padding:12px 26px;font-size:1.15rem;font-weight:700;box-shadow:0 3px 8px #00000059}.galaxy-btn:hover:not(:disabled){filter:brightness(1.1)}.galaxy-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.center-msg{color:var(--text);background:#0a1030d9;border-radius:8px;padding:10px 18px;font-weight:600}.center-msg.win{font-size:1.6rem}.status{text-align:center;min-height:24px;color:var(--muted);margin-top:12px}.status .win{color:#ffd54a;font-size:1.3rem}.analysis{background:var(--card-bg);border:1px solid var(--border);text-align:left;border-radius:10px;flex-shrink:0;align-self:stretch;width:260px;max-height:100%;padding:14px 18px;overflow-y:auto}@media (width<=980px){.analysis{align-self:auto;width:100%}}.analysis h3{margin:0 0 10px;font-size:1rem}.analysis-loading{color:var(--muted);font-style:italic}.pos-eval{margin-bottom:12px}.mini-board{border:1px solid var(--border);border-radius:8px;margin:4px 0 12px;display:block}.move-row{cursor:pointer;border-radius:6px}.move-row.sel{outline-offset:-2px;outline:2px solid #ffd54a}.prob-row{justify-content:space-between;font-size:1.1rem;display:flex}.prob-row b{color:#5b8cff}.prob-sub{color:var(--muted);font-size:.85rem}.move-list-head{color:var(--muted);border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:4px;font-size:.85rem}.move-row{font-variant-numeric:tabular-nums;border-radius:4px;grid-template-columns:24px 1fr 64px 64px;gap:6px;padding:3px 4px;font-size:.9rem;display:grid}.move-row.best{background:#4d6bff2e}.move-row .rank{color:var(--muted)}.move-row .notation{font-family:ui-monospace,Consolas,monospace}.move-row .eq{text-align:right}.move-row .diff{text-align:right;color:#e57373}.move-row.best .eq{color:#5b8cff;font-weight:700}.move-error{border-radius:6px;margin-bottom:12px;padding:8px 10px;font-size:.95rem}.move-error .err-detail{color:#c3cbf0;margin-top:3px;font-size:.82rem}.move-error code{background:#ffffff14;border-radius:3px;padding:1px 5px;font-family:ui-monospace,Consolas,monospace}.move-error.good{background:#4caf5026;border:1px solid #4caf50}.move-error.ok{background:#ffd54a1f;border:1px solid #ffd54a}.move-error.bad{background:#ff980026;border:1px solid #ff9800}.move-error.blunder{background:#f4433626;border:1px solid #f44336}.menu-profile{color:var(--text);padding:2px;font-weight:700}.register-overlay{background:var(--bg);z-index:100;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.register-overlay.modal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0406169e}.register-card{position:relative}.modal-close{background:var(--bg);width:30px;height:30px;color:var(--text);cursor:pointer;border:none;border-radius:50%;font-size:.9rem;line-height:1;position:absolute;top:10px;right:12px}.modal-close:hover{background:var(--border)}.register-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;width:100%;max-width:380px;padding:22px 24px;display:flex}.register-card h2{margin:0}.register-sub{color:var(--muted);margin:0 0 8px;font-size:.9rem}.register-card label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.register-card input,.register-card select{border:1px solid var(--btn-border);background:var(--input-bg);color:var(--text);border-radius:8px;padding:9px 10px;font-size:.95rem}.register-error{color:#ff6b6b;font-size:.85rem}.field-error{color:#ff6b6b;margin-top:2px;font-size:.78rem}.register-card input.invalid{background:#ff6b6b14;border-color:#ff6b6b}.register-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.auth-tabs{gap:8px;margin-bottom:4px;display:flex}.auth-tabs .menu-btn{text-align:center}.guest-link{color:var(--muted);cursor:pointer;background:0 0;border:none;align-self:center;margin-top:6px;font-size:.85rem;text-decoration:underline}.mp-or{text-align:center;color:var(--muted);margin:4px 0;font-size:.85rem}.mm-quick{font-size:1.05rem}.mm-quick-note{text-align:center;color:var(--muted);margin:6px 0 2px;font-size:.78rem}.mm-searching{text-align:center}.mm-spinner{border:4px solid color-mix(in srgb, var(--text) 15%, transparent);border-top-color:#5b8def;border-radius:50%;width:46px;height:46px;margin:6px auto 14px;animation:.9s linear infinite mm-spin}@keyframes mm-spin{to{transform:rotate(360deg)}}.room-code{letter-spacing:6px;text-align:center;background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--accent);border-radius:10px;padding:14px;font-size:2.4rem;font-weight:800}.room-tag{color:var(--muted)}@media (width<=720px){.game-area{flex-direction:column}.sidebar{flex-direction:row;justify-content:space-around;width:100%}}.rotate-hint{z-index:200;background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.rotate-icon{font-size:4rem;animation:1.8s ease-in-out infinite rotate-wiggle}.rotate-text{color:var(--text);max-width:320px;font-size:1.15rem;font-weight:700;line-height:1.4}@keyframes rotate-wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.hamburger{z-index:110;border:1px solid var(--border);background:var(--card-bg);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:10px;font-size:1.3rem;display:none;position:fixed;top:8px;left:8px;box-shadow:0 3px 12px #0000004d}.menu-backdrop{z-index:99;background:#00000080;position:fixed;inset:0}@media (width<=900px){.app{gap:6px;padding:4px 5px}.hamburger{justify-content:center;align-items:center;display:flex}.side-menu{z-index:100;background:var(--card-bg);width:210px;max-width:82vw;height:100%;padding:54px 12px 12px;transition:transform .25s;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-102%);box-shadow:6px 0 24px #0006}.side-menu.open{transform:translate(0)}.account-bar{gap:5px;padding:4px 7px;top:6px;right:8px}.account-name{text-overflow:ellipsis;max-width:84px;font-size:.78rem;overflow:hidden}.account-btn{padding:5px 8px;font-size:.74rem}.lobby-main,.main{padding-top:52px}}@media (height<=560px) and (orientation:landscape){:root{--header-h:40px;--board-h:max(220px, min(calc(100vh - 54px), calc((100vw - 180px) / 1.4)))}}.clock-stack{font-variant-numeric:tabular-nums;flex-direction:column;align-self:center;gap:4px;display:flex}.clock-reserve{background:var(--accent);color:#fff;text-align:center;opacity:.55;border-radius:8px;min-width:62px;padding:8px 10px;font-size:1.15rem;font-weight:800;transition:opacity .15s}.clock-reserve.active{opacity:1;box-shadow:0 0 0 2px #fff3}.clock-reserve.low{background:#e0455e}.clock-delay{color:#fff;text-align:center;border:1px solid var(--border);background:#0a0d2e;border-radius:8px;min-width:62px;padding:6px 10px;font-size:1.25rem;font-weight:800}.checker-count{color:#fff;text-shadow:0 1px 3px #000000b3;justify-content:center;align-items:center;width:100%;height:100%;font-size:.9rem;font-weight:800;display:flex}.checker.white .checker-count{color:#1a2340;text-shadow:0 1px 2px #ffffff80}.account-avatar{object-fit:cover;vertical-align:middle;border-radius:50%;width:22px;height:22px;margin-right:4px}.account-rating{background:var(--accent);color:#fff;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:.78rem;font-weight:800}.player-rating{color:var(--accent);margin-top:2px;font-size:.8rem;font-weight:700}.account-bar{background:var(--card-bg);border:1px solid var(--border);z-index:60;border-radius:18px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100vw - 28px);padding:6px 10px;display:flex;position:fixed;top:10px;right:14px;box-shadow:0 4px 16px #00000040}.account-name{color:var(--text);white-space:nowrap;padding:0 4px;font-size:.9rem;font-weight:700}.account-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.82rem}.account-btn:hover{border-color:var(--accent)}.account-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.account-btn.icon{padding:6px 10px;font-size:.82rem}.account-btn.leave{color:#ff9db0;border-color:#e0455e99;font-weight:700}.hint-fab{z-index:55;color:#201a05;cursor:pointer;background:linear-gradient(135deg,#f0b429,#f59e0b);border:none;border-radius:999px;padding:12px 18px;font-size:.95rem;font-weight:800;position:fixed;bottom:16px;left:16px;box-shadow:0 4px 16px #00000059}.hint-fab:hover{filter:brightness(1.06)}.hint-box{z-index:55;background:var(--card-bg);border:1px solid color-mix(in srgb, #f0b429 55%, var(--border));border-radius:14px;width:min(320px,100vw - 32px);padding:12px 14px;position:fixed;bottom:16px;left:16px;box-shadow:0 6px 22px #0006}.hint-box.learn{border-color:color-mix(in srgb, #7b5bef 60%, var(--border))}.hint-head{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.85rem;font-weight:800;display:flex}.hint-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.9rem}.hint-move{color:#f0b429;font-variant-numeric:tabular-nums;margin-bottom:6px;font-size:1.4rem;font-weight:800}.hint-reasons{margin:0;padding-left:18px}.hint-reasons li{margin:4px 0;font-size:.86rem;line-height:1.4}.setup-note{color:var(--muted);margin:4px 0 0;font-size:.76rem;line-height:1.3}.account-btn.leave:hover{background:#e0455e33}.resign-home{color:#9db8ff!important;border-color:#5b8def8c!important}.resign-auto{background:#e0455e1f;border:1px solid #e0455e59;border-radius:10px;margin:8px 0 12px;padding:10px 12px;font-size:.95rem}.resign-auto b{color:#ff9db0}.lang-select{appearance:none;cursor:pointer}.lang-select option{background:var(--card-bg);color:var(--text)}.account-sep{background:var(--border);align-self:stretch;width:1px;margin:2px}@media (width<=720px){.account-bar{padding:4px 8px;top:6px;right:8px}.account-name{display:none}}.avatar-picker{align-items:center;gap:14px;margin-bottom:6px;display:flex}.avatar-preview{background:var(--bg);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.6rem;display:flex;overflow:hidden}.avatar-preview img{object-fit:cover;width:100%;height:100%}.avatar-actions{flex-direction:column;gap:6px;display:flex}.avatar-btn{cursor:pointer;text-align:center}.forgot-link{color:var(--accent);cursor:pointer;text-align:right;background:0 0;border:none;margin-top:-2px;padding:0;font-size:.85rem}.forgot-box{flex-direction:column;gap:10px;display:flex}.danger-zone{border-top:1px solid var(--border);text-align:center;margin-top:12px;padding-top:12px}.danger-link{color:#e0455e;cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline}.danger-warn{color:#ff7a8a;margin-bottom:8px;font-size:.88rem}.danger-btn{color:#fff;cursor:pointer;background:#e0455e;border:none;border-radius:8px;padding:8px 14px;font-weight:700}.google-auth{flex-direction:column;align-items:center;gap:10px;margin:4px 0 2px;display:flex}.google-btn{justify-content:center;min-height:40px;display:flex}.auth-divider{width:100%;color:var(--muted);align-items:center;gap:10px;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.lobby-main{justify-content:center}.lobby-welcome{text-align:center;max-width:460px;padding:24px}.lobby-title{color:var(--text);margin:0 0 8px;font-size:2rem;font-weight:900}.lobby-tagline{color:var(--muted);margin:0 0 8px;font-size:1rem;line-height:1.4}.lobby-hello{color:var(--text);margin:0 0 20px}.lobby-start{padding:14px 28px;font-size:1.1rem}.menu-btn.lobby-new{background:var(--accent);border-color:var(--accent);color:#fff;padding:12px;font-size:1rem;font-weight:700}.home-screen{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.home-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:460px;padding:28px 26px;box-shadow:0 12px 40px #00000059}.home-brand{flex-direction:column;align-items:center;gap:6px;margin-bottom:10px;display:flex}.home-brand .brand-badge{color:var(--accent);letter-spacing:1px;font-size:1.6rem;font-weight:900}.home-brand .brand-full{color:var(--muted);margin:0;font-size:1rem;font-weight:700}.home-tagline{color:var(--muted);margin:6px 0 16px;font-size:.9rem;line-height:1.4}.home-hello{color:var(--text);margin-bottom:18px;font-size:.95rem}.home-actions{flex-direction:column;gap:12px;display:flex}.home-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:transform 80ms,border-color .15s;display:flex}.home-btn:hover{border-color:var(--accent);transform:translateY(-1px)}.home-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.home-btn-ico{font-size:1.8rem;line-height:1}.home-btn-text{flex-direction:column;display:flex}.home-btn-text b{font-size:1.05rem}.home-btn-text small{opacity:.8;font-size:.8rem}.home-footer{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.report-overlay{z-index:130}.report-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;width:100%;max-width:440px;max-height:82vh;padding:20px;position:relative;overflow-y:auto}.report-card h2{margin:0 0 12px}.rep-pr{margin-bottom:10px;font-size:1.2rem}.rep-pr b{color:#7ee0a0}.rep-line{background:var(--bg);border-radius:8px;justify-content:space-between;margin-bottom:6px;padding:8px 10px;display:flex}.rep-line.good b{color:#7ee0a0}.rep-line.ok b{color:#ffd54a}.rep-line.bad b{color:#ffa05a}.rep-line.blunder b{color:#ff7a8a}.rep-worst{color:var(--muted);margin-top:10px;font-size:.88rem}.rep-worst code{color:var(--text)}.rep-filter{gap:8px;margin:4px 0 10px;display:flex}.rep-filter .menu-btn{flex:1}.report-list{flex-direction:column;gap:4px;display:flex}.rep-row{background:var(--bg);border-left:3px solid #0000;border-radius:8px;grid-template-columns:28px 1fr auto auto;align-items:center;gap:8px;padding:7px 10px;font-size:.9rem;display:grid}.rep-row.good{border-left-color:#7ee0a0}.rep-row.ok{border-left-color:#ffd54a}.rep-row.bad{border-left-color:#ffa05a}.rep-row.blunder{background:#ff7a8a1a;border-left-color:#ff7a8a}.rep-no{color:var(--muted)}.rep-move{font-weight:700}.rep-best{color:#7ee0a0;font-size:.85rem}.rep-loss{color:#ff7a8a;font-size:.85rem;font-weight:700}.rep-tag{color:#7ee0a0;font-size:.82rem}.mr-overlay{z-index:120}.mr-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:560px;padding:22px 20px;box-shadow:0 12px 44px #00000080}.mr-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-bottom:18px;display:grid}.mr-player{text-align:center}.mr-role{color:var(--muted);margin-bottom:6px;font-size:.85rem;font-weight:800}.mr-role.win{color:#ffd54a}.mr-avatar{border:3px solid var(--border);background:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 6px;font-size:34px;display:flex;overflow:hidden}.mr-avatar.white{border-color:#4d9fff}.mr-avatar.black{border-color:#8b6cff}.mr-avatar img{object-fit:cover;width:100%;height:100%}.mr-name{font-size:.95rem;font-weight:700}.mr-name .dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;display:inline-block}.mr-name .dot.white{background:var(--cream)}.mr-name .dot.black{background:var(--navy)}.mr-center{text-align:center}.mr-title{margin-bottom:6px;font-size:1.1rem;font-weight:900}.mr-score{align-items:center;gap:8px;font-size:1.6rem;font-weight:900;display:flex}.mr-score span{background:var(--bg);border-radius:8px;padding:2px 12px}.mr-score em{color:var(--muted);font-style:normal}.mr-table{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.mr-row{background:var(--accent);color:#fff;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;padding:9px 12px;font-weight:700;display:grid}.mr-label{color:#fffc;white-space:nowrap;padding:0 10px;font-size:.9rem;font-weight:800}.mr-a{text-align:left}.mr-b{text-align:right}.mr-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mr-actions .galaxy-btn,.mr-actions .menu-btn{flex:1;min-width:120px}.resign-card{text-align:center;max-width:320px}.resign-card .galaxy-btn{width:100%;margin-bottom:8px}.resign-btn{color:#ff9db0}.setup-card{text-align:left}.setup-modes{gap:8px;display:flex}.mode-choice{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;font-size:.9rem;font-weight:600;display:flex}.mode-choice .mode-ico{font-size:1.6rem}.mode-choice.active{border-color:var(--accent);background:var(--accent);color:#fff}.analyzer{--board-h:max(300px, min(calc(100vh - var(--header-h) - 150px), calc((100vw - 720px) / 1.35)));--checker:calc(var(--board-h) / 11);--col:calc(var(--checker) * 1.12);--bar-w:calc(var(--checker) * .85);--bearoff-w:calc(var(--checker) * 1);--tri-h:calc(var(--board-h) * .44);min-height:100vh;padding:calc(var(--header-h) + 6px) 14px 14px;background:var(--bg);overflow-y:auto}.analyzer-board .board{width:fit-content;max-width:100%;margin:0}.analyzer-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.analyzer-head h2{margin:0}.analyzer-close{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:999px;flex:none;padding:8px 16px;font-size:.9rem;font-weight:700}.analyzer-close:hover{color:#ff9db0;border-color:#e0455e}.analyzer-body{flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:16px;display:flex}.analyzer-board{flex:0 auto;min-width:0}.analyzer-controls{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:300px;padding:14px}.analyzer-results{flex-direction:column;flex-shrink:0;gap:14px;width:320px;display:flex}.analyzer-results .pa-result{margin-top:0}.pa-placeholder{color:var(--muted);background:var(--card-bg);border:1px dashed var(--border);text-align:center;border-radius:12px;padding:18px 14px;font-size:.85rem;line-height:1.4}.pa-hint{color:var(--muted);margin-bottom:12px;font-size:.85rem;line-height:1.4}.pa-analyze{width:100%;margin-top:6px}.pa-dice select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:8px 6px;font-weight:700}.lobby-analyzer{margin-top:12px}.pa-score{gap:10px;margin-top:8px;display:flex}.pa-score label{align-items:center;gap:6px;font-size:1.1rem;display:flex}.pa-score input{border:1px solid var(--border);background:var(--bg);width:56px;color:var(--text);border-radius:8px;padding:6px 8px;font-weight:700}.pa-cube{border-top:1px solid var(--border);margin-top:10px;padding-top:10px}.pa-cube-head{margin-bottom:6px;font-weight:800}.pa-cube-row{justify-content:space-between;margin-bottom:3px;font-size:.92rem;display:flex}.pa-cube-row b.good{color:#7ee0a0}.pa-cube-row b.bad{color:#ff9db0}.pa-cube-row b.muted{color:var(--muted)}.pa-cube-note,.pa-depth-note{color:var(--muted);margin-top:6px;font-size:.78rem;line-height:1.3}.pa-result{background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-top:14px;padding:12px}.pa-win{margin-bottom:6px;font-size:1.1rem}.pa-win b{color:#7ee0a0}@media (width<=1100px){.analyzer-controls,.analyzer-results{width:100%}}.board-settings-card{text-align:center}.board-swatches.big{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px;display:grid}.leaderboard-card{width:min(560px,94vw);max-width:560px}.lb-empty{color:var(--muted);text-align:center;padding:28px 12px}.lb-table{margin-top:8px}.lb-head,.lb-row{grid-template-columns:40px 1fr 56px 72px 64px;align-items:center;gap:6px;padding:8px 10px;display:grid}.lb-head{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);font-size:.78rem}.lb-body{max-height:min(60vh,520px);overflow-y:auto}.lb-row{border-radius:10px}.lb-row:nth-child(2n){background:color-mix(in srgb, var(--text) 4%, transparent)}.lb-row.top .lb-rank{font-size:1.1rem}.lb-row.mine{background:#5b8def38;outline:1px solid #5b8def8c}.lb-rank{text-align:center;color:var(--muted);font-weight:700}.lb-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-weight:600;display:flex;overflow:hidden}.lb-avatar{object-fit:cover;border-radius:50%;flex:none;width:26px;height:26px}.lb-avatar-ph{color:#fff;background:linear-gradient(135deg,#5b8def,#7b5bef);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:inline-flex}.lb-games,.lb-wr{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums}.lb-rating{text-align:right;color:#7ee0a0;font-variant-numeric:tabular-nums;font-weight:800}.stats-card{width:min(440px,94vw)}.stats-head{align-items:center;gap:14px;margin:6px 0 16px;display:flex}.stats-avatar{object-fit:cover;border-radius:50%;flex:none;width:56px;height:56px;font-size:1.4rem}.stats-id{flex:1;min-width:0}.stats-name{font-size:1.1rem;font-weight:700}.stats-rank{color:var(--muted);font-size:.85rem}.stats-rating{color:#7ee0a0;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800}.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.stats-box{background:color-mix(in srgb, var(--text) 5%, transparent);border:1px solid var(--border);text-align:center;border-radius:12px;padding:12px 6px}.stats-val{font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:800}.stats-val.good{color:#7ee0a0}.stats-val.bad{color:#ff9db0}.stats-lbl{color:var(--muted);margin-top:2px;font-size:.74rem}.stats-bar{background:#ff9db059;border-radius:999px;height:10px;margin-top:14px;overflow:hidden}.stats-bar-win{background:linear-gradient(90deg,#4fb477,#7ee0a0);height:100%}.menu-install{color:#9db8ff;border-color:#5b8def8c}.menu-active-game{color:#ff9db0;border-color:#e0455e99;font-weight:800;animation:1.6s ease-in-out infinite pulse-red}@keyframes pulse-red{0%,to{box-shadow:0 0 #e0455e59}50%{box-shadow:0 0 0 4px #e0455e00}}.lobby-resume{margin-bottom:8px;background:linear-gradient(135deg,#e0455e,#b0293f)!important}.tourn-card{text-align:left;width:min(680px,95vw);max-height:88vh;overflow-y:auto}.tourn-back{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-bottom:4px;padding:0;font-size:.85rem}.tourn-meta{color:var(--muted);margin-bottom:10px;font-size:.85rem}.tourn-create{gap:8px;margin-bottom:12px;display:flex}.tourn-create input{flex:1}.tourn-list{flex-direction:column;gap:6px;display:flex}.tourn-litem{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.tourn-litem:hover{border-color:#5b8def}.tourn-lname{font-weight:700}.tourn-lmeta{color:var(--muted);font-size:.82rem}.tourn-champ{color:#ffd76a;margin:10px 0;font-size:1.1rem;font-weight:800}.tourn-create-row{gap:8px;margin-top:8px;display:flex}.tourn-prize-in{flex:1;align-items:center;gap:4px;display:flex}.tourn-prize-in input{width:100%}.tourn-adminonly{color:var(--muted);background:color-mix(in srgb, var(--text) 5%, transparent);border:1px dashed var(--border);border-radius:10px;margin:6px 0 12px;padding:10px 12px;font-size:.85rem}.tourn-prize{background:#ffd76a24;border:1px solid #ffd76a66;border-radius:10px;margin:8px 0;padding:8px 12px;font-size:.92rem}.tourn-prize b{color:#ffd76a}.tourn-prize-badge{color:#ffd76a;margin-left:8px;font-size:.82rem}.account-coins{color:#ffd76a;font-size:.85rem;font-weight:700}.account-coins-btn{border:1px solid color-mix(in srgb, #ffd76a 45%, var(--border));color:#ffd76a;cursor:pointer;background:#ffd76a1f;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;font-size:.85rem;font-weight:800;display:inline-flex}.account-coins-btn:hover{background:#ffd76a33}.account-coins-btn.ready{border-color:#ffd76a;animation:1.4s ease-in-out infinite coin-pulse}.coin-gift{font-size:.9rem}@keyframes coin-pulse{0%,to{box-shadow:0 0 #ffd76a80}50%{box-shadow:0 0 0 5px #ffd76a00}}.av-frame{vertical-align:middle;border-radius:50%;flex:none;padding:2px;display:inline-flex}.av-frame>*{display:block}.shop-card{text-align:left;width:min(560px,95vw);max-height:88vh;overflow-y:auto}.shop-top{justify-content:space-between;align-items:center;margin:2px 0 6px;display:flex}.shop-coins{color:#ffd76a;font-size:1.1rem;font-weight:800}.shop-daily{color:#ffd76a;cursor:pointer;background:#ffd76a24;border:1px solid #ffd76a80;border-radius:999px;padding:6px 12px;font-weight:700}.shop-daily-msg{color:#7ee0a0;margin-bottom:6px;font-size:.85rem}.shop-sec{margin:14px 0 6px;font-size:1rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.shop-item{text-align:center;background:color-mix(in srgb, var(--text) 4%, transparent);border:1px solid var(--border);border-radius:12px;padding:8px 6px}.shop-swatch{border-radius:8px;width:100%;height:44px}.shop-frame-prev{background:var(--border);border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto;display:flex}.shop-frame-hole{background:var(--card-bg);border-radius:50%;width:34px;height:34px}.shop-name{margin:5px 0;font-size:.8rem;font-weight:600}.shop-btn{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);cursor:pointer;border-radius:8px;padding:5px;font-size:.8rem;font-weight:700}.shop-btn.buy{color:#ffd76a;border-color:#ffd76a80}.shop-btn.active{color:#7ee0a0;border-color:#4fb477}.shop-btn:disabled{opacity:.6;cursor:default}.shop-note{color:var(--muted);margin-top:12px;font-size:.78rem}.stats-coins{color:#ffd76a;margin-top:2px;font-size:.9rem}.tourn-players h3,.tourn-round-title{color:var(--muted);margin:8px 0 6px;font-size:.85rem}.tourn-prow{border-bottom:1px solid var(--border);justify-content:space-between;padding:5px 2px;display:flex}.tourn-prow b{color:#7ee0a0}.tourn-wait{color:var(--muted);margin-top:8px;font-size:.82rem}.tourn-bracket{gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.tourn-round{flex-direction:column;gap:10px;min-width:150px;display:flex}.tourn-match{border:1px solid var(--border);border-radius:8px;overflow:hidden}.tourn-match.mine{border-color:#5b8def}.tm-p{border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:.85rem;overflow:hidden}.tm-p:last-child{border-bottom:none}.tm-p.win{color:#7ee0a0;font-weight:700}.tm-play{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b8def,#7b5bef);border:none;border-radius:6px;width:calc(100% - 8px);margin:4px;padding:6px;font-size:.78rem;font-weight:700}.tm-play:hover{filter:brightness(1.08)}.tm-actions{gap:4px;padding:4px;display:flex}.tm-actions button{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:6px;flex:1;padding:4px;font-size:.72rem}.tm-actions button:hover{border-color:#5b8def}.lessons-card{text-align:left;width:min(560px,94vw);max-height:86vh;overflow-y:auto}.lessons-list{flex-direction:column;gap:6px;margin-top:6px;display:flex}.lesson-item{border:1px solid var(--border);border-radius:10px;overflow:hidden}.lesson-q{background:var(--card-bg);width:100%;color:var(--text);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:.98rem;font-weight:700;display:flex}.lesson-item.open .lesson-q{background:#5b8def24}.lesson-caret{color:var(--muted);font-size:1.2rem}.lesson-a{padding:4px 14px 12px}.lesson-a p{color:var(--text);margin:8px 0;font-size:.92rem;line-height:1.5}.friends-card{text-align:left;width:min(460px,94vw)}.friends-add{gap:8px;margin:6px 0 4px;display:flex}.friends-add input{flex:1}.friends-msg{color:var(--muted);margin:4px 0;font-size:.82rem}.friends-section{margin-top:14px}.friends-section h3{color:var(--muted);margin:0 0 6px;font-size:.95rem}.friend-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:6px 4px;display:flex}.friend-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.friend-rating{color:#7ee0a0;font-variant-numeric:tabular-nums;font-weight:800}.friend-btn{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:8px;width:30px;height:30px;font-size:.9rem}.friend-btn.ok:hover{color:#7ee0a0;border-color:#4fb477}.friend-btn.play:hover{color:#9db8ff;border-color:#5b8def}.friend-dot{background:#6b7280;border-radius:50%;flex:none;width:9px;height:9px}.friend-dot.on{background:#4fce6a;box-shadow:0 0 6px #4fce6a}.invite-stack{z-index:80;flex-direction:column;gap:8px;width:min(380px,94vw);display:flex;position:fixed;top:70px;left:50%;transform:translate(-50%)}.invite-card{background:var(--card-bg);border:1px solid color-mix(in srgb, #5b8def 45%, var(--border));border-radius:12px;align-items:center;gap:8px;padding:10px 12px;display:flex;box-shadow:0 6px 22px #0006}.invite-text{flex:1;font-size:.88rem}.invite-acc,.invite-dec{cursor:pointer;border:none;border-radius:8px;padding:6px 10px;font-size:.8rem;font-weight:700}.invite-card.tourn-notice{border-color:color-mix(in srgb, #ffd76a 50%, var(--border))}.invite-acc{color:#fff;background:linear-gradient(135deg,#4fb477,#2f8a52)}.invite-dec{background:var(--border);color:var(--text)}.friend-btn.no:hover{color:#ff9db0;border-color:#e0455e}.fair-card{text-align:left;width:min(500px,94vw)}.fair-field{margin:8px 0}.fair-field label{color:var(--muted);margin-bottom:2px;font-size:.78rem;display:block}.fair-code{word-break:break-all;background:color-mix(in srgb, var(--text) 6%, transparent);border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-family:ui-monospace,monospace;font-size:.78rem;display:block}.fair-hidden{color:var(--muted);font-size:.85rem;font-style:italic}.fair-rolls{color:var(--muted);margin:6px 0 4px;font-size:.82rem}.fair-verify{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.fair-verify h3{margin:0 0 8px;font-size:1rem}.fair-verify label{color:var(--muted);margin-bottom:8px;font-size:.8rem;display:block}.fair-verify input{width:100%;margin-top:3px;font-family:ui-monospace,monospace;font-size:.8rem}.fair-result{margin-top:10px;font-size:.95rem}.fair-ok{color:#7ee0a0;font-weight:700}.fair-bad{color:#ff9db0;font-weight:700}.board-swatches.big .swatch{border-radius:10px;width:100%;height:48px}.level-slider{width:100%;accent-color:var(--accent);margin:6px 0 8px}.level-grid{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.level-chip{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;text-align:left;border-radius:8px;padding:6px 8px;font-size:.8rem}.level-chip.active{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.setup-row{margin:6px 0 14px}.setup-label{color:var(--muted);margin-bottom:8px;font-size:13px}.setup-toggle{border:1px solid var(--border);background:var(--card-bg);width:100%;color:var(--text);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 14px;font-size:14px;display:flex}.setup-toggle .setup-switch{color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700}.setup-toggle.on{border-color:var(--accent)}.setup-toggle.on .setup-switch{background:var(--accent);color:#fff;border-color:var(--accent)}.chat-panel{background:var(--card-bg);border:1px solid var(--border);z-index:50;border-radius:12px;flex-direction:column;width:260px;display:flex;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 28px #00000059}.chat-head{background:var(--accent);color:#fff;cursor:pointer;border:none;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.chat-toggle{opacity:.85}.chat-list{flex-direction:column;gap:6px;height:220px;padding:10px;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;margin:auto 0;font-size:13px}.chat-msg{word-break:break-word;border-radius:10px;max-width:85%;padding:6px 10px;font-size:13px;line-height:1.3}.chat-msg.mine{background:var(--accent);color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.chat-msg.theirs{background:var(--panel);color:#fff;border-bottom-left-radius:3px;align-self:flex-start}.chat-name{opacity:.8;margin-bottom:1px;font-size:11px;font-weight:700;display:block}.chat-input{border-top:1px solid var(--border);gap:6px;padding:8px;display:flex}.chat-input input{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:8px 10px;font-size:13px}.chat-input input:focus{border-color:var(--accent);outline:none}.chat-input button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600}.chat-input .emoji-toggle{background:0 0;padding:6px 8px;font-size:18px;line-height:1}.chat-emojis{border-top:1px solid var(--border);background:var(--bg);grid-template-columns:repeat(8,1fr);gap:2px;max-height:132px;padding:8px;display:grid;overflow-y:auto}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px;font-size:18px;line-height:1}.emoji-btn:hover{background:var(--border)}.chat-panel.closed{width:200px}@media (width<=720px){.chat-panel{width:210px;bottom:8px;right:8px}.chat-list{height:160px}}