:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f1e7;background:#061510;color-scheme:dark;--gold:#e4bd62;--felt:#0a503b;--panel:#0b211a;--muted:#91a59d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100dvh;background:radial-gradient(circle at 18% 8%,#12513d 0,transparent 35%),#061510}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100dvh}.shell>header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,64px);border-bottom:1px solid #ffffff12;background:#071711d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;background:0;border:0;color:#f5d98f;font-size:20px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #d6b25d;border-radius:12px;background:linear-gradient(145deg,#1a7957,#0b3e2d);font-family:Georgia,serif}.locale,.secondary{border:1px solid #ffffff24;border-radius:12px;background:#ffffff0b;color:#f4f1e7;padding:10px 14px}.auth-layout{min-height:calc(100dvh - 72px);display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,470px);align-items:center;gap:clamp(32px,8vw,120px);padding:clamp(28px,7vw,92px)}.auth-story p,.game-card p{letter-spacing:.16em;color:var(--gold);font-size:12px}.auth-story h1{max-width:650px;font-family:Georgia,serif;font-size:clamp(42px,7vw,82px);line-height:.98;margin:12px 0 24px}.auth-story span{color:var(--muted)}.card{border:1px solid #ffffff18;border-radius:26px;background:linear-gradient(150deg,#102a22f2,#091a15f2);box-shadow:0 30px 90px #0008;padding:clamp(24px,4vw,42px)}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;background:#0004;border-radius:14px;margin-bottom:30px}.tabs button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:12px}.tabs button.active{color:#101914;background:var(--gold);font-weight:800}label{display:grid;gap:9px;margin:18px 0;color:#ced9d4;font-size:14px}input{width:100%;border:1px solid #ffffff20;border-radius:13px;background:#06110e;color:#fff;padding:15px 16px;outline:0}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #e4bd621f}.primary{width:100%;border:0;border-radius:14px;background:linear-gradient(135deg,#f0cf7a,#c99b3c);color:#101711;padding:15px 20px;font-weight:900}.primary:disabled{opacity:.5}.form-error{min-height:22px;color:#ff928b;font-size:13px}.success{min-height:calc(100dvh - 72px);display:grid;place-items:center;padding:24px;text-align:center}.success .card{width:min(500px,100%)}.success-mark{margin:auto;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#1d7658;font-size:34px}.success h1{color:var(--gold);letter-spacing:.08em}.success button{margin-top:14px}.success .secondary{width:100%}.dashboard{display:grid;grid-template-columns:220px minmax(0,1100px);gap:38px;max-width:1450px;margin:auto;padding:40px}.dashboard aside{display:grid;align-content:start;gap:12px;color:var(--muted)}.dashboard aside span:first-child{color:var(--gold)}.welcome{display:flex;align-items:center;justify-content:space-between}.welcome p{color:var(--muted);margin:0}.welcome h1{margin:6px 0}.welcome small{color:var(--muted)}.welcome button{border:0;background:transparent;color:var(--muted)}.balance{margin:32px 0;padding:22px 26px;border-radius:20px;background:linear-gradient(135deg,#1a6a4e,#0b3528);display:flex;justify-content:space-between}.balance strong{font-size:28px}.game-card{min-height:270px;border:1px solid #cda84f55;border-radius:28px;padding:34px;display:grid;grid-template-columns:minmax(220px,45%) 1fr;align-items:center;background:radial-gradient(circle at 15%,#177658,#0a2d22 60%,#081b16);overflow:hidden}.game-card h3{font-size:34px;margin:8px 0 24px}.game-card button{border:1px solid #ffffff20;border-radius:12px;background:#ffffff0b;color:#9eb1a9;padding:12px}.tile-fan{display:flex;transform:rotate(-7deg)}.tile-fan i{width:76px;aspect-ratio:.72;display:grid;place-items:center;margin-left:-13px;border-radius:10px;background:#fff9e8;color:#164c39;border:5px solid #aed5bb;box-shadow:0 16px 24px #0008;font-style:normal;font-size:30px}.tile-fan i:first-child{margin-left:0;color:#c53b3b}@media(max-width:760px){.shell>header{height:62px}.auth-layout{min-height:calc(100dvh - 62px);display:block;padding:22px}.auth-story{padding:24px 4px}.auth-story h1{font-size:42px}.dashboard{display:block;padding:22px}.dashboard aside{display:none}.game-card{grid-template-columns:1fr;padding:24px}.tile-fan{margin:10px auto 28px}.tile-fan i{width:62px}.welcome{align-items:flex-start}.welcome h1{font-size:26px}}@media(min-width:761px)and (max-width:1050px){.dashboard{grid-template-columns:150px 1fr;padding:30px}.auth-layout{gap:42px;padding:42px}.auth-story h1{font-size:52px}}.room-controls{display:grid;gap:10px}.room-controls select,.room-controls input{border:1px solid #ffffff26;border-radius:12px;background:#071a14;color:#fff;padding:12px}.room-controls>div{display:grid;grid-template-columns:1fr auto;gap:8px}.room-controls button{color:#f5e3aa}.compact>header{position:fixed;z-index:20;inset:0 0 auto;height:54px}.waiting{height:100dvh;padding:70px 16px max(16px,env(safe-area-inset-bottom));display:grid;place-items:center}.waiting-card{width:min(760px,100%);height:min(720px,100%);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid #ffffff1c;border-radius:26px;background:#0b211af2;overflow:hidden}.waiting-card>header{padding:18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #ffffff15}.waiting-card>header>div{display:grid;text-align:center;gap:4px}.waiting-card>header>div:last-child{justify-self:end;text-align:right}.waiting-card button{border:1px solid #ffffff20;border-radius:10px;background:#ffffff0b;color:#fff;padding:9px 12px}.waiting-scroll{overflow-y:auto;padding:24px}.waiting-scroll h1{margin-top:0}.waiting-scroll ol{display:grid;gap:10px;padding:0;list-style:none}.waiting-scroll li{display:flex;justify-content:space-between;border:1px solid #ffffff12;border-radius:14px;padding:16px}.test-note{color:var(--muted);font-size:13px}.waiting-card>footer{padding:14px 18px max(14px,env(safe-area-inset-bottom));background:#071711;border-top:1px solid #ffffff18}.waiting-card>footer p{margin:0 0 8px;color:#ffb39e;text-align:center}.waiting-card>footer .primary{color:#101711}.game-surface{height:100dvh;padding:54px 0 0}.felt{position:relative;width:100%;height:calc(100dvh - 54px);min-height:420px;overflow:hidden;background:radial-gradient(ellipse at center,#176a4f 0,#0b4c38 58%,#04281e);box-shadow:inset 0 0 0 10px #251b12,inset 0 0 0 14px #a67c37}.table-back{position:absolute;z-index:8;top:14px;left:18px;border:1px solid #ffffff30;border-radius:50%;width:38px;height:38px;background:#071711aa;color:#fff}.top-player{position:absolute;z-index:2;top:10px;left:25%;right:25%}.side-player{position:absolute;z-index:2;top:15%;left:18px;width:23%;max-width:280px}.local-player{position:absolute;z-index:4;left:4%;right:4%;bottom:max(10px,env(safe-area-inset-bottom))}.web-player{display:grid;gap:4px}.web-player header{display:flex;gap:10px;align-items:center}.web-player header small{color:#b6c9c1}.public-row{display:flex;align-items:center;gap:4px;min-height:27px}.public-row>label{font-size:9px;margin:0;color:#c5d5cd}.web-meld{display:flex}.web-tile{display:inline-block;width:clamp(23px,3.1vw,44px);padding:0;border:0;background:transparent;vertical-align:bottom}.web-tile img{display:block;width:100%;filter:drop-shadow(0 3px 3px #0006)}button.web-tile{transition:transform .15s ease}.web-tile.selected{transform:translateY(-14px);filter:drop-shadow(0 0 7px #ffd96b)}.tile-backs{display:flex;align-items:center}.tile-backs span{width:clamp(12px,1.55vw,22px);margin-right:-3px}.tile-backs img{width:100%}.tile-backs b{margin-left:8px}.center{position:absolute;z-index:1;inset:22% 24% 31%;display:grid;grid-template-rows:auto auto 1fr;gap:6px}.compass{display:flex;justify-content:center;gap:7px;align-items:center}.compass span,.compass b,.compass small{padding:4px 7px;border-radius:7px;background:#052a20bb;font-size:10px}.compass span.turn{color:#1a251f;background:#f0ca67}.current-discard{min-height:68px;display:grid;place-items:center}.current-discard label{margin:0;font-size:9px}.current-discard .web-tile{width:clamp(38px,5vw,62px)}.rivers{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.rivers>div{align-content:start;display:flex;flex-wrap:wrap;gap:1px;padding:3px;border:1px solid #ffffff0c}.rivers .web-tile{width:clamp(17px,2vw,28px)}.local-hand{display:flex;justify-content:center;align-items:flex-end;gap:2px}.local-hand>div{display:flex;align-items:flex-end}.local-hand>i{width:clamp(7px,1.4vw,22px)}.local-hand .web-tile{width:min(5.7vw,72px);min-width:31px}.action-bar{position:absolute;z-index:5;left:30%;right:7%;bottom:clamp(102px,17vh,145px);display:flex;justify-content:flex-end;gap:8px;pointer-events:none}.action-bar>*{pointer-events:auto}.action{border:0;border-radius:999px;padding:12px 18px;font-weight:900;color:#fff;background:#1b6f55;box-shadow:0 7px 18px #0007}.action-chi{background:#268c5c}.action-pong{background:#2677bd}.action-discard_gang,.action-concealed_gang,.action-added_gang{background:#b88424}.action-self_draw_hu,.action-discard_hu,.action-rob_added_gang_hu{background:#bb3b3b}.action-pass{background:#41534d}.combination-dialog,.result-dialog{position:absolute;z-index:10;inset:0;display:grid;place-items:center;background:#00150dcc}.combination-dialog section,.result-dialog section{min-width:280px;display:grid;gap:10px;border:1px solid #ffffff20;border-radius:20px;background:#0b211a;padding:24px}.combination-dialog button,.result-dialog button{border:1px solid #ffffff20;border-radius:10px;background:#14382c;color:#fff;padding:12px}@media(max-width:760px)and (orientation:portrait){.game-surface:before{content:"↻  请横向旋转手机 / Rotate device";position:absolute;z-index:30;inset:54px 0 0;display:grid;place-items:center;background:#061510;color:#f5d98f;font-size:20px}.game-surface .felt{visibility:hidden}.waiting-card>header{grid-template-columns:1fr 1fr}.waiting-card>header>div:last-child{grid-column:1/-1;justify-self:stretch;grid-template-columns:1fr 1fr;text-align:center;margin-top:8px}.waiting{padding-inline:8px}.waiting-scroll{padding:18px}}@media(min-width:1000px){.side-player{width:19%}.center{inset-left:22%;inset-right:22%}.local-hand .web-tile{width:min(5vw,78px)}}.dashboard aside>button{border:0;border-radius:10px;background:transparent;color:var(--muted);padding:10px;text-align:left}.dashboard aside>button.active{color:var(--gold);background:#ffffff0a}.balance{width:100%;border:0;color:#fff;cursor:pointer}.balance strong{color:var(--gold)}.sandbox-banner{margin:20px 0;padding:12px 16px;border:1px solid #d7b65c55;border-radius:12px;color:#e7d59f;background:#332b1238}.wallet-grid{display:grid;grid-template-columns:minmax(300px,420px) minmax(300px,1fr);gap:22px}.wallet-grid select{width:100%;border:1px solid #ffffff20;border-radius:13px;background:#06110e;color:#fff;padding:15px}.topup-history{display:grid;align-content:start;gap:10px}.topup-row{display:grid;grid-template-columns:1fr auto;gap:4px;border:1px solid #ffffff15;border-radius:13px;background:#ffffff08;color:#fff;padding:14px;text-align:left}.topup-row span{overflow:hidden;text-overflow:ellipsis}.topup-row small{grid-column:1 / -1;color:var(--muted)}.topup-detail{text-align:left}.topup-detail pre{white-space:pre-wrap;padding:14px;border-radius:12px;background:#06110e;color:#dbe5df}.topup-detail>strong{display:block;margin-top:18px;color:var(--muted);overflow-wrap:anywhere}@media(max-width:760px){.wallet-grid{grid-template-columns:1fr}.wallet-page{padding-bottom:30px}}.support-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(320px,1fr);gap:22px}.support-grid select,.support-chat textarea{width:100%;border:1px solid #ffffff20;border-radius:13px;background:#06110e;color:#fff;padding:14px}.case-list{display:grid;align-content:start;gap:10px}.case-list>button{display:flex;justify-content:space-between;border:1px solid #ffffff15;border-radius:13px;background:#ffffff08;color:#fff;padding:16px}.case-list span{color:var(--muted)}.support-chat .card{width:min(760px,100%)}.message-list{min-height:240px;max-height:50dvh;overflow-y:auto;display:grid;align-content:end;gap:10px;margin:20px 0}.message-list article{max-width:80%;border-radius:16px;padding:10px 14px;background:#ffffff0d;text-align:left}.message-list article.player{justify-self:end;background:#1b674f}.message-list p{margin:4px 0;white-space:pre-wrap}@media(max-width:760px){.support-grid{grid-template-columns:1fr}}