:root{--ivory: #f6f1e2;--paper: #fffcf2;--bamboo: #6d8763;--bamboo-deep: #435b41;--cinnabar: #b23825;--cinnabar-deep: #84241a;--ink: #23211d;--ink-soft: #655f52;--royal-gold: #b8842c;--royal-gold-deep: #8e651c;--line-soft: rgba(101, 95, 82, .18);--shadow-card: 0 10px 30px rgba(35, 33, 29, .08);--tile-w: 44px;--tile-h: 60px;--tile-bg: #f7f6f2;--tile-border: #d8d4c8;--table-bg: #0d5c46;--panel-bg: #1a1a1a;--text: #e8e6df;--accent: #e0b34c;--wood-1: #7a4a26;--wood-2: #4a2c18;--wood-3: #2f1b0e;--felt-1: #1b5c47;--felt-2: #124737;--felt-3: #0b3327;--tile-back: #2f7d4f;--tile-back-edge: #1e5a37;--river-inset: 110px;--gold: #e0b34c;--gold-light: #ffe28a;--hu-red: #c0392b;--table-panel-bg: rgba(4, 20, 16, .62);--tile-a: 44px;--tile-b: 60px;--tile-c: 12px;--tile-face: #f5f0e2}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:#101010;color:var(--text)}.app{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--panel-bg);border-bottom:1px solid #333}.app-header h1{font-size:16px;margin:0}.app-header-collapsed{justify-content:flex-start;padding:4px 16px}.header-toggle{font-size:12px;padding:3px 10px}.app-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#bbb}.app-main{flex:1;display:flex;min-height:0}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:#999}.btn{padding:6px 14px;border:1px solid #555;border-radius:6px;background:#2a2a2a;color:#eee;cursor:pointer;font-size:13px}.btn:hover{background:#3a3a3a}.btn-primary{background:var(--accent);border-color:var(--accent);color:#1a1a1a;font-weight:600}.btn-hu{background:#c0392b;border-color:#c0392b;color:#fff}.btn-gang{background:#8e44ad;border-color:#8e44ad;color:#fff}.btn-peng{background:#d35400;border-color:#d35400;color:#fff}.btn-chi{background:#16a085;border-color:#16a085;color:#fff}.btn-discard{background:#2c3e50;border-color:#2c3e50;color:#fff}.btn-pass{background:#555;border-color:#555;color:#fff}.table{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;padding:40px;position:relative;overflow:hidden}.game-scene-3d{position:absolute;inset:0;z-index:1;pointer-events:none}.table-wood{position:absolute;inset:0;border-radius:34px;background:linear-gradient(160deg,var(--wood-1),var(--wood-2) 45%,var(--wood-3));box-shadow:inset 0 2px #ffffff24,inset 0 -4px 12px #00000080,0 24px 50px #0009;z-index:0}.table-wood-inner{position:absolute;inset:18px;border-radius:22px;background:linear-gradient(180deg,#8a5a2e,#5a3a1e);box-shadow:inset 0 0 0 2px #00000059,inset 0 2px 6px #ffffff1a;z-index:0}.table-felt{position:absolute;inset:40px;border-radius:14px;background:radial-gradient(ellipse at 50% 45%,var(--felt-1) 0%,var(--felt-2) 55%,var(--felt-3) 100%);box-shadow:inset 0 0 44px #0000008c,inset 0 0 0 2px #0006;z-index:0}.grid-guide{position:absolute;inset:40px;border-radius:14px;overflow:hidden;opacity:.05;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:32px 32px}.table>.rotate-hint{position:relative;z-index:1}.table-mid{flex:1;display:flex;justify-content:space-between;align-items:stretch;gap:12px;min-height:120px}.center-river{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;grid-template-rows:auto minmax(40px,1fr) auto;grid-template-areas:". west ." "north info south" ". east .";gap:4px;align-items:center;justify-items:center;min-width:220px}.river-zone{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.river-zone-label{font-size:11px;font-weight:600;color:#cfe0d6;white-space:nowrap}.river-zone .river{max-width:96px;justify-content:center}.river-zone-east{grid-area:east}.river-zone-south{grid-area:south}.river-zone-west{grid-area:west}.river-zone-north{grid-area:north}.river-zone-east{transform:rotate(0)}.river-zone-west{transform:rotate(180deg)}.river-zone-north{transform:rotate(90deg)}.river-zone-south{transform:rotate(-90deg)}.center-info{grid-area:info;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#d5e8dd;font-size:13px;white-space:nowrap}.center-wall{font-size:13px;color:#bcd6c8}.center-turn{font-weight:600;color:#fff}.rotate-hint{display:none}.opponent{display:flex;flex-direction:column;gap:4px;padding:8px;background:#0000002e;border-radius:8px}.opponent-across{align-items:center}.opponent-turn{outline:2px solid var(--accent)}.opponent-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#cfe0d6}.opponent-count{color:#aac6b8}.opponent-body{display:flex;align-items:center;gap:8px}.seat-tag{font-weight:600}.seat-nickname{display:inline-flex;align-items:center;gap:6px;padding:3px 12px 3px 4px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);max-width:100%}.seat-nickname-avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#1a1a1a;background:linear-gradient(135deg,#ffd166,#f0a24b);flex:0 0 auto}.seat-nickname-text{font-size:15px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seat-nickname-wind{font-size:11px;font-weight:600;color:#cfe0d6;background:#00000047;border-radius:6px;padding:0 5px;flex:0 0 auto}.seat-nickname-self{background:#e0b34c2e;border-color:var(--accent)}.seat-nickname-self .seat-nickname-avatar{background:linear-gradient(135deg,#ffe28a,#e0b34c)}.badge{padding:1px 6px;border-radius:4px;font-size:11px}.badge-ting{background:#c0392b;color:#fff}.concealed{display:flex;gap:2px;flex-wrap:wrap}.concealed-tile{width:16px;height:22px;background:linear-gradient(180deg,var(--tile-back) 0%,var(--tile-back-edge) 100%);border:1px solid var(--tile-back-edge);border-radius:2px}.concealed-vertical{flex-direction:column;gap:2px;flex-wrap:nowrap}.concealed-vertical .concealed-tile{width:12px;height:22px}.opponent-vertical .opponent-body{flex-direction:column;align-items:center;gap:4px}.tile{width:var(--tile-w);height:var(--tile-h);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;flex-shrink:0;position:relative;transition:transform .08s ease}.tile-front{background:linear-gradient(180deg,#ffffff 0%,var(--tile-bg) 100%);border:1px solid var(--tile-border);box-shadow:0 2px 3px #00000059}.tile-img{background:transparent;border:none}.tile-face{width:100%;height:100%;display:block;object-fit:fill;border-radius:4px;pointer-events:none;-webkit-user-select:none;user-select:none}.tile-label{font-size:20px;font-weight:700;line-height:1}.tile-sub{font-size:11px;font-weight:600;margin-top:2px}.tile-honor .tile-label{font-size:24px}.tile-flower .tile-label{font-size:18px}.tile-back{background:linear-gradient(180deg,var(--tile-back) 0%,var(--tile-back-edge) 100%);border:1px solid var(--tile-back-edge)}.tile-clickable{cursor:pointer}.tile-clickable:hover{transform:translateY(-4px);box-shadow:0 4px 6px #00000073}.tile-selected{transform:translateY(-8px);outline:2px solid var(--gold);box-shadow:0 0 8px #e0b34c80,0 5px 8px #00000080}.tile-drawn{transform:translateY(-6px);outline:2px solid #ff5a4e;box-shadow:0 0 16px #ff5a4ef2,0 4px 8px #00000080;animation:drawn-float 1.6s ease-in-out infinite}@keyframes drawn-float{0%,to{transform:translateY(-6px)}50%{transform:translateY(-11px)}}.river-tile,.meld-tile{width:22px;height:30px}.river-tile .tile-label,.meld-tile .tile-label{font-size:11px}.river-tile .tile-sub,.meld-tile .tile-sub{font-size:7px}.river-tile.tile-honor .tile-label,.meld-tile.tile-honor .tile-label{font-size:13px}.river-tile.tile-flower .tile-label,.meld-tile.tile-flower .tile-label{font-size:10px}.hand{display:flex;gap:4px;justify-content:center;padding:8px 0}.river{display:flex;flex-wrap:wrap;gap:2px;max-width:360px}.melds{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.meld-group{display:flex;gap:1px}.hand-row{display:flex;align-items:center;justify-content:center;gap:10px}.self-zone{display:flex;flex-direction:column;gap:4px}.self-row{display:flex;align-items:center;gap:16px}.self-info{display:flex;align-items:center;gap:8px;font-size:13px}.action-bar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:6px 0}.btn-pill{width:44px;height:44px;padding:0;border-radius:50%;font-size:15px;font-weight:700;background:#4a4a4a;border-color:#5a5a5a;color:#b9b9b9}.btn-pill:disabled{cursor:default;opacity:.85}.btn-pill-on{background:#e0392b;border-color:#e0392b;color:#fff;box-shadow:0 2px 6px #e0392b80}.btn-pill-on:hover{background:#f0452f}.btn-pill-on:active{transform:translateY(1px)}.btn-pill-hu{width:auto;min-width:44px;padding:0 14px;border-radius:999px;background:linear-gradient(135deg,#e6b422,#f0c94a);border-color:#e6b422;color:#3a2a00;font-weight:800;animation:hu-pulse 1s ease-in-out infinite}@keyframes hu-pulse{0%,to{box-shadow:0 0 #e6b422b3}50%{box-shadow:0 0 0 8px #e6b42200}}.ting-hint{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:4px 10px;border:1px solid rgba(224,179,76,.5);border-radius:8px;background:#e0b34c14}.ting-hint-title{font-size:13px;font-weight:700;color:var(--accent);margin-right:2px}.ting-hint-item{display:inline-flex;align-items:center;gap:2px}.ting-hint-tile{width:26px;height:36px}.ting-hint-remain{font-size:11px;color:#2ecc71;font-weight:700}.ting-hint-fan{font-size:11px;color:#e6b422;font-weight:800}.ai-launcher{position:fixed;right:344px;bottom:12px;z-index:21}.ai-launch-button,.ai-tab,.ai-submit,.ai-close{border:1px solid #444;background:#222;color:var(--text);cursor:pointer}.ai-launch-button{padding:8px 12px;border-radius:8px;font-size:13px;font-weight:700}.ai-launch-button:disabled,.ai-tab:disabled,.ai-submit:disabled{opacity:.55;cursor:not-allowed}.ai-dialog{position:fixed;right:12px;bottom:64px;width:min(390px,calc(100vw - 24px));max-height:min(74vh,620px);overflow:auto;padding:14px;border:1px solid #444;border-radius:8px;background:#151515;color:var(--text);box-shadow:0 10px 30px #0000008c;z-index:22}.ai-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ai-header h2{margin:0;font-size:16px}.ai-close{width:30px;height:30px;border-radius:6px;font-size:18px;line-height:1}.ai-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:10px}.ai-tab{min-height:32px;border-radius:6px;font-size:12px}.ai-tab.active{border-color:var(--accent);color:var(--accent);font-weight:700}.ai-field{display:grid;gap:4px;margin-bottom:10px;font-size:12px}.ai-field input{min-height:34px;padding:0 9px;border:1px solid #444;border-radius:6px;background:#1f1f1f;color:var(--text)}.ai-submit{width:100%;min-height:34px;margin-bottom:10px;border-radius:6px;font-size:13px}.ai-facts{padding:9px;margin-bottom:10px;border:1px solid rgba(230,180,34,.38);border-radius:6px;background:#e6b42214}.ai-facts h3{margin:0 0 7px;font-size:12px;color:#e6b422}.ai-fact-row{display:flex;align-items:center;gap:5px;margin:5px 0;font-size:12px}.ai-tile{width:24px;height:33px}.ai-prose{min-height:42px;padding:9px;border-radius:6px;background:#202020;color:#ddd;font-size:13px;line-height:1.45;white-space:pre-wrap}.chow-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 0}.chow-bar-label{font-size:14px;font-weight:600;color:var(--accent)}.app-side{width:300px;border-left:1px solid #333;background:#151515;overflow:auto;padding:8px}.event-log h3{font-size:13px;margin:0 0 8px;color:#999}.event-log ul{list-style:none;margin:0;padding:0;font-size:12px;color:#aaa}.event-log li{padding:2px 0;border-bottom:1px solid #222;font-family:Consolas,Menlo,monospace}.chat-window{position:fixed;right:12px;bottom:12px;width:320px;max-height:420px;display:flex;flex-direction:column;background:#151515;border:1px solid #333;border-radius:8px;overflow:hidden;z-index:20;box-shadow:0 4px 16px #00000080}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1f1f1f;border-bottom:1px solid #333;cursor:pointer;user-select:none}.chat-title{font-size:13px;font-weight:600;color:var(--text)}.chat-toggle{color:#999;font-size:12px}.chat-messages{list-style:none;margin:0;padding:8px;flex:1;overflow-y:auto;font-size:12px;max-height:300px}.chat-messages li{margin:0 0 6px;line-height:1.4;word-break:break-word}.chat-author{color:var(--accent);margin-right:6px;font-weight:600}.chat-text{color:#ddd}.chat-self .chat-author{color:#7ec8ff}.chat-input-row{display:flex;border-top:1px solid #333}.chat-input-row input{flex:1;background:#1f1f1f;border:none;color:var(--text);padding:8px 10px;font-size:13px;outline:none}.chat-input-row button{border:none;background:var(--accent);color:#1a1a1a;padding:0 14px;cursor:pointer;font-size:13px;font-weight:600}.settle-overlay{position:fixed;inset:0;background:radial-gradient(1200px 500px at 85% -10%,rgba(109,135,99,.14),transparent 60%),#f6f1e2f5;display:flex;align-items:center;justify-content:center;z-index:100}.settle-panel{position:relative;background:transparent;border:0;box-shadow:none;color:var(--ink);padding:24px 32px;min-width:360px;max-width:1120px;width:min(1120px,calc(100% - 32px));max-height:80vh;overflow:auto}.settle-panel h2{margin:0 0 12px;color:var(--ink)}.settle-winner{font-size:16px;font-weight:600}.settle-draw{color:var(--ink-soft)}.settle-fans table{width:100%;border-collapse:collapse;font-size:13px;margin:12px 0}.settle-fans th,.settle-fans td{padding:4px 8px;border:0;text-align:left}.settle-fans th{background:transparent}.settle-deltas{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.delta-row{display:flex;justify-content:space-between;font-size:14px}.settle-actions{display:flex;gap:12px;justify-content:center;align-items:center;padding-top:6px}.settle-reveal{margin:12px 0}.settle-reveal-title{font-size:13px;color:var(--ink-soft);margin:0 0 8px}.reveal-seat{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--line-soft);border-radius:6px;margin-bottom:8px;background:var(--paper)}.reveal-seat-winner{border-color:var(--royal-gold);background:#b8842c1f}.reveal-seat-label{font-size:12px;color:var(--ink-soft)}.reveal-seat-winner .reveal-seat-label{color:var(--royal-gold-deep);font-weight:600}.reveal-tiles{display:flex;flex-wrap:wrap;gap:4px}.reveal-tile{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:38px;padding:0 3px;border:1px solid var(--tile-border);border-radius:4px;background:var(--tile-bg);color:var(--ink);font-size:13px;font-weight:600}.settle-hu-announce{font-size:20px;font-weight:700;color:var(--cinnabar);margin:0 0 4px}.reveal-pending{font-size:12px;color:var(--ink-soft);padding:6px 0}.settle-winner-hand{margin:12px 0;background:#fffcf2e6;border:1px solid var(--line-soft);border-radius:16px;padding:14px 18px}.settle-winner-hand-title{font-size:13px;color:var(--ink-soft);margin:0 0 8px}.settle-tile{width:32px;height:44px}.settle-tile-meld{opacity:.82}.settle-tile-win{outline:2px solid var(--royal-gold);box-shadow:0 0 0 1px #23211d66,0 0 0 5px #b8842c47,0 2px 6px #23211d38}.settle-fan-tiles-cell{background:transparent}.settle-fan-tiles{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:4px 0 8px}.settle-fan-tag{font-size:11px;color:var(--ink-soft);border:1px solid var(--line-soft);border-radius:6px;padding:2px 8px;background:var(--ivory);margin-right:4px;white-space:nowrap}.settle-tile-fan{width:28px;height:38px}.settle-fan-conditional{font-size:12px;color:var(--ink-soft)}.lobby{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;gap:20px;padding:40px 24px;background:#101010}.lobby-header{display:flex;flex-direction:column;align-items:center;gap:8px}.lobby-header-bar{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:720px;gap:12px}.lobby-header-actions{display:flex;align-items:center;gap:8px}.auth-panel{position:relative}.auth-toggle,.auth-logout,.auth-profile{font-size:13px;padding:4px 10px}.auth-profile{font-weight:600;white-space:nowrap}.auth-logged-in{display:flex;align-items:center;gap:8px}.auth-email{font-size:13px;color:#ccc;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-form{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:260px;display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #333;border-radius:8px;background:#151515;box-shadow:0 6px 24px #00000080}.auth-form input{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #333;border-radius:6px;background:#1f1f1f;color:#eee;font-size:14px}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-hint{margin:0;font-size:12px;color:#999;line-height:1.5}.auth-actions{display:flex;gap:8px}.auth-actions .btn{flex:1}.auth-upgrade{width:100%}.auth-upgrade-hint{margin:0;font-size:11px;color:#777}.auth-msg{margin:0;font-size:12px}.auth-msg-ok{color:#2ecc71}.auth-msg-err{color:#e74c3c}.lobby-header h1{font-size:22px;margin:0;color:var(--accent)}.lobby-status{display:flex;align-items:center;gap:8px}.status{font-size:13px}.status-ok{color:#2ecc71}.status-pending{color:#f1c40f}.status-err{color:#e74c3c}.lobby-error{padding:8px 16px;border:1px solid #e74c3c;border-radius:6px;color:#e74c3c;background:#e74c3c1a;font-size:14px}.lobby-hint{color:#999;font-size:14px}.lobby-actions{display:flex;flex-direction:column;align-items:center;gap:16px}.lobby-join{display:flex;gap:8px}.lobby-join input{padding:6px 10px;font-size:16px;letter-spacing:2px;text-transform:uppercase;border:1px solid #555;border-radius:6px;background:#1a1a1a;color:#eee;width:140px;text-align:center}.lobby-room{display:flex;flex-direction:column;align-items:center;gap:16px}.lobby-room-code{font-size:18px;color:#ccc}.lobby-room-code b{color:var(--accent);font-size:22px;letter-spacing:2px}.badge-owner{background:var(--accent);color:#1a1a1a}.lobby-seats{display:flex;gap:12px}.lobby-seat{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 18px;border:1px solid #444;border-radius:8px;min-width:110px;background:#1a1a1a;font:inherit;color:inherit;text-align:center;cursor:pointer;appearance:none;-webkit-appearance:none}.lobby-seat:disabled{cursor:default}.lobby-seat-occupied{border-color:var(--accent)}.lobby-seat-empty{opacity:.6}.lobby-seat-mine{border-color:#2ecc71;background:#2ecc711f;opacity:1}.lobby-seat-selectable:hover{border-color:var(--accent);background:#262626;opacity:1}.lobby-seat-wind{font-size:20px;font-weight:700;color:#ddd}.lobby-seat-dealer{margin-left:4px;padding:1px 5px;border-radius:4px;background:#c0392b;color:#fff;font-size:11px;font-weight:600;vertical-align:middle}.lobby-seat-label{font-size:14px;display:flex;align-items:center;gap:4px}.lobby-seat-state{font-size:12px;color:#999}.lobby-seat-select{display:flex;flex-direction:column;align-items:center;gap:12px}.lobby-seat-select-title{font-size:15px;font-weight:600;color:#ccc;margin:0}.btn-start{background:#2ecc71;border-color:#2ecc71;color:#1a1a1a;font-weight:600}.lobby-hero{text-align:center;margin-bottom:4px}.lobby-hero h2{font-size:20px;margin:0 0 8px;color:var(--text)}.lobby-hero p{font-size:13px;color:#999;margin:0}.lobby-entries{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.entry-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:260px;padding:18px;border:1px solid #444;border-radius:10px;background:#1a1a1a;color:inherit;font:inherit;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none}.entry-card:hover{border-color:var(--accent);background:#202020}.entry-card-icon{font-size:26px;line-height:1}.entry-card-title{font-size:17px;font-weight:700;color:#eee}.entry-card-desc{font-size:12px;color:#999}.entry-card-practice{cursor:default}.entry-card-practice:hover{border-color:#444;background:#1a1a1a}.lobby-practice-variants{flex-wrap:wrap;gap:6px}.entry-card-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:4px}.entry-card-ranked{cursor:default}.entry-card-ranked:hover{border-color:#444;background:#1a1a1a}.lobby-profile{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:4px 0 16px;padding:8px 16px;border:1px solid #333;border-radius:8px;background:#151515;font-size:13px;color:#ccc}.lobby-profile-name{font-weight:700;color:#eee}.lobby-profile-tier{padding:1px 8px;border-radius:4px;background:var(--accent);color:#1a1a1a;font-weight:600}.lobby-profile-score{color:#bbb}.lobby-profile-season{color:#999}.lobby-growth{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin:4px 0 16px;padding:8px 16px;border:1px solid #333;border-radius:8px;background:#151515;font-size:13px;color:#ccc}.lobby-growth-rank{font-weight:700;color:#eee}.lobby-growth-title{padding:1px 8px;border-radius:4px;background:#2a2a2a;color:#e6c77a;font-weight:600}.lobby-growth-points{color:#bbb}.lobby-growth-next{color:#999}.lobby-growth-bar{display:inline-block;width:120px;height:6px;border-radius:3px;background:#2a2a2a;overflow:hidden;vertical-align:middle}.lobby-growth-bar-fill{display:block;height:100%;border-radius:3px;background:#e6c77a}.match-status{display:flex;flex-direction:column;gap:6px;width:100%}.match-status-text{font-size:14px;font-weight:600;color:var(--accent)}.match-status-size{font-size:12px;color:#999}.room-list{width:100%;max-width:720px;margin-top:8px}.room-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.room-list-header h2{font-size:15px;font-weight:600;color:#ccc;margin:0}.room-list-empty{color:#777;font-size:13px;text-align:center;padding:12px;border:1px dashed #333;border-radius:8px}.room-list-grid{display:flex;flex-wrap:wrap;gap:12px}.room-card{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #444;border-radius:8px;background:#1a1a1a;min-width:200px}.room-card-playing{border-color:#2ecc71}.room-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-card-code{font-family:Consolas,Menlo,monospace;font-size:16px;font-weight:700;color:var(--accent);letter-spacing:2px}.room-card-phase{font-size:11px;padding:1px 6px;border-radius:4px}.phase-waiting{background:#f1c40f;color:#1a1a1a}.phase-playing{background:#2ecc71;color:#1a1a1a}.phase-finished{background:#555;color:#ccc}.room-card-seats{display:flex;flex-direction:column;gap:3px}.room-card-seat{display:flex;align-items:center;gap:8px;font-size:12px}.room-card-wind{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;background:#2a2a2a;color:#ddd;font-weight:700}.room-card-nickname{color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-card-join{align-self:flex-start}.badge-you{background:#2ecc71;color:#1a1a1a}.badge-mode-ranked{background:#c0392b;color:#fff;font-weight:600}.badge-mode-friendly{background:#2c3e50;color:#eee}.flowers{display:flex;align-items:center;gap:3px}.flowers-label{font-size:12px;font-weight:700;color:var(--accent);margin-right:2px}.flower-tile{width:26px;height:36px}.flower-tile .tile-label{font-size:14px}.rules-page{min-height:100vh;padding:24px}.rules-header{display:flex;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto 24px;gap:12px}.rules-header-actions{display:flex;align-items:center;gap:12px}.rules-header h1{font-size:22px;margin:0;color:var(--ink);letter-spacing:.04em}@media (max-width: 560px){.rules-header{flex-wrap:wrap}.rules-header-actions{flex-wrap:wrap;margin-left:auto}}.rules-body{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.rules-section{background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;padding:16px 20px;box-shadow:var(--shadow-card)}.rules-section h2{font-size:16px;margin:0 0 8px;color:var(--ink)}.rules-section p{font-size:14px;line-height:1.7;color:var(--ink-soft);margin:4px 0}.rules-flowers{display:flex;gap:6px;flex-wrap:wrap}.rules-flower-tile{display:inline-flex;align-items:center;justify-content:center;width:34px;height:46px;border:1px solid rgba(101,95,82,.25);border-radius:5px;background:var(--ivory);color:var(--bamboo-deep);font-size:16px;font-weight:700}.terms-body{max-width:720px;margin:0 auto;background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow-card)}.terms-body h1{font-size:20px;color:var(--ink);margin:8px 0 4px}.terms-body h2{font-size:16px;color:var(--cinnabar-deep);margin:16px 0 4px}.terms-body p{font-size:14px;line-height:1.8;color:var(--ink-soft);margin:6px 0;overflow-wrap:anywhere}.terms-body strong{color:var(--ink);font-weight:600}.terms-body ul,.terms-body ol{margin:6px 0;padding-left:26px}.terms-body li{font-size:14px;line-height:1.8;color:var(--ink-soft);margin:2px 0}.terms-body li::marker{color:var(--bamboo)}.terms-body blockquote{margin:8px 0;padding:8px 14px;border-left:3px solid var(--bamboo);background:#6d876314;border-radius:6px}.terms-body blockquote p{margin:0}.terms-body hr{border:none;border-top:1px solid var(--line-soft);margin:14px 0}.rules-tabs{display:flex;gap:8px;max-width:720px;margin:0 auto 20px}.rules-tab{padding:8px 16px;border:1px solid var(--line-soft);border-radius:10px;background:var(--paper);color:var(--ink-soft);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.rules-tab:hover{border-color:var(--bamboo);color:var(--bamboo-deep)}.rules-tab-active{background:var(--paper);border-color:var(--cinnabar);color:var(--cinnabar)}.fan-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.fan-filter{display:flex;flex-wrap:wrap;gap:6px}.fan-filter-btn{min-width:34px;padding:6px 10px;border:1px solid var(--line-soft);border-radius:10px;background:var(--paper);color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.fan-filter-btn:hover{border-color:var(--bamboo);color:var(--bamboo-deep)}.fan-filter-btn-active{background:var(--paper);border-color:var(--cinnabar);color:var(--cinnabar)}.fan-group{background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;padding:16px 20px;box-shadow:var(--shadow-card)}.fan-group-title{display:flex;align-items:baseline;gap:8px;font-size:18px;margin:0 0 12px;color:var(--ink)}.fan-group-count{font-size:13px;font-weight:400;color:var(--ink-soft)}.fan-card{padding:12px 0;border-top:1px solid var(--line-soft)}.fan-card:first-of-type{border-top:none;padding-top:0}.fan-card-head{display:flex;align-items:center;gap:10px}.fan-badge{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 6px;border-radius:6px;background:var(--cinnabar);color:#fff8ef;font-size:15px;font-weight:700;flex-shrink:0}.fan-name{font-size:16px;margin:0;color:var(--ink)}.fan-tiles{display:flex;flex-wrap:wrap;gap:2px;margin:10px 0 8px}.fan-tiles .tile{width:26px;height:36px;border-radius:4px}.fan-tiles .tile-label{font-size:13px}.fan-tiles .tile-sub{font-size:8px;margin-top:1px}.fan-tiles .tile-honor .tile-label{font-size:15px}.fan-tiles .tile-flower .tile-label{font-size:11px}.fan-conditional{display:inline-block;padding:8px 12px;border:1px dashed var(--line-soft);border-radius:8px;color:var(--ink-soft);font-size:13px;font-style:italic}.fan-desc{font-size:13px;line-height:1.7;color:var(--ink-soft);margin:0}@media (max-width: 768px){:root{--tile-w: 34px;--tile-h: 48px}.app-header{flex-wrap:wrap;gap:4px 12px;padding:6px 10px}.app-header h1{font-size:14px}.app-meta{flex-wrap:wrap;gap:4px 10px;font-size:11px}.app-main{flex-direction:column}.app-side{display:none}.table{padding:8px;gap:6px;overflow-x:hidden;overflow-y:auto}.table-mid{gap:6px;min-height:80px}.table-mid .opponent{flex:1 1 0;min-width:0}.center-river{flex:1 1 auto;min-width:0;gap:2px;grid-template-columns:auto minmax(60px,1fr) auto}.river-zone .river{max-width:64px}.river-zone-label{font-size:10px}.center-info{font-size:10px;gap:2px}.opponent{padding:5px;gap:3px}.opponent-info{font-size:11px;gap:4px}.opponent-body{flex-wrap:wrap;gap:4px}.concealed{gap:1px}.concealed-tile{width:10px;height:14px}.river{max-width:100%}.hand{gap:3px;padding:6px 0}.self-row{gap:10px;flex-wrap:wrap}.self-info{font-size:12px;gap:4px}.seat-nickname{padding:2px 8px 2px 3px;gap:4px}.seat-nickname-avatar{width:20px;height:20px;font-size:12px}.seat-nickname-text{font-size:13px}.btn{min-height:44px}.action-bar{padding:4px 0;gap:6px}.btn-pill{min-width:52px;height:44px;padding:0 14px;font-size:14px}.settle-panel{min-width:0;width:calc(100vw - 20px);padding:16px 14px;max-height:88vh}}@media (max-width: 560px){:root{--tile-w: 22px;--tile-h: 34px}body{overflow-x:hidden}.table{padding:6px}.hand{gap:2px;padding:4px 0}.hand .tile-label{font-size:12px}.hand .tile-honor .tile-label{font-size:15px}.hand .tile-flower .tile-label{font-size:11px}.hand .tile-sub{font-size:7px;margin-top:1px}.tile-selected{transform:translateY(-4px)}.tile-clickable:hover{transform:translateY(-2px)}.table-mid{gap:4px}.center-info{font-size:10px}.river-zone .river{display:grid;grid-template-columns:repeat(6,15px);grid-auto-rows:21px;gap:1px;width:95px;max-width:none;max-height:65px;overflow:hidden;justify-content:center}.river-zone .river .river-tile{width:15px;height:21px;min-width:0}.rotate-hint{display:block;padding:6px 10px;text-align:center;font-size:12px;font-weight:600;color:#1a1a1a;background:var(--accent);border-radius:6px}.opponent{padding:4px}.concealed-tile{width:8px;height:12px}.action-bar{gap:5px;padding:4px 0}.btn-pill{min-width:46px;height:44px;padding:0 10px;font-size:14px}.lobby{padding:16px 12px;gap:14px}.lobby-header{width:100%;align-items:stretch}.lobby-header-bar{flex-direction:column;align-items:center;gap:10px}.lobby-header h1{white-space:nowrap}.lobby-header-actions{flex-wrap:wrap;justify-content:center;row-gap:6px;width:100%}.auth-toggle,.auth-logout,.auth-profile{white-space:nowrap;flex:0 0 auto}.lobby-seats{flex-wrap:wrap;justify-content:center;gap:8px}.lobby-seat{min-width:0;flex:1 1 44%;padding:10px 8px}.lobby-join{flex-wrap:wrap;justify-content:center}.settle-panel{padding:14px 10px}.settle-fans table{font-size:12px}.settle-fans th,.settle-fans td{padding:4px 6px}}@media (orientation: landscape) and (max-height: 620px) and (max-width: 1000px){:root{--tile-w: clamp(40px, calc((100vw - 64px) / 15), 52px);--tile-h: calc(var(--tile-w) * 1.36)}.app-header{padding:4px 12px}.app-header h1{font-size:14px}.app-side{display:none}.table{padding:6px 10px;gap:4px;overflow-x:hidden;overflow-y:auto}.table-mid{min-height:0;gap:6px}.river-zone .river{max-width:112px}.hand{gap:4px;padding:6px 0}.hand .tile-label{font-size:26px}.hand .tile-honor .tile-label{font-size:30px}.hand .tile-flower .tile-label{font-size:22px}.hand .tile-sub{font-size:13px}.opponent{padding:4px;gap:2px}.self-row{gap:10px}.action-bar{padding:4px 0;gap:6px}.btn-pill{height:40px;padding:0 14px;font-size:14px}}.lang-switcher{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line-soft);border-radius:8px;overflow:hidden;flex-shrink:0;background:#fffcf2b3}.lang-btn{background:transparent;color:var(--ink-soft);border:0;padding:4px 9px;font-size:12px;line-height:1.2;cursor:pointer;white-space:nowrap}.lang-btn:hover{background:#6d87631f;color:var(--bamboo-deep)}.lang-btn-active{background:var(--paper);color:var(--cinnabar);font-weight:600}.lang-btn-active:hover{background:var(--paper);color:var(--cinnabar)}.leaderboard-page{min-height:100vh;padding:24px}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto 16px;gap:12px;flex-wrap:wrap}.leaderboard-header h1{font-size:22px;margin:0;color:var(--ink);letter-spacing:.04em}.leaderboard-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.leaderboard-season{font-size:13px;color:var(--bamboo-deep);padding:2px 10px;border:1px solid rgba(109,135,99,.4);border-radius:999px;background:#6d87631a}.leaderboard-summary{max-width:720px;margin:0 auto 12px;font-size:13px;color:var(--ink-soft);text-align:right}.leaderboard-tabs{max-width:720px;margin:0 auto 12px;display:flex;flex-wrap:wrap;gap:8px}.leaderboard-tab{flex:1 1 104px;padding:8px 4px;white-space:nowrap;background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;color:var(--ink-soft);font-size:13px;cursor:pointer}.leaderboard-tab-active{background:var(--paper);border-color:var(--cinnabar);color:var(--cinnabar);font-weight:600}.leaderboard-table{max-width:720px;margin:0 auto;border:1px solid var(--line-soft);border-radius:14px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow-card)}.leaderboard-cols,.leaderboard-row{display:grid;grid-template-columns:56px 1fr 110px 90px;align-items:center;gap:8px}.leaderboard-cols{padding:10px 16px;background:#6d876312;border-bottom:1px solid var(--line-soft);font-size:12px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.leaderboard-list{list-style:none;margin:0;padding:0}.leaderboard-row{padding:12px 16px;border-bottom:1px solid var(--line-soft);font-size:14px;color:var(--ink)}.leaderboard-row:last-child{border-bottom:0}.leaderboard-row-me{background:#bf3a2c14;box-shadow:inset 3px 0 0 var(--cinnabar)}.leaderboard-row-me .leaderboard-nickname{color:var(--cinnabar);font-weight:600}.leaderboard-rank{font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums}.leaderboard-rank-top{color:var(--royal-gold-deep)}.leaderboard-nickname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.leaderboard-tier{padding:1px 8px;border-radius:4px;background:#b8842c24;color:var(--royal-gold-deep);border:1px solid rgba(184,132,44,.35);font-size:12px;font-weight:600;justify-self:start}.leaderboard-score{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.leaderboard-empty{max-width:720px;margin:32px auto;text-align:center;font-size:14px;color:var(--ink-soft)}.leaderboard-mine{max-width:720px;margin:12px auto 0;padding:10px 16px;border:1px dashed var(--line-soft);border-radius:10px;background:var(--paper);font-size:13px;color:var(--ink-soft);text-align:center;font-variant-numeric:tabular-nums}.lobby-profile-hint{max-width:720px;margin:0 auto 16px;padding:8px 16px;border:1px solid rgba(184,132,44,.35);border-radius:10px;background:#b8842c1a;color:var(--royal-gold-deep);font-size:13px;text-align:center}.profile-page{min-height:100vh;padding:24px}.profile-header{display:flex;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto 16px;gap:12px;flex-wrap:wrap}.profile-header h1{font-size:22px;margin:0;color:var(--ink);letter-spacing:.04em}.profile-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-guest{max-width:480px;margin:0 auto;padding:24px;border:1px solid var(--line-soft);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-card);text-align:center}.profile-guest-title{font-size:16px;font-weight:700;color:var(--royal-gold-deep);margin:0 0 8px}.profile-guest-guide{font-size:13px;color:var(--ink-soft);margin:0 0 16px;line-height:1.6}.profile-body{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.profile-card{border:1px solid var(--line-soft);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-card);padding:16px 20px}.profile-card h2{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.profile-identity{display:flex;align-items:center;gap:16px}.profile-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;border:1px solid var(--line-soft);background:var(--ivory);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-avatar-fallback{font-size:28px;line-height:1}.profile-identity-info{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-nickname{font-size:18px;font-weight:700;color:var(--ink)}.profile-email{font-size:13px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-tier-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-tier-badge{padding:2px 12px;border-radius:4px;background:linear-gradient(165deg,#cf9a3f,var(--royal-gold) 55%,var(--royal-gold-deep));color:#fff9ec;font-weight:700;font-size:15px}.profile-rank-score{font-size:14px;color:var(--ink-soft)}.profile-growth-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.profile-growth-rank{font-weight:700;color:var(--ink);font-size:15px}.profile-growth-title{padding:1px 8px;border-radius:4px;background:#b8842c24;color:var(--royal-gold-deep);border:1px solid rgba(184,132,44,.35);font-weight:600;font-size:13px}.profile-growth-points{color:var(--ink-soft);font-size:13px}.profile-growth-next{color:var(--ink-soft);font-size:13px;margin-bottom:6px}.profile-growth-bar{display:block;height:8px;border-radius:4px;background:#6d876329;overflow:hidden;margin-bottom:12px}.profile-growth-bar-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--bamboo),var(--royal-gold))}.profile-dims{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.profile-dim{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--ivory)}.profile-dim-label{font-size:11px;color:var(--ink-soft)}.profile-dim-value{font-size:16px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.profile-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.profile-stat{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border:1px solid var(--line-soft);border-radius:10px;background:var(--ivory)}.profile-stat-label{font-size:11px;color:var(--ink-soft)}.profile-stat-value{font-size:18px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.profile-empty{margin:0;font-size:13px;color:var(--ink-soft)}.profile-equipped{display:flex;flex-wrap:wrap;gap:8px}.profile-equipped-item{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border:1px solid rgba(184,132,44,.4);border-radius:999px;background:#b8842c1f;color:var(--royal-gold-deep);font-size:13px;font-weight:600}.cosmetics-page{min-height:100vh;padding:24px}.cosmetics-header{display:flex;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto 16px;gap:12px;flex-wrap:wrap}.cosmetics-header h1{font-size:22px;margin:0;color:var(--ink);letter-spacing:.04em}.cosmetics-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cosmetics-notice{max-width:720px;margin:0 auto 16px;padding:8px 16px;border:1px solid rgba(184,132,44,.35);border-radius:10px;background:#b8842c1a;color:var(--royal-gold-deep);font-size:13px;text-align:center}.cosmetics-body{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.cosmetics-card{border:1px solid var(--line-soft);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-card);padding:16px 20px}.cosmetics-card h2{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.cosmetics-empty{margin:0;font-size:13px;color:var(--ink-soft)}.cosmetics-list{list-style:none;margin:0;padding:0}.cosmetics-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.cosmetics-item:last-child{border-bottom:0}.cosmetics-icon{width:40px;height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--ivory);border:1px solid var(--line-soft);font-size:20px;overflow:hidden}.cosmetics-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cosmetics-item-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cosmetics-item-name{font-size:14px;font-weight:700;color:var(--ink)}.cosmetics-item-desc{font-size:12px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cosmetics-item-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px}.cosmetics-price{font-size:13px;color:var(--royal-gold-deep);font-variant-numeric:tabular-nums;white-space:nowrap}.cosmetics-equipped-badge{padding:1px 8px;border-radius:4px;background:var(--bamboo);color:#f6f9f2;font-size:11px;font-weight:700}.cos-rarity{padding:1px 8px;border-radius:4px;font-size:11px;font-weight:700;flex:0 0 auto}.cos-rarity-1{background:var(--ivory);color:var(--ink-soft);border:1px solid var(--line-soft)}.cos-rarity-2{background:#6d876324;color:var(--bamboo-deep);border:1px solid rgba(109,135,99,.4)}.cos-rarity-3{background:#5d8aa824;color:#3e6d8e;border:1px solid rgba(93,138,168,.45)}.cos-rarity-4{background:#8c64aa21;color:#7a4fa0;border:1px solid rgba(140,100,170,.4)}.cos-rarity-5{background:#b8842c24;color:var(--royal-gold-deep);border:1px solid rgba(184,132,44,.4)}.felt-layer{position:absolute;inset:40px;z-index:1}.hand-strips{position:absolute;display:flex;gap:3px}.hand-across{left:50%;top:46px;transform:translate(-50%)}.hand-upper{left:44px;top:50%;transform:translateY(-50%);flex-direction:column}.hand-lower{right:44px;top:50%;transform:translateY(-50%);flex-direction:column}.hand-strip{border:1px solid var(--tile-back-edge);border-radius:3px;flex-shrink:0}.hand-across .hand-strip{width:30px;height:14px;background:linear-gradient(180deg,#fffef8 0 48%,var(--tile-back) 48% 100%)}.hand-upper .hand-strip{width:14px;height:30px;background:linear-gradient(90deg,#fffef8 0 48%,var(--tile-back) 48% 100%)}.hand-lower .hand-strip{width:14px;height:30px;background:linear-gradient(90deg,var(--tile-back) 0 48%,#fffef8 48% 100%)}.omeld{position:absolute;display:flex;gap:2px;align-items:center;padding:4px 5px;border-radius:7px;background:#ffffff29;box-shadow:0 2px 6px #00000059}.omeld .meld-tile{width:26px;height:34px}.omeld-across{left:calc(50% + 237px);top:53px;transform:translate(-50%,-50%) rotate(180deg)}.omeld-upper{left:51px;top:113px;transform:translate(-50%,-50%) rotate(90deg)}.omeld-lower{left:calc(100% - 51px);top:587px;transform:translate(-50%,-50%) rotate(-90deg)}.meld-self{padding:3px 5px;border-radius:7px;background:#ffffff24;gap:1px}.meld-self .meld-tile{width:38px;height:50px}.river-zone{position:absolute;display:flex;flex-direction:column;align-items:center}.river-zone .river{display:grid;grid-template-columns:repeat(6,30px);grid-auto-rows:38px;gap:6px 3px;max-width:none;justify-content:center}.river-zone .river .river-tile{width:30px;height:38px;min-width:0}.river-zone .river .river-tile .tile-label{font-size:13px}.river-zone .river .river-tile .tile-sub{font-size:7px;margin-top:1px}.river-zone .river .river-tile.tile-honor .tile-label{font-size:16px}.river-zone-east{left:50%;top:calc(50% + var(--river-inset) + 41px);transform:translate(-50%,-50%) rotate(0)}.river-zone-south{left:calc(50% + var(--river-inset) + 41px);top:50%;transform:translate(-50%,-50%) rotate(-90deg)}.river-zone-west{left:50%;top:calc(50% - var(--river-inset) - 41px);transform:translate(-50%,-50%) rotate(180deg)}.river-zone-north{left:calc(50% - var(--river-inset) - 41px);top:50%;transform:translate(-50%,-50%) rotate(90deg)}.center-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;background:var(--table-panel-bg);border:1px solid rgba(224,179,76,.35);border-radius:14px;box-shadow:0 6px 18px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.cp-line1{display:flex;align-items:baseline;gap:10px}.cp-round{font-size:21px;font-weight:800;color:var(--gold-light);letter-spacing:1px}.cp-wall{font-size:28px;font-weight:900;color:#fff;line-height:1}.cp-wall small{font-size:12px;font-weight:600;color:#bcd6c8}.cp-line2{font-size:14px;color:#e8d5a0;letter-spacing:1px}.cp-line3{display:flex;gap:6px;margin-top:4px}.cp-line3 .chip{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:7px;padding:3px 10px;font-size:11px;color:#e8e6df}.cp-line3 .chip b{color:var(--gold-light)}.player{position:absolute;z-index:12;display:flex;flex-direction:column;align-items:center;gap:2px}.player .av{width:42px;height:42px;border-radius:12px;border:2px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#6b7a8f,#3d4856);display:flex;align-items:center;justify-content:center;font-size:19px;box-shadow:0 4px 10px #00000080}.player .nm{font-size:11px;font-weight:700;color:#fff;background:#00000080;border-radius:999px;padding:1px 8px;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}.player .sc{font-size:10px;color:var(--gold-light);font-weight:700}.player .tag{font-size:9px;color:#fff;border-radius:4px;padding:0 5px}.player .tag-ting{background:var(--hu-red)}.player .tag-dealer{background:var(--gold);color:#3a2a00}.player .tag-flower{background:#fff3;color:#ffe28a}.player.me .av{border-color:var(--gold);box-shadow:0 0 12px #e0b34c99}.player.p-across{top:8px;left:50%;transform:translate(-50%)}.player.p-left{left:8px;top:50%;transform:translateY(-50%)}.player.p-right{right:8px;top:50%;transform:translateY(-50%)}.player.p-self{left:14px;bottom:98px}.self-zone{position:absolute;left:50%;bottom:calc(var(--hand-tile-h) + 28px);transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:6px}.self-row{display:flex;align-items:flex-end;gap:8px}.app-header-topbar{justify-content:flex-end;padding:6px 12px;background:#00000059;border-bottom:1px solid rgba(255,255,255,.08)}.topbar{display:flex;gap:6px;align-items:center}.topbar-chip{background:#00000080;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:4px 12px;font-size:12px;color:#e8e6df}.topbar-chip b{color:var(--gold-light)}.topbar-icon{width:26px;height:26px;border-radius:50%;background:#0006;border:1px solid rgba(255,255,255,.14);color:#ffffffa6;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:.75;cursor:pointer;line-height:1;padding:0}.topbar-icon:hover{opacity:1;background:#0009}.topbar-menu{position:relative}.topbar-dropdown{position:absolute;right:0;top:calc(100% + 6px);z-index:30;display:flex;flex-direction:column;gap:6px;min-width:150px;padding:10px;background:#151515;border:1px solid #333;border-radius:8px;box-shadow:0 6px 24px #00000080}.topbar-dropdown .btn{text-align:left}@media (max-width: 1000px){.app{height:100dvh}}@media (max-width: 1000px) and (orientation: landscape){.app-header{display:none}.app-main{display:flex;justify-content:center;align-items:center;overflow:hidden}.table{flex:none;width:1180px;height:780px;transform:scale(var(--table-scale, 1));transform-origin:center center}}.rotate-overlay{display:none}@media (max-width: 1000px) and (orientation: portrait){.rotate-overlay{display:flex;position:fixed;inset:0;z-index:999;background:#101010;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:24px}.rotate-overlay-icon{font-size:56px}.rotate-overlay-text{font-size:18px;color:var(--accent);font-weight:700}.rotate-overlay-sub{font-size:13px;color:#888}}.friends-page{min-height:100vh;padding:24px}.friends-header{display:flex;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto 16px;gap:12px;flex-wrap:wrap}.friends-header h1{font-size:22px;margin:0;color:var(--ink);letter-spacing:.04em}.friends-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.friends-notice{max-width:720px;margin:0 auto 16px;padding:8px 16px;border:1px solid rgba(184,132,44,.35);border-radius:10px;background:#b8842c1a;color:var(--royal-gold-deep);font-size:13px;text-align:center}.friends-body{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.friends-card{border:1px solid var(--line-soft);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-card);padding:16px 20px}.friends-card h2{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.5px}.friends-add{display:flex;gap:8px}.friends-add input{flex:1;min-width:0;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line-soft);border-radius:10px;background:var(--paper);color:var(--ink);font-size:14px}.friends-add input:focus{outline:2px solid rgba(109,135,99,.45);outline-offset:1px}.friends-list{list-style:none;margin:0;padding:0}.friends-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line-soft)}.friends-item:last-child{border-bottom:0}.friends-avatar{width:40px;height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--ivory);border:1px solid var(--line-soft);font-size:20px;overflow:hidden}.friends-avatar img{width:100%;height:100%;object-fit:cover}.friends-name{flex:1;min-width:0;font-size:14px;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-status{flex:0 0 auto;font-size:12px;font-weight:600}.friends-online{color:var(--bamboo-deep)}.friends-offline{color:var(--ink-soft)}.friends-ingame{color:var(--royal-gold-deep)}.friends-idle{color:var(--ink-soft)}.friends-item-actions{flex:0 0 auto;display:flex;align-items:center;gap:8px}.friends-empty{margin:0;font-size:13px;color:var(--ink-soft)}.settings-notice{max-width:720px;margin:0 auto 16px;padding:8px 16px;border:1px solid rgba(184,132,44,.35);border-radius:10px;background:#b8842c1a;color:var(--royal-gold-deep);font-size:13px;text-align:center}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line-soft)}.settings-row:last-child{border-bottom:0;padding-bottom:0}.settings-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-row-label{font-size:14px;font-weight:600;color:var(--ink)}.settings-row-desc{font-size:12px;color:var(--ink-soft)}.settings-nickname{display:flex;gap:8px;margin-bottom:4px}.settings-nickname input{flex:1;min-width:0;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line-soft);border-radius:10px;background:var(--paper);color:var(--ink);font-size:14px}.settings-nickname input:focus{outline:2px solid rgba(109,135,99,.45);outline-offset:1px}.settings-readonly{font-size:13px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-toggle input{width:18px;height:18px;accent-color:var(--bamboo);cursor:pointer;margin:0}.settings-radio-group{display:flex;gap:14px;flex-wrap:wrap}.settings-radio{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink);cursor:pointer}.settings-radio input{accent-color:var(--bamboo);cursor:pointer;margin:0}.room-card-spectate{align-self:flex-start;color:var(--gold-light);border-color:#e0b34c80}.spectator-view{position:absolute;top:54px;left:50%;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:10px;padding:6px 12px;background:#0000008c;border:1px solid rgba(224,179,76,.4);border-radius:10px;font-size:13px;color:#e8e6df;box-shadow:0 4px 16px #0006}.spectator-badge{color:var(--gold-light);font-weight:700}.spectator-view-info{color:#ddd}.spectator-count{color:#999}.spectator-seats{display:flex;gap:4px}.spectator-seat{min-width:30px;padding:3px 8px;font-size:12px;border-radius:6px}.spectator-seat-active{background:var(--gold);color:#1a1a1a;border-color:var(--gold);font-weight:700}.spectator-leave{font-size:12px;color:#ffb0a0;border-color:#c0392b80}.story-view{position:fixed;inset:0;display:flex;flex-direction:column;color:var(--ink);overflow:hidden}.story-table{position:relative;flex:1;min-height:0;overflow:hidden}.story-gate{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(1200px 500px at 85% -10%,rgba(109,135,99,.14),transparent 60%),radial-gradient(900px 420px at -10% 110%,rgba(178,56,37,.07),transparent 55%),var(--ivory);z-index:10}.story-gate-title{font-size:30px;letter-spacing:5px;margin:0;color:var(--ink)}.story-gate-hint{font-size:14px;color:var(--ink-soft);margin:0;max-width:560px;text-align:center;line-height:1.8}.story-gate-btn{padding:10px 30px;font-size:16px;border-radius:10px}.story-dialogue{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:min(340px,38vw);background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-card);z-index:5}.story-dialogue-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.story-dialogue-emoji{font-size:22px}.story-dialogue-name{font-size:14px;font-weight:700;color:var(--cinnabar-deep)}.story-dialogue-text{font-size:15px;line-height:1.6;margin-bottom:12px;min-height:2.4em;white-space:pre-wrap;color:var(--ink)}.story-next-btn{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:10px 32px;font-size:15px;border-radius:10px;z-index:5;box-shadow:var(--shadow-card)}.teaching-card{position:absolute;right:20px;top:20px;background:var(--paper);border:1px solid rgba(184,132,44,.4);border-radius:12px;padding:14px 16px;z-index:6;box-shadow:var(--shadow-card);max-width:300px}.teaching-title{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:4px}.teaching-label{font-size:12px;color:var(--ink-soft);margin-bottom:10px}.teaching-tiles{display:flex;gap:4px;flex-wrap:wrap}.teaching-tile-img{width:40px;height:54px;border-radius:3px;box-shadow:0 2px 6px #23211d2e;background:var(--ivory)}.story-action{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:8px;background:var(--paper);border:1px solid rgba(184,132,44,.4);border-radius:12px;padding:12px 18px;max-width:560px;box-shadow:var(--shadow-card)}.story-action-prompt{font-size:14px;color:var(--ink);line-height:1.5;margin:0}.story-action-options{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.story-action-btn{padding:8px 28px;font-size:15px;border-radius:10px}.story-action-wrong{opacity:.55;border-color:var(--cinnabar)}.story-action-hint{font-size:13px;color:var(--cinnabar);margin:0}.exam-view{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;overflow-y:auto;color:var(--ink);padding:20px}.exam-header{display:flex;align-items:center;gap:14px;width:100%;max-width:760px}.exam-title{font-size:24px;letter-spacing:3px;margin:0;color:var(--ink)}.exam-header-spacer{flex:1}.exam-error{margin-top:12px;padding:8px 16px;border:1px solid rgba(178,56,37,.35);border-radius:10px;background:#b2382514;color:var(--cinnabar);font-size:14px}.exam-hint{margin-top:24px;font-size:14px;color:var(--ink-soft)}.exam-select{display:flex;flex-direction:column;align-items:center;width:100%;max-width:760px}.exam-levels{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:18px;width:100%}.exam-level-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:120px;max-width:calc(50% - 7px);overflow-wrap:anywhere;padding:18px 16px;border-radius:14px;background:var(--paper);border:1px solid var(--line-soft);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-card);transition:border-color .15s,transform .15s}.exam-level-card:hover{border-color:var(--bamboo);transform:translateY(-2px)}.exam-level-name{font-size:20px;font-weight:700;color:var(--ink)}.exam-level-unlock{font-size:12px;color:var(--ink-soft)}.exam-level-status{font-size:12px;padding:2px 10px;border-radius:999px;border:1px solid}.exam-level-status.status-recommended{color:var(--royal-gold-deep);border-color:#b8842c73;background:#b8842c1f}.exam-level-status.status-current{color:#3e6d8e;border-color:#5d8aa873;background:#5d8aa81f}.exam-level-status.status-passed{color:var(--bamboo-deep);border-color:#6d876373;background:#6d87631f}.exam-level-status.status-locked{color:var(--ink-soft);border-color:var(--line-soft);background:var(--ivory)}.exam-level-card.is-recommended{border-color:var(--royal-gold);box-shadow:0 0 14px #b8842c40}.exam-level-card.is-passed{border-color:#6d876399}.exam-level-card.is-locked{opacity:.55;cursor:not-allowed;border-color:var(--line-soft);box-shadow:none}.exam-level-card.is-locked:hover{border-color:var(--line-soft);transform:none}.exam-level-card:disabled{transform:none}.exam-level-count{font-size:12px;color:var(--royal-gold-deep)}.exam-error-text{font-weight:600}.exam-error-guidance{margin-top:4px;font-size:13px;color:var(--royal-gold-deep)}.exam-error-requestid{margin-top:6px;font-size:12px;color:var(--ink-soft);font-family:monospace;word-break:break-all}.exam-error-actions{margin-top:8px;display:flex;gap:10px}.exam-empty{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:48px;text-align:center}.exam-empty-icon{font-size:48px}.exam-empty-title{font-size:20px;font-weight:700;color:var(--ink);margin:0}.exam-empty-hint{font-size:14px;color:var(--ink-soft);margin:0;max-width:420px}.exam-question{width:100%;max-width:760px;margin-top:20px;padding:18px 20px;border-radius:16px;background:var(--paper);border:1px solid var(--line-soft);box-shadow:var(--shadow-card)}.exam-question-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.exam-question-progress{font-size:14px;color:var(--ink-soft)}.exam-question-tag{font-size:12px;padding:2px 8px;border-radius:10px;background:#6d87631f;border:1px solid rgba(109,135,99,.4);color:var(--bamboo-deep)}.exam-timer{margin-left:auto;font-size:16px;font-weight:700;color:var(--bamboo-deep);font-variant-numeric:tabular-nums}.exam-timer-low{color:var(--cinnabar)}.exam-stem{font-size:16px;line-height:1.6;margin-bottom:14px;white-space:pre-wrap}.exam-tiles{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}.exam-tile-img{width:40px;height:54px;border-radius:3px;box-shadow:0 2px 6px #23211d2e;background:var(--ivory)}.exam-options{display:flex;flex-direction:column;gap:8px}.exam-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:var(--ivory);border:1px solid var(--line-soft);color:var(--ink);font-size:15px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.exam-option:hover{border-color:var(--bamboo);background:#6d876314}.exam-option-label{flex:none;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#6d876329;color:var(--bamboo-deep);font-weight:700;font-size:13px}.exam-option-text{line-height:1.5}.exam-result{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:560px;margin-top:40px;padding:28px;border-radius:16px;background:var(--paper);border:1px solid rgba(184,132,44,.4);box-shadow:var(--shadow-card)}.exam-result-pass{margin:0;font-size:26px;color:var(--bamboo-deep)}.exam-result-fail{margin:0;font-size:26px;color:var(--cinnabar)}.exam-result-grid{display:flex;flex-direction:column;gap:8px;align-self:stretch}.exam-result-item{font-size:15px;padding:8px 14px;border-radius:10px;background:var(--ivory);border:1px solid var(--line-soft)}.exam-result-hint{margin:0;font-size:13px;color:var(--ink-soft)}.exam-result-meta{margin:0;font-size:12px;color:var(--ink-soft);opacity:.8}.board-view{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;overflow-y:auto;color:var(--ink);padding:20px}.board-header{display:flex;align-items:center;gap:14px;width:100%;max-width:900px}.board-title{font-size:24px;letter-spacing:3px;margin:0;color:var(--ink)}.board-header-spacer{flex:1}.board-error{margin-top:12px;padding:8px 16px;border:1px solid rgba(178,56,37,.35);border-radius:10px;background:#b2382514;color:var(--cinnabar);font-size:14px}.board-hint{margin-top:18px;font-size:13px;color:var(--ink-soft)}.board-info{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:18px}.board-info-item{padding:6px 14px;border-radius:10px;background:var(--paper);border:1px solid rgba(184,132,44,.35);font-size:14px;color:var(--ink)}.board-track{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;width:100%;max-width:900px}.board-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:64px;min-height:72px;border-radius:12px;border:1px solid var(--line-soft);background:var(--paper);box-shadow:var(--shadow-card);transition:transform .15s ease,border-color .15s ease}.board-cell-question{border-color:#5d8aa88c;background:#5d8aa81a}.board-cell-event{border-color:#8c64aa80;background:#8c64aa17}.board-cell-reward{border-color:#b8842c80;background:#b8842c1a}.board-cell-gate{border-color:var(--royal-gold);background:#b8842c29}.board-cell-here{transform:translateY(-6px);border-color:var(--bamboo);box-shadow:0 0 14px #6d876373}.board-cell-icon{font-size:20px}.board-cell-index{font-size:11px;color:var(--ink-soft)}.board-piece{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:20px;line-height:1;filter:drop-shadow(0 0 6px rgba(109,135,99,.8))}.board-actions{display:flex;align-items:center;gap:16px;margin-top:26px}.board-dice{font-size:16px;color:var(--royal-gold-deep)}.board-modal-mask{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#23211d73;z-index:60}.board-modal{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:560px;margin:20px;padding:26px;border-radius:16px;background:var(--paper);border:1px solid rgba(184,132,44,.4);box-shadow:0 18px 48px #23211d47;max-height:80vh;overflow-y:auto}.board-modal-title{margin:0;font-size:20px;color:var(--ink)}.board-modal-text{margin:0;font-size:15px;text-align:center;line-height:1.6;color:var(--ink)}.board-modal-reward{font-size:22px;color:var(--royal-gold-deep)}.board-modal-hint{margin:0;font-size:13px;color:var(--ink-soft)}.board-modal-stem{font-size:15px;line-height:1.6;padding:12px 16px;border-radius:10px;background:var(--ivory);border:1px solid var(--line-soft);align-self:stretch}.board-modal-tiles{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.board-modal-tile-img{width:42px;height:auto;border-radius:4px}.board-modal-options{display:flex;flex-direction:column;gap:8px;align-self:stretch}.board-modal-option{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 14px}.board-modal-option-label{color:var(--cinnabar-deep);font-weight:600}.board-modal-option-text{flex:1}.board-modal-verdict{margin:0;font-size:15px}.board-modal-verdict-ok{color:var(--bamboo-deep)}.board-modal-verdict-no{color:var(--cinnabar)}.help-overlay{position:fixed;inset:0;background:#000000d9;z-index:120;overflow-y:auto}.settle-seed-desc{margin:4px 0 8px;font-size:12px;color:var(--ink-soft)}.settle-seed-details{margin-top:6px;font-size:12px;color:var(--ink-soft)}.settle-seed-details summary{cursor:pointer}.settle-seed-hash{word-break:break-all}.light-root{min-height:100vh;background:radial-gradient(1200px 500px at 85% -10%,rgba(109,135,99,.14),transparent 60%),radial-gradient(900px 420px at -10% 110%,rgba(178,56,37,.07),transparent 55%),var(--ivory);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}.light-root .btn{background:var(--paper);color:var(--ink);border:1px solid var(--line-soft);border-radius:10px;min-height:44px}.light-root .btn:hover{border-color:var(--bamboo);color:var(--bamboo-deep)}.light-root .btn-primary{background:var(--paper);color:var(--bamboo-deep);border:1px solid rgba(109,135,99,.55);font-weight:600}.light-root .btn-primary:hover{border-color:var(--bamboo-deep)}.seal{display:inline-flex;align-items:center;justify-content:center;line-height:1;user-select:none;flex:none}.seal>svg{display:block;width:100%;height:100%}.seal-lg{width:64px;height:64px;font-size:40px}.seal-md{width:40px;height:40px;font-size:24px}.seal-sm{width:24px;height:24px;font-size:14px}.brand-word{display:inline-flex;align-items:center;gap:10px}.brand-word-text{display:inline-flex;flex-direction:column;line-height:1.15}.brand-word-name{font-weight:700;color:var(--ink);letter-spacing:.08em;white-space:nowrap}.brand-word-sub{font-size:9px;letter-spacing:.14em;color:var(--ink-soft);text-transform:uppercase}.brand-word-md .brand-word-name{font-size:20px}.brand-word-sm .brand-word-name{font-size:16px}.landing-lockup{--bt-h: 184px;--lockup-ink: #675844;--lockup-ink-soft: #a08d6a;display:inline-flex;flex-direction:column;align-items:center}.brand-tiles{display:inline-flex;align-items:center;gap:16px}.landing-lockup-caption{width:calc(var(--bt-h) * 1.9);margin-top:calc(var(--bt-h) * .125)}.landing-lockup-row{display:grid;grid-template-columns:repeat(9,1fr);justify-items:center;line-height:1;white-space:nowrap}.landing-lockup-row+.landing-lockup-row{margin-top:calc(var(--bt-h) * .06)}.lockup-pinyin{font-family:Segoe UI,Verdana,Arial,sans-serif;font-size:calc(var(--bt-h) * .05833);color:var(--lockup-ink-soft)}.lockup-hanzi{font-family:KaiTi,Kaiti SC,STKaiti,DFKai-SB,"Noto Serif SC","Source Han Serif SC",SimSun,serif;font-size:calc(var(--bt-h) * .15556);color:var(--lockup-ink)}.landing-lockup-french{margin-top:calc(var(--bt-h) * .092);text-align:center;line-height:1;white-space:nowrap;font-family:Georgia,Times New Roman,serif;font-size:calc(var(--bt-h) * .05556);letter-spacing:calc(var(--bt-h) * .00889);color:var(--lockup-ink-soft)}.brand-tile-svg{display:block;width:calc(var(--bt-h) * 130 / 188);height:var(--bt-h);filter:drop-shadow(0 5px 9px rgba(35,33,29,.16))}.brand-tiles .seal{width:calc(var(--bt-h) * .733);height:calc(var(--bt-h) * .733);font-size:calc(var(--bt-h) * .448)}.brand-tile-glyph{font-family:KaiTi,Kaiti SC,STKaiti,DFKai-SB,"Noto Serif SC","Source Han Serif SC",SimSun,serif}.landing{display:flex;flex-direction:column;min-height:100vh}.landing-topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 36px}.landing-topnav{display:flex;align-items:center;gap:28px}.landing-navlink{border:0;background:none;padding:10px 2px;font-size:14px;color:var(--ink-soft);cursor:pointer}.landing-navlink:hover{color:var(--cinnabar)}.landing-main{flex:1;display:grid;grid-template-columns:minmax(0,7fr) minmax(340px,5fr);gap:48px;align-items:start;width:min(1280px,100%);margin:0 auto;padding:32px 36px 56px}.landing-hero{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:24px}.landing-badge{font-size:12px;letter-spacing:.06em;color:var(--bamboo-deep);border:1px solid rgba(109,135,99,.45);background:#fffcf2b3;border-radius:999px;padding:6px 14px}.landing-title{display:flex;align-items:center;gap:14px;margin:0;font-size:84px;font-weight:700;letter-spacing:.06em;line-height:1}.landing-intro{margin:10px 0 4px;max-width:560px;font-size:15px;line-height:1.9;color:var(--ink-soft);text-wrap:pretty;word-break:keep-all}.landing-cta-row{display:flex;align-items:center;gap:18px;margin-top:14px;flex-wrap:wrap}.landing-cta-guest{min-width:236px;min-height:72px;border:0;border-radius:14px;background:linear-gradient(165deg,#cf9a3f,var(--royal-gold) 55%,var(--royal-gold-deep));color:#fff9ec;font-size:19px;font-weight:700;letter-spacing:.28em;text-indent:.28em;cursor:pointer;box-shadow:inset 0 1px #fff9ec80,0 10px 24px #8e651c52;transition:transform .12s ease,box-shadow .12s ease}.landing-cta-guest:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff9ec80,0 14px 28px #8e651c66}.landing-cta-guest:active{transform:translateY(1px)}.landing-cta-auth{min-width:236px;min-height:72px;border-radius:14px;border:2px solid rgba(178,56,37,.55);background:#fffcf299;color:var(--cinnabar);font-size:17px;font-weight:600;letter-spacing:.1em;cursor:pointer}.landing-cta-auth:hover{border-color:var(--cinnabar);background:#b238250f}.landing-cta-hint{font-size:12px;color:var(--ink-soft);line-height:1.7}.landing-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:30px 0 0;width:100%}.landing-stat{background:#fffcf2d9;border:1px solid var(--line-soft);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-card)}.landing-stat dt{font-size:11px;color:var(--ink-soft);letter-spacing:.08em}.landing-stat-value{margin:6px 0 2px;font-size:21px;font-weight:700;color:var(--ink);white-space:nowrap}.landing-stat-desc{margin:0;font-size:11px;color:var(--ink-soft);white-space:nowrap}.landing-board{position:relative;background:linear-gradient(180deg,#fffcf2,#fbf5e4);border:1px solid var(--line-soft);border-radius:20px;box-shadow:var(--shadow-card);padding:26px 28px 24px;display:flex;flex-direction:column;gap:18px;min-height:540px}.landing-board-head h2{margin:0;font-size:24px;letter-spacing:.1em}.landing-board-head p{margin:6px 0 0;font-size:12px;color:var(--ink-soft)}.landing-board>.seal{position:absolute;top:20px;right:22px;transform:rotate(8deg)}.landing-board-tiles{display:flex;gap:14px;justify-content:center;padding:26px 0 20px;border-bottom:2px dashed rgba(101,95,82,.28)}.landing-mjtile{display:inline-flex;align-items:center;justify-content:center;width:76px;height:104px;border-radius:12px;background:linear-gradient(175deg,#fffdf6,#f3ecd8);border:1px solid rgba(101,95,82,.25);box-shadow:inset 0 -3px #655f521f,0 6px 14px #23211d1f;font-size:40px;font-weight:700;color:var(--bamboo-deep)}.landing-board-rows{display:flex;flex-direction:column;gap:12px;margin-top:auto}.landing-board-row{display:flex;align-items:center;justify-content:space-between;background:#fffcf2e6;border:1px solid var(--line-soft);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--ink-soft)}.landing-board-row b{color:var(--ink);font-size:14px}.landing-footer{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1240px;width:100%;margin:0 auto;padding:14px 24px 26px;border-top:1px solid var(--line-soft)}.landing-footer-link{border:0;background:none;padding:6px 2px;font-size:13px;color:var(--ink-soft);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.landing-footer-link:hover{color:var(--cinnabar)}.landing-footer-sep{color:var(--ink-soft)}.landing-layout{flex:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:stretch;gap:clamp(16px,1.8vw,24px);width:min(1300px,100%);margin:0 auto;padding:16px clamp(16px,3vw,36px) 40px}.landing-topbar{position:relative;z-index:50;gap:16px}.landing-tools{display:flex;align-items:center;gap:8px}.landing-tool-menu{position:relative}.landing-tool-button{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line-soft);border-radius:12px;background:#fffcf2d6;color:var(--ink);cursor:pointer;transition:border-color .12s ease,color .12s ease,background-color .12s ease}.landing-tool-button:hover,.landing-tool-button[aria-expanded=true]{border-color:#b2382573;color:var(--cinnabar-deep);background:var(--paper)}.landing-tool-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.landing-tool-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:214px;padding:6px;border:1px solid var(--line-soft);border-radius:12px;background:var(--paper);box-shadow:0 16px 36px #23211d24}.landing-tool-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}.landing-tool-item:hover{background:#b8842c1a;color:var(--royal-gold-deep)}.landing-tool-item.is-active{background:#b2382514;color:var(--cinnabar-deep);font-weight:700}.landing-stage{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:560px;padding:clamp(20px,2.2vw,32px);border:1px solid var(--line-soft);border-radius:20px;background:linear-gradient(180deg,var(--paper),#fbf5e4);box-shadow:var(--shadow-card)}.landing-stage .landing-lockup{min-height:0;display:grid;place-content:center;justify-items:center;gap:clamp(16px,1.8vw,24px)}.landing-title{display:inline-flex;margin:0;font-size:inherit;letter-spacing:0}.landing-lockup-french{max-width:min(520px,100%);overflow-wrap:break-word;line-height:1.35;white-space:normal;text-wrap:balance}.landing-entry{display:grid;justify-items:center;gap:12px}.landing-cta-row{margin-top:0;gap:12px}.landing-cta-guest,.landing-cta-auth{min-width:176px;min-height:56px;font-size:17px;letter-spacing:.1em;text-indent:.1em}.landing-entry-note{margin:0;max-width:520px;text-align:center;font-size:12px;line-height:1.6;color:var(--ink-soft)}.landing-side{display:flex;min-width:0;flex-direction:column;gap:clamp(14px,1.4vw,18px)}.landing-codex{flex:1;display:flex;min-width:0;flex-direction:column;gap:16px;padding:clamp(18px,1.7vw,24px);border:1px solid var(--line-soft);border-radius:20px;background:var(--paper);box-shadow:var(--shadow-card)}.landing-codex-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px dashed rgba(101,95,82,.28)}.landing-codex-head h2{margin:0;font-size:22px;letter-spacing:.12em}.landing-codex-head p{margin:6px 0 0;font-size:12px;color:var(--ink-soft)}.landing-codex-count{flex:none;font-size:12px;letter-spacing:.16em;color:var(--ink-soft)}.landing-codex-body{flex:1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(16px,1.6vw,24px)}.landing-codex-tile{display:grid;justify-items:center;align-content:center;width:clamp(82px,7vw,96px);aspect-ratio:3 / 4.2;border-radius:14px;border:1px solid #d9cdaf;background:linear-gradient(175deg,#fffef7,#f2e9d3);box-shadow:inset 0 0 0 6px #ffffff52,inset 0 -4px #655f521f,0 10px 22px #23211d24;color:var(--bamboo-deep);font-family:KaiTi,Kaiti SC,STKaiti,DFKai-SB,"Noto Serif SC",SimSun,serif;font-size:clamp(30px,2.8vw,38px);font-weight:700;line-height:1.1}.landing-codex-tile span:first-child{color:var(--cinnabar)}.landing-codex-name{font-size:27px;font-weight:800;letter-spacing:.04em}.landing-codex-pinyin{margin-top:4px;font-size:13px;color:var(--royal-gold-deep)}.landing-codex-hero{margin-top:14px;font-size:15px;font-weight:700;color:var(--cinnabar-deep)}.landing-codex-story{margin:8px 0 0;font-size:13px;line-height:1.7;color:var(--ink-soft)}.landing-codex-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-top:14px;border-top:1px dashed rgba(101,95,82,.28)}.landing-codex-note{margin:0;max-width:420px;font-size:12px;line-height:1.6;color:var(--ink-soft)}.landing-codex-nav{flex:none;display:flex;align-items:center;gap:10px}.landing-codex-dots{display:flex;align-items:center;gap:6px;margin-right:2px}.landing-codex-dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#d9c9a7;cursor:pointer}.landing-codex-dot.is-active{background:var(--cinnabar)}.landing-codex-arrow{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e0d2b2;border-radius:50%;background:var(--ivory);color:var(--ink);font-size:17px;line-height:1;cursor:pointer}.landing-codex-arrow:hover{border-color:var(--cinnabar);color:var(--cinnabar)}.landing-showcase{flex:1;display:flex;min-width:0;min-height:0;flex-direction:column;gap:16px;padding:clamp(18px,1.7vw,24px);border:1px solid var(--line-soft);border-radius:20px;background:linear-gradient(165deg,var(--paper),var(--ivory));box-shadow:var(--shadow-card)}.showcase-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px dashed rgba(101,95,82,.28)}.showcase-head h2{margin:0;font-size:22px;letter-spacing:.1em}.showcase-meta{display:grid;justify-items:end;gap:5px;font-size:12px;color:var(--ink-soft);white-space:nowrap}.showcase-meta time{font-variant-numeric:tabular-nums}.showcase-viewport{flex:1;display:grid;min-height:0;align-items:stretch}.showcase-screen{min-width:0;display:flex;flex-direction:column;gap:14px}.showcase-kicker{align-self:flex-start;padding:4px 9px;border:1px solid rgba(109,135,99,.38);border-radius:999px;background:#6d87631a;color:var(--bamboo-deep);font-size:11px;letter-spacing:.08em}.showcase-learning-grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-width:0}.showcase-tile-panel,.showcase-fan-panel{display:flex;min-width:0;flex-direction:column;gap:7px}.showcase-tile-panel{align-items:center;text-align:center}.showcase-tile{--tile-w: 86px;--tile-h: 118px;box-shadow:0 8px 18px #23211d29}.showcase-tile-panel strong{font-size:22px}.showcase-tile-panel span{color:var(--royal-gold-deep);font-size:13px}.showcase-fan-panel h3{margin:2px 0 0;font-size:clamp(24px,2vw,31px);line-height:1.2}.showcase-fan-panel b{color:var(--cinnabar);font-size:18px;font-variant-numeric:tabular-nums}.showcase-fan-panel p{margin:0;color:var(--ink-soft);font-size:13px;line-height:1.65;overflow-wrap:anywhere}.showcase-example-label{color:var(--ink-soft);font-size:12px}.showcase-tactics h3,.showcase-culture h3{margin:0;font-size:clamp(19px,1.7vw,23px);line-height:1.35;overflow-wrap:anywhere}.showcase-question-tiles{width:100%;display:grid;grid-template-columns:repeat(var(--showcase-hand-count, 14),minmax(0,1fr));gap:3px;justify-items:center}.showcase-question-tiles .tile{--tile-w: 100%;--tile-h: auto;aspect-ratio:3 / 4.2;min-width:0}.showcase-question-tiles .tile-img,.showcase-question-tiles .tile-front{background:linear-gradient(180deg,#fff,#f7f6f2);border:1px solid var(--line-soft);box-shadow:0 3px 8px #23211d1a}.showcase-question-win{outline:2px solid var(--royal-gold)}.showcase-question-draw{outline:2px solid var(--bamboo-deep)}.showcase-answers{display:flex;align-items:stretch;flex-wrap:wrap;gap:9px}.showcase-answer{min-width:68px;min-height:44px;padding:9px 13px;border:1px solid rgba(101,95,82,.32);border-radius:10px;background:#fffcf2eb;color:var(--ink);font:inherit;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer}.showcase-answer:hover:not(:disabled){border-color:var(--cinnabar);color:var(--cinnabar)}.showcase-answer:disabled{cursor:default;opacity:.76}.showcase-answer.is-correct,.showcase-answer.is-correct:disabled{border-color:var(--bamboo-deep);background:#6d876329;color:var(--bamboo-deep);opacity:1}.showcase-answer.is-incorrect,.showcase-answer.is-incorrect:disabled{border-color:#b2382599;background:#b2382514;color:var(--cinnabar-deep);opacity:1}.showcase-answer-tile{display:grid;place-items:center;width:72px;padding:6px}.showcase-answer-tile .tile{--tile-w: 46px;--tile-h: 64px}.showcase-answer-result{display:grid;gap:7px;padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:#fffcf2c2}.showcase-answer-result strong{font-size:15px}.showcase-answer-result .result-ok{color:var(--bamboo-deep)}.showcase-answer-result .result-error{color:var(--cinnabar-deep)}.showcase-answer-result span{color:var(--ink-soft);font-size:12px}.showcase-answer-result ul{margin:0;padding-left:18px;color:var(--ink);font-size:13px;line-height:1.55}.showcase-evidence{align-self:flex-start;padding:4px 9px;border-radius:999px;font-size:11px;letter-spacing:.08em}.showcase-evidence.evidence-historical{border:1px solid rgba(109,135,99,.5);background:#6d87631f;color:#35492f}.showcase-evidence.evidence-folklore{border:1px solid rgba(178,56,37,.5);background:#b238251a;color:var(--cinnabar-deep)}.showcase-evidence.evidence-modern{border:1px solid rgba(142,101,28,.52);background:#b8842c1a;color:var(--royal-gold-deep)}.showcase-culture{position:relative;z-index:0;--seal-wm-opacity: .15;--seal-wm-color: 178, 56, 37}.showcase-culture>.showcase-evidence,.showcase-culture>.showcase-hero-card{position:relative;z-index:1}.seal-watermark{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.seal-watermark-glyph{fill:rgba(var(--seal-wm-color),var(--seal-wm-opacity))}.showcase-hero-card{flex:1;min-width:0;display:grid;grid-template-columns:clamp(96px,15vw,132px) minmax(0,1fr);align-items:start;gap:clamp(14px,1.6vw,20px);padding:clamp(14px,1.5vw,18px);border:1px solid var(--hero-frame-color, rgba(101, 95, 82, .22));border-radius:14px;background:#fffcf2d1}.showcase-hero-portrait{margin:0;display:grid;gap:6px;justify-items:center}.showcase-hero-portrait svg{width:100%;aspect-ratio:8 / 11;padding:12px;border-radius:10px;border:1px dashed rgba(101,95,82,.38);background:repeating-linear-gradient(135deg,#efe9db,#efe9db 7px,#f8f5eb 7px 13px);fill:#8a8378}.showcase-hero-portrait img{width:100%;aspect-ratio:8 / 11;object-fit:contain;border-radius:10px}.showcase-hero-portrait figcaption,.showcase-hero-image-label{color:var(--ink-soft);font-size:11px;text-align:center}.showcase-hero-body{min-width:0;display:flex;flex-direction:column;gap:11px}.showcase-hero-title{display:flex;align-items:center;gap:10px}.showcase-hero-tile{--tile-w: 48px;--tile-h: 66px}.showcase-hero-title h3,.showcase-hero-title p{margin:0}.showcase-hero-title h3{font-size:clamp(20px,1.8vw,24px)}.showcase-hero-title p{color:var(--ink-soft);font-size:13px}.showcase-hero-fields{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.showcase-hero-fields>div{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:5px}.showcase-hero-fields dt{color:var(--ink-soft);font-size:12px}.showcase-hero-fields dd{margin:0;color:var(--ink);font-size:13px;line-height:1.45;overflow-wrap:anywhere}.showcase-hero-fields>.showcase-hero-field-wide{grid-column:1 / -1;grid-template-columns:52px minmax(0,1fr)}.showcase-hero-image-label{align-self:flex-start}.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:14px}.showcase-dots,.showcase-arrows{display:flex;align-items:center;gap:8px}.showcase-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#d9c9a7;cursor:pointer}.showcase-dot.is-active{background:var(--cinnabar)}.showcase-arrow,.showcase-play{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(101,95,82,.28);border-radius:50%;background:#fffcf2eb;color:var(--ink);cursor:pointer}.showcase-arrow{font-size:19px;line-height:1}.showcase-play svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.showcase-play svg path[d^=M8]{fill:currentColor;stroke:none}.showcase-arrow:hover,.showcase-play:hover{border-color:var(--cinnabar);color:var(--cinnabar)}.showcase-autoplay-status{margin:-6px 0 0;color:var(--ink-soft);font-size:11px;text-align:right}.landing-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,14px)}.landing-pillar{min-height:96px;display:grid;align-content:center;gap:6px;padding:14px;border:1px solid var(--line-soft);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-card)}.landing-pillar strong{font-size:15px;letter-spacing:.04em}.landing-pillar span{font-size:12px;line-height:1.45;color:var(--ink-soft)}.guest-starting{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:100vh}.guest-starting-card{display:flex;flex-direction:column;align-items:center;gap:12px;background:#fffcf2e6;border:1px solid var(--line-soft);border-radius:16px;box-shadow:var(--shadow-card);padding:40px 56px;text-align:center}.guest-starting-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(109,135,99,.25);border-top-color:var(--bamboo);animation:ss12-spin .9s linear infinite}@keyframes ss12-spin{to{transform:rotate(360deg)}}.guest-starting-title{margin:0;font-size:18px;font-weight:600;letter-spacing:.12em}.guest-starting-sub{margin:0;font-size:13px;color:var(--ink-soft)}.guest-starting-err{margin:0;color:var(--cinnabar);font-size:14px}.guest-starting-back{min-height:44px;padding:0 28px;border-radius:10px;border:1px solid var(--line-soft);background:var(--paper);color:var(--ink);cursor:pointer}.authpage{display:flex;flex-direction:column;min-height:100vh}.authpage-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 36px}.authpage-back{border:0;background:none;font-size:14px;color:var(--ink-soft);cursor:pointer;padding:10px 2px}.authpage-back:hover{color:var(--cinnabar)}.authpage-main{flex:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(400px,6fr);gap:56px;align-items:center;width:min(1180px,100%);margin:0 auto;padding:24px 36px 56px}.authpage-narrative{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-left:24px}.authpage-narrative h1{margin:0;font-size:56px;letter-spacing:.08em;line-height:1.15}.authpage-narrative-sub{margin:0;font-size:20px;font-weight:600;color:var(--bamboo-deep);letter-spacing:.14em}.authpage-narrative-desc{margin:6px 0 10px;max-width:460px;font-size:14px;line-height:1.9;color:var(--ink-soft)}.authpage-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;width:100%;max-width:460px}.authpage-points li{display:flex;align-items:center;gap:12px;background:#fffcf2d9;border:1px solid var(--line-soft);border-radius:12px;padding:12px 16px;font-size:14px;color:var(--ink)}.authpage-point-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:8px;background:#6d876329;border:1px solid rgba(109,135,99,.4);color:var(--bamboo-deep)}.authpage-point-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.authpage-card{position:relative;background:linear-gradient(180deg,#fffcf2,#fbf5e4);border:1px solid var(--line-soft);border-radius:20px;box-shadow:var(--shadow-card);padding:30px 34px 26px;display:flex;flex-direction:column;gap:14px}.authpage-card>.seal{position:absolute;top:18px;right:20px;transform:rotate(8deg)}.authpage-card-head h2{margin:0;font-size:26px;letter-spacing:.06em}.authpage-card-head p{margin:6px 0 0;font-size:12px;color:var(--ink-soft)}.authpage-segmented{display:flex;background:#6d87631f;border-radius:12px;padding:4px;gap:4px}.authpage-segmented button{flex:1;min-height:44px;border:1px solid transparent;border-radius:9px;background:none;font-size:15px;color:var(--ink-soft);cursor:pointer}.authpage-segmented button.active{background:var(--paper);color:var(--cinnabar);font-weight:600;border-color:var(--line-soft);box-shadow:0 2px 8px #23211d14}.authpage-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--ink-soft)}.authpage-field input{min-height:48px;border:1px solid var(--line-soft);border-radius:10px;background:var(--paper);color:var(--ink);font-size:15px;padding:0 14px;width:100%}.authpage-field input:focus{outline:2px solid rgba(109,135,99,.45);outline-offset:1px}.authpage-hint{margin:0;font-size:12px;line-height:1.5;color:var(--ink-soft);opacity:.85}.authpage-hint-err{color:var(--cinnabar);opacity:1}.authpage-check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:var(--ink);cursor:pointer}.authpage-check input[type=checkbox]{width:18px;height:18px;margin-top:1px;accent-color:var(--cinnabar);flex:none;cursor:pointer}.authpage-terms-link{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--bamboo-deep);text-decoration:underline;text-underline-offset:2px;margin:0 2px}.authpage-terms-link:hover{color:var(--cinnabar)}.authpage-terms-version{margin-left:6px;font-size:12px;color:var(--ink-soft);white-space:nowrap}.authpage-password{display:flex;align-items:center;gap:8px;position:relative}.authpage-password input{flex:1;padding-right:64px}.authpage-show{position:absolute;right:8px;border:0;background:none;color:var(--bamboo-deep);font-size:13px;cursor:pointer;padding:10px;min-height:44px;min-width:44px}.authpage-msg{margin:0;font-size:13px;border-radius:8px;padding:8px 12px}.authpage-msg-ok{color:var(--bamboo-deep);background:#6d87631f}.authpage-msg-err{color:var(--cinnabar);background:#b2382514}.authpage-submit{min-height:52px;border:0;border-radius:12px;background:linear-gradient(165deg,#c2402c,var(--cinnabar) 55%,var(--cinnabar-deep));color:#fff8ef;font-size:16px;font-weight:700;letter-spacing:.2em;text-indent:.2em;cursor:pointer;box-shadow:0 8px 20px #84241a47}.authpage-submit:disabled{opacity:.6;cursor:default}.authpage-divider{display:flex;align-items:center;gap:12px;color:var(--ink-soft);font-size:12px}.authpage-divider:before,.authpage-divider:after{content:"";flex:1;height:1px;background:var(--line-soft)}.authpage-google{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:12px;border:1px solid var(--line-soft);background:var(--paper);color:var(--ink);font-size:15px;cursor:pointer}.authpage-google:hover{border-color:var(--bamboo)}.authpage-google-g{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#6d876324;border:1px solid rgba(109,135,99,.35);color:var(--bamboo-deep);font-weight:700;font-size:14px}.authpage-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.authpage-link{border:0;background:none;font-size:13px;color:var(--ink-soft);cursor:pointer;padding:8px 0;min-height:44px}.authpage-link-tail{margin-left:6px;color:var(--cinnabar);font-weight:600}.authpage-link-gold{color:var(--royal-gold-deep)}.authpage-upgrade{border-top:1px dashed var(--line-soft);padding-top:12px;display:flex;flex-direction:column;gap:8px}.authpage-upgrade-btn{width:100%}.authpage-upgrade-hint{margin:0;font-size:12px;color:var(--ink-soft)}.lb{display:flex;flex-direction:column;min-height:100vh}.lb-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px;padding:0 36px;background:#fffcf2b8;border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:10;backdrop-filter:blur(6px)}.lb-topbar-brand{display:flex;align-items:center;gap:14px}.lb-season-chip{font-size:12px;color:var(--bamboo-deep);border:1px solid rgba(109,135,99,.4);background:#6d87631a;border-radius:999px;padding:5px 12px;white-space:nowrap}.lb-topbar-right{display:flex;align-items:center;gap:20px}.lb-points{display:flex;gap:10px}.lb-point{display:flex;flex-direction:column;align-items:flex-end;background:var(--paper);border:1px solid var(--line-soft);border-radius:12px;padding:8px 16px;min-width:96px;cursor:help}.lb-point-btn{font:inherit;color:inherit;cursor:pointer}.lb-point-label{font-size:11px;color:var(--ink-soft)}.lb-point-value{font-size:19px;color:var(--ink)}.lb-point-sub{font-size:10px;color:var(--royal-gold-deep)}.lb-avatar-wrap{position:relative}.lb-avatar-btn{display:flex;align-items:center;gap:10px;border:0;background:none;cursor:pointer;padding:6px 8px;border-radius:12px;min-height:56px}.lb-avatar-btn:hover{background:#fffcf2cc}.lb-avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:50%;background:linear-gradient(160deg,#7d9773,var(--bamboo) 60%,var(--bamboo-deep));color:#f6f9f2;font-size:19px;font-weight:700;box-shadow:inset 0 0 0 2px #f6f9f280}.lb-avatar-lg{width:56px;height:56px;font-size:24px}.lb-avatar-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.3}.lb-nick{font-size:14px;font-weight:600;color:var(--ink)}.lb-tier{font-size:11px;color:var(--ink-soft)}.lb-caret{color:var(--ink-soft);font-size:11px}.lb-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:200px;background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;box-shadow:0 14px 34px #23211d29;padding:8px;display:flex;flex-direction:column;z-index:30}.lb-menu button{display:flex;align-items:center;justify-content:space-between;min-height:44px;border:0;background:none;border-radius:9px;padding:0 12px;font-size:14px;color:var(--ink);cursor:pointer;text-align:left}.lb-menu button:hover{background:#6d87631a}.lb-menu-logout{color:var(--cinnabar)!important}.lb-menu-arrow{color:var(--ink-soft)}.lb-lang{display:flex;align-items:center}.lb-topbar-left{display:flex;align-items:center;gap:14px;min-width:0}.lb-topbar-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line-soft);border-radius:10px;background:var(--paper);color:var(--ink-soft);font-size:18px;cursor:pointer}.lb-topbar-iconbtn:hover{color:var(--cinnabar);border-color:#b2382559}.lb-langmenu{position:relative;display:flex;align-items:center}.lb-langmenu-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border:1px solid var(--line-soft);border-radius:10px;background:var(--paper);color:var(--ink);font-size:13px;cursor:pointer;white-space:nowrap}.lb-langmenu-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.lb-langmenu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:132px;background:var(--paper);border:1px solid var(--line-soft);border-radius:12px;box-shadow:0 14px 34px #23211d29;padding:6px;display:flex;flex-direction:column;z-index:30}.lb-langmenu-item{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;border:0;background:none;border-radius:8px;padding:0 10px;font-size:13px;color:var(--ink);cursor:pointer;text-align:left;white-space:nowrap}.lb-langmenu-item:hover{background:#6d87631a}.lb-langmenu-item-active{color:var(--cinnabar);font-weight:600}.lb-langmenu-item-active:after{content:"✓"}.lb-avatar-img{object-fit:cover}.ap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ap-option{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px solid transparent;outline:1px solid var(--line-soft);border-radius:12px;background:#fffcf299;padding:10px 6px;cursor:pointer;min-height:96px}.ap-option-active{border-color:var(--cinnabar);outline-color:transparent;background:#b238250f}.ap-option-label{font-size:11px;color:var(--ink-soft)}.ach-subtitle{margin:-8px 0 0;padding:0 24px;color:var(--ink-soft);font-size:13px}.ach-season{font-size:28px;margin:6px 0;color:var(--ink)}.ach-pending-note{margin:4px 24px 24px;padding:10px 14px;font-size:12px;color:var(--ink-soft);background:#6d876314;border:1px dashed rgba(109,135,99,.4);border-radius:10px}.profile-nav{display:flex;flex-direction:column;gap:8px}.profile-nav-item{display:flex;align-items:center;gap:12px;min-height:52px;border:1px solid var(--line-soft);border-radius:12px;background:var(--paper);padding:0 14px;font-size:14px;color:var(--ink);cursor:pointer;text-align:left}.profile-nav-item:hover{background:#6d876314}.profile-nav-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;font-weight:700;font-size:14px;background:#6d87631f;color:var(--bamboo-deep)}.profile-nav-label{flex:1}.profile-avatar-change{margin-left:auto;flex:none}.lb-status{display:flex;align-items:center;gap:12px;padding:10px 36px;background:#fffcf2d9;border-bottom:1px solid var(--line-soft)}.lb-error{margin:10px 36px 0;color:var(--cinnabar);background:#b2382514;border:1px solid rgba(178,56,37,.25);border-radius:10px;padding:10px 14px;font-size:13px}.lb-hint{padding:24px 36px;color:var(--ink-soft);font-size:14px}.lb-notice{margin:0 36px 10px;color:var(--royal-gold-deep);font-size:13px}.lb-body{width:min(1280px,100%);margin:0 auto;padding:28px 36px 72px;display:flex;flex-direction:column;gap:30px}.lb-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.lb-section-head h2{position:relative;margin:0;padding-left:14px;font-size:20px;letter-spacing:.08em}.lb-section-head h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:5px;border-radius:3px;background:var(--bamboo)}.lb-section:first-of-type .lb-section-head h2:before{background:linear-gradient(180deg,#cf9a3f,var(--royal-gold-deep))}.lb-section-hint{font-size:12px;color:var(--ink-soft)}.lb-open-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:16px;align-items:stretch}.lb-open-grid.lb-open-entries{grid-template-columns:repeat(3,minmax(0,1fr))}.lb-open-entry{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;min-height:84px;padding:14px 16px;text-align:left;background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;box-shadow:var(--shadow-card);cursor:pointer}.lb-open-entry:hover{border-color:var(--bamboo);transform:translateY(-1px)}.lb-open-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.lb-open-title{overflow:hidden;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.lb-open-desc{overflow:hidden;color:var(--ink-soft);font-size:12px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.lb-open-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;font-size:17px;font-weight:700}.lb-open-icon-practice{background:#b8842c21;border:1px solid rgba(184,132,44,.34);color:var(--royal-gold-deep)}.lb-open-icon-ranked{background:#6d876321;border:1px solid rgba(109,135,99,.34);color:var(--bamboo-deep)}.lb-open-icon-friendly{background:#b2382517;border:1px solid rgba(178,56,37,.3);color:var(--cinnabar)}.subpage-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:88px;max-width:1180px;margin:0 auto;padding:16px 24px}.subpage-header h1{margin:0;font-size:26px;letter-spacing:.08em}.subpage-header-actions{display:flex;align-items:center;gap:10px;min-width:0}.subpage-body{width:100%;max-width:1180px;margin:0 auto;padding:4px 24px 40px}.subpage-panel{display:grid;gap:12px;padding:18px;background:var(--paper);border:1px solid var(--line-soft);border-radius:16px;box-shadow:var(--shadow-card)}.subpage-action{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:68px;padding:14px 16px;text-align:left;background:#fffdf6;border:1px solid var(--line-soft);border-radius:12px;cursor:pointer}.subpage-action[aria-pressed=true]{border-color:#b8842c8c;background:#fff9e8}.subpage-action:disabled{cursor:default;opacity:.62}.subpage-action-title{font-size:15px;font-weight:650}.subpage-action-desc{color:var(--ink-soft);font-size:12px;line-height:1.5}.friendly-action-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.practice-room-row{display:flex;align-items:stretch;gap:10px}.practice-room-row .subpage-action{flex:1;min-width:0}.practice-room-row .btn{white-space:nowrap}.subpage-action-badge{display:inline-block;margin-left:8px;padding:1px 8px;border:1px solid rgba(184,132,44,.45);border-radius:999px;background:#fff6dd;color:#8a6a2a;font-size:11px;font-weight:600;vertical-align:1px;white-space:nowrap}.friendly-join-row{grid-column:1 / -1}.arena-card{cursor:default}.arena-reward-toast{border-color:#b2382580;background:#fff1e8}.arena-standings{width:100%;margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.arena-standing-row{display:flex;align-items:center;gap:10px;padding:3px 8px;border-radius:8px;background:#b8842c12;font-size:12px}.arena-standing-rank{min-width:22px;font-weight:700;color:#8a6a2a}.arena-standing-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arena-standing-score{font-variant-numeric:tabular-nums;color:var(--ink-soft)}.arena-standing-reward{min-width:72px;text-align:right;color:#b23825;font-weight:650;white-space:nowrap}.lb-card{position:relative;border-radius:18px;border:1px solid var(--line-soft);background:var(--paper);box-shadow:var(--shadow-card);padding:22px 24px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.lb-card-practice{background:linear-gradient(160deg,#fffdf4,#f7f0da)}.lb-card-ranked{background:linear-gradient(160deg,#f6f9f2,#e9f0e4)}.lb-card-friendly{background:linear-gradient(160deg,#fff7f3,#f8e8e2)}.lb-card h3{margin:0;font-size:26px;letter-spacing:.1em}.lb-card-desc{margin:0;font-size:13px;color:var(--ink-soft);line-height:1.7}.lb-card-tag{align-self:flex-start;font-size:11px;border-radius:999px;padding:4px 12px;letter-spacing:.08em}.lb-tag-gold{color:var(--royal-gold-deep);background:#b8842c24;border:1px solid rgba(184,132,44,.4)}.lb-tag-bamboo{color:var(--bamboo-deep);background:#6d87631f;border:1px solid rgba(109,135,99,.4)}.lb-tag-cinnabar{color:var(--cinnabar);background:#b2382514;border:1px solid rgba(178,56,37,.35)}.lb-practice-variants{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:10px}.lb-variant-btn{min-height:44px;padding:0 16px}.lb-card-actions{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:10px}.lb-card-cta{min-width:128px;min-height:56px;border-radius:12px;font-size:15px;font-weight:600;color:var(--bamboo-deep);border-color:#6d876373}.lb-cta-cinnabar{color:#fff8ef;background:linear-gradient(165deg,#c2402c,var(--cinnabar) 55%,var(--cinnabar-deep));border:0;box-shadow:0 6px 16px #84241a40}.lb-join{display:flex;gap:8px}.lb-join input{flex:1;min-width:0;min-height:44px;border:1px solid var(--line-soft);border-radius:10px;background:var(--paper);color:var(--ink);font-size:15px;letter-spacing:.2em;padding:0 12px;text-transform:uppercase}.lb-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lb-entry{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;background:var(--paper);border:1px solid var(--line-soft);border-radius:14px;box-shadow:var(--shadow-card);padding:16px 18px;cursor:pointer;min-height:44px}.lb-entry:hover{border-color:var(--bamboo);transform:translateY(-1px)}.lb-entry-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:#6d876324;border:1px solid rgba(109,135,99,.35);color:var(--bamboo-deep);font-size:16px;font-weight:700}.lb-entry-title{font-size:15px;font-weight:600;color:var(--ink)}.lb-entry-desc{font-size:12px;color:var(--ink-soft);line-height:1.6}.lb-me-card{background:var(--paper);border:1px solid var(--line-soft);border-radius:16px;box-shadow:var(--shadow-card);padding:20px 24px;display:flex;flex-direction:column;gap:14px}.lb-me-head{display:flex;align-items:center;gap:14px}.lb-me-meta{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink-soft)}.lb-me-meta b{font-size:16px;color:var(--ink)}.lb-me-email{font-size:12px;color:var(--ink-soft)}.lb-growth-bar{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ink-soft)}.lb-growth-track{height:8px;border-radius:4px;background:#6d876329;overflow:hidden}.lb-growth-fill{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--bamboo),var(--royal-gold))}.lb-me-actions{display:flex;flex-wrap:wrap;gap:10px}.lb-logout-btn{color:var(--cinnabar);border-color:#b2382559}.light-root .room-list{margin-top:18px}.light-root .room-list-header h2{color:var(--ink);font-size:16px}.light-root .room-list-header .btn{min-height:40px}.light-root .room-list-empty{color:var(--ink-soft);background:#fffcf2b3;border:1px dashed var(--line-soft);border-radius:12px;padding:18px;text-align:center;font-size:13px}.light-root .room-card{background:var(--paper);border:1px solid var(--line-soft);border-radius:12px;box-shadow:var(--shadow-card)}.light-root .room-card-code{color:var(--ink);font-weight:700;letter-spacing:.12em}.light-root .room-card-seat{color:var(--ink-soft)}.light-root .room-card-wind{color:var(--bamboo-deep);border:1px solid rgba(109,135,99,.35);background:#6d876314;border-radius:6px;padding:1px 6px;font-size:11px}.light-root .lobby-room{color:var(--ink)}.light-root .lobby-room-code{color:var(--ink);background:var(--paper);border:1px solid var(--line-soft);border-radius:12px;padding:12px 18px;font-size:15px;box-shadow:var(--shadow-card)}.light-root .lobby-room-code b{letter-spacing:.2em;color:var(--cinnabar)}.light-root .lobby-seat-select-title{color:var(--ink)}.light-root .lobby-seat{background:var(--paper);border:1px solid var(--line-soft);color:var(--ink);border-radius:12px}.light-root .lobby-seat-selectable:hover{border-color:var(--bamboo)}.light-root .lobby-seat-wind{color:var(--bamboo-deep)}.light-root .lobby-seat-state{color:var(--ink-soft)}.light-root .badge{background:#6d87631f;color:var(--bamboo-deep)}.light-root .badge-owner{background:#b8842c24;color:var(--royal-gold-deep)}.lb-tabbar{display:none}.settle-overlay{background:radial-gradient(1200px 500px at 85% -10%,rgba(109,135,99,.14),transparent 60%),#f6f1e2f5}.settle-panel{background:transparent;border:0;box-shadow:none;color:var(--ink);max-width:1120px;width:min(1120px,calc(100% - 32px))}.settle-panel h2{color:var(--ink)}.settle-winner-head{display:flex;align-items:center;justify-content:space-between;gap:16px;background:transparent;border:0;padding:4px 4px 14px}.settle-winner-id{display:flex;align-items:center;gap:16px}.settle-winner-avatar{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;flex:none;border-radius:22px;background:linear-gradient(160deg,#7d9773,var(--bamboo) 60%,var(--bamboo-deep));color:#f6f9f2;font-size:30px;font-weight:700;box-shadow:inset 0 0 0 2px #f6f9f280;position:relative}.settle-winner-meta h2{margin:0;font-size:30px;letter-spacing:.06em}.settle-winner-meta p{margin:6px 0 0;font-size:13px;color:var(--ink-soft)}.settle-winner-me{color:var(--royal-gold-deep);font-weight:700}.settle-total{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.settle-total-label{font-size:12px;color:var(--ink-soft)}.settle-total-value{font-size:44px;font-weight:700;color:var(--royal-gold-deep);line-height:1}.settle-brand{position:absolute;top:8px;right:10px;transform:rotate(10deg)}.settle-panel{position:relative}.settle-fans{background:#fffcf2e6;border:2px dashed rgba(184,132,44,.4);border-radius:16px;padding:6px 18px}.settle-fans table{width:100%;border-collapse:collapse}.settle-fans th{text-align:left;font-size:12px;color:var(--ink-soft);font-weight:600;padding:8px 4px;border-bottom:1px solid var(--line-soft)}.settle-fans td{padding:6px 4px;font-size:14px;color:var(--ink)}.settle-fans td:last-child{text-align:right;font-weight:600}.settle-fan-tiles-cell{border-bottom:1px dashed var(--line-soft)}.settle-fan-tiles{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 0 8px}.settle-fan-tag{font-size:11px;color:var(--ink-soft);border:1px solid var(--line-soft);border-radius:6px;padding:2px 8px;background:var(--ivory)}.settle-deltas{background:#fffcf2e6;border:1px solid var(--line-soft);border-radius:16px;padding:14px 18px}.settle-session{background:linear-gradient(160deg,#fdf6e4,#f7ecd2);border:1px solid rgba(184,132,44,.35);border-radius:16px;padding:10px 16px;text-align:center}.settle-session-line{margin:0;font-size:15px;font-weight:700;color:var(--ink)}.settle-session-next{margin:4px 0 0;font-size:12px;color:var(--ink-soft)}.settle-deltas-title{margin:0 0 8px;font-size:13px;color:var(--ink-soft)}.delta-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:10px;font-size:14px}.delta-row-winner{background:linear-gradient(160deg,#fdf6e4,#f7ecd2);border:1px solid rgba(184,132,44,.35)}.delta-seat{color:var(--ink)}.delta-pos{color:var(--bamboo-deep);font-weight:700}.delta-neg{color:var(--cinnabar);font-weight:700}.settle-winner-hand{background:#fffcf2e6;border:1px solid var(--line-soft);border-radius:16px;padding:14px 18px}.settle-winner-hand-title{margin:0 0 8px;font-size:13px;color:var(--ink-soft)}.settle-seed-verify{background:#fffcf2e6;border:1px solid var(--line-soft);border-radius:16px;padding:14px 18px}.settle-seed-title{margin:0;font-size:13px;font-weight:600;color:var(--ink)}.settle-seed-checking{color:var(--ink-soft);font-size:12px}.settle-seed-ok{color:var(--bamboo-deep);font-size:12px}.settle-seed-bad{color:var(--cinnabar);font-size:12px}.settle-seed-meta{color:var(--ink-soft)}.settle-seed-meta code{color:var(--ink)}.settle-actions{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:6px}.settle-actions .btn{min-height:56px;min-width:168px;border-radius:12px}.settle-overlay .btn{background:var(--paper);color:var(--ink);border:1px solid var(--line-soft)}.settle-overlay .btn:hover{border-color:var(--bamboo);color:var(--bamboo-deep)}.settle-cta-playagain{background:linear-gradient(165deg,#cf9a3f,var(--royal-gold) 55%,var(--royal-gold-deep))!important;color:#fff9ec!important;border:0!important;box-shadow:0 8px 20px #8e651c52}.settle-guest-gate{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fffcf2f2;border:2px solid rgba(184,132,44,.45);border-radius:16px;padding:18px 24px;text-align:center}.settle-guest-gate-title{margin:0;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:.06em}.settle-guest-gate-desc{margin:0 0 6px;font-size:13px;color:var(--ink-soft);line-height:1.7}.settle-guest-gate-cta{min-height:56px;min-width:220px;border:0;border-radius:12px;background:linear-gradient(165deg,#cf9a3f,var(--royal-gold) 55%,var(--royal-gold-deep));color:#fff9ec;font-size:16px;font-weight:700;letter-spacing:.12em;cursor:pointer;box-shadow:0 8px 20px #8e651c52}.settle-tile{border-radius:6px;background:var(--tile-bg);box-shadow:0 0 0 1px #23211d66,0 2px 6px #23211d38}.topbar-chip{display:inline-flex;align-items:center;gap:8px;background:#111715d9;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:5px 10px}.topbar-copy{border:1px solid rgba(255,255,255,.22);background:#ffffff0f;color:#e8e6df;border-radius:7px;font-size:12px;padding:5px 10px;min-height:30px;cursor:pointer}.topbar-copy:hover{border-color:#e0b34c;color:#ffe28a}.topbar-copy:disabled{opacity:.4;cursor:default}.player .av{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(160deg,#3f4a44,#22584c);border:1.5px solid rgba(255,255,255,.28);color:#f5f0e2;font-size:17px;font-weight:700;overflow:hidden}.player .av-ai{background:linear-gradient(160deg,#2a2f2c,#111715);border-style:dashed;color:#b9c4bd;font-size:13px;letter-spacing:.04em}.player .nm{color:#f5f0e2;text-shadow:0 1px 3px rgba(0,0,0,.6)}.btn-pill{min-width:72px;min-height:64px;border-radius:14px;font-size:18px;letter-spacing:.1em}.btn-pill-on{background:linear-gradient(170deg,#2c3833,#1a2320);border:1.5px solid rgba(255,255,255,.28);color:#f5f0e2}.btn-pill-hu{background:linear-gradient(170deg,#d24a34,#b23825 55%,#84241a)!important;border:0!important;color:#fff8ef!important;box-shadow:0 6px 18px #b2382566}@media (max-width: 768px){.landing-topbar,.authpage-topbar{padding:12px 16px}.landing-topbar{gap:12px}.landing-topnav{gap:14px}.landing-navlink{white-space:nowrap;font-size:13px;padding:10px 0}.landing-topbar .brand-word-sub{display:none}.landing-main{grid-template-columns:1fr;gap:28px;padding:16px 16px 48px}.landing-hero{padding-top:0}.landing-title{font-size:56px}.landing-lockup{--bt-h: 128px}.landing-intro{font-size:14px}.landing-cta-row{flex-direction:column;align-items:stretch;width:100%;gap:12px}.landing-cta-guest,.landing-cta-auth{width:100%;min-width:0;min-height:52px}.landing-cta-hint{text-align:center}.landing-stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.landing-stat-value,.landing-stat-desc{white-space:normal}.landing-board{min-height:0;padding:20px}.landing-mjtile{width:56px;height:78px;font-size:30px}.authpage-main{grid-template-columns:1fr;gap:24px;padding:12px 16px 48px}.authpage-narrative{padding-left:0;gap:8px}.authpage-narrative h1{font-size:34px}.authpage-narrative-desc{margin-bottom:0}.authpage-points{display:none}.authpage-card{padding:22px 18px}.lb-topbar{min-height:68px;padding:0 10px;gap:8px}.lb-topbar-left{gap:8px;flex:1 1 auto}.lb-topbar-right{gap:6px;flex:none}.lb-season-chip{max-width:88px;overflow:hidden;text-overflow:ellipsis;padding:4px 8px}.lb-points{display:none}.lb-topbar-iconbtn{width:36px;height:36px;font-size:16px}.lb-langmenu-btn{min-height:36px;padding:0 8px}.lb-avatar-btn{padding:4px;min-height:48px}.lb-avatar-meta{display:none}.lb-body{padding:18px 14px 96px}.lb-open-grid{grid-template-columns:1fr}.lb-open-entry{grid-template-columns:auto minmax(0,1fr);min-height:76px;padding:12px 14px}.lb-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;height:72px;background:#fffcf2f7;border-top:1px solid var(--line-soft);box-shadow:0 -6px 20px #23211d14;padding-bottom:env(safe-area-inset-bottom)}.lb-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:none;font-size:12px;color:var(--ink-soft);cursor:pointer;min-height:44px}.lb-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:#6d87631f;border:1px solid rgba(109,135,99,.3);color:var(--bamboo-deep);font-size:13px;font-weight:700}.lb-tab-active{color:var(--cinnabar);font-weight:600}.lb-tab-active .lb-tab-icon{background:#b238251a;border-color:#b2382566;color:var(--cinnabar)}.lb:not(.lb-tab-open) .lb-section[data-tab=open],.lb:not(.lb-tab-growth) .lb-section[data-tab=growth],.lb:not(.lb-tab-social) .lb-section[data-tab=social],.lb:not(.lb-tab-me) .lb-section[data-tab=me]{display:none}.settle-panel{padding:0}.settle-winner-head{flex-wrap:wrap;padding-right:46px}.settle-total-value{font-size:34px}.settle-winner-avatar{width:56px;height:56px;font-size:24px}.settle-actions{flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.settle-actions .btn{width:100%;min-width:0}.settle-guest-gate-cta{width:100%}.btn-pill{min-width:48px;min-height:48px;border-radius:12px;font-size:15px}.player .av{width:34px;height:34px;font-size:13px}.player .nm,.topbar-chip{font-size:12px}}@media (max-width: 560px){.landing-title{font-size:48px}.landing-lockup{--bt-h: 100px}.landing-topbar{flex-wrap:wrap;gap:6px 12px}.landing-topnav{flex-wrap:wrap;gap:4px 6px}.landing-navlink{font-size:12px}.landing-topbar .lang-btn{padding:4px}.lb-section-head h2{font-size:17px}.subpage-header{min-height:72px;padding:12px 14px;flex-wrap:wrap}.subpage-header h1{font-size:20px;min-width:0}.subpage-header-actions{gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.subpage-header-actions .btn{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subpage-body{padding:4px 14px 28px}.subpage-panel{padding:14px}.friendly-action-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 959px){.landing-layout{grid-template-columns:1fr;gap:20px;padding-top:8px}.landing-stage{min-height:0}.landing-codex{flex:none}.landing-codex-body{grid-template-columns:auto minmax(0,1fr)}.landing-pillars{grid-template-columns:1fr}}@media (max-width: 560px){.landing-topbar{padding:12px 16px;flex-wrap:wrap;gap:8px}.landing-topbar .brand-word-sub{display:none}.landing-layout{padding:8px 16px 32px}.landing-stage{padding:20px 16px}.landing-lockup{--bt-h: 96px}.landing-lockup-french{font-size:9px;line-height:1.35;max-width:340px;letter-spacing:.02em}.landing-entry{margin-top:14px}.landing-cta-guest,.landing-cta-auth{width:100%;min-width:0;min-height:52px}.landing-codex-body{grid-template-columns:1fr;justify-items:center;text-align:center}.landing-codex-head{align-items:center}.landing-codex-count{order:-1}.landing-codex-story{text-wrap:pretty}.landing-codex-foot{align-items:center;flex-direction:column}.landing-codex-note{max-width:100%;text-align:center}.showcase-hero-card{grid-template-columns:1fr;justify-items:center}.showcase-hero-portrait{width:min(160px,100%)}.showcase-hero-body{align-items:stretch}.showcase-hero-fields{grid-template-columns:1fr}.showcase-question-tiles{gap:2px}}.ro-overlay{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:#23211d73}.ro-dialog{width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line-soft);border-radius:16px;box-shadow:0 18px 48px #23211d47;padding:20px 16px;display:flex;flex-direction:column;gap:10px}.ro-title{margin:0;font-size:18px;color:var(--cinnabar-deep)}.ro-hint{margin:0;font-size:12px;color:var(--ink-soft)}.ro-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:8px 12px;border:1px solid var(--line-soft);border-radius:12px;background:#fffcf2bf;color:var(--ink);text-align:left;cursor:pointer}.ro-row:active{border-color:var(--cinnabar)}.ro-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ro-row-label{font-size:15px;font-weight:600}.ro-row-desc{font-size:12px;color:var(--ink-soft)}.ro-switch{flex:none;position:relative;width:48px;height:28px;border-radius:14px;background:#655f5259;transition:background .15s ease}.ro-switch-on{background:var(--bamboo)}.ro-switch-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #23211d59;transition:transform .15s ease}.ro-switch-on .ro-switch-knob{transform:translate(20px)}select.ro-select{flex:none;min-height:44px;border:1px solid var(--line-soft);border-radius:10px;background:var(--paper);color:var(--ink);font-size:15px;padding:0 10px}.ro-actions{display:flex;gap:10px;margin-top:6px}.ro-btn{flex:1;min-height:44px}.room-card-rules{display:flex;flex-wrap:wrap;gap:6px}.room-card-rule-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:var(--cinnabar-deep);background:#b238251a;border:1px solid rgba(178,56,37,.35)}.rp-page{max-width:960px;margin:0 auto;padding:12px;box-sizing:border-box;overflow-x:hidden}.rp-page-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.rp-page-title{font-size:1.1rem;margin:0;flex:1 1 auto;min-width:0}.rp-brand{margin-left:auto;flex:0 0 auto}.rp-loading,.rp-empty{color:var(--ink-soft);padding:16px 0}.rp-opening-seats{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.rp-error{margin:12px 0;padding:12px;border:1px solid rgba(178,56,37,.35);border-radius:10px;background:#b238250f}.rp-game-list{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px}.rp-game-item{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;background:var(--paper);min-width:0}.rp-game-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.rp-game-side{display:flex;align-items:center;gap:8px;flex:0 0 auto}.rp-game-result{font-weight:700}.rp-result-hu{color:var(--cinnabar-deep)}.rp-result-draw{color:var(--ink-soft)}.rp-game-time{color:var(--ink-soft);font-variant-numeric:tabular-nums}.rp-game-fan{color:var(--cinnabar-deep);font-weight:600}.rp-game-delta{font-variant-numeric:tabular-nums;font-weight:700}.rp-pager{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:8px 0 24px}.rp-pager-info{color:var(--ink-soft);font-size:.9rem}.rp-replay-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1 auto;min-width:0}.rp-replay-minfan{color:var(--ink-soft);font-size:.9rem}.rp-seat-switch{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.rp-seat-btn{padding:4px 10px}.rp-seat-btn-active{outline:2px solid var(--cinnabar);font-weight:700}.rp-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rp-seat-card{border:1px solid var(--line-soft);border-radius:12px;padding:8px;background:var(--paper);display:flex;flex-direction:column;gap:6px;min-width:0}.rp-seat-card-view{outline:2px solid var(--cinnabar)}.rp-seat-head{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-width:0}.rp-seat-nick{color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:9em}.rp-ting,.rp-hu-tag{font-size:.78rem;padding:0 6px;border-radius:8px;background:#b238251f;color:var(--cinnabar-deep)}.rp-tile{width:24px;height:33px;border-radius:4px}.rp-melds{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.rp-meld{display:inline-flex;gap:1px}.rp-hand,.rp-river{display:flex;flex-wrap:wrap;gap:1px;min-height:33px;min-width:0}.rp-none{color:var(--ink-soft);align-self:center}.rp-timeline{display:flex;align-items:center;gap:6px;margin:12px 0 8px;flex-wrap:wrap}.rp-step-btn{min-width:44px;min-height:44px;padding:0 10px;flex:0 0 auto}.rp-range{flex:1 1 160px;min-width:120px;height:44px;margin:0}.rp-step-info{font-variant-numeric:tabular-nums;color:var(--ink-soft);flex:0 0 auto}.rp-keypoints{max-width:180px;min-height:44px;flex:0 1 auto}.rp-eventlist{list-style:none;margin:0 0 12px;padding:4px 0;max-height:200px;overflow-y:auto;border:1px solid var(--line-soft);border-radius:12px;background:var(--paper)}.rp-eventlist li button{display:block;width:100%;text-align:left;background:none;border:0;padding:5px 12px;font:inherit;color:var(--ink-soft);cursor:pointer}.rp-eventlist li.rp-ev-current button{background:#b2382524;color:var(--cinnabar-deep);font-weight:700}.rp-eventlist li.rp-ev-past button{opacity:.75}.rp-settle{display:flex;flex-direction:column;gap:12px;padding-bottom:24px}.rp-draw{font-weight:700;color:var(--ink-soft)}.rp-settle-winner{font-weight:700;color:var(--cinnabar-deep)}@media (min-width: 720px){.rp-tile{width:30px;height:42px}.rp-eventlist{max-height:260px}}.settings-sections{display:flex;flex-direction:column;gap:14px}.settings-drawer-layer{position:fixed;inset:0;z-index:90;display:flex;justify-content:flex-end}.settings-drawer-backdrop{position:absolute;inset:0;background:#23211d73}.settings-drawer{position:relative;z-index:1;width:min(380px,92vw);height:100%;display:flex;flex-direction:column;background:var(--ivory);border-left:1px solid var(--line-soft);box-shadow:-8px 0 24px #23211d2e;color:var(--ink)}.settings-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line-soft)}.settings-drawer-head h2{margin:0;font-size:16px;color:var(--ink)}.settings-drawer-head-actions{display:flex;align-items:center;gap:8px}.settings-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:12px 16px}.settings-drawer-body .profile-card{padding:12px;margin:0}.settings-drawer-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--line-soft)}.settings-drawer .btn{background:var(--paper);color:var(--ink);border:1px solid var(--line-soft)}.settings-drawer .btn:hover{border-color:var(--bamboo);color:var(--bamboo-deep)}.settings-drawer .topbar-icon{background:#6d87631f;border:1px solid rgba(109,135,99,.35);color:var(--bamboo-deep);opacity:1}.settings-drawer .topbar-icon:hover{background:#6d876333}.settings-row-locked .settings-row-info,.settings-row-locked .settings-toggle{opacity:.55}.settings-login-hint{margin:0 0 8px;padding:6px 10px;border:1px dashed rgba(184,132,44,.5);border-radius:8px;font-size:12px;color:var(--royal-gold-deep);background:#b8842c14}.settings-stack{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.settings-volume{display:inline-flex;align-items:center;gap:8px}.settings-volume-label{font-size:12px;color:var(--ink-soft);white-space:nowrap}.settings-volume-value{font-size:12px;color:var(--ink);min-width:38px;text-align:right;white-space:nowrap}.settings-range{width:120px;accent-color:var(--bamboo);cursor:pointer}.settings-text{width:200px;max-width:100%;padding:7px 10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--paper);color:var(--ink);font-size:13px}.settings-text:focus{outline:2px solid rgba(109,135,99,.45);outline-offset:1px}.action-bar.hu-anim-off .btn-pill-hu{animation:none}@media (max-width: 1000px) and (orientation: portrait){.topbar-menu{position:relative;z-index:1000}.settings-drawer-layer{z-index:1001}}:root{--hand-tile-w: clamp(16px, calc((100vw - 78px) / 14), 44px);--hand-tile-h: calc(var(--hand-tile-w) * 1.36)}.hand-dom{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:9;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:10px 0 8px;min-height:calc(var(--hand-tile-h) + 24px);max-width:calc(100vw - 16px)}.hand-dom .tile{width:var(--hand-tile-w);height:var(--hand-tile-h);transition:transform .08s ease}.hand-dom .tile-label{font-size:calc(var(--hand-tile-w) * .45)}.hand-dom .tile-honor .tile-label{font-size:calc(var(--hand-tile-w) * .55)}.hand-dom .tile-flower .tile-label{font-size:calc(var(--hand-tile-w) * .4)}.hand-dom .tile-sub{font-size:calc(var(--hand-tile-w) * .25);margin-top:1px}.hand-dom .tile-drawn{margin-left:12px}@keyframes hand-crossfade-dip{0%{opacity:1}45%{opacity:.12}to{opacity:1}}.hand-crossfade{animation:hand-crossfade-dip .2s ease both}.view-btns{position:absolute;top:12px;right:12px;z-index:4;display:flex;flex-direction:column;gap:6px}.view-btn{min-width:72px;padding:6px 10px;font-size:12px;border-radius:8px;background:#141210c7;border-color:#5a5a5a;color:#e8e2d0;cursor:pointer}.view-btn-on{background:var(--gold);border-color:var(--gold);color:#3a2a00;font-weight:700}.view-btn:disabled{opacity:.6;cursor:default}.discard-closeup{position:absolute;z-index:12;pointer-events:none;width:calc(var(--hand-tile-w) * 1.5);height:calc(var(--hand-tile-h) * 1.5);opacity:0;animation:closeup-life 2.05s ease forwards;filter:drop-shadow(0 6px 14px rgba(0,0,0,.65))}.discard-closeup .closeup-tile{width:100%;height:100%;border-radius:6px;outline:2px solid var(--gold);box-shadow:0 0 12px #e0b34c8c}@keyframes closeup-life{0%{opacity:0;transform:var(--closeup-transform, none) scale(.82)}12%{opacity:1;transform:var(--closeup-transform, none) scale(1)}85%{opacity:1;transform:var(--closeup-transform, none) scale(1)}to{opacity:0;transform:var(--closeup-transform, none) scale(1)}}.closeup-self{--closeup-transform: translateX(-50%);left:50%;bottom:calc(var(--hand-tile-h) + 40px)}.closeup-across{--closeup-transform: translateX(-50%);left:50%;top:24%}.closeup-left{left:12%;top:42%}.closeup-right{right:12%;top:42%}.hu-anim-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;pointer-events:none;z-index:30}.hu-anim-glyph{font-size:clamp(120px,28vmin,260px);font-weight:700;line-height:1;color:#d4a017;text-shadow:0 0 18px rgba(212,160,23,.9),0 0 42px rgba(212,160,23,.55),0 2px 6px rgba(0,0,0,.65);animation:hu-glyph-in 1.8s ease-out both,hu-glyph-out .3s ease-in 1.8s forwards}.hu-anim-wind{font-size:clamp(18px,3.4vmin,30px);letter-spacing:.18em;color:#f5e3b3;text-shadow:0 0 12px rgba(212,160,23,.8),0 1px 4px rgba(0,0,0,.7);animation:hu-wind-in 1.8s ease-out both,hu-glyph-out .3s ease-in 1.8s forwards}@keyframes hu-glyph-in{0%{opacity:0;transform:scale(.6)}22%{opacity:1;transform:scale(1.1)}32%{transform:scale(1)}to{opacity:1;transform:scale(1)}}@keyframes hu-wind-in{0%{opacity:0;transform:translateY(10px)}30%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes hu-glyph-out{to{opacity:0}}@media (prefers-reduced-motion: reduce){.hu-anim-glyph,.hu-anim-wind{animation:none;opacity:1;transform:none}# WO-XP06-02：回放牌墙面板（默认展开、可折叠；390 视口不横向溢出） .rp-wall-panel{border:1px solid var(--border, #d8c9a3);border-radius:10px;padding:8px 10px;margin:10px 0 0;background:var(--surface, #faf6ec);max-width:100%;overflow:hidden}.rp-wall-summary{display:flex;align-items:baseline;justify-content:space-between;gap:8px;cursor:pointer;font-weight:600;flex-wrap:wrap}.rp-wall-count{font-size:12px;font-weight:400;color:var(--text-dim, #7a6f57)}.rp-wall-grid{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px;max-width:100%}.rp-wall-grid .tile{width:22px;height:30px;font-size:12px}}