:root{--felt:#1d4533;--felt-text:#f1ead9;--felt-text-dim:#c9d6c9;--tile:#f1ead9;--tile-deep:#e3d8bf;--ink:#211d16;--ink-dim:#5b5347;--gold:#d9ad5e;--gold-deep:#8a5a1f;--red:#a23b30;--red-deep:#7e2c23;--green:#3f6b46;--line:#211d1638;--line-strong:#211d1673}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--felt);color:var(--felt-text);min-height:100vh;font-family:Noto Serif TC,Songti TC,Georgia,serif}#root,main{min-height:100vh;padding:24px 16px 60px}.wrap{max-width:640px;margin:0 auto}.header{text-align:center;margin-bottom:28px}.header .suits{letter-spacing:10px;color:var(--gold);margin-bottom:6px;font-size:22px}.header h1{letter-spacing:2px;color:var(--felt-text);margin:0;font-size:30px;font-weight:700}.header .sub{color:var(--felt-text-dim);letter-spacing:3px;text-transform:uppercase;margin-top:4px;font-size:13px}.card{background:var(--tile);border:1px solid var(--line-strong);color:var(--ink);border-radius:2px;margin-bottom:18px;padding:20px}.card h2{text-transform:uppercase;letter-spacing:2px;color:var(--gold-deep);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;display:flex}.card h2:before{content:"";background:var(--gold-deep);width:14px;height:1px}input,select,button{font-family:inherit;font-size:16px}input[type=text],input[type=number]{background:var(--tile-deep);border:1px solid var(--line-strong);color:var(--ink);border-radius:2px;outline:none;width:100%;padding:10px 12px}input[type=text]:focus,input[type=number]:focus{border-color:var(--gold-deep)}.btn{background:var(--red);color:var(--tile);border:1px solid var(--red-deep);letter-spacing:.5px;cursor:pointer;border-radius:2px;padding:12px 18px;font-weight:700}.btn:hover{background:var(--red-deep)}.btn:active{transform:scale(.98)}.btn.secondary{background:var(--tile);border:1px solid var(--line-strong);color:var(--ink)}.btn.secondary:hover{border-color:var(--gold-deep);color:var(--gold-deep);background:var(--tile-deep)}.btn.danger{background:var(--tile);border:1px solid var(--red);color:var(--red-deep)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.full{width:100%}.row{gap:10px;display:flex}.row>*{flex:1}.join-options{flex-direction:column;gap:12px;display:flex}.players-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.player-tile{background:var(--tile-deep);border:1px solid var(--line-strong);cursor:pointer;border-radius:2px;padding:12px;position:relative}.player-tile.dealer{border-color:var(--gold-deep);border-width:2px}.player-tile .dealer-mark{color:var(--gold-deep);letter-spacing:1px;font-size:10px;position:absolute;top:8px;right:8px}.player-tile .name{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:700}.player-tile .points{font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.player-tile .points.pos{color:var(--green)}.player-tile .points.neg{color:var(--red-deep)}.seat-select{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.seat-btn{background:var(--tile-deep);border:1px solid var(--line-strong);color:var(--ink-dim);text-align:center;cursor:pointer;border-radius:2px;padding:10px 6px;font-size:13px}.seat-btn.active{border-color:var(--gold-deep);color:var(--gold-deep);background:var(--tile);border-width:2px}.seat-btn.disabled{opacity:.3;cursor:not-allowed}.fan-stepper{justify-content:center;align-items:center;gap:18px;margin:14px 0;display:flex}.fan-stepper .fan-btn{background:var(--tile-deep);border:1px solid var(--line-strong);width:44px;height:44px;color:var(--gold-deep);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;font-size:20px;display:flex}.fan-stepper .fan-val{text-align:center;min-width:60px;color:var(--ink);font-size:36px;font-weight:700}.fan-stepper .fan-label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-top:-8px;font-size:11px}.win-type-toggle{gap:8px;margin-bottom:14px;display:flex}.win-type-toggle .opt{text-align:center;border:1px solid var(--line-strong);color:var(--ink-dim);cursor:pointer;border-radius:2px;flex:1;padding:10px;font-size:14px}.win-type-toggle .opt.active{border-color:var(--gold-deep);color:var(--gold-deep);background:var(--tile);border-width:2px}.points-preview{text-align:center;background:var(--tile-deep);border:1px dashed var(--line-strong);border-radius:2px;margin-bottom:14px;padding:14px}.points-preview .label{color:var(--ink-dim);text-transform:uppercase;letter-spacing:1px;font-size:11px}.points-preview .value{color:var(--red-deep);font-size:28px;font-weight:700}.points-preview .sub{color:var(--ink-dim);margin-top:2px;font-size:12px}.history-item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.history-item:last-child{border-bottom:none}.history-item .meta{color:var(--ink-dim)}.history-item .pts{color:var(--gold-deep);font-weight:700}.empty-state{text-align:center;color:var(--ink-dim);padding:14px 0;font-size:13px}.error-text{color:var(--red-deep);text-align:center;margin-top:8px;font-size:13px}.loading-text{text-align:center;color:var(--felt-text-dim);padding:40px 0}.footer-note{text-align:center;color:var(--felt-text-dim);letter-spacing:.5px;margin-top:20px;font-size:11px}