:root{--felt-1:#0e6b4f;--felt-2:#083d2e;--ink:#eef3ee;--ink-dim:#9db3a8;--panel:#14241e;--panel-2:#1c332a;--gold:#f5c542;--danger:#e06a5b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{background:var(--felt-2);height:100%;color:var(--ink);overscroll-behavior:none;margin:0;font-size:16px}.screen{flex-direction:column;height:100dvh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid #0006;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px;display:flex}.brand{letter-spacing:.5px;font-size:17px;font-weight:800}.brand .proto{color:var(--ink-dim);border:1px solid #fff2;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:12px;font-weight:500}.ctl{color:var(--ink-dim);align-items:center;gap:6px;font-size:15px;display:flex}select{background:var(--panel-2);color:var(--ink);border:1px solid #fff2;border-radius:6px;padding:5px 8px;font-size:15px}.spacer{flex:1}.round-tag{color:var(--ink-dim);font-size:14px}.turn-hint{text-align:center;min-width:130px;font-size:16px;font-weight:600}.bone-pile{color:var(--ink-dim);text-align:right;min-width:64px;font-size:14px}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}.primary{background:var(--gold);color:#2a2108;border:none;border-radius:7px;padding:7px 14px;font-weight:700}.primary:hover:not(:disabled){filter:brightness(1.08)}.seatbar{justify-content:center;gap:10px;padding:8px 10px 2px;display:flex}.seat{background:var(--panel);border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:15px;transition:box-shadow .15s;display:flex}.seat.active{box-shadow:0 0 0 2px var(--gold)}.seat.offline{opacity:.75}.seat-bot{color:var(--ink-dim);border:1px solid #fff2;border-radius:4px;padding:0 5px;font-size:12px}.seat-offline{color:var(--danger);border:1px solid #e06a5b66;border-radius:4px;padding:0 5px;font-size:12px}.seat-count{color:var(--ink-dim)}.seat-score{color:var(--gold);text-align:right;min-width:20px;font-weight:800}.table-wrap{background:radial-gradient(ellipse at 50% 42%, var(--felt-1), var(--felt-2) 78%);border-radius:18px;flex:1;min-height:0;margin:8px 12px;position:relative;overflow:hidden;box-shadow:inset 0 4px 24px #0008,0 6px 18px #0006}#table{display:block;position:absolute;inset:0}.idle-hint{color:#fff8;pointer-events:none;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.hidden{display:none!important}.choicebar{justify-content:center;align-items:center;gap:8px;min-height:42px;padding:2px 10px;display:flex}.choice{background:var(--panel-2);color:var(--ink);border:1px solid #fff3;border-radius:7px;padding:6px 16px;font-weight:600}.dock{background:var(--panel);border-top:1px solid #0006;padding:8px 12px 12px}.actions{justify-content:center;gap:10px;margin-bottom:8px;display:flex}.actions button{background:var(--panel-2);color:var(--ink);border:1px solid #fff3;border-radius:7px;padding:6px 20px;font-weight:600}.actions button:not(:disabled):hover{border-color:var(--gold)}.hand{justify-content:center;align-items:flex-end;gap:6px;min-height:118px;display:flex}.me-tag{color:var(--ink-dim);flex-direction:column;align-self:center;align-items:center;gap:2px;margin-right:10px;font-size:14px;display:flex}.tile{--tw:52px;width:var(--tw);height:calc(var(--tw) * 2);border-radius:calc(var(--tw) * .13);background:#f7f2e7;border:none;flex-direction:column;padding:0;transition:transform .1s,box-shadow .1s,opacity .1s;display:flex;position:relative;box-shadow:0 2px 5px #0007,inset 0 0 0 1.5px #c9bfa8}.tile.disabled-looking,.tile:disabled{opacity:.42}.tile.playable{cursor:pointer}.tile.playable:hover{transform:translateY(-10px);box-shadow:0 10px 16px #0009,inset 0 0 0 2px #f5c542}.tile.selected{box-shadow:0 12px 18px #0009, inset 0 0 0 2.5px var(--gold);transform:translateY(-12px)}.half{flex:1;position:relative}.half:first-child{border-bottom:1px solid #d8cfba}.half i{aspect-ratio:1;background:#2b2620;border-radius:50%;width:17%;position:absolute;transform:translate(-50%,-50%)}.overlay{z-index:10;background:#04100cb8;place-items:center;display:grid;position:fixed;inset:0}.panel{background:var(--panel);border:1px solid #fff2;border-radius:16px;min-width:320px;padding:24px 30px;box-shadow:0 20px 60px #000a}.panel h2{text-align:center;margin:0 0 16px;font-size:19px}.score-table{border-collapse:collapse;width:100%;font-size:14px}.score-table th,.score-table td{text-align:center;border-bottom:1px solid #ffffff12;padding:7px 10px}.score-table th{color:var(--ink-dim);font-weight:500}.score-table tr.win td{color:var(--gold);font-weight:700}.panel-actions{text-align:center;margin-top:18px}button{min-height:44px}.ghost-btn{color:var(--ink);background:0 0;border:1px solid #fff3;border-radius:7px;padding:6px 14px;font-weight:600}.ghost-btn:not(:disabled):hover{border-color:var(--gold)}.reconnect{background:var(--danger);color:#fff;border-radius:999px;min-height:0;padding:5px 14px;font-size:13px;font-weight:700}.toast{color:#fff;z-index:60;text-align:center;background:#000000db;border-radius:12px;max-width:90vw;padding:12px 22px;font-size:16px;position:fixed;bottom:116px;left:50%;transform:translate(-50%)}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:10px 18px;font-size:17px;font-weight:700;display:inline-flex}.btn-primary{background:var(--gold);color:#2a2108}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:var(--panel-2);color:var(--ink);border-color:#fff3}.btn-secondary:hover:not(:disabled){border-color:var(--gold)}.btn-ghost{color:var(--ink-dim);background:0 0;border-color:#fff3}.btn-block{width:100%;margin-top:10px}.btn-mini{flex:none;min-height:44px;padding:6px 14px;font-size:15px}.title-screen,.lobby-screen{overflow-y:auto}.title-wrap{width:min(520px,100%);margin:auto;padding:24px 18px 40px}.title-brand{text-align:center;color:var(--gold);letter-spacing:1px;margin:12px 0 6px;font-size:44px}.title-sub{text-align:center;color:var(--ink-dim);margin:0 0 22px;font-size:16px}.title-card{background:var(--panel);border:1px solid #ffffff18;border-radius:18px;padding:22px 20px;box-shadow:0 12px 40px #0007}.queue-title{text-align:center;color:var(--ink);margin:8px 0 4px;font-size:26px}.queue-info{text-align:center;color:var(--gold);margin:0 0 10px;font-size:17px}.queue-num{text-align:center;color:var(--ink-dim);margin:0 0 6px;font-size:19px}.queue-num b{color:var(--ink);font-size:24px}.queue-hint{text-align:center;color:var(--ink-dim);margin:0 0 18px;font-size:14px}.online-badge{text-align:center;color:#4ade80;margin:0 0 14px;font-size:15px}.chat-line{color:#ffe9a8;white-space:nowrap;text-overflow:ellipsis;z-index:5;background:#000a;border:1px solid #ffd96644;border-radius:999px;max-width:70vw;padding:6px 16px;font-size:15px;position:absolute;top:44px;left:50%;overflow:hidden;transform:translate(-50%)}.field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.field-row{gap:12px;display:flex}.field-seats{flex:0 0 112px}.field-label{color:var(--ink-dim);font-size:15px}.input{background:var(--panel-2);width:100%;color:var(--ink);border:1px solid #fff3;border-radius:10px;min-height:48px;padding:12px 14px;font-size:16px}.input:focus{border-color:var(--gold);outline:none}.join-row{gap:10px;margin-top:12px;display:flex}.code-input{text-transform:uppercase;letter-spacing:4px;font-weight:700}.title-foot{text-align:center;color:var(--ink-dim);margin:18px 4px 0;font-size:13px;line-height:1.5}.net-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.net-dot.on{background:#5fd07a;box-shadow:0 0 6px #5fd07a}.net-dot.off{background:var(--danger)}.lobby-wrap{width:min(560px,100%);margin:auto;padding:24px 18px 40px}.lobby-title{text-align:center;color:var(--gold);margin:10px 0 18px;font-size:32px}.lobby-card{background:var(--panel);border:1px solid #ffffff18;border-radius:18px;padding:22px 20px;box-shadow:0 12px 40px #0007}.lobby-meta{text-align:center;color:var(--ink-dim);margin-bottom:16px;font-size:16px}.lobby-code-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.lobby-code-label{color:var(--ink-dim);font-size:16px}.lobby-code{letter-spacing:10px;color:var(--gold);font-size:38px;font-weight:800}.lobby-link-row{background:var(--panel-2);border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:8px 12px;display:flex}.lobby-link{min-width:0;color:var(--ink-dim);word-break:break-all;flex:1;font-size:14px}.lobby-seats{flex-direction:column;gap:10px;margin:0 0 8px;padding:0;list-style:none;display:flex}.lobby-seat{background:var(--panel-2);border:1px solid #fff2;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;min-height:52px;padding:10px 16px;font-size:17px;display:flex}.lobby-seat.empty{color:var(--ink-dim);border-style:dashed;font-size:16px}.lobby-tag.host{background:var(--gold);color:#2a2108;border-radius:6px;flex:none;padding:2px 10px;font-size:13px;font-weight:700}.lobby-hint{color:var(--ink-dim);text-align:center;margin:6px 0 18px;font-size:14px}.lobby-actions{gap:12px;display:flex}.lobby-actions .btn{flex:1}@media (max-width:600px){.topbar{gap:8px;padding:6px 10px}.brand{font-size:16px}.brand .proto,.round-tag{display:none}.seatbar{justify-content:flex-start;gap:6px;padding:6px 6px 2px;overflow-x:auto}.seat{flex:none;padding:5px 12px;font-size:14px}.table-wrap{border-radius:12px;margin:6px}.dock{padding:6px 8px 10px}.hand{gap:4px;min-height:96px}.actions{gap:8px}.actions button{padding:6px 16px}.panel{width:calc(100vw - 32px);min-width:0;padding:20px 16px}.title-brand{font-size:36px}.lobby-code{font-size:32px}.lobby-link{font-size:13px}.toast{bottom:104px}}@media (hover:none){.tile.playable:hover{transform:none;box-shadow:0 2px 5px #0007,inset 0 0 0 1.5px #c9bfa8}.tile.playable:active{transform:translateY(-10px);box-shadow:0 10px 16px #0009,inset 0 0 0 2px #f5c542}}