: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}.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.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-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}@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}.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.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-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.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;color:var(--ds-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-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{color:var(--ds-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}}@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:var(--ds-accent-2);height:100%}.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)}@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-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.next{background:#5f9bd812;border-color:#5f9bd840}.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}@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%}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-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 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-radius:var(--ds-r-sm);background:#e0b64d0f;border:1px solid #e0b64d4d;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-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}}@font-face{font-family:SRSZQ WenKai Display;src:url(/fonts/srszq-wenkai-display.woff)format("woff");font-display:swap;font-style:normal;font-weight:500}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f5eedc;--color-canvas-deep:#eadfca;--color-paper:#fff9ea;--color-paper-deep:#eadcbf;--color-paper-edge:#d5c39f;--color-ink:#2f2923;--color-ink-soft:#675c50;--color-ink-faint:#887a6b;--color-wood-100:#e7c99b;--color-wood-300:#c99457;--color-wood-500:#9b6338;--color-wood-700:#674126;--color-wood-900:#40291a;--color-player-a:#f27d72;--color-player-a-deep:#b94f48;--color-player-b:#8fcb9b;--color-player-b-deep:#4d8a61;--color-player-c:#74b7d8;--color-player-c-deep:#397a9b;--color-warning:#b64a3c;--color-warning-soft:#f9ded4;--color-success:#3f8060;--color-gold:#c69232;--color-focus:#51351f;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-surface:0 2px 8px #40291a17;--shadow-card:0 8px 22px #40291a1f;--shadow-button:0 3px 0 #674126, 0 7px 13px #40291a26;--shadow-board:0 16px 34px #40291a33, inset 0 0 0 2px #fff9ea3d;--shadow-piece:0 4px 6px #40291a57, inset 2px 3px 4px #ffffff7a, inset -2px -4px 6px #40291a33;--motion-fast:.13s;--motion-state:.22s;--motion-piece:.42s;--ease-settle:cubic-bezier(.16, 1, .3, 1);--font-display:"SRSZQ WenKai Display", "Kaiti SC", STKaiti, KaiTi, "Microsoft YaHei UI", sans-serif;--font-body:"Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--ds-bg-0:var(--color-canvas);--ds-bg-1:var(--color-paper);--ds-bg-2:var(--color-paper-deep);--ds-surface:var(--color-paper);--ds-surface-strong:var(--color-paper-deep);--ds-border:var(--color-paper-edge);--ds-border-strong:var(--color-wood-500);--ds-text:var(--color-ink);--ds-text-2:var(--color-ink-soft);--ds-text-3:var(--color-ink-faint);--ds-accent:var(--color-wood-500);--ds-accent-2:var(--color-wood-700);--ds-ok:var(--color-success);--ds-warn:var(--color-gold);--ds-danger:var(--color-warning);--ds-a:var(--color-player-a);--ds-b:var(--color-player-b);--ds-c:var(--color-player-c);--ds-focus:var(--color-focus);--ds-r-sm:var(--radius-sm);--ds-r-md:var(--radius-md);--ds-r-lg:var(--radius-lg);--ds-r-xl:22px;--ds-shadow-sm:var(--shadow-surface);--ds-shadow-md:var(--shadow-card);--ds-shadow-glow:var(--shadow-card);--ds-ease:var(--ease-settle);--ds-dur-1:var(--motion-fast);--ds-dur-2:var(--motion-state);--ds-dur-3:.38s;--ds-font:var(--font-body);--bg:var(--color-canvas);--bg-soft:var(--color-paper-deep);--panel:var(--color-paper);--panel-2:var(--color-paper-deep);--border:var(--color-paper-edge);--text:var(--color-ink);--text-dim:var(--color-ink-soft);--accent:var(--color-wood-500);--red:var(--color-player-a);--green:var(--color-player-b);--white:var(--color-player-c);--board-bg:var(--color-wood-300);--board-line:#40291a3d;--danger:var(--color-warning);--radius:var(--radius-md);--mono:"Cascadia Mono", Consolas, monospace}*{scrollbar-color:var(--color-wood-500) var(--color-paper-deep)}html{background:var(--color-canvas)}body{background:radial-gradient(circle at 18% 10%, #fff9eab8, transparent 34%), radial-gradient(circle at 88% 42%, #e7c99b33, transparent 31%), linear-gradient(104deg, #67412606, transparent 36%, #67412609), var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);background-attachment:fixed;line-height:1.55}body:before{content:"";z-index:-1;pointer-events:none;opacity:.26;background-image:repeating-linear-gradient(7deg,#0000 0 4px,#40291a05 5px 6px);position:fixed;inset:0}::selection{background:var(--color-player-c);color:var(--color-wood-900)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-paper-deep)}::-webkit-scrollbar-thumb{background:var(--color-wood-500);border:3px solid var(--color-paper-deep);border-radius:8px}h1,h2,h3,h4,.ds-title,.panel-title,.pf-brand,.brand h1{color:var(--color-ink);font-family:var(--font-display)}p,li{text-wrap:pretty}a,.linklike{color:var(--color-wood-700)}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px;border-radius:var(--radius-sm)}.pf-page{max-width:1220px;color:var(--color-ink)}.pf-center{color:var(--color-ink)}.muted,.player-sub,.panel-title,.status-label{color:var(--color-ink-soft)}.error-text{color:var(--color-warning);font-weight:700}.ds-btn,.btn{border:1px solid var(--color-wood-500);border-radius:var(--radius-md);background:var(--color-paper);min-height:42px;color:var(--color-wood-900);box-shadow:0 2px 0 var(--color-wood-500), 0 5px 10px #40291a1a;letter-spacing:0;transition:background var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast), transform var(--motion-fast), box-shadow var(--motion-fast);white-space:nowrap;font-weight:750}.ds-btn:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--color-wood-100);border-color:var(--color-wood-700)}.ds-btn:active:not(:disabled),.btn:active:not(:disabled){box-shadow:0 1px 0 var(--color-wood-700), 0 2px 5px #40291a1a;transform:translateY(2px)}.ds-btn.primary,.btn.primary{background:var(--color-wood-500);border-color:var(--color-wood-700);color:var(--color-paper);box-shadow:var(--shadow-button)}.ds-btn.primary:hover:not(:disabled),.btn.primary:hover:not(:disabled){background:var(--color-wood-700)}.ds-btn.ghost,.btn.ghost{box-shadow:none;color:var(--color-wood-700);background:0 0;border-color:#0000}.ds-btn.ghost:hover:not(:disabled),.btn.ghost:hover:not(:disabled){border-color:var(--color-paper-edge);background:#e7c99b66}.ds-btn.danger,.btn.danger{background:var(--color-warning);color:var(--color-paper);border-color:#84352d;box-shadow:0 3px #84352d}.ds-btn:disabled,.btn:disabled{opacity:.5;filter:saturate(.45);cursor:not-allowed;box-shadow:none}.ds-btn.small,.btn.small{min-height:38px}.ds-btn.tiny,.btn.tiny{min-height:34px}.ds-card,.panel,.timeline{background:var(--color-paper);border:1px solid var(--color-paper-edge);color:var(--color-ink);box-shadow:var(--shadow-surface)}.ds-card{border-radius:var(--radius-lg)}.panel,.timeline{border-radius:var(--radius-md)}.ds-card.hoverable:hover{border-color:var(--color-wood-500);box-shadow:var(--shadow-card);transform:none}.ds-badge{border-color:var(--color-paper-edge);background:var(--color-paper-deep);color:var(--color-ink-soft);border-radius:var(--radius-sm)}.ds-badge.online{color:var(--color-success)}.ds-stars{color:var(--color-gold);letter-spacing:1px}input,select,textarea,.friend-invite input,.seat-select{border:1px solid var(--color-paper-edge);border-radius:var(--radius-sm);min-height:44px;color:var(--color-ink);background:#fffdf4;box-shadow:inset 0 1px 2px #40291a14}input::placeholder,textarea::placeholder{color:var(--color-ink-faint)}input:focus,select:focus,textarea:focus,.field input:focus{border-color:var(--color-wood-700);outline:none;box-shadow:0 0 0 3px #9b63382e}input[type=checkbox]{accent-color:var(--color-wood-700);min-height:auto}.glass-nav,.pf-nav,.platform-bar{border:0;border-bottom:2px solid var(--color-wood-300);box-shadow:none;color:var(--color-ink);background:#fff9eaeb}.glass-nav{-webkit-backdrop-filter:none;backdrop-filter:none;padding-inline:18px}.pf-brand{color:var(--color-wood-900);letter-spacing:.04em;font-size:18px}.pf-brand:first-letter{color:var(--color-player-a-deep)}.pf-nav-links{gap:5px}.pf-user{color:var(--color-ink-soft)}.pf-avatar{border:2px solid var(--color-paper);box-shadow:0 0 0 1px var(--color-wood-300)}.avatar-fallback{background:var(--color-paper-deep);color:var(--color-wood-700);vertical-align:middle;place-items:center;font-size:11px;font-weight:900;display:inline-grid}.pf-dot.online,.pf-dot{background:var(--color-success)}.pf-dot.offline,.ds-badge.offline .pf-dot{background:var(--color-ink-faint)}.pf-dot.playing,.ds-badge.playing .pf-dot{background:var(--color-player-a-deep)}.pf-dot.matching,.ds-badge.matching .pf-dot{background:var(--color-gold)}.land-hero{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);gap:68px;max-width:1140px;min-height:560px;padding:68px 24px 46px}.land-copy{z-index:1;position:relative}.land-copy:before{content:"A  ·  B  ·  C";width:max-content;color:var(--color-wood-700);letter-spacing:.2em;margin-bottom:16px;font-size:12px;font-weight:850;display:block}.land-h1{max-width:7ch;color:var(--color-wood-900);letter-spacing:-.035em;margin-bottom:12px;font-size:clamp(46px,6vw,76px);line-height:.98}.land-sub{color:var(--color-player-c-deep);font-weight:700}.land-desc{color:var(--color-ink-soft);font-size:16px}.hero-actions{align-items:stretch}.hero-actions .ds-btn{min-height:48px}.land-more{color:var(--color-ink-soft)}button.linklike{color:var(--color-wood-700);font-weight:700;text-decoration-thickness:2px}.land-board{background:repeating-linear-gradient(4deg, #40291a0d 0 1px, transparent 1px 8px), linear-gradient(135deg, var(--color-wood-100), var(--color-wood-300));box-shadow:var(--shadow-board);border-radius:24px;align-items:center;padding:26px 20px 20px;position:relative;transform:rotate(1deg)}.land-board:before{content:"SRSZQ · GAME NIGHT";color:var(--color-wood-700);letter-spacing:.16em;align-self:flex-start;margin-bottom:8px;font-size:10px;font-weight:850}.mini-board{border:4px solid var(--color-wood-700);border-radius:var(--radius-lg);background:repeating-linear-gradient(92deg, transparent 0 28px, #40291a09 29px 30px), var(--color-wood-500);width:min(410px,78vw);padding:13px;box-shadow:inset 0 0 0 2px #fff9ea38,0 10px 18px #40291a38}.mini-board i{background:#40291a40;border-radius:50%;box-shadow:inset 0 2px 3px #40291a57,0 1px #fff9ea2e}.mini-board i.a,.mini-board i.b,.mini-board i.c{box-shadow:var(--shadow-piece);border-radius:50%}.mini-board i.a{background:radial-gradient(circle at 34% 28%, #ffc0b7, var(--color-player-a) 44%, var(--color-player-a-deep))}.mini-board i.b{background:radial-gradient(circle at 34% 28%, #d3efce, var(--color-player-b) 44%, var(--color-player-b-deep))}.mini-board i.c{background:radial-gradient(circle at 34% 28%, #c5e8f7, var(--color-player-c) 44%, var(--color-player-c-deep))}.land-key{color:var(--color-wood-900);font-weight:700}.land-key i{box-shadow:0 2px 3px #40291a40}.land-key .k-a{background:var(--color-player-a)}.land-key .k-b{background:var(--color-player-b)}.land-key .k-c{background:var(--color-player-c)}.land-board figcaption{color:var(--color-wood-700)}.land-rules{background:var(--color-paper);border:1px solid var(--color-paper-edge);border-radius:var(--radius-lg);max-width:1080px;box-shadow:var(--shadow-card);margin-top:28px}.land-rules-head{border-bottom:2px solid var(--color-wood-300);padding-bottom:12px}.howto-quick li{border-top-color:var(--color-paper-edge)}.howto-quick span{color:var(--color-ink-soft)}.land-rules-cta{border-top-color:var(--color-paper-edge)}.land-modes{gap:0;padding-inline:10px}.mode-line{border:0;border-bottom:1px solid var(--color-paper-edge);background:0 0;border-radius:0;padding:18px 8px}.mode-line:first-child{border-top:1px solid var(--color-paper-edge)}.m-icon{color:var(--color-wood-700);font-weight:850}.mode-line p{color:var(--color-ink-soft)}.auth-shell{align-items:flex-start;min-height:650px;padding-top:64px;position:relative}.auth-card2{border-color:var(--color-paper-edge);background:var(--color-paper);box-shadow:var(--shadow-card);padding:72px 34px 34px;position:relative}.auth-card2:before{content:"A     B     C";border-radius:var(--radius-md);background:radial-gradient(circle at 22px 16px, var(--color-player-a) 0 11px, transparent 12px), radial-gradient(circle at 66px 16px, var(--color-player-b) 0 11px, transparent 12px), radial-gradient(circle at 110px 16px, var(--color-player-c) 0 11px, transparent 12px), var(--color-wood-300);color:#0000;width:132px;height:32px;box-shadow:inset 0 0 0 2px var(--color-wood-700), 0 5px 9px #40291a2e;justify-content:center;align-items:center;display:flex;position:absolute;top:22px;left:50%;transform:translate(-50%)}.auth-card2 h2{color:var(--color-wood-900);font-size:26px}.auth-card2 .sub{color:var(--color-ink-soft)}.auth-tabs{border-bottom:1px solid var(--color-paper-edge);padding-bottom:12px}.field{color:var(--color-ink)}.lobby-rules-link{border:0;border-bottom:1px solid var(--color-paper-edge);background:0 0;border-radius:0}.lobby-user{color:var(--color-ink)}.lobby2{gap:16px}.fcard{background:var(--color-paper);border-color:var(--color-paper-edge);min-height:250px;box-shadow:var(--shadow-surface)}.fcard:after{display:none}.fcard .fc-icon{border-radius:var(--radius-sm);background:var(--color-paper-deep);width:max-content;min-width:46px;color:var(--color-wood-700);filter:none;letter-spacing:.06em;padding:7px 10px;font-size:13px;font-weight:850}.fcard .fc-desc{color:var(--color-ink-soft)}.fcard .fc-meta{color:var(--color-ink-faint);border-top:1px solid var(--color-paper-edge);padding-top:10px}.fcard.accent{border-color:var(--color-wood-500);background:#fff4dd}.fcard:hover{transform:none!important}.ds-panel{background:var(--color-paper)}.ds-panel .head{border-bottom:2px solid var(--color-wood-300);padding-bottom:12px}.ds-title{font-size:20px}.pf-table{color:var(--color-ink)}.pf-table th{color:var(--color-wood-700);background:var(--color-paper-deep);border-color:var(--color-paper-edge)}.pf-table td{border-color:var(--color-paper-edge)}.pf-table tbody tr:hover{background:#e7c99b47}.pf-table td b[style]{color:var(--color-wood-700)!important}.rank-no{font-variant-numeric:tabular-nums;color:var(--color-wood-700)!important}.friend-invite{background:var(--color-paper-deep);border-radius:var(--radius-md);padding:12px}.friend-row{border-color:var(--color-paper-edge);color:var(--color-ink)}.friend-row:hover{background:#e7c99b40}.pf-panel-wrap .pf-panel,.pf-panel-wrap .ds-panel,.local-setup{width:min(760px,100vw - 32px);box-shadow:var(--shadow-card);padding:24px}.panel-title{color:var(--color-wood-700);letter-spacing:.06em;font-size:14px;font-weight:850}.seat-row{border-color:var(--color-paper-edge);border-radius:var(--radius-md);box-shadow:none;background:#fffdf4}.seat-row.is-ai{border-color:var(--color-wood-500);background:#fff4dd}.seat-badge,.player-badge{box-shadow:var(--shadow-piece);border:2px solid #fff9eabf;color:var(--color-wood-900)!important}.seat-a .seat-badge,.player-a .player-badge,.tut-role.seat-a{--seat-color:var(--color-player-a)}.seat-b .seat-badge,.player-b .player-badge,.tut-role.seat-b{--seat-color:var(--color-player-b)}.seat-c .seat-badge,.player-c .player-badge,.tut-role.seat-c{--seat-color:var(--color-player-c)}.seat-a .seat-badge,.seat-b .seat-badge,.seat-c .seat-badge,.player-a .player-badge,.player-b .player-badge,.player-c .player-badge{background:var(--seat-color)!important}.howto{max-width:930px;padding:28px 30px 64px}.howto-head{border-bottom:3px double var(--color-wood-300)}.howto-head h1{color:var(--color-wood-900);letter-spacing:-.025em;font-size:clamp(32px,5vw,48px)}.howto-lead,.howto-qa p,.howto-full{color:var(--color-ink-soft)}.howto-block{margin-top:38px}.howto-block h2{color:var(--color-wood-700)}.howto-qa li{border-top-color:var(--color-paper-edge)}.howto-cta{background:var(--color-paper);border-color:var(--color-wood-300);box-shadow:var(--shadow-surface)}.vline-rno,.vline-chip{background:var(--color-paper);border-color:var(--color-paper-edge);color:var(--color-ink)}.vline-chip.none{color:var(--color-ink-faint)}.vline-chip.start,.vline-rno.start{border-color:var(--color-gold);background:#fff2c7}.etip-q{color:var(--color-wood-700);border-color:var(--color-wood-500)}.etip-pop{background:var(--color-wood-900);color:var(--color-paper);border-color:var(--color-wood-700)}.tutorial-page>.pf-nav{margin-bottom:18px}.tut-identity{background:0 0;border:0;gap:10px;padding:0}.tut-role{background:var(--color-paper);border:1px solid var(--color-paper-edge);box-shadow:var(--shadow-surface);position:relative;overflow:hidden}.tut-role:before{content:"";aspect-ratio:1;background:var(--seat-color);width:11px;box-shadow:var(--shadow-piece);border-radius:50%;position:absolute;top:10px;right:10px}.tut-role.you{border-color:var(--color-wood-700)}.tut-role.ai{border-color:var(--color-paper-edge)}.tut-rules{background:var(--color-paper);border-color:var(--color-paper-edge);box-shadow:var(--shadow-surface)}.coach-line{color:var(--color-ink-soft);box-shadow:var(--shadow-surface);background:#fff2c7;border:1px solid #dec47f}.app{gap:14px;max-width:1520px;padding:12px 24px 48px}.platform-bar{padding:4px 0 10px}.platform-title{color:var(--color-wood-700);font-weight:800}.topbar{border-bottom:1px solid var(--color-paper-edge);padding:10px 2px 12px}.brand h1{color:var(--color-wood-900)}.brand .subtitle{color:var(--color-ink-faint)}.logo-a{background:var(--color-player-a)}.logo-b{background:var(--color-player-b)}.logo-c{background:var(--color-player-c);box-shadow:0 0 0 1px var(--color-player-c-deep)}.cfg-chip{border-color:var(--color-paper-edge);border-radius:var(--radius-sm);background:var(--color-paper-deep);color:var(--color-wood-700)}.statusbar{background:var(--color-paper);border:1px solid var(--color-paper-edge);border-radius:var(--radius-md);box-shadow:var(--shadow-surface);padding:11px 16px}.status-value{color:var(--color-ink)}.turn-badge{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--color-wood-500);text-decoration-color:var(--color-wood-500)}.turn-badge.a{-webkit-text-decoration-color:var(--color-player-a-deep);text-decoration-color:var(--color-player-a-deep)}.turn-badge.b{-webkit-text-decoration-color:var(--color-player-b-deep);text-decoration-color:var(--color-player-b-deep)}.turn-badge.c{-webkit-text-decoration-color:var(--color-player-c-deep);text-decoration-color:var(--color-player-c-deep)}.eligible-badge{background:#fff2c7;border-color:var(--color-gold)!important;color:var(--color-ink)!important}.eligible-badge.a{box-shadow:inset 4px 0 0 var(--color-player-a)}.eligible-badge.b{box-shadow:inset 4px 0 0 var(--color-player-b)}.eligible-badge.c{box-shadow:inset 4px 0 0 var(--color-player-c)}.hint{color:#846115}.main{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.board-col,.side-col{gap:14px}.board-wrap{border-radius:22px;padding:8px}.board{border:7px solid var(--color-wood-700);border-radius:var(--radius-lg);background:repeating-linear-gradient(92deg, transparent 0 46px, #40291a0b 47px 48px), linear-gradient(96deg, var(--color-wood-300), #d2a467 45%, var(--color-wood-300));width:min(100%,100vh - 276px,720px);min-width:0;box-shadow:var(--shadow-board)}.board-corner,.col-label,.row-label{color:var(--color-wood-900);background:#6741262b;font-weight:750}.cell{box-shadow:inset 0 -1px 0 var(--board-line), inset -1px 0 0 var(--board-line);transition:background var(--motion-fast), box-shadow var(--motion-fast);background:#fff9ea09}.cell.legal:hover{background:#fff9ea47;box-shadow:inset 0 0 0 2px #fff9ea80}.cell.forbidden:hover{background:var(--color-warning-soft)}.legal-dot{opacity:1;background:#40291a45;width:25%;height:25%;box-shadow:inset 0 2px 3px #40291a52,0 1px #fff9ea6b}.legal-dot.preview-A{background:var(--color-player-a-deep)}.legal-dot.preview-B{background:var(--color-player-b-deep)}.legal-dot.preview-C{background:var(--color-player-c-deep)}.stone{width:78%;height:78%;color:var(--color-wood-900);box-shadow:var(--shadow-piece);border:1px solid #fff9eaa6;animation:none}.stone-A{background:radial-gradient(circle at 34% 27%, #ffc0b7, var(--color-player-a) 43%, var(--color-player-a-deep));color:var(--color-wood-900)}.stone-B{background:radial-gradient(circle at 34% 27%, #d3efce, var(--color-player-b) 43%, var(--color-player-b-deep));color:var(--color-wood-900)}.stone-C{background:radial-gradient(circle at 34% 27%, #c5e8f7, var(--color-player-c) 43%, var(--color-player-c-deep));color:var(--color-wood-900);box-shadow:var(--shadow-piece);border-color:#fff9eaa6}.cell.last-move .stone{animation:tabletop-piece-drop var(--motion-piece) var(--ease-settle) both}@keyframes tabletop-piece-drop{0%{opacity:.24;transform:translateY(-52%)scale(.88)rotate(-2deg);box-shadow:0 14px 11px #40291a1a}62%{opacity:1;transform:translateY(5%)scale(1.035)rotate(0)}82%{transform:translateY(-2%)scale(.99)}to{opacity:1;box-shadow:var(--shadow-piece);transform:translateY(0)scale(1)}}.stone-win{animation:.95s ease-in-out 3 tabletop-win}@keyframes tabletop-win{50%{box-shadow:0 0 0 5px #fff2c7, var(--shadow-piece);transform:scale(1.08)}}.last-move:after{border-color:var(--color-paper);opacity:.9}.forbidden-x,.text-forbidden,.legend-x{color:var(--color-warning)}.forbidden-bg{background:#b64a3c33}.hover-preview.preview-A{background:var(--color-player-a)!important}.hover-preview.preview-B{background:var(--color-player-b)!important}.hover-preview.preview-C{background:var(--color-player-c)!important}.ring-A{border-color:var(--color-player-a)}.ring-B{border-color:var(--color-player-b)}.ring-C{border-color:var(--color-player-c-deep)}.legend{color:var(--color-ink-soft)}.legend-dot{background:#40291a59}.players-row{gap:10px}.player-card{background:var(--color-paper);border-color:var(--color-paper-edge);box-shadow:var(--shadow-surface);position:relative;overflow:hidden}.player-card.player-a{--seat-color:var(--color-player-a)}.player-card.player-b{--seat-color:var(--color-player-b)}.player-card.player-c{--seat-color:var(--color-player-c)}.player-card.current{border-color:var(--seat-color);box-shadow:0 0 0 2px var(--seat-color), var(--shadow-card)}.player-card.eligible{border-color:var(--color-gold);box-shadow:0 0 0 2px #e3be64, var(--shadow-card)}.player-stats{color:var(--color-ink-soft)}.win-right{color:#64470f;border-radius:var(--radius-sm);background:#fff2c7;border:1px solid #d2a84f}.ai-tag,.human-tag{color:var(--color-ink-soft)}.controls,.history{box-shadow:none}.controls.panel,.history.panel{border:0;border-top:1px solid var(--color-paper-edge);background:0 0;border-radius:0;padding-inline:0}.check{color:var(--color-ink-soft)}.history-list{color:var(--color-ink-soft);scrollbar-color:var(--color-wood-500) var(--color-paper-deep)}.history-line.win{color:#64470f;background:#fff2c7}.history-line.pass{color:#846115}.notice{border-radius:var(--radius-sm);color:var(--color-ink)}.notice.info{border-color:var(--color-player-c);color:#275d74;background:#e6f1f5}.notice.pass{color:#64470f;background:#fff2c7;border-color:#dec47f}.notice.error{background:var(--color-warning-soft);border-color:var(--color-warning);color:#84352d}.bac-panel{background:var(--color-paper);border-color:var(--color-paper-edge);box-shadow:var(--shadow-surface)}.bac-title{color:var(--color-wood-900);letter-spacing:.04em}.bac-sub,.bac-foot,.bac-now-note{color:var(--color-ink-soft)}.bac-now{border-color:var(--color-paper-edge);background:#fffdf4}.bac-now:before{display:none}.bac-now.locked{border-color:var(--color-paper-edge)}.bac-now.yours{border-color:var(--color-gold);animation:none;box-shadow:0 0 0 2px #efd58d}.bac-now-flag{background:var(--color-paper-deep);border-color:var(--color-wood-300);color:var(--color-wood-700);border-radius:var(--radius-sm)}.bac-holder-line b{color:var(--color-ink)}.bac-pill{background:var(--color-paper-deep);border-color:var(--color-paper-edge);color:var(--color-ink-soft);border-radius:var(--radius-sm)}.bac-pill.win{color:#64470f;box-shadow:none;background:#fff2c7;border:1px solid #d2a84f}.bac-orb{box-shadow:var(--shadow-piece);color:var(--color-wood-900)!important;border-color:var(--color-paper)!important}.bac-orb.none{box-shadow:none;color:var(--color-ink-faint)!important;border-color:var(--color-paper-edge)!important}.bac-orb.a{background:var(--color-player-a)}.bac-orb.b{background:var(--color-player-b)}.bac-orb.c{background:var(--color-player-c)}.bac-window,.bac-window.yours{background:var(--color-paper-deep);border-color:var(--color-paper-edge)}.bac-window-en{color:var(--color-ink)}.bac-window-zh,.bac-next-head{color:var(--color-ink-soft)}.bac-next-head,.bac-foot{border-color:var(--color-paper-edge)}.bac-collapse-btn{border-color:var(--color-paper-edge);color:var(--color-wood-700);border-radius:var(--radius-sm)}.bac-row{color:var(--color-ink)}.bac-row.now{background:#fff2c7;border-color:#dec47f}.bac-row.next{border-color:var(--color-player-c);background:#e6f1f5}.bac-row.you{box-shadow:inset 3px 0 0 var(--color-player-c-deep)}.bac-row .bac-rno,.bac-pname{color:var(--color-ink-soft)}.bac-flag.now{background:var(--color-gold);color:var(--color-paper);border-radius:5px}.bac-flag.next,.bac-you{color:var(--color-player-c-deep)}.bac-you{border-color:var(--color-player-c);background:#e6f1f5;border-radius:5px}.matchmaking-card{background:var(--color-paper);border-color:var(--color-paper-edge);box-shadow:var(--shadow-card)}.mm-seats{justify-content:center;gap:18px;min-height:60px;margin-bottom:12px;display:flex}.mm-seats span{width:48px;height:48px;color:var(--color-wood-900);box-shadow:var(--shadow-piece);border-radius:50%;place-items:center;font-weight:900;display:grid}.mm-seats .seat-a{background:var(--color-player-a)}.mm-seats .seat-b{background:var(--color-player-b)}.mm-seats .seat-c{background:var(--color-player-c)}.mm-seats.searching span{animation:seat-arrive 1.8s var(--ease-settle) infinite}.mm-seats.searching span:nth-child(2){animation-delay:.16s}.mm-seats.searching span:nth-child(3){animation-delay:.32s}@keyframes seat-arrive{0%,55%,to{transform:translateY(0)}68%{transform:translateY(-7px)}}.mm-timer{color:var(--color-wood-700)}.mm-bar{background:var(--color-paper-deep);border-radius:var(--radius-sm)}.mm-bar-fill{background:var(--color-wood-500)}.match-result-mark{color:var(--color-wood-700);letter-spacing:.16em;font-size:12px;font-weight:900}.online-game{color:var(--color-ink)}.online-layout{gap:20px}.online-board-col .board{width:min(100%,100vh - 330px,720px)}.modal-backdrop{background:#2f292394}.modal{background:var(--color-paper);border-color:var(--color-wood-300);box-shadow:0 24px 70px #40291a57}.modal-head,.modal-foot{border-color:var(--color-paper-edge)}.modal-body{color:var(--color-ink)}.big-stone{box-shadow:var(--shadow-piece)}.big-stone.stone-A{background:var(--color-player-a)}.big-stone.stone-B{background:var(--color-player-b)}.big-stone.stone-C{background:var(--color-player-c)}.rule-table th,.rule-table td{border-color:var(--color-paper-edge)}@media (width<=1100px){.main,.online-layout{grid-template-columns:1fr}.board,.online-board-col .board{width:min(100%,100vw - 88px,700px)}.side-col{order:2}.land-hero{gap:36px}}@media (width<=900px){.land-hero{grid-template-columns:1fr;padding-top:42px}.land-h1{max-width:none}.land-board{justify-self:center}.mode-line{grid-template-columns:60px minmax(0,1fr) auto}.tut-identity{flex-direction:column}.players-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){body:before{opacity:.18}.pf-page{padding-inline:14px}.glass-nav{flex-wrap:wrap;gap:8px;padding:10px 8px}.pf-brand{font-size:17px}.pf-nav-links{flex-wrap:wrap;justify-content:space-between;gap:2px;width:100%}.pf-nav-links .ds-btn{min-height:38px;padding-inline:10px;font-size:12px}.pf-user{text-overflow:ellipsis;white-space:nowrap;flex:190px;order:10;max-width:none;overflow:hidden}.pf-user .pf-avatar{flex:none}.pf-user+.ds-btn{order:11}.land-hero{gap:34px;min-height:0;padding:38px 10px 28px}.land-copy:before{margin-bottom:10px}.land-h1{max-width:7ch;font-size:clamp(46px,16vw,62px)}.land-desc{font-size:15px}.hero-actions{grid-template-columns:1fr;display:grid}.hero-actions .ds-btn{width:100%}.land-board{width:100%;padding:20px 14px 16px;transform:none}.mini-board{width:100%}.land-rules{padding:18px 16px}.mode-line{grid-template-columns:1fr;gap:7px;padding-block:16px}.mode-line .ds-btn{justify-self:stretch}.m-icon{text-align:left}.auth-shell{min-height:0;padding:38px 0}.auth-card2{padding-inline:22px}.app{padding:10px 12px 38px}.platform-bar,.topbar{align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}.statusbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.status-item.wide{grid-column:1/-1;min-width:0}.board-wrap{padding:0}.board,.online-board-col .board{border-width:5px;width:100%;min-width:0}.players-row{grid-template-columns:1fr}.player-card{min-height:0}.side-col{gap:10px}.btn-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.btn-row .btn,.btn-row .ds-btn{white-space:normal}.btn-row.small{grid-template-columns:1fr}.check{min-height:40px}.legend{gap:8px 10px;line-height:1.7}.howto{padding:24px 4px 48px}.howto-head{flex-direction:column}.howto-head .ds-btn{align-self:flex-start}.pf-panel-wrap .pf-panel,.pf-panel-wrap .ds-panel,.local-setup{width:100%;padding:18px 14px}.seat-row{grid-template-columns:34px minmax(0,1fr);display:grid}.seat-row .seat-select{grid-column:1/-1;width:100%}.friend-row{flex-wrap:wrap}.friend-invite{grid-template-columns:1fr;display:grid}.friend-invite .ds-btn{width:100%}.ds-panel{width:100%;padding:14px;overflow-x:auto}.pf-table{min-width:0;display:block}.pf-table thead{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pf-table tbody{gap:6px;display:grid}.pf-table tbody tr{border-bottom:1px solid var(--color-paper-edge);grid-template-columns:30px minmax(0,1fr) auto auto;grid-template-areas:"rank player player rating""rank record rate status";align-items:center;gap:4px 8px;padding:8px 4px;display:grid}.pf-table td{border:0;min-width:0;padding:2px 3px}.pf-table td:first-child{grid-area:rank;align-self:center}.pf-table td:nth-child(2){overflow-wrap:anywhere;grid-area:player;align-items:center;gap:6px;display:flex}.pf-table td:nth-child(3){text-align:right;grid-area:rating}.pf-table td:nth-child(4){grid-area:record}.pf-table td:nth-child(5){grid-area:rate}.pf-table td:nth-child(6){text-align:right;grid-area:status}.pf-table td[data-label]:before{content:attr(data-label) " ";color:var(--color-ink-faint);letter-spacing:.04em;font-size:10px}.matchmaking-card{margin:28px auto;padding:28px 18px}.online-game{padding-inline:0}.online-game>.pf-nav{flex-wrap:wrap}.online-game>.pf-nav .danger{margin-left:0!important}.bac-now-body{align-items:flex-start}}@media (width<=380px){.pf-page{padding-inline:10px}.pf-nav-links .ds-btn{padding-inline:7px}.land-h1{font-size:48px}.app{padding-inline:8px}.statusbar{grid-template-columns:1fr}.status-item.wide{grid-column:auto}.brand h1{font-size:19px}.cfg-chip{font-size:11px}}@media (prefers-reduced-motion:reduce){.cell.last-move .stone{animation:.12s ease-out both tabletop-piece-confirm!important}@keyframes tabletop-piece-confirm{0%{opacity:.72;filter:saturate(.72)}to{opacity:1;filter:saturate()}}.mm-seats.searching span{animation:none!important}.stone-win{box-shadow:0 0 0 4px #fff2c7, var(--shadow-piece);animation:none!important}.fade-in{animation:none!important}}