:root{color-scheme:dark;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;--gold:#efd06e;--green:#79e39a;--red:#ff7479;--panel:#16120d;--line:rgba(255,255,255,.09)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:#0c0a08;color:#f5efe2}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app{width:min(1500px,100%);margin:auto;padding:8px;background:radial-gradient(circle at 50% 25%,rgba(120,77,25,.13),transparent 35%)}.topbar{position:relative;z-index:30;display:flex;gap:10px;align-items:center;min-height:70px;padding:8px 11px;border:1px solid var(--line);border-radius:14px;background:rgba(18,14,10,.94);box-shadow:0 12px 34px #0008}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand nav{display:flex;gap:4px;flex-wrap:wrap}.brand nav a,.top-actions button{padding:6px 8px;border-radius:7px;border:1px solid #ffffff13;background:#251c12;color:#ddd1ba;text-decoration:none;font-size:8px;font-weight:900}.brand h1{font-size:23px;margin:0}.brand p{font-size:8px;color:#948775;margin:2px 0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.pill{padding:4px 7px;border-radius:7px;border:1px solid var(--line);background:#20180f;min-width:68px}.pill small{display:block;font-size:6px;color:#8c7f6c}.pill b{font-size:8px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:9px;margin-top:9px;align-items:start}.board{position:relative;min-height:690px;border:8px solid #3b2413;border-radius:44%/24%;outline:2px solid #906831;background:radial-gradient(circle at 50% 48%,#254b35,#123323 64%,#0b281b);box-shadow:inset 0 0 70px #0009,0 20px 60px #0008;overflow:visible}.board:after{content:"";position:absolute;inset:8%;border:1px solid #efd06e20;border-radius:44%/26%;pointer-events:none}.center{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;text-align:center}.game-mark{display:inline-block;padding:6px 12px;border:2px solid #dfba57;border-radius:999px;color:#ffe79d;background:#422d12;font-weight:1000}.center h2{font-size:15px;margin:8px 0 0}.timer{font-size:36px;font-weight:1000;color:var(--gold);font-variant-numeric:tabular-nums}.center p{font-size:8px;color:#a8b6aa}.last-play{margin:8px auto 0;padding:7px;border:1px solid #ffffff12;border-radius:9px;background:#07150fbb}.last-play span{display:block;font-size:7px;color:#819087}.last-play b{display:block;font-size:10px;color:#e8d68f;margin-top:2px}.last-play>div{display:flex;justify-content:center;gap:3px;margin-top:5px;min-height:30px}.rankings{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;margin-top:6px}.rank-chip{font-size:7px;padding:3px 5px;border-radius:999px;background:#ffffff0a;border:1px solid #ffffff12}.seats{position:absolute;inset:0;z-index:5;pointer-events:none}.seat-card{position:absolute;transform:translate(-50%,-50%);width:178px;min-height:112px;padding:8px;border:1px solid #ffffff18;border-radius:11px;background:#0e1712f2;box-shadow:0 8px 24px #0008;pointer-events:auto}.seat-card.me{border-color:#efd06e66}.seat-card.offline{opacity:.58}.seat-head{display:flex;align-items:center;gap:7px}.avatar{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:50%;background:#273c30;font-size:10px;font-weight:1000}.seat-name{min-width:0;flex:1}.seat-name b{display:block;font-size:10px;line-height:1.2;white-space:normal;word-break:break-all}.seat-name small{font-size:7px;color:#93a098}.tag{font-size:7px;font-weight:1000;padding:2px 5px;border-radius:999px;background:#6a4818;color:#ffe99e}.seat-info{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:6px;font-size:7px;color:#aab5ae}.seat-info span{white-space:normal;word-break:break-word}.single{margin-top:5px;padding:3px;text-align:center;border-radius:6px;background:#5b161a;color:#ffb9bc;font-size:7px;font-weight:1000}.side{display:flex;flex-direction:column;gap:8px}.panel{padding:10px;border-radius:13px;border:1px solid var(--line);background:#17130fef;box-shadow:0 10px 28px #0006}.me-head,.title,.money{display:flex;align-items:center;justify-content:space-between;gap:8px}.me-head small{display:block;font-size:7px;color:#8b8175}.me-head b{font-size:15px;word-break:break-all}.role{padding:4px 7px;border-radius:999px;background:#403018;color:#f2d77d;font-size:8px;font-weight:1000}.money{margin-top:8px}.money span{font-size:8px;color:#968a7a}.money strong{font-size:22px;color:#f1d673}.turn-tip{margin-top:7px;padding:7px;border-radius:7px;text-align:center;background:#0f2118;color:#9ed4ae;font-size:9px}.ready,.primary{width:100%;min-height:43px;margin-top:7px;border-radius:8px;border:1px solid #e8c75e;background:linear-gradient(#efd778,#a87823);color:#251800;font-weight:1000}.actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5px;margin-top:7px}.actions button{min-height:42px;border-radius:8px;border:1px solid #ffffff15;background:#2a2117;color:#e8dfcf;font-weight:900;font-size:9px}.actions .play{background:#31643f;border-color:#78dc95;color:#d5ffe1}.actions .pass{background:#522026;border-color:#b85660}.tribute-box{margin-top:8px;padding:8px;border:1px solid #e6bf4d44;border-radius:8px;background:#4b361010;font-size:9px;line-height:1.5}.tribute-task{padding:6px;margin-top:5px;border-radius:6px;background:#ffffff08}.tribute-task button{width:100%;margin-top:5px;min-height:35px;border-radius:7px;border:1px solid #e1c15e;background:#765520;color:#fff0b5;font-weight:1000}.rules b,.title b{font-size:10px;color:#f0d578}.rules p{font-size:8px;line-height:1.5;color:#aca195;margin:5px 0}.title span{font-size:7px;color:#8a8074}.player-row,.history-row{padding:6px;border-radius:7px;border:1px solid #ffffff0d;background:#ffffff05;margin-top:4px}.player-row-main{display:grid;grid-template-columns:23px minmax(0,1fr) auto;gap:6px;align-items:center}.ps{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#293b31;font-size:8px}.player-row b{font-size:9px;word-break:break-all}.player-row small{display:block;font-size:7px;color:#918b81}.pmoney{font-size:8px;color:#e8ce73}.owner-actions{display:flex;gap:4px;margin-top:4px}.owner-actions button{flex:1;min-height:22px;border:1px solid #ffffff12;border-radius:5px;background:#241b13;color:#d7cbb8;font-size:6px}.history-row b{display:block;font-size:8px;color:#dec677}.history-row span{font-size:7px;color:#8d867d}.hand-zone{position:sticky;bottom:0;z-index:40;margin-top:8px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border:1px solid #ffffff12;border-radius:12px;background:#0d0b09f5;box-shadow:0 -10px 32px #0008}.hand-head{display:flex;align-items:center;justify-content:space-between}.hand-head b{font-size:10px}.hand-head span,.hand-head small{font-size:7px;color:#948b7f}.my-hand{display:flex;align-items:flex-end;justify-content:center;gap:0;min-height:83px;padding:5px 3px 0;overflow-x:auto;overflow-y:visible}.card{position:relative;flex:0 0 50px;width:50px;height:70px;margin-left:-12px;padding:5px;border-radius:6px;border:1px solid #bbb;background:#f7f5ef;color:#151515;box-shadow:0 3px 8px #0007;font-size:12px;font-weight:1000;line-height:1.05;transition:.12s}.card:first-child{margin-left:0}.card.red{color:#c9262c}.card.selected{transform:translateY(-13px);border:3px solid #f5c640;box-shadow:0 0 15px #f0c54288}.card.special:after{content:"地";position:absolute;right:3px;bottom:3px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#a57818;color:#fff0af;font-size:8px}.card.d4:after{content:"首"}.mini-card{width:29px;height:40px;margin:0;padding:3px;font-size:8px}.turn-alert{position:fixed;top:82px;left:50%;z-index:90;transform:translate(-50%,-10px);width:min(450px,calc(100vw - 16px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;border:2px solid #f0cd62;background:#35250ff5;box-shadow:0 12px 35px #000a,0 0 20px #e8c35144;opacity:0;visibility:hidden;pointer-events:none}.turn-alert.show{opacity:1;visibility:visible}.turn-alert b{font-size:13px;color:#ffe59b}.turn-alert span{font-size:9px;color:#cdbd91}.turn-alert strong{font-size:25px;color:#fff}.turn-alert.urgent{border-color:#ff6068;background:#531a1df5;animation:pulse .6s infinite alternate}@keyframes pulse{to{transform:translate(-50%,0) scale(1.018)}}.modal{position:fixed;inset:0;z-index:120;display:none;place-items:center;padding:12px;background:#050403dd;backdrop-filter:blur(6px)}.modal.open{display:grid}.dialog{width:min(450px,96vw);max-height:90vh;overflow:auto;padding:16px;border:1px solid #ffffff16;border-radius:14px;background:#17120e;box-shadow:0 24px 65px #000c}.entry{text-align:left}.big-icon{text-align:center;font-size:43px}.entry h2{text-align:center;margin:5px}.entry>p{text-align:center;font-size:8px;color:#978d80}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.tabs a,.tabs button,.switch button{min-height:34px;border:1px solid #ffffff12;border-radius:7px;background:#261d14;color:#d1c5b2;text-decoration:none;display:grid;place-items:center;font-size:7px;font-weight:900}.tabs button{border-color:#e3c15c;color:#ffe799}.switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:7px}.switch .active{background:#5c431a;color:#ffeaa3;border-color:#d5b24e}.dialog label{display:block;margin-top:8px}.dialog label span{display:block;margin-bottom:4px;font-size:8px;color:#a19585}.dialog input{width:100%;height:42px;padding:0 9px;border:1px solid #ffffff13;border-radius:7px;background:#0c0907;color:#f3eee5;outline:none}.dialog>small{display:block;margin-top:7px;text-align:center;color:#766f66;font-size:7px}.dh{display:flex;justify-content:space-between;align-items:flex-start}.dh small{font-size:7px;color:#847b70}.dh h3{margin:2px 0;font-size:16px}.dh>button{width:30px;height:30px;border:1px solid #ffffff14;border-radius:7px;background:#261e15;color:#ddd;font-size:17px}.presets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:7px}.presets button{min-height:34px;border:1px solid #ffffff12;border-radius:6px;background:#261d14;color:#e2d6c3;font-size:7px}.result-line{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px;border-bottom:1px solid #ffffff0d}.result-line b{font-size:9px}.result-line span{font-size:8px;color:#9f958a}.result-line strong{font-size:9px}.result-line .plus{color:#7be09a}.result-line .minus{color:#ff8589}.direct{position:fixed;inset:0;z-index:150;display:grid;place-items:center;background:#0b0806f8}.direct.hidden{display:none}.direct>div{text-align:center;padding:22px;border-radius:14px;border:1px solid #ffffff13;background:#17120e}.direct strong{display:block;font-size:40px}.direct b{display:block;color:#f0d471}.direct span{display:block;margin-top:5px;font-size:8px;color:#91887d}.direct i{display:block;width:25px;height:25px;border-radius:50%;border:3px solid #ffffff15;border-top-color:#e8c557;margin:12px auto 0;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:112px;z-index:200;transform:translate(-50%,15px);opacity:0;max-width:min(430px,90vw);padding:8px 11px;border-radius:8px;background:#241c14;border:1px solid #ffffff17;font-size:9px;transition:.18s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.warn{color:#ffc3c5;border-color:#ff707744}.toast.success{color:#c8ffd7;border-color:#6be29144}@media(max-width:1050px){.layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.me{grid-row:span 2}.board{min-height:650px}}@media(max-width:720px){.app{padding:5px}.topbar{min-height:58px;padding:6px;align-items:flex-start}.brand{display:block}.brand nav{margin-bottom:4px}.brand h1{font-size:17px}.brand p{font-size:6.8px}.pill{display:none}.top-actions button{font-size:7px;padding:5px}.layout{margin-top:6px}.board{min-height:575px;border-width:5px;border-radius:38%/13%}.center{width:31%}.game-mark{font-size:9px;padding:4px 7px}.center h2{font-size:10px}.timer{font-size:27px}.center p{font-size:6px}.last-play{padding:4px}.last-play b{font-size:7px}.seat-card{width:104px;min-height:82px;padding:4px}.avatar{width:22px;height:22px;flex-basis:22px;font-size:7px}.seat-name b{font-size:7.5px}.seat-name small,.tag,.seat-info,.single{font-size:6px}.side{display:flex}.hand-zone{padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.my-hand{justify-content:flex-start;min-height:75px}.card{flex-basis:44px;width:44px;height:62px;margin-left:-13px;font-size:10px}.card:first-child{margin-left:3px}.turn-alert{top:64px}.turn-alert b{font-size:11px}.turn-alert span{font-size:8px}.turn-alert strong{font-size:22px}.toast{bottom:100px}.actions button{font-size:8px}.rules p{font-size:9px}.player-row b{font-size:10px}.player-row small{font-size:8px}.tabs{grid-template-columns:repeat(2,1fr)}}@media(max-width:390px){.board{min-height:550px}.seat-card{width:96px}.card{flex-basis:42px;width:42px;height:59px}}