:root{--ds-bg-0:#0d1014;--ds-bg-1:#12161c;--ds-bg-2:#181d25;--ds-surface:#ffffff09;--ds-surface-strong:#fff1;--ds-border:#ffffff17;--ds-border-strong:#ffffff2b;--ds-text:#edf1f6;--ds-text-2:#b6bfcb;--ds-text-3:#79838f;--ds-accent:#5f9bd8;--ds-accent-2:#a8cdf0;--ds-ok:#3ddc84;--ds-warn:#e0b64d;--ds-danger:#e5534b;--ds-a:#e5484d;--ds-b:#30a46c;--ds-c:#f1f3f6;--ds-focus:#8fc1ec;--ds-r-sm:8px;--ds-r-md:12px;--ds-r-lg:16px;--ds-r-xl:22px;--ds-shadow-sm:0 1px 3px #0000004d;--ds-shadow-md:0 6px 18px #00000059;--ds-shadow-glow:0 0 0 1px #5f9bd859, 0 6px 20px #5f9bd824;--ds-ease:cubic-bezier(.22,.61,.36,1);--ds-dur-1:.12s;--ds-dur-2:.22s;--ds-dur-3:.38s;--ds-font:"Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif}body{background:linear-gradient(180deg, #12161c 0%, var(--ds-bg-0) 46%);background-attachment:fixed}:root{--bg:#0d1117;--bg-soft:#11161f;--panel:#161d29;--panel-2:#1c2533;--border:#2a3548;--text:#e6edf3;--text-dim:#8b98a9;--accent:#4f8cff;--red:#e5484d;--green:#30a46c;--white:#f7f7f7;--board-bg:#232f3f;--board-line:#41536b;--danger:#e5484d;--radius:10px;--mono:"Cascadia Mono", "JetBrains Mono", Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}#root{min-height:100vh}.app{flex-direction:column;gap:12px;max-width:1500px;margin:0 auto;padding:10px 16px 40px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:6px 2px;display:flex}.brand{align-items:center;gap:7px;display:flex}.brand h1{letter-spacing:1px;margin:0;font-size:22px}.brand .subtitle{color:var(--text-dim);margin-left:6px;font-size:12px}.logo-dot{border-radius:50%;width:14px;height:14px;display:inline-block}.logo-a{background:var(--red)}.logo-b{background:var(--green)}.logo-c{background:var(--white);box-shadow:0 0 0 1px var(--border)}.topbar-actions{align-items:center;gap:10px;display:flex}.cfg-chip{font-family:var(--mono);color:var(--text-dim);border:1px solid var(--border);background:var(--panel);border-radius:999px;padding:4px 10px;font-size:13px}.btn{background:var(--panel-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:14px;transition:background .15s,border-color .15s,transform 50ms}.btn:hover:not(:disabled){background:#243149;border-color:#3a4a63}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#6b9fff}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.ghost{background:0 0}.btn.tiny{padding:4px 9px;font-size:12px}.btn-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn-row.small{margin-top:8px}.check{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}.statusbar{background:linear-gradient(180deg, var(--panel), var(--bg-soft));border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:18px;padding:10px 16px;display:flex}.status-item{flex-direction:column;gap:2px;display:flex}.status-item.wide{flex:1;justify-content:center;min-width:200px}.status-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;font-size:11px}.status-value{font-size:16px;font-weight:600}.status-value.big{font-size:19px}.turn-badge{border-bottom:3px solid #0000;padding-bottom:1px}.eligible-badge{background:#ffffff0a;border:2px solid;border-radius:8px;padding:2px 10px}.none-badge{color:var(--text-dim);font-weight:500}.hint{color:#c9a227;font-size:13px}.main{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:14px;display:grid}.board-col{flex-direction:column;gap:10px;min-width:0;display:flex}.side-col{flex-direction:column;gap:12px;min-width:0;display:flex}.board-wrap{width:100%}.board{grid-template-columns:22px repeat(var(--n), minmax(0, 1fr));grid-template-rows:22px repeat(var(--n), minmax(0, 1fr));aspect-ratio:1;background:var(--board-bg);border:1px solid var(--border);border-radius:var(--radius);width:min(100%,100vh - 300px);min-width:320px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 6px 24px #00000059}@media (width>=1100px){.board{width:min(100%,100vh - 280px)}}.board-corner{background:var(--board-bg)}.col-label,.row-label{color:#5d7188;-webkit-user-select:none;user-select:none;background:var(--board-bg);justify-content:center;align-items:center;font-size:11px;display:flex}.cell{background:var(--board-bg);cursor:pointer;box-shadow:inset 0 -1px 0 0 var(--board-line), inset -1px 0 0 0 var(--board-line);justify-content:center;align-items:center;transition:background .1s;display:flex;position:relative}.cell.legal:hover{background:#ffffff0f}.cell.forbidden{cursor:not-allowed}.cell.forbidden:hover{background:#e5484d21}.cell.dimmed{opacity:.42}.cell.win-cell{z-index:3}.stone{-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:76%;height:76%;font-size:min(1.6vw,15px);font-weight:700;animation:.16s ease-out pop;display:flex;box-shadow:0 2px 6px #00000073,inset 0 -3px 6px #00000040}@keyframes pop{0%{transform:scale(.4)}70%{transform:scale(1.12)}to{transform:scale(1)}}.stone-A{background:var(--red);color:#fff}.stone-B{background:var(--green);color:#fff}.stone-C{background:var(--white);color:#3a3f45;border:1px solid #c9d2dc;box-shadow:0 2px 6px #00000080,0 0 0 1px #ffffff59,inset 0 -2px 5px #00000026}.stone-win{animation:.9s ease-in-out infinite winpulse}@keyframes winpulse{0%,to{box-shadow:0 0 0 3px #ffd700f2,0 2px 6px #00000073}50%{box-shadow:0 0 0 8px #ffd70040,0 2px 6px #00000073}}.last-move:after{content:"";opacity:.75;pointer-events:none;border:2px solid #ffffffd9;border-radius:50%;position:absolute;inset:4%}.legal-dot{opacity:.8;pointer-events:none;background:#cdd7e2;border-radius:50%;width:22%;height:22%}.forbidden-x{color:#ff5a5ad9;pointer-events:none;font-size:min(1.9vw,17px);font-weight:700}.hover-preview{opacity:.42;pointer-events:none;border-radius:50%;position:absolute;inset:10%}.hover-preview:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff4d}.win-ring{opacity:.9;pointer-events:none;border:3px solid;border-radius:50%;position:absolute;inset:2%;box-shadow:0 0 6px #0000004d}.ring-A{border-color:var(--red)}.ring-B{border-color:var(--green)}.ring-C{border-color:var(--white)}.forbidden-bg{pointer-events:none;background:#e5484d33;position:absolute;inset:0}.hover-info{min-height:22px;color:var(--text-dim);padding:2px 4px;font-size:13px}.text-forbidden{color:#ff8b8f}.notice{border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px}.notice.pass{color:#e8c766;background:#c9a2271f;border-color:#c9a22766}.notice.info{color:#9cc2ff;background:#4f8cff1a;border-color:#4f8cff59}.notice.error{color:#ff9b9e;background:#e5484d1f;border-color:#e5484d66}.players-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.player-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px 12px;transition:box-shadow .2s,border-color .2s;display:flex}.player-card.current{border-color:#6f86a8;box-shadow:0 0 0 2px #ffffff14}.player-card.eligible{border-color:#d9b13c;box-shadow:0 0 12px #d9b13c2e}.player-head{align-items:center;gap:9px;display:flex}.player-badge{border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:flex}.player-name{flex-direction:column;line-height:1.2;display:flex}.player-sub{color:var(--text-dim);font-size:11px}.win-right{color:#1a1503;white-space:nowrap;background:linear-gradient(#ffe08a,#d9b13c);border-radius:6px;margin-left:auto;padding:3px 7px;font-size:11px;font-weight:700}.player-stats{color:var(--text-dim);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.panel-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:12px}.timeline{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px}.timeline-title{color:var(--text-dim);text-transform:uppercase;letter-spacing:.8px;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.timeline-schedule{text-transform:none;letter-spacing:0;font-family:var(--mono)}.timeline-row{gap:6px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.tl-item{flex-direction:column;align-items:center;gap:2px;display:flex}.tl-chip{border:1px solid var(--border);font-size:12px;font-family:var(--mono);background:var(--bg-soft);white-space:nowrap;border-radius:8px;padding:4px 8px}.tl-chip.none{color:var(--text-dim)}.tl-item.now .tl-chip{background:#4f8cff26;box-shadow:0 0 0 2px #4f8cff8c}.tl-now-tag{color:var(--accent);font-size:10px;font-weight:700}.timeline-note{color:var(--text-dim);margin-top:8px;font-size:11px}.history-list{max-height:220px;font-family:var(--mono);flex-direction:column;gap:2px;font-size:12px;display:flex;overflow-y:auto}.history-line{border-radius:4px;gap:8px;padding:1px 2px;display:flex}.history-line.win{color:#ffe08a;background:#d9b13c26}.history-line.pass{color:#c9a227;font-style:italic}.history-player{flex:none;width:16px;font-weight:800}.history-empty{color:var(--text-dim)}.modal-backdrop{z-index:100;background:#05080cb8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid #33415a;border-radius:14px;flex-direction:column;width:min(640px,94vw);max-height:88vh;display:flex;box-shadow:0 20px 60px #0009}.modal.rules{width:min(760px,94vw)}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h2{margin:0;font-size:18px}.modal-body{padding:16px 18px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:12px 18px;display:flex}.endgame{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.big-stone{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:34px;font-weight:800;display:flex;box-shadow:0 4px 18px #00000080}.rules-list{flex-direction:column;gap:6px;margin:0;padding-left:20px;line-height:1.5;display:flex}.rule-table{border-collapse:collapse;margin-top:8px;font-size:13px}.rule-table th,.rule-table td{border:1px solid var(--border);text-align:center;padding:3px 12px}.setup-options{flex-direction:column;gap:16px;display:flex}.setup-label{color:var(--text-dim);letter-spacing:1px;margin-bottom:6px;font-size:12px}.btn-group{gap:8px;display:flex}.schedule-cards{flex-wrap:wrap;gap:10px;display:flex}.schedule-card{background:var(--bg-soft);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 16px;font-family:inherit;display:flex}.schedule-card strong{font-family:var(--mono);font-size:17px}.schedule-card span{color:var(--text-dim);font-size:12px;font-family:var(--mono)}.schedule-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#4f8cff1a}.debug-grid{font-family:var(--mono);grid-template-columns:1fr 1fr;gap:8px 18px;font-size:12px;line-height:1.7;display:grid}.legend{flex-wrap:wrap;align-items:center;gap:14px;padding:0 4px;font-size:12px;display:flex}.legend-dot{background:#cdd7e2;border-radius:50%;width:10px;height:10px;margin-right:3px;display:inline-block}.legend-x{color:#ff8b8f;margin-right:3px}.legend-ring{vertical-align:middle;border:2px solid;border-radius:50%;width:12px;height:12px;margin-right:3px;display:inline-block}.muted{color:var(--text-dim);font-size:12px}.error-text{color:#ff9b9e}@media (width<=1050px){.main{grid-template-columns:1fr}.board{width:min(100%,100vw - 90px)}.side-col{order:2}}@media (width<=560px){.players-row{grid-template-columns:1fr}.brand .subtitle{display:none}.stone{font-size:12px}}.seat-setup{border-top:1px dashed var(--border,#444);margin-top:14px;padding-top:14px}.seat-rows{flex-direction:column;gap:8px;margin:10px 0 6px;display:flex}.seat-row{background:#ffffff08;border:1px solid #3a3f46;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.seat-row.is-ai{background:#7c5cff14;border-color:#5f9bd8}.seat-badge{border:1px solid #ffffff40;border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:inline-flex}.seat-name{min-width:130px;font-size:14px;font-weight:600}.seat-select{color:#e6e9ee;cursor:pointer;background:#1c2128;border:1px solid #4a515b;border-radius:8px;max-width:290px;margin-left:auto;padding:6px 8px;font-size:13px}.seat-select:disabled{opacity:.55;cursor:not-allowed}.player-sub.ai-tag{color:#a8cdf0;font-size:12px;font-weight:600}.player-card.ai-seat{box-shadow:inset 0 0 0 1px #7c5cff8c}.player-sub.human-tag{color:#8fd3a8;font-size:12px;font-weight:600}.status-value.thinking,.player-card .player-sub.thinking{animation:1.1s ease-in-out infinite srszq-pulse}@keyframes srszq-pulse{0%,to{opacity:1}50%{opacity:.45}}.notice.ai-thinking{color:#d9ccff;border-color:#5f9bd8}.history-line .history-text{white-space:nowrap}.pf-page{max-width:1180px;margin:0 auto;padding:12px 16px 60px}.pf-full{max-width:1400px}.pf-center{text-align:center}.pf-nav{border-bottom:1px solid #ffffff14;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;padding:10px 2px 14px;display:flex}.pf-brand{letter-spacing:1px;color:#fff;font-size:18px;font-weight:800}.pf-nav-links{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.pf-user{color:#cfd6e0;align-items:center;gap:8px;font-size:13px;display:inline-flex}.pf-avatar{border-radius:50%;width:26px;height:26px}.pf-avatar.big{width:56px;height:56px}.pf-dot{border-radius:50%;width:8px;height:8px;margin:0 4px;display:inline-block}.pf-dot.online{background:#3ddc84}.pf-dot.offline{background:#666}.pf-dot.playing{background:#ffb224}.pf-dot.matching{background:#5f9bd8}.hero{text-align:center;padding:60px 10px 30px}.hero h1{letter-spacing:6px;background:linear-gradient(120deg,#e5484d,#30a46c,#f7f7f7);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:64px}.hero-sub{color:#9aa4b2;letter-spacing:2px}.hero-desc{color:#c6cdd7;max-width:760px;margin:18px auto;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.btn.big{padding:12px 26px;font-size:16px}.rules-teaser{background:#ffffff08;border:1px solid #333;border-radius:14px;max-width:760px;margin:30px auto;padding:18px 24px}.rules-teaser li{margin:8px 0}.auth-card{background:#ffffff08;border:1px solid #3a3f46;border-radius:16px;max-width:420px;margin:40px auto;padding:26px}.auth-tabs{gap:8px;margin-bottom:16px;display:flex}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-form label{color:#9aa4b2;flex-direction:column;gap:6px;font-size:13px;display:flex}.auth-form input{color:#e6e9ee;background:#171c23;border:1px solid #3a414b;border-radius:8px;padding:10px 12px;font-size:14px}.lobby{padding:10px 0}.lobby-user{align-items:center;gap:16px;margin-bottom:24px;display:flex}.lobby-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.mode-card{text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #3a3f46;border-radius:14px;flex-direction:column;gap:8px;padding:20px;transition:border-color .15s,transform .15s;display:flex}.mode-card:hover{border-color:#5f9bd8;transform:translateY(-2px)}.mode-card strong{font-size:17px}.mode-card span{color:#9aa4b2;font-size:13px;line-height:1.6}.mode-card.accent{border-color:#5f9bd8}.pf-panel-wrap{max-width:900px;margin:0 auto}.pf-panel{padding:18px}.pf-table{border-collapse:collapse;width:100%;margin:12px 0}.pf-table th,.pf-table td{text-align:left;border-bottom:1px solid #2a2f37;padding:8px 10px;font-size:14px}.pf-table th{color:#8b94a3;font-weight:600}.friend-invite{gap:8px;margin:12px 0;display:flex}.friend-invite input{color:#e6e9ee;background:#171c23;border:1px solid #3a414b;border-radius:8px;flex:1;padding:9px 12px}.friend-row{align-items:center;gap:12px;padding:8px 2px;display:flex}.friend-row select{color:#e6e9ee;background:#1c2128;border:1px solid #4a515b;border-radius:8px;padding:6px 8px}.platform-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:8px 16px;display:flex}.platform-title{color:#c6cdd7;font-size:14px}.online-game{max-width:1200px;margin:0 auto;padding:12px}.status-item.mine .status-label{color:#ffd479}.status-value.small{font-size:12px}.spinner{border:3px solid #333;border-top-color:#5f9bd8;border-radius:50%;width:34px;height:34px;margin:22px auto;animation:.8s linear infinite srszq-spin}@keyframes srszq-spin{to{transform:rotate(360deg)}}.ds-btn{font:600 14px/1 var(--ds-font);color:var(--ds-text);background:var(--ds-surface-strong);border:1px solid var(--ds-border);border-radius:var(--ds-r-md);cursor:pointer;transition:transform var(--ds-dur-1) var(--ds-ease), box-shadow var(--ds-dur-2) var(--ds-ease), background var(--ds-dur-1), border-color var(--ds-dur-1);letter-spacing:.2px;padding:10px 18px}.ds-btn:hover{border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-sm);transform:translateY(-1px)}.ds-btn:active{transform:translateY(0)}.ds-btn.primary{background:linear-gradient(135deg, var(--ds-accent), #3f79bd);color:#fff;border-color:#0000}.ds-btn.primary:hover{box-shadow:var(--ds-shadow-glow)}.ds-btn.danger{color:#ffd0d0;background:#ff5c5c24;border-color:#ff5c5c73}.ds-btn.ghost{background:0 0}.ds-btn.big{border-radius:var(--ds-r-lg);padding:14px 30px;font-size:16px}.ds-btn.small{border-radius:var(--ds-r-sm);padding:6px 12px;font-size:12px}.ds-card{background:linear-gradient(180deg, var(--ds-surface), #ffffff05);border:1px solid var(--ds-border);border-radius:var(--ds-r-lg);box-shadow:var(--ds-shadow-sm)}.ds-card.hoverable{transition:transform var(--ds-dur-2) var(--ds-ease), border-color var(--ds-dur-2), box-shadow var(--ds-dur-2)}.ds-card.hoverable:hover{border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-md);transform:translateY(-3px)}.ds-badge{background:var(--ds-surface-strong);border:1px solid var(--ds-border);color:var(--ds-text-2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ds-badge.online{color:var(--ds-ok);border-color:#3ddc8466}.ds-badge.playing{color:var(--ds-warn);border-color:#ffb22466}.ds-badge.matching{color:var(--ds-accent-2);border-color:#5f9bd880}.ds-badge.offline{color:var(--ds-text-3)}.ds-title{letter-spacing:3px;color:var(--ds-text-3);text-transform:uppercase;font-size:15px;font-weight:700}.ds-h2{letter-spacing:.3px;margin:6px 0 14px;font-size:26px}.glass-nav{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--ds-border);background:#0a0e14b8;align-items:center;gap:14px;padding:10px 22px;display:flex;position:sticky;top:0}.hero2{text-align:center;padding:84px 16px 40px;position:relative;overflow:hidden}.hero2 .orb{filter:blur(70px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.hero2 .orb.o1{background:#5f9bd8;width:420px;height:420px;top:-160px;left:-80px}.hero2 .orb.o2{opacity:.35;background:#30a46c;width:340px;height:340px;top:-120px;right:-60px}.hero2 .orb.o3{opacity:.18;background:#e5484d;width:260px;height:260px;bottom:-120px;left:38%}.hero2 .eyebrow{color:var(--ds-accent-2);letter-spacing:2px;background:#5f9bd814;border:1px solid #5f9bd880;border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:12px;display:inline-block}.hero2 h1{letter-spacing:2px;margin:0;font-size:clamp(40px,7vw,76px);font-weight:800;line-height:1.02}.hero2 h1 .grad{background:linear-gradient(100deg,#fff 10%,#a8cdf0 45%,#5f9bd8 70%,#30a46c 95%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero2 .tagline{color:var(--ds-text-2);letter-spacing:6px;margin:14px 0 26px;font-size:clamp(16px,2.4vw,22px);font-weight:300}.hero2 .cta-row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero2 .meta-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.mini-board{border-radius:var(--ds-r-lg);border:1px solid var(--ds-border);width:min(430px,90vw);box-shadow:var(--ds-shadow-md);background:#ffffff08;grid-template-columns:repeat(13,1fr);gap:3px;margin:34px auto 8px;padding:16px;display:grid}.mini-board i{aspect-ratio:1;background:#ffffff0d;border-radius:4px}.features{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;max-width:1120px;margin:26px auto;padding:0 16px;display:grid}.feature{padding:22px 20px}.feature .f-icon{font-size:26px}.feature h3{margin:10px 0 6px;font-size:17px}.feature p{color:var(--ds-text-2);margin:0;font-size:13.5px;line-height:1.7}.feature.stars li{color:var(--ds-text-2);margin:5px 0;font-size:13.5px;list-style:none}.feature.stars ul{margin:8px 0 0;padding:0}.rules-strip{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;max-width:1120px;margin:18px auto;padding:20px 26px;display:grid}.rules-strip .rs-item{flex-direction:column;gap:4px;display:flex}.rules-strip b{color:var(--ds-text)}.rules-strip span{color:var(--ds-text-2);font-size:12.5px;line-height:1.6}.lobby2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;display:grid}.fcard{flex-direction:column;gap:12px;min-height:240px;padding:24px 22px;display:flex;position:relative;overflow:hidden}.fcard:after{content:"";pointer-events:none;background:radial-gradient(340px 160px at 80% -20%,#5f9bd829,#0000 60%);position:absolute;inset:0}.fcard .fc-icon{filter:drop-shadow(0 4px 10px #0006);font-size:30px}.fcard h3{letter-spacing:.4px;margin:0;font-size:20px}.fcard .fc-desc{color:var(--ds-text-2);flex:1;font-size:13.5px;line-height:1.7}.fcard .fc-meta{color:var(--ds-text-3);align-items:center;gap:8px;font-size:12px;display:flex}.fcard .fc-btn{align-self:stretch;margin-top:6px}.fcard.accent{border-color:#5f9bd88c}.auth-shell{justify-content:center;padding:40px 16px;display:flex}.auth-card2{width:min(430px,100%);padding:30px 28px}.auth-card2 h2{margin:0 0 4px}.auth-card2 .sub{color:var(--ds-text-3);margin:0 0 18px;font-size:13px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--ds-text-2);font-size:12.5px;font-weight:600}.field input{background:var(--ds-bg-1);border:1px solid var(--ds-border);color:var(--ds-text);border-radius:var(--ds-r-md);transition:border-color var(--ds-dur-1);font-size:14px;font-family:var(--ds-font);outline:none;padding:11px 13px}.field input:focus{border-color:var(--ds-accent)}.ds-panel{width:min(980px,100vw - 32px);margin:26px auto;padding:22px}.ds-panel .head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.pf-table td .rank-no{color:var(--ds-text-3);width:34px;font-weight:800;display:inline-block}.fade-in{animation:ds-fade .34s var(--ds-ease) both}@keyframes ds-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cell.last-move .stone{animation:ds-drop .28s var(--ds-ease)}@keyframes ds-drop{0%{opacity:.5;transform:scale(.4)translateY(-14px)}to{opacity:1;transform:none}}.mm-icon{font-size:44px}.matchmaking-card{text-align:center;width:min(520px,92vw);margin:40px auto;padding:34px}.mm-timer{color:var(--ds-accent-2);font-variant-numeric:tabular-nums;margin:6px 0;font-size:44px;font-weight:800}.mm-bar{background:#ffffff14;border-radius:999px;max-width:340px;height:8px;margin:8px auto 14px;overflow:hidden}.mm-bar-fill{background:linear-gradient(90deg, var(--ds-accent), var(--ds-accent-2));height:100%;transition:width .3s linear}.bac-panel{background:linear-gradient(180deg, var(--ds-surface-strong), #ffffff05);border:1px solid var(--ds-border);border-radius:var(--ds-r-lg);box-shadow:var(--ds-shadow-sm);flex-direction:column;gap:10px;min-width:0;padding:14px 14px 10px;display:flex}.bac-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.bac-title{letter-spacing:1.2px;color:var(--ds-text);margin:0;font-size:15px;font-weight:800}.bac-sub{color:var(--ds-text-3);letter-spacing:.4px;margin:3px 0 0;font-size:11px}.bac-tag{letter-spacing:1px;border:1px solid var(--ds-border-strong);color:var(--ds-text-2);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.bac-now{border:1px solid var(--ds-border);border-radius:var(--ds-r-md);transition:border-color var(--ds-dur-2) var(--ds-ease), box-shadow var(--ds-dur-2) var(--ds-ease);background:#ffffff08;padding:10px 12px;position:relative;overflow:hidden}.bac-now:before{content:"";pointer-events:none;background:radial-gradient(300px 90px at 85% -40%,#5f9bd82e,#0000 70%);position:absolute;inset:0}.bac-now.locked{border-style:dashed;border-color:var(--ds-border-strong)}.bac-now.yours{border-color:#5f9bd8bf;animation:1.8s ease-in-out infinite bac-glow;box-shadow:0 0 0 1px #5f9bd859,0 6px 22px #5f9bd82e}@keyframes bac-glow{0%,to{box-shadow:0 0 0 1px #5f9bd847,0 6px 22px #5f9bd824}50%{box-shadow:0 0 0 1px #5f9bd8b3,0 6px 26px #5f9bd84d}}.bac-now-flag{letter-spacing:2px;color:var(--ds-accent-2);background:#5f9bd81f;border:1px solid #5f9bd873;border-radius:999px;margin-bottom:8px;padding:2px 10px;font-size:10px;font-weight:800;display:inline-block}.bac-now-body{align-items:center;gap:10px;display:flex}.bac-now-info{flex:1;min-width:0}.bac-holder-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bac-holder-line b{font-size:15px}.bac-pill{letter-spacing:1px;border:1px solid var(--ds-border-strong);color:var(--ds-text-3);background:#ffffff0a;border-radius:999px;padding:2px 8px;font-size:9.5px;font-weight:800}.bac-pill.win{color:#1a1503;background:linear-gradient(#ffe08a,#d9b13c);border-color:#0000;box-shadow:0 2px 10px #d9b13c59}.bac-now-note{color:var(--ds-text-2);margin-top:4px;font-size:11.5px}.bac-now.locked .bac-now-note{color:var(--ds-text-3)}.bac-orb{border:2px solid var(--ds-border-strong);-webkit-user-select:none;user-select:none;background:#ffffff0d;border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.bac-orb.none{color:var(--ds-text-3);background:0 0;border-style:dashed}.bac-orb.a{background:var(--ds-a)}.bac-orb.b{background:var(--ds-b)}.bac-orb.c{background:#fff}.bac-window{border-radius:var(--ds-r-sm);border:1px solid var(--ds-border);background:#ffffff0a;flex-direction:column;gap:2px;margin-top:9px;padding:7px 10px;display:flex}.bac-window.yours{background:#5f9bd81f;border-color:#5f9bd880}.bac-window-star{letter-spacing:1.6px;color:var(--ds-accent-2);align-self:flex-start;font-size:9.5px;font-weight:900}.bac-window-en{color:var(--ds-text);font-size:12.5px;font-weight:600}.bac-window-zh{color:var(--ds-text-3);font-size:11px}.bac-ended-note{color:var(--ds-warn);margin-top:8px;font-size:11px;font-weight:700}.bac-next-head{letter-spacing:2px;color:var(--ds-text-3);border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:6px;font-size:10px;font-weight:800;display:flex}.bac-collapse-btn{border:1px solid var(--ds-border);color:var(--ds-text-2);cursor:pointer;font-size:10.5px;font-family:var(--ds-font);background:0 0;border-radius:999px;padding:2px 10px}.bac-collapse-btn:hover{border-color:var(--ds-border-strong)}.bac-rows{flex-direction:column;gap:3px;display:flex}.bac-row{border-radius:var(--ds-r-sm);border:1px solid #0000;align-items:center;gap:8px;padding:3px 8px;font-size:12px;display:flex}.bac-row .bac-rno{font-variant-numeric:tabular-nums;width:34px;color:var(--ds-text-2);font-weight:700}.bac-flag{letter-spacing:1px;width:34px;font-size:8.5px;font-weight:900}.bac-flag.now{color:#1a1503;text-align:center;background:linear-gradient(#ffe08a,#d9b13c);border-radius:999px;padding:1px 4px}.bac-flag.next{color:var(--ds-accent-2)}.bac-flag.blank{opacity:0}.bac-pname{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ds-text-2);flex:1;overflow:hidden}.bac-row.now{background:#d9b13c1a;border-color:#d9b13c66}.bac-row.next{background:#5f9bd812;border-color:#5f9bd840}.bac-row.you{box-shadow:inset 2px 0 0 var(--ds-accent)}.bac-you{letter-spacing:1px;color:var(--ds-accent-2);background:#5f9bd81a;border:1px solid #5f9bd880;border-radius:999px;padding:1px 6px;font-size:8.5px;font-weight:900}.bac-foot{color:var(--ds-text-3);border-top:1px dashed var(--ds-border);padding-top:8px;font-size:10.5px;line-height:1.6}.online-layout{grid-template-columns:minmax(0,1fr) 336px;align-items:start;gap:14px;margin-top:12px;display:grid}.online-board-col{min-width:0}.online-board-col .board{width:min(100%,100vh - 330px)}@media (width<=980px){.online-layout{grid-template-columns:1fr}.bac-rows{display:none}.bac-rows.open{display:flex}.online-board-col .board{width:min(100%,100vw - 40px)}}@media (width<=380px){.bac-holder-line b{font-size:13px}.bac-window-en{font-size:11.5px}}.side-col .bac-panel{width:100%}:focus-visible{outline:2px solid var(--ds-focus);outline-offset:2px;border-radius:4px}button,.ds-btn,.btn{font-family:var(--ds-font)}.ds-btn,.btn{min-height:38px}.ds-btn.small,.btn.small,.btn.tiny{min-height:30px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.glass-nav{-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--ds-border);background:#0d1014f0}.pf-brand{letter-spacing:.5px}button.linklike{color:var(--ds-accent-2);text-underline-offset:3px;cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:underline}button.linklike:hover{color:var(--ds-text)}.land-hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:34px;max-width:1080px;margin:0 auto;padding:46px 8px 30px;display:grid}.land-h1{letter-spacing:2px;color:var(--ds-text);margin:0 0 6px;font-size:clamp(34px,5vw,54px);font-weight:800}.land-sub{color:var(--ds-text-3);letter-spacing:.4px;margin:0 0 16px;font-size:14px}.land-desc{max-width:52ch;color:var(--ds-text-2);margin:0 0 20px;font-size:15px;line-height:1.75}.land-more{color:var(--ds-text-3);margin-top:14px;font-size:13px}.land-board{flex-direction:column;align-items:flex-start;gap:10px;margin:0;display:flex}.land-board figcaption{color:var(--ds-text-3);font-size:12px}.mini-board{border:1px solid var(--ds-border-strong);border-radius:var(--ds-r-md);width:min(420px,86vw);box-shadow:var(--ds-shadow-md);background:#141a22;margin:0;padding:14px}.mini-board i{border-radius:3px}.mini-board i.a{background:var(--ds-a);box-shadow:0 0 6px #e5484d80}.mini-board i.b{background:var(--ds-b);box-shadow:0 0 6px #30a46c80}.mini-board i.c{background:var(--ds-c);box-shadow:0 0 6px #ffffff59}.land-key{color:var(--ds-text-2);gap:16px;font-size:12.5px;display:flex}.land-key i{border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.land-key .k-a{background:var(--ds-a)}.land-key .k-b{background:var(--ds-b)}.land-key .k-c{background:var(--ds-c)}.land-rules{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-r-lg);max-width:1080px;margin:8px auto 26px;padding:20px 22px}.land-rules-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.land-rules-head h2{margin:0;font-size:20px}.land-rules-cta{border-top:1px dashed var(--ds-border);flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding-top:14px;display:flex}.howto-quick{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px 22px;margin:10px 0 0;padding:0;list-style:none;display:grid}.howto-quick li{border-top:1px solid var(--ds-border);flex-direction:column;gap:3px;padding:10px 2px;display:flex}.howto-quick b{font-size:14.5px}.howto-quick span{color:var(--ds-text-2);font-size:13px;line-height:1.65}.land-modes{flex-direction:column;gap:8px;max-width:1080px;margin:0 auto 34px;display:flex}.mode-line{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-r-md);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.mode-line h3{margin:0 0 3px;font-size:15.5px}.mode-line p{color:var(--ds-text-2);margin:0;font-size:13px;line-height:1.6}.m-icon{color:var(--ds-accent-2);text-align:center;font-size:13px;font-weight:700}.rules-page .pf-page{max-width:1100px}.howto{max-width:860px;margin:0 auto;padding:6px 4px 40px}.howto-head{border-bottom:1px solid var(--ds-border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:12px;display:flex}.howto-head h1{letter-spacing:1px;margin:0 0 8px;font-size:clamp(26px,4vw,36px)}.howto-lead{color:var(--ds-text-2);max-width:60ch;margin:0;font-size:15px;line-height:1.8}.howto-block{margin-top:26px}.howto-block h2{margin:0 0 10px;font-size:20px}.howto-block h3{margin:0 0 8px;font-size:18px}.howto-qa{counter-reset:qa;flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.howto-qa li{border-top:1px solid var(--ds-border);padding:12px 2px}.howto-qa b{font-size:15px}.howto-qa p{color:var(--ds-text-2);max-width:72ch;margin:6px 0 0;font-size:13.5px;line-height:1.8}.howto-full{color:var(--ds-text-2);margin:0;padding-left:20px;font-size:13.5px;line-height:1.9}.howto-vline-wrap{margin-top:12px;overflow-x:auto}.howto-note{color:var(--ds-text-3);font-size:12.5px}.howto-cta{text-align:center;background:var(--ds-surface);border:1px dashed var(--ds-border-strong);border-radius:var(--ds-r-lg);flex-direction:column;align-items:center;gap:8px;margin-top:30px;padding:22px;display:flex}.vline{grid-template-columns:52px repeat(14,minmax(30px,1fr));gap:4px;min-width:620px;margin-top:6px;display:grid}.vline-head{display:contents}.vline-head>span:first-child{color:var(--ds-text-3);align-items:center;font-size:12px;display:flex}.vline-rno,.vline-chip{background:var(--ds-surface);border:1px solid var(--ds-border);font-variant-numeric:tabular-nums;border-radius:6px;justify-content:center;align-items:center;height:30px;font-size:12px;font-weight:700;display:flex}.vline-chip.none{color:var(--ds-text-3);font-weight:500}.vline-chip.start{background:#e0b64d14;border-color:#e0b64d8c}.vline-rno.start{border-color:#e0b64d8c}.etip{vertical-align:middle;margin-left:8px;display:inline-flex;position:relative}.etip-q{border:1px solid var(--ds-border-strong);width:18px;height:18px;color:var(--ds-text-3);cursor:help;background:0 0;border-radius:50%;padding:0;font-size:11.5px;font-weight:700;line-height:1}.etip-q:hover,.etip-q:focus-visible{color:var(--ds-text);border-color:var(--ds-accent)}.etip-pop{width:240px;color:var(--ds-text-2);background:var(--ds-bg-2);border:1px solid var(--ds-border-strong);border-radius:var(--ds-r-sm);box-shadow:var(--ds-shadow-md);opacity:0;pointer-events:none;transition:opacity var(--ds-dur-1);z-index:60;white-space:normal;padding:10px 12px;font-size:12px;line-height:1.7;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.etip:hover .etip-pop,.etip:focus-within .etip-pop{opacity:1}.coach-line{color:var(--ds-text-2);border:1px solid #e0b64d4d;border-left:3px solid var(--ds-warn);border-radius:var(--ds-r-sm);background:#e0b64d0f;margin:8px 0 0;padding:9px 14px;font-size:13px;line-height:1.7}.tutorial-page .pf-page{max-width:1240px}.tut-identity{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-r-md);flex-wrap:wrap;align-items:stretch;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.tut-role{border-radius:var(--ds-r-sm);background:var(--ds-surface-strong);border:1px solid var(--ds-border);flex-direction:column;flex:200px;gap:3px;padding:8px 12px;display:flex}.tut-role.you{border-color:#5f9bd880}.tut-role.ai{border-color:#30a46c59}.tut-role-tag{color:var(--ds-text-3);font-size:11px}.tut-role b{font-size:14.5px}.tut-vs{color:var(--ds-text-3);align-self:center;font-size:12px}.tut-identity-note{color:var(--ds-text-3);flex-basis:100%;font-size:11.5px}.tut-rules{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-r-md);margin-bottom:12px;padding:10px 14px}.tut-rules summary{cursor:pointer;font-size:14.5px;font-weight:700}.tut-rules .howto-quick{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.lobby-rules-link{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-r-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}@media (pointer:coarse){.ds-btn,.btn,button{min-height:42px}.ds-btn.small,.btn.small,.btn.tiny{min-height:34px}.etip-q{width:22px;height:22px}}@media (width<=900px){.land-hero{grid-template-columns:1fr;gap:22px;padding-top:28px}.land-board{align-items:center}.mode-line{grid-template-columns:1fr;gap:6px}.mode-line .ds-btn{justify-self:start}.tut-identity{flex-direction:column}.tut-vs{display:none}.tut-role{flex:none}}