:root{font-family:Segoe UI,Microsoft YaHei,PingFang SC,sans-serif;color:#263c34;background:#f5f3ed;font-synthesis:none;font-weight:400;--green: #215748;--muted: #93988d;--gold: #b99b58;--line: #e6e6da}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button,a,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #bc9852}button{transition:background .18s,transform .18s,border-color .18s}a{color:inherit;text-decoration:none}button svg{flex-shrink:0}button:disabled:not(.tile){opacity:.38}button:not(:disabled):active{transform:translateY(1px)}.app-shell{max-width:1600px;margin:auto;padding:0 48px}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e3d8}.brand{display:flex;align-items:center;gap:13px}.brand-tile{display:grid;place-items:center;width:40px;height:47px;border:1px solid #d6d4be;border-bottom:5px solid #d8d8c2;border-radius:7px;background:#fffef7;font-family:serif;font-size:28px;font-weight:700;color:var(--green);transform:rotate(-7deg)}.brand strong{font-family:Songti SC,SimSun,serif;display:block;font-size:23px;letter-spacing:3px}.brand small{display:block;font-size:9px;letter-spacing:2.8px;margin-top:5px;color:#7b8a7e}.beta-badge{font-size:10px;padding:4px 8px;border:1px solid #d9dfd3;color:#7d897b;border-radius:4px;align-self:flex-start;margin-top:6px}.header-actions{display:flex;align-items:center;gap:26px}.offline-badge{font-size:11px;color:#879182;display:flex;align-items:center;gap:7px}.offline-badge i,.live-dot{width:6px;height:6px;background:#71926b;border-radius:50%}.text-button{border:0;background:transparent;color:#687e6e;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:5px 0;font-size:12px}.text-button:not(:disabled):hover{color:#244d3e}.button{padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d6dccc;background:#fffef8;border-radius:7px;color:#3e5949;font-size:13px;white-space:nowrap;font-weight:500}.button:not(:disabled):hover{background:#eaeede;border-color:#b1c1a9}.button.restart{font-size:12px;padding:10px 15px;background:transparent}.intro{display:flex;align-items:center;justify-content:space-between;padding:29px 0 25px}.eyebrow{color:#8a917e;font-size:10px;letter-spacing:2px}.intro h1{font-family:Songti SC,SimSun,serif;font-size:27px;font-weight:500;letter-spacing:2px;margin:10px 0 0}.intro h1 span{color:#ad8a4a}.round-badge{display:flex;align-items:center;gap:13px;font-size:11px;color:#8a9385}.round-badge strong{font-size:12px;color:#38664e;background:#e7eadf;border:1px solid #dce2d4;padding:6px 12px;border-radius:5px;min-width:43px;text-align:center}.round-badge b{font-size:15px;font-weight:500;color:#586e58;font-variant-numeric:tabular-nums}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:24px}.play-area{min-width:0}.table{height:414px;border-radius:14px;background:radial-gradient(ellipse at 50% 45%,#245a49,#184737 70%,#173e32);box-shadow:inset 0 0 0 1px #385a44,inset 0 0 0 7px #254c3c,inset 0 0 0 8px #64816455,0 6px 12px #263d3412;position:relative;color:#ced9bd;overflow:hidden}.table:before{content:"";position:absolute;top:19px;right:19px;bottom:19px;left:19px;border:1px solid #b0bd8630;border-radius:5px;pointer-events:none}.table:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.table-corner{position:absolute;z-index:1;width:17px;height:17px;border-color:#9baf7970;border-style:solid}.top-left{top:19px;left:19px;border-width:2px 0 0 2px;border-radius:4px 0 0}.top-right{top:19px;right:19px;border-width:2px 2px 0 0;border-radius:0 4px 0 0}.bottom-left{bottom:19px;left:19px;border-width:0 0 2px 2px;border-radius:0 0 0 4px}.bottom-right{bottom:19px;right:19px;border-width:0 2px 2px 0;border-radius:0 0 4px}.table-topline{position:absolute;top:31px;left:33px;right:33px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#aec1a16e}.table-topline>span:first-child{display:flex;align-items:center;gap:6px}.opponent{position:absolute;z-index:2}.opponent-label{display:flex;gap:9px;align-items:center;margin-bottom:10px}.opponent-label strong{display:block;font-size:11px;letter-spacing:1px;color:#e4e8d4;font-weight:500}.opponent-label small{display:block;font-size:9px;color:#b1c2a484;margin-top:4px}.avatar{border-radius:50%;border:1px solid #76917955;background:#ffffff08;display:grid;place-items:center;width:34px;height:34px;font-family:serif;color:#b6c7a7;font-size:15px}.opponent.active .avatar{border-color:#d9c386;color:#e7d79d;box-shadow:0 0 0 4px #b9b56912}.opponent.active .opponent-label small{color:#d9c890}.opponent.active .live-dot{background:#d8c786;box-shadow:0 0 10px #d8c78666}.north{top:46px;left:50%;transform:translate(-50%)}.north .opponent-label{justify-content:center;margin-bottom:9px}.hidden-hand{display:flex;gap:3px}.tile-back{width:19px;height:29px;border:1px solid #91a98b;border-bottom:4px solid #9fac90;border-radius:3px;background:linear-gradient(145deg,#9aad8f,#627f67);box-shadow:0 2px 3px #0002;display:grid;place-items:center}.tile-back>span{border:1px solid #c0cfaa59;line-height:17px;text-align:center;width:12px;font-size:14px;color:#ced9b573;border-radius:2px}.west{left:36px;top:155px}.east{right:36px;top:155px}.west .hidden-hand,.east .hidden-hand{max-width:103px;flex-wrap:wrap;gap:4px}.west .tile-back,.east .tile-back{width:17px;height:26px}.east .opponent-label{justify-content:flex-end}.table-center{position:absolute;left:50%;top:137px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;min-width:200px}.center-emblem{color:#c1c39965;display:grid;place-items:center}.table-motto{font-family:serif;letter-spacing:6px;color:#bec39765;font-size:12px;margin:9px 0 13px;padding-left:6px}.latest-discard{display:flex;flex-direction:column;align-items:center}.center-tile,.empty-discard{display:grid;place-items:center;width:45px;height:58px;font-family:KaiTi,STKaiti,serif;font-size:33px;background:#f7f2df;border:1px solid #ffffef;border-bottom:6px solid #b9b99b;border-radius:6px;color:#2a5341;box-shadow:0 4px 12px #0002;animation:tile-in .25s ease-out}.empty-discard{background:#ffffff04;border:1px solid #91a08030;box-shadow:none;color:#c4c5a535}.latest-discard small{font-size:9px;color:#bec8a792;margin-top:11px}.deck-count{display:flex;align-items:center;gap:6px;margin-top:14px;border:1px solid #a8b68c20;padding:5px 11px;border-radius:20px;font-size:9px;color:#c8d1b096;background:#052c2220}.deck-count strong{font-variant-numeric:tabular-nums;color:#d3d9ba;font-size:11px;font-weight:500}.table-bottom{position:absolute;bottom:33px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;font-size:10px;z-index:2}.table-bottom>span{display:flex;gap:7px;align-items:center;color:#b6c4a48c}.table-bottom i{width:5px;height:5px;border-radius:50%;background:#93ad84}.table-bottom .your-turn{color:#d8dcb5}.table-bottom .your-turn i{background:#d8c683;box-shadow:0 0 0 4px #d8c68312}.table-bottom button{background:#092d231f;border:1px solid #b0c09230;color:#c9d2b599;padding:5px 9px;border-radius:4px;font-size:9px}.table-bottom button b{font-weight:400;color:#d9dcb8;margin:0 5px}.river-overlay{position:absolute;z-index:5;top:78px;right:25px;bottom:65px;left:25px;background:#153e33f5;border:1px solid #8295766b;border-radius:8px;box-shadow:0 10px 25px #0004;overflow:auto;padding:14px 18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.river-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:6px}.river-heading button{border:0;background:none;color:#cbd8bf;font-size:22px}.river-row{display:flex;align-items:flex-start;gap:14px;padding:11px 0;border-bottom:1px solid #a5b58b20;font-size:10px}.river-row>span{width:25px;flex-shrink:0;padding-top:5px}.river-row>div{flex:1;display:flex;flex-wrap:wrap;gap:5px}.river-row>small{color:#9cb294;padding-top:5px;white-space:nowrap}.river-row div>small{color:#9cb294;padding-top:4px}.river-tile{width:23px;height:30px;background:#e7e6ce;color:#335642;border-radius:3px;display:grid;place-items:center;border-bottom:3px solid #abb594;font-size:15px;font-family:serif}.river-tile.last{background:#e8d99f}.hand-panel{margin-top:19px;background:#fffef8;border:1px solid #e0e3d6;border-radius:11px;padding:18px 22px 19px;box-shadow:0 3px 8px #30422b03}.hand-header{display:flex;align-items:center;justify-content:space-between}.hand-header>div{display:flex;align-items:center;gap:10px}.hand-header strong{font-size:13px;font-weight:600}.hand-header .muted{font-size:10px}.player-avatar{display:grid;place-items:center;width:25px;height:25px;background:#e6ecdf;color:#577651;border:1px solid #d8e0cd;font-family:serif;font-size:13px;border-radius:50%}.muted{color:var(--muted);font-weight:400}.groups-row{display:flex;align-items:center;gap:13px;min-height:51px;margin-top:7px}.section-label{font-size:10px;color:#959b8b;white-space:nowrap}.word-groups{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex:1}.group-placeholder{font-size:11px;color:#afb3a5;border:1px dashed #e0e4d6;border-radius:4px;padding:7px 13px;flex:1}.word-group{border:1px solid #d7dfc9;background:#eff2e6;color:#4f724c;border-radius:5px;display:flex;align-items:center;gap:10px;padding:6px 10px;font-size:12px;letter-spacing:1px}.word-group:hover:not(:disabled){background:#e0e8d2}.word-group svg{color:#91a67c}.split-all{font-size:10px}.tile-rack{display:flex;align-items:center;justify-content:center;gap:clamp(4px,.65vw,10px);min-height:99px;padding:10px 0 17px}.tile{position:relative;flex:1;max-width:53px;min-width:0;height:66px;padding:0;background:linear-gradient(145deg,#fffefa,#f4f0e3);border:1px solid #dbdbc6;border-bottom:5px solid #bfc7ad;border-radius:6px;box-shadow:0 3px 2px #3a4c2b09,0 1px #fff inset;color:#314e3d;font-family:KaiTi,STKaiti,SimSun,serif;font-size:clamp(22px,2.2vw,31px);display:flex;align-items:center;justify-content:center;transition:transform .16s,box-shadow .16s,background .16s;-webkit-user-select:none;user-select:none}.tile:not(:disabled):hover{transform:translateY(-5px);border-color:#8fa980;box-shadow:0 7px 9px #3a4c2b16}.tile:disabled{color:#627260;background:#f2f0e5;box-shadow:none}.tile i{position:absolute;width:3px;height:3px;background:#9da990;border-radius:50%;bottom:5px;left:50%;transform:translate(-50%)}.tile.selected{background:#eaf0de;border:1px solid #709567;border-bottom:5px solid #708c60;transform:translateY(-7px);box-shadow:0 4px 8px #55704719;color:#2b613d}.tile.selected:not(:disabled):hover{transform:translateY(-9px)}.selection-number{position:absolute;top:-8px;left:50%;transform:translate(-50%);height:15px;width:15px;background:#577a4e;border:1px solid #fffef8;border-radius:50%;color:#fff;font:9px/13px Segoe UI,sans-serif}.tile.fresh{margin-left:11px;border-color:#c2ad73;border-bottom-color:#b2a16e}.tile.fresh:before{content:"";height:39px;position:absolute;left:-12px;top:9px;border-left:1px dashed #d5daca}.tile em{font:8px Microsoft YaHei,sans-serif;color:#ab9257;position:absolute;bottom:-19px;white-space:nowrap;font-style:normal}.selection-line{display:flex;align-items:center;gap:12px;height:38px;margin-top:3px;border-top:1px solid #eff0e6;padding-top:7px}.selection-line strong{font-size:13px;letter-spacing:2px}.selection-line strong.muted{font-size:11px;letter-spacing:0}.validation{font-size:10px}.valid{color:#608755}.invalid{color:#ad7264}.neutral{color:#959c8d}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#86927e;padding:4px;border-radius:4px}.icon-button:hover{background:#edf0e5}.order-note{font-size:9px;color:#a8ad9e;margin-left:auto}.controls{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.controls>div{display:flex;gap:10px}.primary{color:#f6f4e9;background:#2c624d;border-color:#2c624d}.primary:not(:disabled):hover{background:#1c4c39;border-color:#1c4c39}.primary:disabled{background:#c9d2bf;color:#f9faf4;opacity:.7!important;border-color:#c9d2bf}.subtle{background:transparent;border-color:transparent;color:#869473}.hu-button{background:#ece6d3;color:#8c7945;border:1px solid #d8cbaa;min-width:120px}.hu-button:disabled{opacity:.6!important;background:#f1eee3;color:#b8af94;border-color:#e5dfce}.hu-button:not(:disabled){background:#c8ac61;color:#fffef5;border-color:#ba9951;box-shadow:0 0 0 4px #c8ac6120}.hu-button>span{margin-left:13px;width:21px;height:23px;border:1px solid currentColor;border-radius:3px;font-family:serif;display:grid;place-items:center;font-size:14px}.all-grouped{font-family:serif;color:#6a8754;font-size:15px;letter-spacing:3px}.sidebar{display:flex;flex-direction:column;gap:17px}.sidebar>section{border:1px solid #e0e2d5;border-radius:10px;padding:20px}.progress-card{background:#eeeee1;position:relative;overflow:hidden}.progress-card:after{content:"";position:absolute;width:150px;height:150px;border:1px solid #d7dbc640;transform:rotate(30deg);border-radius:30px;right:-100px;top:55px;pointer-events:none}.card-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#657c5c;gap:6px}.card-heading>span:first-child:not(.eyebrow){display:flex;align-items:center;gap:7px}.card-heading>span:last-child:not(.tiny-seal){font-size:9px;letter-spacing:1px;color:#a2a78f}.card-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.tiny-seal{color:#a19778;font:13px serif;border:1px solid #b8ae913d;border-radius:3px;width:22px;height:24px;display:grid;place-items:center}.progress-card h2{font-family:serif;font-weight:500;font-size:22px;letter-spacing:1px;margin:23px 0 8px}.progress-card>p{font-size:11px;color:#8c9581;margin:0}.progress-numbers{display:flex;align-items:baseline;justify-content:space-between;margin-top:28px}.progress-numbers>strong{font-size:32px;font-weight:400;color:#5b7750;line-height:1}.progress-numbers strong span{font-size:13px;color:#a1aa90}.progress-numbers>span{font-size:9px;color:#919b82}.progress-track{height:4px;background:#dce1cd;border-radius:4px;margin-top:16px;overflow:hidden}.progress-track>div{height:100%;background:#789767;transition:width .3s;border-radius:4px}.progress-caption{display:flex;justify-content:space-between;font-size:8px;color:#919e7e;margin-top:10px}.hint-card{background:#f7f3e6!important;border-color:#e6dfca!important}.hint-card .card-heading{color:#9c8a5e}.hint-card p{font-size:12px;line-height:1.95;color:#9a957d;margin:13px 0 0}.hint-card.has-hint{border-color:#bcb781!important}.hint-card.has-hint p{color:#6b7854}.log-card{background:#f7f7ef;flex:1;min-height:174px}.log-card ol{padding:0;list-style:none;margin:17px 0 0}.log-card li{display:flex;align-items:center;gap:9px;font-size:10px;color:#a0a792;margin:14px 0 0}.log-card li i{display:block;width:4px;height:4px;border-radius:50%;background:#cad0be;flex-shrink:0}.log-card li.latest{color:#5c7750}.log-card li.latest i{background:#849c70}.dictionary-link{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #e1e4d6;padding:14px 15px;border-radius:8px;color:#909e81;font-size:10px}.dictionary-link svg:last-child{margin-left:auto}footer{display:flex;justify-content:space-between;align-items:center;padding:23px 0 27px;font-size:10px;color:#a1aa96}footer>span:first-child{display:flex;align-items:center;gap:7px}footer i{font-style:normal;margin:0 7px;color:#c3c9b7}.modal{border:1px solid #e1dfcd;border-radius:16px;padding:30px;background:#fffef7;color:#334c3a;width:min(560px,calc(100% - 32px));max-height:85vh;box-shadow:0 30px 100px #062c3360}.modal::backdrop{background:#0b2e2866;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal h2{font-family:serif;font-size:24px;letter-spacing:1px;font-weight:500;margin:0}.rules-intro{font-size:12px;color:#8f9b83;margin:12px 0 23px}.rules-list{padding-left:22px;font-size:13px}.rules-list li{padding-left:5px;margin-bottom:17px;color:#607b53}.rules-list p{color:#8a9381;font-size:12px;line-height:1.9;margin:6px 0}.dictionary-search{display:flex;align-items:center;gap:10px;border:1px solid #dce2d0;border-radius:6px;padding:10px;color:#9aa88a;margin-top:23px}.dictionary-search input{border:0;background:transparent;width:100%;min-width:0;color:#4e6c44;font-size:12px;outline:none}.dictionary-results{display:flex;flex-wrap:wrap;gap:7px;max-height:150px;overflow:auto;padding:13px 0}.dictionary-results span{padding:5px 8px;background:#f0f2e6;color:#7c8e6e;border-radius:3px;font-size:11px}.dictionary-results p,.local-note{font-size:10px;color:#a1aa94}.local-note{margin-bottom:0}.result-icon{display:grid;place-items:center;margin:30px auto 20px;color:#b6a167;background:#f1ecd8;border-radius:50%;width:85px;height:85px}.result-text{text-align:center;font-size:12px;color:#8d9980;line-height:1.9}.winning-words{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:20px 0}.winning-words span{padding:10px 14px;background:#e9eedf;border:1px solid #d8e2c8;border-radius:5px;color:#527644;letter-spacing:2px}.restart-result{width:100%;margin-top:15px}.debug-panel{margin-top:20px;padding:20px;background:#e6ecdf;border:1px dashed #8eaa7c;border-radius:10px}.debug-panel h3{font-size:13px}.debug-panel>div{margin-top:14px}.debug-panel strong{font-size:12px}.debug-panel p{font-size:13px;letter-spacing:2px;margin:5px 0}.debug-panel small{font-size:11px;color:#789166}@keyframes tile-in{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1450px){.table{height:450px}.table-center{top:159px}.west,.east{top:177px}.tile{max-width:58px;height:72px}.hand-panel{padding-top:20px;padding-bottom:22px}.tile-rack{min-height:108px}.sidebar{gap:20px}.sidebar>section{padding:23px}}@media(max-width:1200px){.app-shell{padding:0 30px}.game-layout{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.header-actions{gap:18px}.offline-badge{display:none}.tile{height:59px}.hand-panel{padding:16px}.tile-rack{gap:5px}.west{left:30px}.east{right:30px}.tile-back{width:17px}.order-note{display:none}.controls .button{padding:10px 13px}.hu-button{min-width:100px}.sidebar>section{padding:17px}.table-topline{font-size:8px}}@media(max-width:980px){.app-shell{padding:0 24px}.game-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.progress-card{display:none}.sidebar .hint-card,.sidebar .log-card{min-height:155px}.dictionary-link{display:none}.tile{max-width:56px;height:66px;font-size:29px}.table{height:390px}.table-center{top:127px}.north{top:38px}.west,.east{top:140px}.hidden-hand{gap:4px}.tile-back{width:21px;height:31px}.hand-panel{padding:18px 22px}.order-note{display:block}.log-card ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px}.log-card li{margin-top:8px}.sidebar>section{padding:18px}.sidebar .log-card{min-height:0}.intro{padding:23px 0}.site-header{height:85px}footer{padding-top:20px}}@media(max-width:600px){.app-shell{padding:0 14px}.site-header{height:76px}.brand{gap:8px}.brand strong{font-size:18px;letter-spacing:2px}.brand small{font-size:7px;letter-spacing:1.8px}.brand-tile{width:30px;height:36px;font-size:23px}.beta-badge{display:none}.header-actions{gap:13px}.header-actions .text-button{font-size:0;gap:0}.button.restart{font-size:10px;padding:8px 9px;gap:5px}.header-actions svg{width:14px}.intro{padding:21px 1px 19px;align-items:flex-end}.intro h1{font-size:19px;letter-spacing:1px;margin-top:8px}.intro .eyebrow{font-size:8px;letter-spacing:1px}.round-badge{gap:5px;flex-wrap:wrap;justify-content:flex-end;width:83px}.round-badge>span:first-child,.round-badge>svg{display:none}.round-badge strong{padding:3px 7px;font-size:10px}.round-badge>span:last-child{font-size:9px}.round-badge b{font-size:11px}.table{height:346px;border-radius:11px}.table:before{top:13px;right:13px;bottom:13px;left:13px}.table-corner{display:none}.table-topline{top:23px;left:24px;right:24px;font-size:7px}.table-topline>span:last-child{display:none}.north{top:47px}.north .tile-back{width:13px;height:22px;border-bottom-width:3px}.north .hidden-hand{gap:2px}.tile-back>span{width:8px;font-size:10px;line-height:12px}.opponent-label{gap:6px}.avatar{width:27px;height:27px;font-size:12px}.opponent-label strong{font-size:9px}.opponent-label small{font-size:8px}.west{left:23px;top:143px}.east{right:23px;top:143px}.west .hidden-hand,.east .hidden-hand{max-width:56px;gap:3px}.west .tile-back,.east .tile-back{width:16px;height:23px}.east .opponent-label{flex-direction:row-reverse}.table-center{top:131px;min-width:130px}.center-emblem svg{width:18px;height:18px}.table-motto{font-size:10px;letter-spacing:3px;margin:7px 0 11px}.center-tile,.empty-discard{width:36px;height:47px;font-size:27px;border-bottom-width:4px}.latest-discard small{font-size:8px;margin-top:9px}.deck-count{font-size:8px;padding:4px 9px;margin-top:10px}.deck-count strong{font-size:9px}.table-bottom{bottom:23px;left:23px;right:23px;font-size:8px;gap:5px}.table-bottom button{font-size:8px;padding:4px 5px}.table-bottom button b{margin:0 2px}.table-bottom>span{gap:5px}.hand-panel{margin-top:13px;padding:15px 13px;border-radius:10px}.hand-header strong{font-size:12px}.hand-header .text-button{font-size:10px}.groups-row{gap:8px;min-height:46px;margin-top:6px}.group-placeholder{padding:7px 8px;font-size:9px}.section-label{font-size:9px}.word-group{font-size:11px;padding:5px 7px;gap:5px}.tile-rack{flex-wrap:wrap;justify-content:flex-start;gap:8px 6px;min-height:140px;padding:14px 0 18px;align-content:center}.tile{flex:0 0 calc((100% - 42px)/8);max-width:none;height:52px;font-size:26px;border-bottom-width:4px;border-radius:5px}.tile.fresh{margin-left:5px}.tile.fresh:before{left:-6px;height:29px;top:8px}.tile em{font-size:7px;bottom:-16px}.selection-line{gap:8px;min-height:38px;height:auto;padding-top:10px}.selection-line strong{font-size:12px}.selection-line strong.muted{font-size:10px}.validation{font-size:9px}.order-note{display:none}.controls{gap:8px;margin-top:14px}.controls>div{gap:5px}.controls .button{padding:9px 10px;font-size:11px;gap:5px}.controls .button svg{width:13px;height:13px}.controls .subtle{padding:9px 5px}.controls .hu-button{min-width:66px;padding:9px 11px}.hu-button>span{display:none}.sidebar{display:flex;gap:12px;flex-direction:column}.game-layout{gap:13px}.sidebar .hint-card{min-height:0;padding:15px 17px}.hint-card p{font-size:11px;margin-top:8px;line-height:1.9}.sidebar .log-card{padding:15px 17px}.log-card ol{margin:7px 0 0}.log-card li{font-size:9px}footer{flex-direction:column;gap:9px;font-size:8px;padding:19px 0}.modal{padding:22px}.modal h2{font-size:21px}.river-overlay{top:67px;right:17px;bottom:57px;left:17px;padding:10px 13px}.river-row{gap:8px}.river-tile{width:21px;height:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.vote-intro{text-align:center;color:#8d957f;margin:23px 0}.vote-intro svg{color:#a99359}.vote-intro p{font-size:12px;margin:10px 0}.vote-intro h3{font-family:serif;font-size:28px;font-weight:500;letter-spacing:2px;color:#355e44;margin:12px 0}.vote-intro>span{font-size:11px}.vote-list{display:grid;gap:8px}.vote-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;background:#f3f3e9;border:1px solid #e3e6d7;border-radius:7px;padding:12px 14px;font-size:12px}.vote-row>div{display:flex;gap:8px;align-items:center}.vote-row small{font-size:9px;color:#919b85}.vote-row>span{font-size:11px;color:#87977a}.vote-row.vote-yes{background:#ecf2e4;border-color:#c8d6b9}.vote-row.vote-yes>span{color:#577a43}.vote-row.vote-no{background:#f5eae4;border-color:#e2c4b4}.vote-row.vote-no>span{color:#a86f5d}.vote-row details{width:100%;font-size:10px;color:#8c957e;line-height:1.8}.vote-row details ul{margin:4px 0}.vote-outcome{text-align:center;padding:15px 9px;margin-top:14px;background:#f4efdf;border-radius:6px;color:#948452;font-size:12px}.vote-outcome.accepted{background:#e9f0df;color:#587a46}.vote-outcome.rejected{background:#f4e9e3;color:#a2715e}.vote-actions{display:flex;gap:10px;margin-top:18px}.vote-actions .button{flex:1}.vote-restart{display:block;margin:16px auto 0;font-size:10px}.community-group{border-color:#c9b982;background:#f3eedb;color:#8b7d4f}.community-group small{font-size:8px;letter-spacing:0}.activity-history{font-size:10px;color:#859379;margin-top:17px;line-height:1.8}.activity-history summary{cursor:pointer}.activity-history>div{max-height:190px;overflow:auto}.debug-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.debug-actions small{width:100%}.selection-line{height:auto;min-height:38px;flex-wrap:wrap}.log-card li{line-height:1.7}.vote-row strong{font-weight:500}@media(max-width:600px){.vote-intro h3{font-size:23px}.vote-row{padding:10px}.selection-line .validation{max-width:100%;word-break:break-all}.debug-actions .button{font-size:11px}.vote-intro>span{font-size:10px}}.claim-intro{text-align:center;color:#899680;font-size:12px}.claim-intro .center-tile{margin:14px auto}.claim-candidates{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0;align-items:center}.claim-candidates>strong{width:100%;font-size:12px;color:#839276}.claim-candidates>p{font-size:12px;color:#929c86;line-height:1.8}.custom-claim{font-size:12px;line-height:1.8;color:#829174;border-top:1px solid #e4e7d7;padding-top:15px}.custom-claim summary{cursor:pointer}.custom-claim p{font-size:11px}.claim-tiles{display:flex;flex-wrap:wrap;gap:10px 6px;padding:12px 0 22px}.claim-tiles .tile{flex:0 0 42px;height:55px;font-size:27px}.claim-selection{display:flex;gap:12px;flex-wrap:wrap;color:#3d6a48;font-size:17px;margin-bottom:12px}.claim-selection small{font-size:11px;color:#9c946d}.custom-claim>.text-button{margin-left:12px}.exposed-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:10px 0}.exposed-group{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;background:#f3e9ca;border:1px solid #cab77f;border-radius:5px;color:#7d6b3d;font-size:13px}.exposed-group b{font:11px serif;border:1px solid #baa568;padding:2px}.exposed-group small{font-size:8px;color:#ab9b6f}.opponent-exposed{display:flex;gap:4px;flex-wrap:wrap;max-width:160px;margin-top:7px;max-height:78px;overflow:auto}.north .opponent-exposed{max-width:310px;justify-content:center}.opponent-exposed>span{font-size:10px;color:#e0d6b1;border:1px solid #a9ad7055;background:#12372acf;padding:3px 6px;border-radius:3px}.claim-feedback{display:flex;flex-direction:column;align-items:center;gap:6px;animation:tile-in .4s ease-out}.claim-feedback>strong{font:34px serif;color:#e2ce91}.claim-feedback>span{font:18px serif;color:#e8e4ca}.claim-feedback small{font-size:10px;color:#b8c7a2}@media(max-width:600px){.hand-header .muted{font-size:8px}.hand-header>div{gap:6px}.opponent-exposed{max-width:72px;max-height:66px}.opponent-exposed>span{font-size:8px;padding:2px 3px}.north .opponent-exposed{max-width:200px}.claim-tiles .tile{flex-basis:calc((100% - 30px) / 6);height:47px;font-size:24px}.exposed-group{font-size:12px}}.draggable-tile{display:inline-flex;touch-action:none;cursor:grab;border-radius:7px}.draggable-tile:active{cursor:grabbing}.draggable-tile:focus-visible{outline:2px solid #b88948;outline-offset:4px}.claim-button:not(:disabled){background:#d7b678;color:#183f35;box-shadow:0 0 0 2px #d7b67840}.room-form{display:grid;gap:14px}.room-form label{display:grid;gap:8px}.room-form input,.room-form select{width:100%;padding:12px;border:1px solid #d4d8ce;border-radius:8px;background:#fffdf6;font:inherit}.room-code{font-size:28px;letter-spacing:5px;color:#9a713a}.room-members p{display:flex;justify-content:space-between;padding:12px;background:#f3f4ed;border-radius:8px}.room-bar{display:flex;flex-wrap:wrap;gap:12px;padding:14px;background:#e6ece3;border-radius:10px;margin-bottom:16px;font-size:13px}.room-error{padding:12px;color:#9b3833;background:#f6e5dd;border-radius:8px}.controls>div{flex-wrap:wrap}.draggable-tile{flex:1;min-width:0;max-width:53px}.draggable-tile .tile{width:100%;max-width:none;flex:1 1 auto}.draggable-tile .tile.fresh{margin-left:0}.draggable-tile .tile.fresh:before{display:none}@media(min-width:1450px){.draggable-tile{max-width:58px}}@media(max-width:980px){.draggable-tile{max-width:56px}}@media(max-width:600px){.draggable-tile{flex:0 0 calc((100% - 42px)/8);max-width:none}.room-bar{gap:8px}}.home-page{max-width:1080px;margin:auto;padding:40px 32px}.home-brand{display:flex;align-items:center;gap:14px;color:#52715d;font-size:12px;letter-spacing:3px}.home-intro{text-align:center;padding:65px 0 42px}.home-intro h1{font-family:KaiTi,STKaiti,serif;font-size:64px;margin:20px 0;color:#234c3e}.home-intro h1 span{color:#bc985a}.home-intro p{color:#718174;font-size:17px}.home-tiles{display:flex;gap:12px;justify-content:center;margin:32px 0 0}.home-tiles span{width:48px;height:62px;display:grid;place-items:center;border-radius:7px;border:1px solid #d9dccb;border-bottom:5px solid #a6b8a0;background:#fffdf5;color:#37533b;font:28px KaiTi,serif;box-shadow:0 6px 12px #314f3510}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mode-card{text-align:left;border:1px solid #d8dece;border-radius:20px;padding:32px;background:#fffef8;position:relative;color:#2f5241;box-shadow:0 10px 28px #314f3508}.word-mode:hover{border-color:#7a977b;transform:translateY(-3px)}.mode-icon{display:grid;place-items:center;width:44px;height:54px;border:1px solid #becbb6;border-bottom:4px solid #a2b59a;border-radius:6px;font:28px KaiTi,serif}.mode-label{position:absolute;top:38px;right:24px;color:#8c7b51;font-size:11px}.mode-card h2{margin:24px 0 10px;font-size:26px}.mode-card p{margin:0 0 28px;color:#748272;font-size:14px}.mode-card strong{font-size:14px}.coming-mode:disabled{opacity:.65;cursor:default}.standings,.claim-status{display:flex;flex-wrap:wrap;gap:14px;background:#e6ece1;padding:12px 16px;border-radius:10px;margin:0 0 14px;font-size:13px;color:#36543e}.claim-status{background:#f1e8cf}.ranking-list{padding:0;list-style:none}.ranking-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:16px;margin:10px 0;background:#eef1e6;border-radius:10px}.ranking-list small{flex-basis:100%;color:#76816d}@media(max-width:600px){.home-page{padding:24px 18px}.home-intro{padding:40px 0 30px}.home-intro h1{font-size:48px}.mode-cards{grid-template-columns:1fr;gap:16px}.mode-card{padding:24px}}.match-shell{max-width:1800px;padding:0 18px 18px}.match-shell .site-header{height:72px;border:0;gap:12px}.match-shell .brand small{font-size:9px}.match-shell main{padding:0}.match-shell .room-bar{margin:0 0 8px}.match-shell .room-bar>span{display:none}.mahjong-arena{position:relative;display:grid;grid-template-columns:minmax(155px,1fr) minmax(320px,2.5fr) minmax(155px,1fr);grid-template-areas:"top top top" ". north ." "west center east" "south south south";gap:16px;padding:18px 24px 12px;min-height:calc(100dvh - 94px);border:9px solid #25493e;border-radius:32px;color:#f4f0d9;background:radial-gradient(ellipse at 50% 35%,#39735b,#23523f 76%);box-shadow:inset 0 0 0 2px #96a47755,inset 0 0 90px #0a2d2980,0 8px 24px #173a2920}.arena-topline{grid-area:top;display:flex;justify-content:space-between;color:#c5d8bc;font-size:11px;letter-spacing:1px}.table-seat{min-width:0;padding:10px;border:1px solid #bbd3b32a;background:#153e322c;border-radius:14px;align-self:center}.seat-north{grid-area:north;width:min(100%,550px);justify-self:center}.seat-west{grid-area:west}.seat-east{grid-area:east}.seat-south{grid-area:south;min-width:0}.seat-active{border-color:#ead286;box-shadow:0 0 18px #eed99320}.seat-heading{display:flex;gap:8px;align-items:center;font-size:13px}.seat-heading>div{min-width:0;flex:1;overflow-wrap:anywhere}.seat-heading small{display:block;color:#c2d1b9;font-size:10px;margin-top:3px}.seat-avatar{display:grid;place-items:center;flex:0 0 28px;height:28px;background:#c0cfaa20;border:1px solid #c4d09c66;border-radius:50%;font-family:serif}.seat-count{color:#f6e6ae;white-space:nowrap}.seat-won,.self-rank{color:#ffe198}.seat-backs{display:flex;flex-wrap:wrap;gap:3px;margin:10px 0}.seat-backs .tile-back{width:19px;height:28px;flex:0 0 19px;border-radius:3px;background:linear-gradient(135deg,#629e76,#347753);border:1px solid #a5c99d;border-bottom:3px solid #eee8cc;box-shadow:0 2px 3px #082b2533}.seat-backs .tile-back>span{font-size:12px;color:#d5e3b8}.table-public{display:flex;flex-wrap:wrap;gap:5px;max-height:160px;overflow:auto}.public-word{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:4px;background:#f3f0d9;color:#234d3d;box-shadow:0 2px #abbba2;font-size:15px}.public-word small{font-size:9px;color:#627762}.public-word sup{font-size:8px}.claimed-word{background:#efdfa6}.table-empty{color:#c0d1b4;font-size:10px}.arena-center{grid-area:center;min-width:0;align-self:center}.table-compass{text-align:center;opacity:.48;margin-bottom:12px}.table-compass>span{font:32px serif;display:block}.table-compass small{font-size:8px;letter-spacing:4px}.table-rivers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.river-sector{min-width:0;padding:8px;background:#143d302a;border:1px solid #c8d4b322;border-radius:8px}.river-sector header{height:auto;display:flex;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:11px;color:#e2e7cb}.river-sector header small{font-size:9px;color:#b7cbae}.river-sector>div{display:flex;flex-wrap:wrap;gap:3px;max-height:132px;min-height:28px;overflow-y:auto;align-content:start}.river-sector .river-tile{width:25px;height:31px;font-size:17px;display:grid;place-items:center;flex-shrink:0;background:#f2eedb;color:#254e3e;border-radius:3px;border-bottom:3px solid #bcc4a6}.river-sector .river-tile.last{background:#f6d580;box-shadow:0 0 0 1px #f6d580}.table-notice{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;text-align:center;padding:10px 0 5px;font-size:12px;color:#f4e4b3}.table-notice strong{color:#fff8dc}.table-event{text-align:center;font-size:12px;color:#f4d587}.table-history{font-size:10px;color:#bcd0b5;margin:7px 0 0}.table-history summary{cursor:pointer;text-align:center}.table-history>div{max-height:130px;overflow:auto}.table-history p{margin:6px 0}.match-shell .hand-panel{margin:0;padding:12px 16px 8px;border-radius:12px;background:#173f32aa;border:1px solid #aec79c44;box-shadow:none;color:#f4eed9}.match-shell .hand-header{margin-bottom:7px}.match-shell .hand-header strong{font-size:13px}.match-shell .muted,.match-shell .section-label,.match-shell .group-placeholder,.match-shell .order-note{color:#b7c9ae}.match-shell .hand-panel .text-button{color:#e8e8ca}.match-shell .groups-row{padding:5px 0;margin:0;border:none;min-height:28px}.match-shell .exposed-row{margin:4px 0}.match-shell .word-group{background:#f2edda;padding:4px 8px;font-size:15px}.match-shell .tile-rack{padding:12px 2px 6px;min-height:88px;justify-content:center;gap:5px;flex-wrap:wrap;overflow:visible}.match-shell .draggable-tile{flex:0 0 44px;width:44px}.match-shell .draggable-tile .tile{width:44px;height:62px;font-size:28px}.match-shell .selection-line{border:none;min-height:28px;padding:5px 0;margin:0}.match-shell .controls{border-top:1px solid #c9ddba25;padding-top:9px;gap:10px}.match-shell .controls>div{gap:7px;flex-wrap:wrap}.match-shell .controls .button{min-height:36px;height:auto;padding:8px 14px}.match-shell .controls .subtle{display:inline-flex}.match-shell .controls .primary{background:#d9c486;border-color:#d9c486;color:#234934}.match-shell .controls .claim-button:not(:disabled){background:#f2ce6d;color:#284b30;box-shadow:0 0 18px #ebcd5444}.match-shell .hu-button{background:#29563c;color:#ebd797}.self-rank{font-size:13px;padding:5px;text-align:center}.table-hint{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f5e9bc;color:#3b5138;border-radius:8px;padding:10px 14px;margin-bottom:8px;font-size:12px}.table-hint button{border:0;background:transparent;color:inherit;font-size:20px}.table-interaction{padding:12px 16px;margin:0 0 8px;border-radius:10px;background:#f4f0dc;color:#294b3b;box-shadow:0 3px 12px #0d2c2933;border:1px solid #ddc98b}.table-interaction h3{margin:0;font-size:15px}.table-interaction .claim-intro{display:flex;align-items:center;justify-content:start;gap:10px;padding:0;margin:4px 0}.table-interaction .claim-intro p{margin:0;font-size:11px}.table-interaction .center-tile{width:30px;height:37px;font-size:22px;margin:0}.table-interaction .claim-candidates{margin:8px 0;gap:6px}.table-interaction .claim-candidates strong{font-size:12px}.table-interaction .button{padding:6px 12px;min-height:32px;height:auto;font-size:12px}.table-interaction .custom-claim{margin:6px 0;padding:5px 0;border:0;font-size:12px}.table-interaction .custom-claim summary{cursor:pointer}.table-interaction .claim-tiles{flex-wrap:wrap}.table-interaction .claim-tiles .tile{width:34px;height:47px;font-size:23px}.table-interaction .restart-result{margin:4px 6px 0 0}.table-interaction .local-note{margin:5px 0 0;font-size:10px}.table-interaction .vote-intro{display:flex;justify-content:start;flex-wrap:wrap;align-items:center;gap:8px;padding:0;margin:0}.table-interaction .vote-intro h3,.table-interaction .vote-intro p{margin:0}.table-interaction .vote-intro span{font-size:11px}.table-interaction .vote-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.table-interaction .vote-row{flex:1 1 150px;gap:8px;padding:7px 9px;font-size:11px;min-height:0;border:1px solid #d4d9bd;border-radius:5px}.table-interaction .vote-row small{font-size:9px}.table-interaction .vote-outcome{margin:5px 0;padding:4px 0;font-size:12px}.table-interaction .vote-actions{justify-content:start;margin:5px 0 0}@media(max-width:900px){.match-shell{padding:0 8px 8px}.match-shell .site-header{height:auto;min-height:65px;flex-wrap:wrap;padding:8px 0}.match-shell .brand strong{font-size:19px}.match-shell .brand-tile{width:30px;height:36px;font-size:23px}.match-shell .header-actions{gap:9px;flex-wrap:wrap}.match-shell .offline-badge,.match-shell .beta-badge{display:none}.mahjong-arena{grid-template-columns:minmax(106px,1fr) minmax(180px,1.6fr) minmax(106px,1fr);padding:12px;border-width:5px;gap:10px;border-radius:20px}.seat-heading{flex-wrap:wrap;font-size:11px;gap:5px}.seat-count,.seat-won{width:100%}.seat-backs .tile-back{width:15px;height:22px;flex-basis:15px}.public-word{font-size:12px;padding:3px 5px}.table-compass{margin-bottom:6px}.table-rivers{gap:4px}.river-sector{padding:5px}.river-sector header{flex-wrap:wrap;gap:3px}.match-shell .hand-panel{padding:10px}}@media(max-width:560px){.match-shell{padding:0 4px 4px}.match-shell .header-actions .button{padding:5px 8px;font-size:11px}.match-shell .header-actions .text-button{font-size:11px}.mahjong-arena{grid-template-columns:minmax(65px,.7fr) minmax(155px,1.7fr) minmax(65px,.7fr);padding:8px 5px;gap:8px 4px;border-width:3px}.arena-topline{font-size:9px;letter-spacing:0}.table-seat{padding:5px;border-radius:7px}.seat-avatar{display:none}.seat-heading{font-size:10px}.seat-heading small{font-size:8px}.seat-backs{gap:2px;margin:7px 0}.seat-backs .tile-back{width:12px;height:18px;flex-basis:12px;border-bottom-width:2px}.seat-backs .tile-back>span{font-size:8px}.table-public{gap:4px;max-height:130px}.public-word{font-size:11px;padding:2px 3px;flex-wrap:wrap;overflow-wrap:anywhere}.public-word small{font-size:8px}.table-compass>span{font-size:24px}.table-compass small{font-size:6px;letter-spacing:1px}.river-sector .river-tile{width:19px;height:25px;font-size:14px}.river-sector>div{max-height:104px;gap:2px}.river-sector header{font-size:9px}.river-sector header small,.table-empty{font-size:8px}.table-notice{font-size:10px;padding-top:7px}.table-history{font-size:9px}.match-shell .hand-header{flex-wrap:wrap;gap:5px}.match-shell .hand-header>div{gap:5px;flex-wrap:wrap}.match-shell .hand-header .muted{font-size:10px}.match-shell .hand-header strong{font-size:11px}.match-shell .player-avatar{display:none}.match-shell .tile-rack{gap:4px;min-height:64px}.match-shell .draggable-tile{width:32px;flex-basis:32px}.match-shell .draggable-tile .tile{width:32px;height:46px;font-size:23px}.match-shell .controls{flex-wrap:wrap}.match-shell .controls .button{padding:7px 10px;min-height:36px;font-size:12px}.match-shell .controls .button svg{display:none}.match-shell .controls .hu-button{display:inline-flex;margin:0}.match-shell .order-note{display:none}.table-interaction{padding:9px}.table-interaction .claim-intro{flex-wrap:wrap}.table-interaction .vote-row{flex-basis:130px}}.river-sector .river-claimed{position:relative;opacity:.62;background:#bed0b4}.river-claimed sup{position:absolute;font-size:7px;right:0;bottom:-2px;background:#294c3a;color:#fff2bd}@media(min-width:901px)and (max-height:850px){.mahjong-arena{gap:8px 16px;padding-top:12px}.seat-north{padding:7px 10px}.seat-north .seat-backs{margin:6px 0}.table-compass{display:none}.match-shell .hand-panel{padding:8px 14px}.match-shell .tile-rack{min-height:74px;padding:8px 2px 4px}.match-shell .group-placeholder{padding:3px 8px}.match-shell .controls{padding-top:6px}}.claim-inline{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px}.claim-inline h3{display:none}.claim-inline .claim-intro{margin:0;flex:0 1 auto}.claim-inline .claim-intro p:last-child{display:none}.claim-inline .claim-candidates{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;margin:0;padding:0}.claim-inline .claim-candidates strong{display:none}.claim-inline .custom-claim{order:3;flex:1 0 100%;margin:0}.claim-inline .custom-claim:not([open]){flex:0 1 auto;order:0}.claim-inline>.button{width:auto;margin:0}.claim-inline .local-note{flex:1 0 100%;order:4}.jade-shell{position:relative;isolation:isolate;max-width:none;min-height:100dvh;padding:0 24px 14px;background:#142720;color:#eee8d4}.jade-shell>.room-scenery{z-index:-1}.jade-shell .site-header{position:relative;z-index:3;height:64px;border:0;padding:0 12px}.jade-shell .brand{gap:12px}.jade-shell .brand strong{font:26px KaiTi,STKaiti,serif;letter-spacing:3px;color:#e8ca8c}.jade-shell .brand small{font-size:8px;letter-spacing:2px;color:#a5b9aa}.jade-shell .brand-tile{background:transparent;color:#e2bf76;box-shadow:none;border:0;font-size:40px;height:42px;width:38px;transform:none}.jade-shell .beta-badge{display:none}.jade-shell main{position:relative;padding:0}.jade-shell .room-bar{position:absolute;top:5px;left:200px;z-index:4;background:#122820c9;border:1px solid #b5b08833;color:#d8d4bb;margin:0;padding:5px 12px;font-size:10px}.jade-shell .room-bar .text-button{color:#d8c394;font-size:10px}.jade-shell .room-error{position:relative;z-index:5}.game-toolbar{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#10201fd9;border:1px solid #9a987233}.game-toolbar button{display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;color:#c8cdbd;border-radius:7px}.game-toolbar button:hover{background:#53674955;color:#f0d093}.table-mode{color:#b6c5af;font-size:11px;margin-right:10px}.table-mode i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9ed37c;margin-right:7px}.toolbar-divider{width:1px;height:22px;background:#b2b89433;margin:0 4px}.jade-table.mahjong-arena{position:relative;display:flex;flex-direction:column;min-height:calc(100dvh - 78px);gap:0;padding:0 7% 14px;border:0;border-radius:0;background:transparent;box-shadow:none;isolation:isolate}.jade-table:before,.jade-table:after{content:"";position:absolute;z-index:-1;pointer-events:none;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);border-radius:36px}.jade-table:before{top:83px;right:0;bottom:0;left:0;background:linear-gradient(90deg,#362820,#92613d 3%,#4d3325 11%,#4c3325 89%,#916442 97%,#39271e);box-shadow:inset 0 3px #cb9b6088,inset 0 -10px #221d15}.jade-table:after{top:99px;right:18px;bottom:20px;left:18px;background:radial-gradient(ellipse at 50% 30%,#286653,#174d3e 62%,#123f33);box-shadow:inset 0 0 0 2px #b8ab683a,inset 0 0 110px #07271d9c}.jade-table .arena-topline{position:absolute;top:19px;left:0;right:0;display:flex;justify-content:space-between;padding:0 18px;color:#c9c3a7;font-size:10px;letter-spacing:1px}.jade-table .table-seat{position:absolute;z-index:3;padding:0;border:0;box-shadow:none;border-radius:0;background:transparent;width:226px}.jade-table .seat-north{top:0;left:50%;transform:translate(-50%)}.jade-table .seat-west{top:35%;left:0}.jade-table .seat-east{top:35%;right:0}.jade-table .seat-heading{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:4px 12px;min-height:78px;padding:10px 33px 10px 10px;background:#16242cdb;border:1px solid #afc0c260;border-radius:9px;box-shadow:0 5px 13px #0d221f66}.jade-table .seat-avatar{display:grid;grid-row:1/3;place-items:center;height:48px;width:48px;border-radius:7px;color:#dfd3b4;border:1px solid #d4c59a88;background:linear-gradient(145deg,#647878,#233e41)}.jade-table .avatar-1{background:linear-gradient(145deg,#6e777f,#33414a)}.jade-table .avatar-2{background:linear-gradient(145deg,#899181,#404f42)}.jade-table .avatar-3{background:linear-gradient(145deg,#8a756c,#4c454a)}.jade-table .seat-heading>div{min-width:0}.jade-table .seat-heading strong{font-size:14px;font-weight:500;color:#f0e9d4;overflow-wrap:anywhere}.jade-table .seat-heading small{color:#a6b9ad;font-size:9px;margin-top:4px;display:block}.jade-table .seat-wind{position:absolute;right:8px;top:10px;width:21px;height:28px;display:grid;place-items:center;border-radius:3px;background:#e1e5d4;color:#284c3e;font:18px KaiTi,serif;border-bottom:3px solid #8aa087}.jade-table .seat-count,.jade-table .seat-won{grid-column:2;color:#ebc775;font-size:12px;font-weight:500;white-space:nowrap}.jade-table .table-public{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:8px;max-height:92px;overflow:auto;scrollbar-width:thin;scrollbar-color:#86a781 #1b4432}.jade-table .table-empty{color:#a6c2ab;font-size:10px}.jade-table .table-public .table-empty{display:none}.jade-table .public-word{display:inline-flex;gap:4px;align-items:center;padding:4px 7px;font-size:14px;color:#224c37;background:#ede8d1;border-radius:3px;border-bottom:3px solid #9bad85;box-shadow:1px 3px 3px #0e2c2070}.jade-table .public-word small{font-size:8px;color:#728168}.jade-table .claimed-word{background:#e5d4a4}.opponent-wall{position:absolute;display:flex;z-index:2;gap:3px;pointer-events:none}.wall-north{top:100px;left:50%;transform:translate(-50%)}.wall-west{top:20%;left:12%;flex-direction:column;transform:rotate(12deg);transform-origin:top center}.wall-east{top:20%;right:12%;flex-direction:column;transform:rotate(-12deg);transform-origin:top center}.opponent-wall .tile-back{display:block;width:clamp(25px,2.4vw,42px);height:clamp(36px,4.7vh,52px);border-radius:3px;border:1px solid #789264;border-top:6px solid #eeefdc;border-bottom:3px solid #254f28;background:#4c7b3e;box-shadow:1px 4px 3px #132b2299}.opponent-wall .tile-back span{display:none}.wall-west .tile-back,.wall-east .tile-back{width:31px;height:clamp(16px,2.55vh,27px)}.jade-table .arena-center{position:relative;align-self:center;display:grid;align-items:center;flex:1;width:min(60%,870px);min-height:300px;margin:164px 0 16px}.jade-table .table-rivers{display:grid;grid-template-columns:minmax(90px,1fr) minmax(190px,240px) minmax(90px,1fr);grid-template-rows:minmax(62px,1fr) auto minmax(62px,1fr);grid-template-areas:". north ." "west status east" ". south .";gap:12px 26px;align-items:center}.jade-table .river-2{grid-area:north}.jade-table .river-3{grid-area:west}.jade-table .river-1{grid-area:east}.jade-table .river-0{grid-area:south}.jade-table .river-sector{border:0;background:transparent;padding:4px;border-radius:0;min-width:0}.jade-table .river-sector header{display:flex;justify-content:space-between;gap:5px;color:#b5c9b3;margin:0 0 6px;font-size:9px}.jade-table .river-sector header small{font-size:8px;color:#8eaf96}.jade-table .river-sector>div{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;max-height:112px;min-height:30px;overflow:auto;padding:2px 3px 6px;scrollbar-width:thin;scrollbar-color:#97b28c #174c3b}.jade-table .river-1>div,.jade-table .river-3>div{max-height:170px}.jade-table .river-tile{position:relative;display:grid;place-items:center;width:30px;height:36px;flex-shrink:0;background:#f0ecd9;border:1px solid #d3d9bd;border-bottom:4px solid #8eaa7e;border-radius:3px;color:#244631;font:22px KaiTi,serif;box-shadow:1px 3px 3px #05281f66}.jade-table .river-tile.last{background:#f8e1a8;outline:1px solid #efd286}.jade-table .river-claimed{opacity:.55;background:#c2d1b5}.center-status{position:relative;grid-area:status;padding:14px 12px;border:2px solid #b39458;border-radius:18px;text-align:center;background:#1d2e32ed;box-shadow:0 5px #112b29,0 8px #b3945855,0 12px 20px #0a2c2777;color:#e2c58d}.center-eyebrow{color:#9eafa8;font-size:9px;letter-spacing:2px}.center-remaining{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:8px 0}.center-remaining strong{font-size:32px;font-weight:500;font-variant-numeric:tabular-nums}.center-remaining span{font-size:11px}.center-phase{font-size:10px;color:#b9c4b7}.center-status p{font-size:11px;line-height:1.7;color:#d3dbc3;margin:8px 0 0}.center-status>b{display:block;margin-top:7px;font-size:12px}.jade-table .seat-south{position:relative;flex-shrink:0;width:100%;padding:0 0 6px;min-width:0}.jade-table .seat-self{top:14px;left:-7.2%;width:208px}.jade-table .hand-panel{display:flex;flex-direction:column;border:0;border-radius:0;background:transparent;padding:0;margin:0;box-shadow:none;color:#e8e8ce}.jade-table .hand-header{display:none}.jade-table .groups-row,.jade-table .exposed-row{order:0;display:flex;justify-content:center;align-items:center;min-height:28px;border:0;padding:3px 0;margin:0}.jade-table .word-groups{flex:0 1 auto}.jade-table .word-group{padding:4px 8px;font-size:14px;background:#ede7d0;color:#2f4b34}.jade-table .group-placeholder{font-size:11px;border:0;padding:4px;color:#a2bba2}.jade-table .section-label{color:#a9bea5;font-size:10px}.jade-table .groups-row .text-button{color:#dbd7b8}.jade-table .selection-line{order:1;display:flex;justify-content:center;gap:10px;border:0;min-height:26px;padding:3px 0;margin:0;font-size:12px}.jade-table .selection-line .muted{color:#b3c4ab;font-size:11px}.jade-table .selection-line .icon-button{color:#e4d3a5}.jade-table .order-note{display:none}.jade-table .action-bar{order:2;display:flex;justify-content:center;gap:12px;border:0;min-height:54px;margin:0;padding:4px 0 10px}.jade-table .action-bar .button{display:inline-flex;align-items:center;gap:7px;height:40px;min-width:94px;justify-content:center;border:1px solid #a6bb9a;border-radius:22px;padding:9px 24px;background:#244c3e;color:#f2efd5;box-shadow:inset 0 2px #f0f2d530,0 3px #102f27,0 5px 7px #10352788;font-size:14px}.jade-table .action-bar .primary{border-color:#e5cc85;background:#bda168;color:#182f24}.jade-table .action-bar .hu-button{background:#a44c35;color:#fff1d6;border-color:#dba977}.jade-table .action-bar .button:hover{filter:brightness(1.1);transform:translateY(-2px)}.action-wait{color:#becdb3;font-size:12px;align-self:center;letter-spacing:1px}.jade-table .tile-rack{order:3;display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-end;padding:20px 14px;min-height:118px;gap:7px;overflow:visible}.jade-table .draggable-tile{flex:0 0 clamp(44px,4.1vw,75px);width:clamp(44px,4.1vw,75px)}.jade-table .draggable-tile .tile{width:100%;height:clamp(70px,6vw,108px);font-size:clamp(30px,3vw,49px);color:#243e2b;background:#f4f0df;border:1px solid #dedfcb;border-bottom:6px solid #a8b39a;border-radius:7px;box-shadow:2px 5px 8px #05291e88}.jade-table .tile.selected{transform:translateY(-13px);outline:2px solid #ecd08a;background:#fff0c8}.jade-table .tile.fresh{margin-left:7px}.jade-table .tile i{background:#87976e;opacity:.45}.jade-table .tile em{color:#3d5337}.jade-table .interaction-slot:not(:empty){position:absolute;z-index:8;bottom:calc(100% + 8px);width:min(840px,84%);left:50%;transform:translate(-50%);max-height:290px;overflow:auto;border-radius:10px;box-shadow:0 15px 40px #041e2280}.jade-table .table-interaction{margin:0;background:#172f2bf5;color:#e9e2c9;border:1px solid #c4ab6d}.jade-table .table-interaction h3,.jade-table .table-interaction .vote-intro p{color:#eee3c5}.jade-table .table-interaction .vote-row{background:#28453a;border-color:#648060;color:#e8e6cc}.jade-table .table-interaction .vote-row small,.jade-table .table-interaction .local-note{color:#b7c7b0}.jade-table .table-interaction .vote-outcome{background:#284b3d;color:#e7d9b0}.jade-table .table-hint{margin:0}.table-tools{position:absolute;right:1%;bottom:8%;display:flex;flex-direction:column;gap:10px;z-index:4}.table-tools button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:48px;height:59px;border:1px solid #b2b99b55;border-radius:24px;background:#102a27dc;color:#e5d5ab}.table-tools button span{font-size:9px}.table-tools button:hover{border-color:#d5ba78;background:#284d3b}.table-journal{position:relative;min-height:17px;width:100%}.jade-table .table-history{margin:0;font-size:9px;color:#9cb69d}.jade-table .table-history[open]{position:absolute;z-index:9;bottom:0;left:0;width:min(500px,100%);padding:16px;border:1px solid #baa36e;background:#102d26;border-radius:9px}.jade-table .table-history summary{text-align:center}.jade-table .table-history>div{max-height:150px;overflow:auto}@media(max-height:850px)and (min-width:1000px){.jade-shell{padding:0 16px 8px}.jade-shell .site-header{height:52px}.jade-table.mahjong-arena{min-height:calc(100dvh - 60px);padding-bottom:10px}.jade-table:before{top:67px}.jade-table:after{top:81px;bottom:15px}.jade-table .table-seat{width:196px}.jade-table .seat-heading{min-height:62px;padding:7px 30px 7px 7px;grid-template-columns:38px minmax(0,1fr);gap:2px 9px}.jade-table .seat-avatar{width:38px;height:42px}.jade-table .seat-heading strong{font-size:12px}.jade-table .seat-count{font-size:11px}.wall-north{top:83px}.jade-table .arena-center{margin-top:132px;margin-bottom:8px;min-height:248px}.jade-table .table-rivers{gap:6px 22px;grid-template-rows:minmax(45px,1fr) auto minmax(45px,1fr)}.jade-table .river-sector>div{min-height:24px;max-height:72px}.jade-table .river-1>div,.jade-table .river-3>div{max-height:130px}.center-status{padding:9px 12px}.center-remaining{margin:5px 0}.center-remaining strong{font-size:27px}.jade-table .tile-rack{min-height:93px;padding-top:15px;padding-bottom:14px}.jade-table .draggable-tile .tile{height:77px;font-size:36px}.jade-table .groups-row,.jade-table .selection-line{min-height:22px;padding:2px 0}.jade-table .action-bar{min-height:46px;padding-bottom:5px}.jade-table .seat-self{left:-7%;top:3px}.table-tools{bottom:7%;gap:6px}.table-tools button{height:46px;width:40px}.table-tools button svg{width:17px;height:17px}}@media(max-width:1150px)and (min-width:801px){.jade-table .table-seat{width:174px}.jade-table .seat-heading{grid-template-columns:32px minmax(0,1fr);gap:3px 7px}.jade-table .seat-avatar{width:32px;height:40px}.jade-table .seat-heading strong{font-size:11px}.jade-table .seat-heading small{font-size:8px}.jade-table .arena-center{width:57%}.jade-table .table-rivers{grid-template-columns:minmax(70px,1fr) 180px minmax(70px,1fr);gap:6px 12px}.jade-table .river-sector header{flex-wrap:wrap}.jade-table .seat-self{top:0}}@media(max-width:800px){.jade-shell{padding:0 8px 8px}.jade-shell .site-header{min-height:64px;height:auto;padding:8px 0;gap:8px}.jade-shell .brand strong{font-size:19px}.jade-shell .brand small{display:none}.jade-shell .brand-tile{width:25px;font-size:28px}.game-toolbar{gap:2px;padding:4px}.game-toolbar button{height:28px;width:27px}.table-mode,.toolbar-divider{display:none}.jade-shell .room-bar{position:relative;left:auto;top:auto}.jade-table.mahjong-arena{padding:0 7px 12px;min-height:calc(100dvh - 80px)}.jade-table:before{top:80px;right:0;bottom:0;left:0;clip-path:none;border-radius:18px}.jade-table:after{top:88px;right:8px;bottom:12px;left:8px;clip-path:none;border-radius:12px}.jade-table .arena-topline{display:none}.jade-table .table-seat{width:115px}.jade-table .seat-north{width:200px}.jade-table .seat-west{top:230px;left:13px}.jade-table .seat-east{top:230px;right:13px}.jade-table .seat-heading{min-height:64px;grid-template-columns:minmax(0,1fr);padding:7px 27px 7px 8px;gap:4px}.jade-table .seat-avatar{display:none}.jade-table .seat-north .seat-heading,.jade-table .seat-self .seat-heading{grid-template-columns:36px minmax(0,1fr)}.jade-table .seat-north .seat-avatar,.jade-table .seat-self .seat-avatar{display:grid;width:36px;height:40px}.jade-table .seat-heading strong{font-size:11px}.jade-table .seat-count,.jade-table .seat-won{grid-column:auto;font-size:10px}.jade-table .seat-north .seat-count,.jade-table .seat-self .seat-count{grid-column:2}.jade-table .seat-wind{width:17px;height:23px;font-size:15px;right:5px}.jade-table .table-public{max-height:100px}.jade-table .public-word{font-size:11px;padding:3px}.wall-north{top:105px}.opponent-wall .tile-back{width:21px;height:32px}.wall-west{top:340px;left:12%;transform:rotate(5deg)}.wall-east{top:340px;right:12%;transform:rotate(-5deg)}.wall-west .tile-back,.wall-east .tile-back{width:22px;height:15px}.jade-table .arena-center{width:50%;min-height:350px;margin:161px 0 16px}.jade-table .table-rivers{grid-template-columns:1fr 1fr;grid-template-rows:auto;grid-template-areas:"north north" "status status" "west east" "south south";gap:9px 8px}.center-status{padding:12px 6px}.center-remaining strong{font-size:26px}.center-status p{font-size:10px}.jade-table .river-sector header{flex-wrap:wrap;font-size:8px}.jade-table .river-sector header small{font-size:7px}.jade-table .river-sector>div{gap:3px;max-height:75px;min-height:23px}.jade-table .river-tile{width:23px;height:29px;font-size:17px}.jade-table .seat-self{position:relative;left:auto;top:auto;width:190px;margin-bottom:10px}.jade-table .seat-south{padding:0 13px}.jade-table .groups-row,.jade-table .selection-line{flex-wrap:wrap}.jade-table .action-bar{flex-wrap:wrap;gap:7px}.jade-table .action-bar .button{padding:8px 15px;min-width:70px;font-size:12px}.jade-table .tile-rack{flex-wrap:wrap;padding:15px 4px;gap:6px}.jade-table .draggable-tile{width:38px;flex-basis:38px}.jade-table .draggable-tile .tile{height:61px;font-size:29px}.table-tools{position:relative;align-self:flex-end;flex-direction:row;right:auto;bottom:auto;order:5;margin:8px 10px;gap:7px}.table-tools button{width:36px;height:40px;border-radius:7px;gap:2px}.table-tools button svg{width:15px;height:15px}.jade-table .interaction-slot:not(:empty){position:relative;bottom:auto;left:auto;transform:none;width:100%;max-height:340px;margin-bottom:10px}.table-journal{order:6}.jade-table .table-history summary{font-size:9px}}@media(max-width:440px){.jade-table .table-seat.seat-west,.jade-table .table-seat.seat-east{width:90px}.jade-table .seat-heading{padding-left:6px}.jade-table .arena-center{width:47%}.jade-table .river-sector>div{gap:2px}.jade-table .river-tile{width:21px}.jade-table .seat-heading small{font-size:8px}.opponent-wall .tile-back{width:18px}}.jade-table .seat-active .seat-heading{border:2px solid #e4c37f;background:#273b32ef;box-shadow:0 0 0 4px #d4b15e26,0 0 25px #e4c46b55;animation:seat-breathe 2.6s ease-in-out infinite}.seat-turn-tag{position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);display:inline-flex;gap:6px;align-items:center;white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:1px;color:#f7dc99;text-shadow:0 2px 5px #18271d}.seat-turn-tag>span{font-size:15px;color:#d2f391;filter:drop-shadow(0 0 5px #c1ff6b)}.jade-table .seat-north .seat-turn-tag{bottom:auto;top:calc(100% + 5px);z-index:4}.compass-dial{position:relative;width:112px;height:91px;margin:0 auto 8px;display:grid;place-items:center}.compass-core{display:grid;place-items:center;width:68px;height:68px;background:#28352f;border:1px solid #b2a26b99;border-radius:50%;box-shadow:inset 0 0 0 5px #112e2580;color:#e7c27b;font:40px KaiTi,serif}.compass-wind{position:absolute;color:#839d92;font:15px KaiTi,serif}.compass-0{bottom:-1px;left:50%;transform:translate(-50%)}.compass-1{right:-1px;top:40%}.compass-2{top:-2px;left:50%;transform:translate(-50%)}.compass-3{left:-1px;top:40%}.compass-wind.wind-active{color:#eff6c3;text-shadow:0 0 10px #bfeb76}.center-status{padding:12px 12px 10px}.turn-headline{display:block;font-size:17px;line-height:1.5;color:#f2d795;letter-spacing:1px}.turn-instruction{display:block;font-size:10px;line-height:1.7;color:#beceb7;margin:4px 0 8px}.center-facts{display:flex;justify-content:center;gap:14px;padding-top:7px;border-top:1px solid #9aaa7c40;color:#bccbb4;font-size:10px}.center-facts b{color:#f0dbab;font-size:17px;font-weight:500;margin-left:3px;font-variant-numeric:tabular-nums}.center-phase{margin-top:5px}.center-status.your-turn{border-color:#f0ce7b;box-shadow:0 4px #102c24,0 0 0 5px #e2c67022,0 0 35px #dfbc5033}.center-status.your-turn .turn-headline{color:#fff0b1}@keyframes seat-breathe{0%,to{box-shadow:0 0 0 3px #d4b15e26,0 0 15px #e4c46b30}50%{box-shadow:0 0 0 5px #d4b15e35,0 0 27px #e4c46b66}}@media(max-height:850px)and (min-width:1000px){.compass-dial{width:95px;height:66px;margin-bottom:5px}.compass-core{width:51px;height:51px;font-size:30px}.compass-wind{font-size:12px}.turn-headline{font-size:15px}.turn-instruction{margin:2px 0 4px}.center-status{padding:7px 10px}}@media(max-width:800px){.compass-dial{width:92px;height:76px}.compass-core{width:55px;height:55px;font-size:33px}.turn-headline{font-size:14px}.center-facts{gap:8px;font-size:9px}.seat-turn-tag{font-size:9px;gap:3px;letter-spacing:0}.center-status{padding:10px 6px}}.tile-cap,.tile-side{display:none}.tile-face{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.15;position:relative;z-index:1}.face-character{display:block;font-size:.46em;margin-top:7px;font-family:KaiTi,serif;color:#687e60}.face-pinyin .face-main{font-family:Segoe UI,sans-serif;font-size:.43em;letter-spacing:-.04em}.pinyin-art .face-pinyin .face-main{font-size:1em}.jade-table .tile-rack{perspective:1100px;gap:8px}.jade-table .draggable-tile .tile{position:relative;overflow:visible;transform:rotateX(5deg);transform-style:preserve-3d;border:1px solid #dedac7;border-top:5px solid #fffbee;border-right:5px solid #cbc9b6;border-bottom:7px solid #a5b697;border-radius:7px 6px 5px 5px;background:linear-gradient(105deg,#fffdf1,#e9e5d5);box-shadow:1px 5px #5c7950,3px 7px #315436,5px 12px 9px #042219a6,inset 2px 0 #fffff5;transition:transform .18s,box-shadow .18s}.jade-table .tile .tile-cap{display:block;position:absolute;z-index:0;top:-11px;left:2px;right:-4px;height:9px;border-radius:4px 5px 0 0;border-top:2px solid #87a96f;background:#f3f1dc;transform:skew(-20deg);transform-origin:bottom}.jade-table .tile .tile-side{display:block;position:absolute;z-index:-1;top:-3px;right:-9px;width:7px;bottom:0;background:#92a884;border-right:2px solid #355c35;transform:skewY(-40deg);transform-origin:left bottom;border-radius:0 3px 3px 0}.jade-table .tile-face{width:100%;text-shadow:0 1px 0 #fffdf0,0 -1px 0 #182c2222}.jade-table .tile:not(:disabled):hover{transform:translateY(-5px) rotateX(3deg);box-shadow:1px 5px #5c7950,3px 7px #315436,5px 17px 14px #04221999}.jade-table .tile.selected,.jade-table .tile.selected:not(:disabled):hover{transform:translateY(-16px) rotateX(3deg);background:linear-gradient(105deg,#fff9df,#f3dfad);outline:2px solid #f2d07e;box-shadow:1px 5px #899254,3px 7px #4b6739,5px 23px 15px #04221999}.jade-table .tile.fresh:before{display:none}.jade-table .tile.fresh{border-left-color:#e5c279}.jade-table .tile em{bottom:6px;font-size:8px;background:transparent}.jade-table .selection-number{z-index:3;top:-13px;left:-6px;background:#b29248;color:#fff9df;border:1px solid #f5df9e;box-shadow:0 2px 3px #052a2280}.opponent-wall .tile-back{position:relative;overflow:visible;border-top:1px solid #b8c4a0;border-right:3px solid #3d642e;border-bottom:3px solid #355c2b;background:linear-gradient(100deg,#659151,#4a7a3e);box-shadow:2px 4px #264e26,4px 7px 6px #082c1b99,inset 1px 0 #84a66a}.opponent-wall .tile-back:before{content:"";position:absolute;top:-7px;left:1px;right:-3px;height:7px;background:#ebeede;border-top:2px solid #fffdf0;border-radius:3px 3px 0 0;transform:skew(-15deg)}.wall-west .tile-back{border-left:8px solid #f0f0df;border-right:5px solid #3b6731}.wall-east .tile-back{border-right:8px solid #f0f0df;border-left:5px solid #3b6731}.wall-west .tile-back:before,.wall-east .tile-back:before{top:-3px;height:3px;background:#c6d3b3;border-top:1px solid #e5ead7}.jade-table .river-sector>div{padding:4px 5px 8px}.jade-table .river-tile{transform:perspective(350px) rotateX(15deg);transform-origin:center bottom;border-top:2px solid #fffbeb;border-right:3px solid #c0c4ac;border-bottom:5px solid #8baa78;background:linear-gradient(105deg,#faf7e7,#e5e4d2);box-shadow:1px 3px #426b3b,2px 6px 4px #072a2277}.jade-table .river-tile.last{background:#f4e1a8;box-shadow:1px 3px #60743d,0 0 0 2px #efd486,2px 6px 4px #072a2277}.jade-table .river-claimed{background:#b5c7a8}@media(min-width:1400px){.large-tiles .jade-table .draggable-tile{width:clamp(68px,4.7vw,88px);flex-basis:clamp(68px,4.7vw,88px)}.large-tiles .jade-table .draggable-tile .tile{height:118px;font-size:52px}}@media(max-width:800px){.jade-table .tile-rack{gap:7px}.jade-table .draggable-tile .tile{border-right-width:3px;border-top-width:3px;border-bottom-width:5px}.jade-table .tile .tile-cap{top:-8px;height:7px;right:-3px}.jade-table .tile .tile-side{right:-6px;width:5px}}.jade-table .draggable-tile{max-width:none}.jade-table:before{background:repeating-linear-gradient(1deg,transparent 0 4px,#d9b1800a 5px,#160f090d 6px),linear-gradient(90deg,#362820,#92613d 3%,#4d3325 11%,#4c3325 89%,#916442 97%,#39271e)}@media(max-height:850px)and (min-width:1000px){.jade-table .arena-center{margin-top:124px}.jade-table .tile-rack{padding-bottom:10px}}@media(max-height:740px)and (min-width:1000px){.jade-table .arena-center{margin-top:119px;min-height:220px}.jade-table .compass-dial{height:48px;width:86px;margin-bottom:4px}.jade-table .compass-core{height:40px;width:40px;font-size:26px}.jade-table .turn-instruction{margin:1px 0 3px;font-size:9px}.jade-table .center-facts{padding-top:4px}.jade-table .center-facts b{font-size:15px}.jade-table .table-rivers{grid-template-rows:minmax(35px,1fr) auto minmax(35px,1fr);gap:4px 22px}.jade-table .river-sector{padding:2px}.jade-table .river-sector header{margin-bottom:3px}.jade-table .river-sector>div{min-height:22px;max-height:58px;padding:3px 4px 6px}.jade-table .river-1>div,.jade-table .river-3>div{max-height:120px}.jade-table .river-tile{height:30px;width:26px;font-size:19px}.jade-table .draggable-tile .tile{height:70px;font-size:33px}}.room-share{display:flex;gap:12px;align-items:end;margin:18px 0}.room-share label{flex:1;min-width:0;display:grid;gap:6px;font-size:13px}.room-share input{width:100%;min-width:0;box-sizing:border-box;padding:10px}.presentation-root{--ivory: #f5efda;--jade: #174a3d;--gold: #d5b776;--ink: #102822}.room-scenery{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#131e26,#293634 44%,#1b211d 65%,#181d18)}.scenery-window{position:absolute;top:-4%;left:17%;width:68%;height:57%;border:16px solid #30271f;background:repeating-linear-gradient(90deg,transparent 0 23%,#332b24 23% 25%),linear-gradient(180deg,#182937,#46606a 62%,#283e3f);box-shadow:0 0 0 6px #131d1c,0 0 90px #a6804420;opacity:.6}.scenery-window:before{content:"";position:absolute;top:30%;right:0;bottom:0;left:0;background:#162d32;clip-path:polygon(0 35%,12% 15%,22% 34%,39% 0,54% 30%,67% 10%,85% 36%,100% 12%,100% 100%,0 100%)}.scenery-window:after{content:"";position:absolute;top:63%;left:0;right:0;height:9px;background:#3d3023;box-shadow:0 5px #171f1b}.scenery-lamp{position:absolute;top:12%;left:5%;width:64px;height:140px;background:linear-gradient(90deg,#8c5e32,#d0a566 50%,#8a592f);border:7px solid #3c2e21;border-radius:12px;box-shadow:0 0 80px #b17e3435,inset 0 0 0 2px #e6c28655;opacity:.6}.lounge-page{position:relative;min-height:100dvh;padding:0 clamp(24px,5vw,100px);overflow:hidden;color:var(--ivory);background:#14251f}.lounge-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#10211f88,transparent 70%),linear-gradient(0deg,#101e1de0,transparent 65%)}.lounge-header,.lounge-content,.lounge-footer{position:relative;z-index:1}.lounge-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d3c29522}.lounge-brand{display:flex;align-items:center;gap:15px}.lounge-brand>span{font:38px KaiTi,serif;color:#e0c489}.lounge-brand strong{display:block;font-size:20px;font-weight:500;letter-spacing:5px}.lounge-brand small{display:block;margin-top:5px;color:#a4b8a8;font-size:9px;letter-spacing:3px}.lounge-header nav{display:flex;gap:12px}.lounge-header button{display:flex;align-items:center;gap:8px;color:#d3d7c5;border:1px solid #aebba527;background:#142822ba;padding:10px 15px;border-radius:7px;font-size:12px}.lounge-content{max-width:1560px;margin:auto;min-height:calc(100dvh - 176px);display:grid;grid-template-columns:.78fr 1.6fr;align-items:center;gap:clamp(25px,5vw,110px);padding:56px 0}.gold-eyebrow{color:#d5b776;font-size:12px;letter-spacing:3px}.lounge-intro h1{font:64px/1.3 KaiTi,STKaiti,serif;letter-spacing:5px;font-weight:400;margin:32px 0 25px;color:#f3e9ce}.lounge-intro p{font-size:14px;line-height:2;color:#b3c2b5}.lounge-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;color:#a5b9a8;font-size:10px}.lounge-meta span+span{border-left:1px solid #b9b79755;padding-left:12px}.lounge-mode-table{background:radial-gradient(ellipse at 50% 20%,#285d49,#163d31);border:10px solid #4b3425;border-radius:24px;padding:28px;box-shadow:inset 0 0 0 2px #b6995a55,inset 0 0 90px #09281e77,0 0 0 2px #6e5134,0 35px 80px #050d0c88}.lounge-table-caption{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 24px;font-size:13px;letter-spacing:2px;color:#d8d4b7}.lounge-table-caption small{font-size:8px;color:#93b19c;letter-spacing:2px}.lounge-modes{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lounge-mode{color:#e8e5d0;text-align:left;border:1px solid #acb49655;border-radius:12px;background:#102d26b3;padding:24px;transition:transform .2s,border-color .2s,background .2s}.lounge-mode:hover{background:#163a2ed9;border-color:#d1b77b;transform:translateY(-4px)}.mode-kicker{display:flex;justify-content:space-between;gap:8px;color:#93b09c;font-size:8px;letter-spacing:2px}.mode-kicker>span{color:#d9bd84;font-size:9px;letter-spacing:0}.mode-tile-art{display:flex;justify-content:center;gap:7px;padding:45px 0 26px;perspective:800px}.mode-tile-art>span{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:49px;height:72px;border-radius:6px 6px 5px 5px;border:1px solid #dfddca;border-top:6px solid #fffbee;border-right:5px solid #cccbb8;background:linear-gradient(100deg,#fffcf1,#e7e5d6);box-shadow:0 7px #4f754c,2px 9px #173e29,6px 16px 13px #06191077;font:31px KaiTi,serif;color:#254333;transform:rotateX(6deg) rotateY(-8deg)}.mode-tile-art>span:nth-child(2n){transform:translateY(-7px) rotateX(6deg) rotateY(-8deg)}.mode-tile-art.pinyin-art>span{font:22px Segoe UI,sans-serif;width:65px}.pinyin-art small{font:16px KaiTi,serif;color:#647d61;margin-top:7px}.lounge-mode h2{margin:20px 0 10px;font-size:25px;font-weight:500;letter-spacing:3px}.lounge-mode p{color:#aebfac;font-size:12px;line-height:1.9;margin:0 0 25px}.mode-entry{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #acb49633;padding-top:18px;color:#e3c58b;font-size:12px}.lounge-shortcuts{display:flex;gap:14px;margin-top:20px}.lounge-shortcuts button{display:flex;flex:1;gap:12px;align-items:center;text-align:left;border:0;border-radius:8px;background:#09281e66;color:#d0d5bc;padding:14px;font-size:12px}.lounge-shortcuts button>span{flex:1}.lounge-shortcuts small{display:block;font-size:9px;color:#8eaf9a;margin-top:5px}.lounge-shortcuts button:hover{background:#173426;color:#e9d197}.lounge-footer{height:76px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#849f8f;letter-spacing:1px}.lounge-footer i{display:inline-block;height:5px;width:5px;border-radius:50%;background:#adc596;margin-right:8px}.presentation-root .modal{background:#17352d;color:#f1ead2;border:1px solid #b89c6788;box-shadow:0 30px 90px #0008;border-radius:16px}.presentation-root .modal::backdrop{background:#071611b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.presentation-root .modal h2{color:#e7d8b4;font-size:22px}.presentation-root .modal .icon-button{color:#e4dbbd}.presentation-root .modal p,.presentation-root .modal small{color:#b9c9b6}.presentation-root .modal input:not([type=checkbox]),.presentation-root .modal select{background:#10291f;border-color:#758a68;color:#eee5d0}.presentation-root .modal .room-members p,.presentation-root .modal .ranking-list li{background:#224739;color:#ddd8bc}.presentation-root .modal .button.primary{background:#d6ba7c;color:#253c2d;border-color:#d6ba7c}.presentation-root .modal .rules-list strong{color:#e6d3a6}.presentation-root .modal .dictionary-results{color:#263c34}.preference-row{display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #a9b39533;gap:30px}.preference-row strong{display:block;font-size:14px}.preference-row small{display:block;margin-top:8px}.preference-row input{width:20px;height:20px;accent-color:#ceb57b}.pinyin-preview{text-align:center;padding-bottom:20px}.pinyin-preview .mode-tile-art{padding-top:20px}.pinyin-preview h3{margin-top:30px;font-weight:500}.lounge-help p{line-height:1.9;padding:8px 0}.return-new-home{position:fixed;right:20px;top:20px;z-index:3;border-radius:8px;border:1px solid #bfa776;background:#1b3e2f;color:#f3e0b1;padding:12px 18px}@media(max-width:1100px){.lounge-content{grid-template-columns:.65fr 1.6fr;gap:30px}.lounge-mode-table{padding:20px}.lounge-mode{padding:18px}.lounge-intro h1{font-size:48px}.mode-tile-art{gap:4px}.mode-tile-art>span{width:38px;height:61px;font-size:27px}}@media(max-width:800px){.lounge-header{height:80px}.lounge-header button{padding:8px}.lounge-content{grid-template-columns:1fr;padding:30px 0;gap:24px}.lounge-intro h1{font-size:40px;margin:15px 0}.lounge-intro h1 br,.lounge-intro p br{display:none}.lounge-meta{margin-top:15px}.lounge-footer{gap:20px;height:64px;line-height:1.7}}@media(max-width:520px){.lounge-page{padding:0 18px}.lounge-brand strong{font-size:17px;letter-spacing:2px}.lounge-brand small{font-size:7px;letter-spacing:1px}.lounge-header nav{gap:5px}.lounge-modes{grid-template-columns:1fr}.lounge-mode{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.mode-kicker{grid-column:1/-1}.mode-tile-art{grid-column:2;grid-row:2/4;padding:35px 0 16px;gap:3px}.mode-tile-art>span{width:26px;height:46px;font-size:22px}.mode-tile-art.pinyin-art>span{width:44px;font-size:17px;height:58px}.lounge-mode h2{grid-column:1;font-size:21px}.lounge-mode p{grid-column:1;font-size:10px;margin-bottom:18px}.mode-entry{grid-column:1/-1}.lounge-table-caption small{display:none}.lounge-mode-table{padding:16px;border-width:7px}.lounge-shortcuts{flex-wrap:wrap}.lounge-shortcuts button{flex-basis:100%}}.calm-motion *,.calm-motion *:before,.calm-motion *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.presentation-root *,.presentation-root *:before,.presentation-root *:after{animation:none!important;transition:none!important}}