:root{color-scheme:dark;--bg:#0b1917;--panel:#132923;--line:#2d443c;--muted:#a8b9ae;--gold:#e9c880;--ink:#f6f3e9;--green:#9ee1b5;--red:#ff9e99;font-family:'Noto Sans TC','PingFang TC','Microsoft JhengHei',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#29473944,transparent 65%),var(--bg);color:var(--ink);min-height:100vh}header{height:88px;border-bottom:1px solid var(--line);padding:0 5vw;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;color:var(--gold);text-decoration:none;font-size:32px}.brand span{font-size:20px;font-weight:750;color:var(--ink)}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-top:5px}.status,.pill{border:1px solid var(--line);border-radius:99px;padding:7px 12px;font-size:12px;color:var(--green)}main{max-width:1440px;margin:auto;padding:42px 4vw 60px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);text-transform:uppercase}h1{font-size:clamp(32px,4vw,58px);font-weight:650;margin:16px 0;letter-spacing:1px}h2{font-size:23px;margin:8px 0 18px}h3{font-size:16px;margin:12px 0}p{color:var(--muted);line-height:1.75}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.hero p{max-width:620px}.hero-art{font-size:100px;color:var(--gold);transform:rotate(-12deg);opacity:.7}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.game-card{border:1px solid var(--line);background:linear-gradient(155deg,#28443b66,var(--panel));border-radius:20px;padding:26px;position:relative;overflow:hidden}.game-card.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.game-art{height:80px;font-size:56px;color:var(--gold)}.game-card p{font-size:13px;min-height:44px}.meta{font-size:12px;color:var(--muted);margin:14px 0}button,input,select{font:inherit}button{border:1px solid var(--line);background:#213e33;color:var(--ink);padding:11px 18px;border-radius:10px;cursor:pointer;transition:background .15s,transform .15s}button:hover{background:#345b49}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--gold);color:#18271c;border-color:var(--gold);font-weight:750}.primary:hover{background:#f4dca4}.danger{color:var(--red)}.ghost{background:transparent}.small{padding:6px 10px;font-size:12px}input,select{border:1px solid var(--line);border-radius:9px;background:#0c201b;padding:12px;color:var(--ink);width:100%}input:focus,select:focus,button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}label{display:block;color:var(--muted);font-size:13px;margin-bottom:12px}label input,label select{margin-top:7px}.forms{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;gap:9px;align-items:center}.check input{width:auto;margin:0;accent-color:var(--gold)}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:16px}.fine{font-size:12px;color:var(--muted);line-height:1.7}.room-head{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:24px}.room-head h1{font-size:28px;margin:8px 0}.room-code{font-size:22px;color:var(--gold);letter-spacing:4px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:20px}.seat{padding:16px;border:1px solid var(--line);border-radius:14px;background:#172e26}.seat.current{border-color:var(--gold);background:#344530}.seat.me{box-shadow:inset 0 3px var(--green)}.seat strong{display:block;margin-bottom:7px;overflow-wrap:anywhere}.seat small{color:var(--muted);display:block;line-height:1.8}.seat .score{font-size:22px;color:var(--gold);margin-top:8px}.lobby{max-width:950px;margin:0 auto}.lobby .panel{margin:20px 0}.invite{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.notice{padding:14px 18px;border-left:3px solid var(--gold);background:#e9c8800b;color:var(--muted);font-size:13px;line-height:1.7;margin:18px 0}.table-area{border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse,#2b5b4266,#102d23);min-height:230px;padding:28px;text-align:center;position:relative}.table-title{font-size:13px;color:var(--muted);margin-bottom:20px}.empty-table{font-size:26px;color:#9eae9b;padding:20px}.cards{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:12px 0}.card{width:51px;min-width:44px;height:76px;border-radius:7px;background:#f9f5e9;color:#263b31;border:1px solid #d4d2bd;font-size:22px;padding:5px 2px;box-shadow:0 3px 7px #0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.card small{font-size:15px}.card.red{color:#b63841}.card.wild{border:2px solid #bd8724;position:relative}.card.wild:after{content:'百搭';position:absolute;bottom:1px;font-size:8px;background:var(--gold);color:#3a2f10;left:0;right:0}.card.selected{transform:translateY(-12px);background:#fff4c3;border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.hand-panel{padding:26px 12px 18px;border:1px solid var(--line);border-radius:18px;margin-top:20px;background:var(--panel)}.hand-heading{display:flex;justify-content:space-between;margin:0 14px 22px;font-size:13px;color:var(--muted)}.action-bar{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:22px}.bid-bar{display:flex;gap:10px;justify-content:center}.result{padding:20px;text-align:center;border:1px solid var(--gold);border-radius:16px;margin:20px 0;background:#e9c88010}.result h2{color:var(--gold)}details{border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:18px;font-size:13px;color:var(--muted)}summary{cursor:pointer;color:var(--ink)}.mono-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.world-board{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));grid-template-rows:repeat(13,minmax(0,1fr));aspect-ratio:1;border:1px solid #506c50;background:#173c2d;border-radius:12px;overflow:hidden;min-width:0}.tile{padding:4px 1px;border:1px solid #51644777;border-top:5px solid var(--tile-color,#8b9d76);background:#e8e4d0;color:#263729;border-radius:0;font-size:clamp(8px,.85vw,12px);display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1px;overflow:hidden;min-width:0}.tile:hover{background:#fff3cf}.tile.active{background:#fff0a0;outline:2px solid var(--gold);outline-offset:-2px}.tile.special{background:#c7d8b7}.tile-name{font-weight:750}.tile small{font-size:8px}.tokens{font-weight:900;font-size:10px;letter-spacing:1px;white-space:nowrap}.board-center{grid-column:2/13;grid-row:2/13;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-width:0}.board-center h2{font-size:clamp(20px,3vw,42px);color:var(--gold);margin:10px}.compass{font-size:clamp(40px,8vw,100px);color:#a3b89a}.dice{font-size:36px;color:var(--gold);letter-spacing:12px;margin:12px}.board-center p{font-size:13px;max-width:350px}.mono-sidebar .panel{padding:18px;margin-bottom:14px}.asset-info .price{font-size:30px;color:var(--gold);margin:10px 0}.asset-actions{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.log{max-height:150px;overflow:auto;font-size:12px;color:var(--muted);line-height:1.9}.trade-box{border:1px solid var(--line);border-radius:12px;padding:12px;margin:10px 0}.trade-lists{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trade-lists label{font-size:12px}.trade-lists select{min-height:110px}.ad{position:fixed;bottom:24px;right:24px;max-width:320px;padding:24px;background:#eee7ce;color:#163124;border-radius:18px;box-shadow:0 8px 40px #0006;z-index:20}.ad .eyebrow{color:#496450;display:block}.ad strong{display:block;font-size:34px;margin-top:14px;letter-spacing:-1px}.ad p{color:#3d5845;margin:8px 0}.ad small{color:#5f6e5e;font-size:11px}.ad .icon{position:absolute;top:8px;right:8px;padding:0;width:26px;height:26px;background:transparent;color:#26492e;border:0;font-size:24px}.ad[hidden]{display:none}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#e9c880;color:#19271d;border-radius:12px;z-index:30;box-shadow:0 5px 25px #0005;max-width:90vw;display:none}#toast.show{display:block}footer{border-top:1px solid var(--line);padding:24px 5vw;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:20px}.loading{padding:80px;text-align:center}.progress{color:var(--gold)}@media(max-width:1000px){.mono-layout{grid-template-columns:1fr}.mono-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mono-sidebar .panel{margin:0}.tile{font-size:clamp(8px,1.2vw,12px)}}@media(max-width:680px){header{height:72px;padding:0 20px}.brand span{font-size:16px}main{padding:26px 14px 40px}.hero-art{display:none}.games{grid-template-columns:1fr;gap:10px}.game-card{padding:18px;display:grid;grid-template-columns:64px 1fr;column-gap:12px}.game-art{grid-row:1/5;font-size:42px;height:auto;align-self:center}.game-card h2{font-size:19px;margin-bottom:6px}.game-card p{margin:0;min-height:0}.game-card .meta{margin:6px 0}.game-card button{grid-column:2;justify-self:start;padding:8px 16px}.forms{grid-template-columns:1fr}.options{grid-template-columns:1fr 1fr}.panel{padding:18px}.room-head{align-items:flex-start;gap:10px}.room-head h1{font-size:23px}.room-head .toolbar{justify-content:flex-end}.seats{grid-template-columns:repeat(2,1fr)}.seat{padding:12px}.table-area{padding:22px 10px;min-height:200px}.card{width:41px;min-width:36px;height:62px;font-size:18px;padding:3px}.cards{gap:4px}.card small{font-size:12px}.hand-panel{padding:20px 6px 16px}.mono-sidebar{grid-template-columns:1fr}.tile{font-size:8px;border-top-width:3px;padding:1px 0}.tile small{font-size:6px}.tokens{font-size:7px}.board-center{padding:8px}.board-center p{font-size:10px;line-height:1.4;margin:4px}.board-center h2{font-size:22px}.board-center .compass{font-size:44px}.board-center .dice{font-size:27px;margin:6px}.board-center .action-bar{margin:8px;gap:6px}.board-center button{padding:7px 10px;font-size:12px}.board-center .eyebrow{font-size:8px}.ad{bottom:16px;right:16px;max-width:280px}footer{flex-direction:column;gap:8px}.trade-lists{grid-template-columns:1fr 1fr}.form-row{gap:10px}}

.ad-btn{display:inline-block;margin-top:8px;padding:6px 14px;background:#1b392b;color:#e9c880;border-radius:8px;text-decoration:none;font-weight:700;font-size:12px}.ad-btn:hover{background:#2a5540}.header-right{display:flex;align-items:center;gap:12px}.latency{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}

.account-panel{max-width:1440px;margin:24px auto 0;padding:0 4vw;display:grid;grid-template-columns:1fr 1.3fr;gap:20px}.account-panel[hidden]{display:none}.table-scroll{overflow-x:auto;margin:16px 0}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--gold)}#auth-error{color:var(--red)}@media(max-width:680px){.account-panel{grid-template-columns:1fr;padding:0 14px}.header-right{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:190px}.header-right .latency{display:none}#account-toggle{font-size:11px}header{gap:8px}}