:root{--felt:#123b2c;--felt-deep:#0b2a1e;--felt-line:#1f5240;--ivory:#f7f2e6;--ivory-2:#ece4d1;--ink:#1e1c17;--ink-soft:#5d5748;--on-felt:#eef3ee;--on-felt-soft:#a9c3b6;--red:#b3261e;--red-soft:#f6dcd9;--gold:#e0b453;--jade:#2f8f66;--radius:14px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--felt);background-image:radial-gradient(120% 70% at 50% 0%, #1a4d3a 0%, var(--felt) 55%, var(--felt-deep) 100%);color:var(--on-felt);font-family:var(--font);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100dvh;font-size:16px;line-height:1.45}button,input{font:inherit;color:inherit}.hanzi{font-family:var(--font-hanzi), "Noto Serif TC", "PMingLiU", serif;opacity:.75;margin-left:.35em;font-weight:600}h1,h2,h3,p{margin:0}.loading{text-align:center;color:var(--on-felt-soft);padding:40px 16px}.site-footer{padding:16px 16px calc(16px + env(safe-area-inset-bottom));text-align:center;color:var(--on-felt-soft);font-size:12px}.screen{max-width:520px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;gap:20px;margin:0 auto;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:600}.setup-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.setup-head h1{letter-spacing:-.01em;margin-top:4px;font-size:28px;line-height:1.15}.board-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.board-title{margin-top:2px;font-size:20px;line-height:1.25}.block{flex-direction:column;gap:10px;display:flex}.block-title{color:var(--on-felt);font-size:15px;font-weight:600}.hint{color:var(--on-felt-soft);font-size:13px}.hint.center,.center{text-align:center}.btn{cursor:pointer;border:0;border-radius:12px;min-height:46px;padding:12px 16px;font-weight:600;transition:transform 60ms,filter .15s,opacity .15s}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--red);color:#fff;box-shadow:0 2px #7d1913}.btn-primary:hover:not(:disabled){filter:brightness(1.06)}.btn-secondary{color:var(--on-felt);background:#ffffff1a;border:1px solid #ffffff2e}.btn-ghost{color:var(--on-felt);background:0 0;border:1px solid #ffffff40}.btn-sm{min-height:36px;padding:6px 12px;font-size:14px}.btn-lg{min-height:54px;font-size:17px}.btn-block{width:100%}.link-btn{color:var(--red);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.actions{flex-direction:column;gap:10px;display:flex}.actions-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.sticky-actions{margin:0 -16px calc(-24px - env(safe-area-inset-bottom));padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--felt-deep) 70%, #0b2a1e00);flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.mode-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-card{text-align:left;background:var(--ivory);color:var(--ink);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;flex-direction:column;gap:6px;padding:12px;display:flex}.mode-card.is-selected{border-color:var(--red);box-shadow:0 0 0 3px #b3261e40}.mode-tiles{gap:3px;display:flex}.mode-title{font-size:16px;font-weight:700}.mode-body{color:var(--ink-soft);font-size:13px;line-height:1.35}.name-list{flex-direction:column;gap:8px;display:flex}.name-row{background:var(--ivory);color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:6px 6px 6px 10px;display:flex}.name-row input{min-width:0;color:var(--ink);background:0 0;border:0;flex:1;padding:10px 6px;font-size:16px}.name-row input:focus{outline:none}.name-row:focus-within{box-shadow:0 0 0 3px var(--gold)}.seat-chip{background:var(--felt);color:var(--on-felt);text-align:center;border-radius:999px;min-width:64px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.dealer-chip{background:var(--gold);color:#3b2a05;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.table{grid-template-columns:1fr 1fr;gap:10px;display:grid}.player{background:var(--ivory);color:var(--ink);border-radius:var(--radius);border:2px solid #0000;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.player.is-dealer{border-color:var(--gold)}.player-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.player-name{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:17px;font-weight:700;overflow:hidden}.player-score{font-variant-numeric:tabular-nums;color:var(--jade);font-size:32px;font-weight:800;line-height:1.1}.player-score.neg{color:var(--red)}.unit{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-left:4px;font-size:12px;font-weight:600}.player-meta{color:var(--ink-soft);font-size:12px}.choice-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.choice-grid.three{grid-template-columns:repeat(3,1fr)}.choice{background:var(--ivory);color:var(--ink);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:56px;padding:10px 12px;display:flex}.choice.is-selected{border-color:var(--red);background:#fff;box-shadow:0 0 0 3px #b3261e40}.choice-main{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.choice-sub{color:var(--ink-soft);font-size:12px}.toggle{cursor:pointer;background:#ffffff14;border-radius:12px;align-items:flex-start;gap:10px;padding:12px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--red);flex:none;margin:1px 0 0}.tile{aspect-ratio:300/420;background-color:#fffdf6;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:13%/9.5%;flex:none;display:inline-block;position:relative;box-shadow:inset 0 0 0 1px #d8ccb0,0 2px #c2b48f,0 3px 5px #0000004d}.tile.is-selected{outline:3px solid var(--gold);outline-offset:2px}.tile-xs{width:22px}.tile-sm{width:32px}.tile-md{width:40px}.tile-btn{cursor:pointer;border:0;padding:0}.tile-btn:active:not(:disabled){transform:translateY(1px)}.tile-btn:disabled{opacity:.35;cursor:not-allowed}.tile-badge{background:var(--red);color:#fff;text-align:center;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}.tile-row{align-items:center;gap:4px;display:flex}.tile-row.wrap{flex-wrap:wrap;gap:8px 6px}.tile-row.wrap.tight{gap:4px 2px}.picker{flex-direction:column;gap:10px;display:flex}.hand-tray{background:var(--felt-deep);border:1px dashed var(--felt-line);border-radius:var(--radius);flex-direction:column;gap:8px;min-height:74px;padding:12px;display:flex}.tray-foot{color:var(--on-felt-soft);justify-content:space-between;align-items:center;font-size:13px;display:flex}.tray-foot .link-btn{color:var(--gold)}.suit-group{flex-direction:column;gap:6px;display:flex}.suit-label{color:var(--on-felt-soft);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:600}.result{background:var(--ivory);color:var(--ink);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.result .hint{color:var(--ink-soft)}.result-error{color:var(--red);font-size:14px;font-weight:600}.result-groups{flex-wrap:wrap;gap:8px;display:flex}.meld{background:var(--ivory-2);border-radius:8px;gap:2px;padding:4px;display:inline-flex}.pattern-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pattern-list li{border-bottom:1px solid var(--ivory-2);justify-content:space-between;gap:12px;padding:7px 0;font-size:14px;display:flex}.pattern-list li span:last-child{white-space:nowrap;font-weight:700}.result-total{grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-total>div{background:var(--felt);color:var(--on-felt);border-radius:10px;flex-direction:column;padding:10px 12px;display:flex}.result-total .unit{color:var(--on-felt-soft);margin:0}.result-total strong{font-variant-numeric:tabular-nums;font-size:24px}.summary-line{background:var(--ivory);color:var(--ink);border-radius:var(--radius);padding:14px}.feedback-title{font-size:17px}.feedback-thanks{text-align:center;font-weight:700}.stars{gap:4px;display:flex}.star{background:var(--ivory-2);color:#c9bfa7;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:10px;flex:1;min-height:48px;font-size:26px;line-height:1;transition:background-color .2s,color .2s,transform .15s;position:relative}.star:active{transform:scale(.9)}.star.is-on{color:var(--gold);background:#fff6df}.star.is-on .star-glyph{text-shadow:0 0 10px #e0b4538c}.stars.is-previewing .star.is-on{color:#e9c66f}@media (hover:hover){.star:hover .star-glyph{transform:translateY(-2px)scale(1.12)}}.star-glyph{transition:transform .2s,text-shadow .2s;display:inline-block}.star-glyph.pop{animation:.5s cubic-bezier(.34,1.56,.64,1) both star-pop}@keyframes star-pop{0%{transform:scale(1)}35%{transform:scale(1.5)rotate(-14deg)}65%{transform:scale(.88)rotate(6deg)}to{transform:scale(1)rotate(0)}}.star-ring{border-radius:inherit;pointer-events:none;animation:.6s ease-out both star-ring;position:absolute;inset:0}@keyframes star-ring{0%{box-shadow:0 0 #e0b453b3}to{box-shadow:0 0 0 12px #e0b45300}}@media (prefers-reduced-motion:reduce){.star,.star-glyph{transition:none}.star-glyph.pop,.star-ring{animation:none}}.feedback-text{resize:vertical;border:1px solid var(--ivory-2);width:100%;min-height:80px;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:10px 12px}.honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.past-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.past-item{background:var(--ivory);color:var(--ink);border-radius:var(--radius);align-items:center;gap:8px;padding:4px 12px 4px 4px;display:flex}.past-open{text-align:left;min-width:0;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;align-items:flex-start;gap:2px;padding:10px;display:flex}.past-when{color:var(--ink-soft);font-size:12px}.past-winner{font-size:16px}.past-meta{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.past-delete{flex:none;padding:8px 4px}.star-bars{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.star-bars li{grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;font-size:14px;display:grid}.star-bars li span:last-child{text-align:right;font-variant-numeric:tabular-nums}.star-bar{background:var(--ivory-2);border-radius:5px;height:10px;overflow:hidden}.star-bar>span{background:var(--gold);height:100%;display:block}.admin-stars{color:var(--gold);letter-spacing:1px}.admin-suggestion{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px}.admin-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.admin-nav{gap:6px;display:flex}.admin-link{color:var(--on-felt);border:1px solid #ffffff40;border-radius:999px;padding:6px 12px;font-size:14px;text-decoration:none}.admin-link.is-current{background:var(--ivory);color:var(--ink);border-color:var(--ivory)}.admin-cards{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.admin-card{text-decoration:none}.admin-card strong{font-size:17px}.admin-warning{background:var(--red-soft);color:#5c140f;border-radius:12px;padding:12px 14px;font-size:14px}.admin-toolbar{flex-wrap:wrap;gap:8px;display:flex}.admin-toolbar .btn{text-decoration:none}.admin code{overflow-wrap:anywhere;font-size:.92em}.admin-logout{font:inherit;cursor:pointer;background:0 0;font-size:14px}.admin-login-screen{justify-content:center;min-height:100dvh}.admin-login{gap:12px}.admin-login-label{font-size:14px;font-weight:600}.admin-login-input{border:1px solid var(--ivory-2);width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:10px 12px;font-size:16px}.admin-login-input:focus-visible{outline:2px solid var(--jade);outline-offset:1px}.admin-login-input[aria-invalid=true]{border-color:var(--red)}.table-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.table-row{flex-direction:row;align-items:flex-start;gap:14px}.table-row.is-inactive{opacity:.6}.table-qr{background:#fff;border-radius:8px;flex:none;width:104px;padding:4px}.table-qr svg{width:100%;height:auto;display:block}.table-info{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.table-name{font-size:18px}.table-url{color:var(--ink-soft);overflow-wrap:anywhere;font-size:13px}.table-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-form input[name=label]{border:1px solid var(--ivory-2);min-width:120px;color:var(--ink);background:#fff;border-radius:8px;flex:1;padding:7px 10px}.table-active{align-items:center;gap:6px;font-size:14px;display:flex}.table-actions{flex-wrap:wrap;align-items:center;gap:14px;font-size:13px;display:flex}.table-actions a{color:var(--felt);font-weight:600}.print-sheet{max-width:900px}.qr-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.qr-card{color:#111;text-align:center;break-inside:avoid;background:#fff;border:2px solid #111;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:18px;display:flex}.qr-card-venue{letter-spacing:.08em;text-transform:uppercase;font-size:14px}.qr-card-code{width:70%}.qr-card-code svg{width:100%;height:auto;display:block}.qr-card-table{font-size:30px;font-weight:800}.qr-card-cta{font-size:16px}.qr-card-url{color:#555;overflow-wrap:anywhere;font-size:11px}@media print{@page{size:A4;margin:12mm}body{color:#111;background:#fff}.no-print,.site-footer{display:none!important}.screen{max-width:none;padding:0}.qr-cards{grid-template-columns:1fr 1fr;gap:10mm}.qr-card{padding:8mm}}.history{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.history-item{background:#ffffff12;border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.history-line{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;display:flex}.history-no{color:var(--on-felt-soft);font-variant-numeric:tabular-nums}.history-time{color:var(--on-felt-soft);margin-left:auto;font-size:12px}.history-detail{color:var(--on-felt-soft);font-size:13px}.ranking{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rank-row{background:var(--ivory);color:var(--ink);border-radius:var(--radius);border:2px solid #0000;align-items:center;gap:12px;padding:12px 14px;display:flex}.rank-row.is-first{border-color:var(--gold)}.rank-no{background:var(--felt);width:28px;height:28px;color:var(--on-felt);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.rank-row.is-first .rank-no{background:var(--gold);color:#3b2a05}.rank-body{flex-direction:column;flex:1;min-width:0;display:flex}.rank-name{text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.rank-score{color:var(--jade);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:22px;font-weight:800}.rank-score.neg{color:var(--red)}.dialog-backdrop{z-index:10;background:#00000080;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--ivory);width:100%;max-width:480px;color:var(--ink);margin-bottom:env(safe-area-inset-bottom);border-radius:18px;flex-direction:column;gap:10px;padding:18px;display:flex}.dialog h2{font-size:18px}.dialog p{color:var(--ink-soft);font-size:14px}.dialog .btn-secondary{background:var(--ivory-2);color:var(--ink);border-color:#0000}@media (min-width:400px){.tile-md{width:44px}}.bonus-picker{flex-direction:column;gap:6px;display:flex}.bonus-row{grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 10px;display:grid}.bonus-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.bonus-cell .seat-tag{color:var(--on-felt-soft);font-size:10px;font-weight:700}.bonus-cell .seat-tag.is-own{color:var(--gold)}.bonus-picker .tile-btn:not(.is-selected){opacity:.5;filter:grayscale(.5)}.meld.bonus{background:#fff4d6}.tile-gap{width:6px}.segmented{background:#00000040;border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.segment{min-height:42px;color:var(--on-felt);cursor:pointer;background:0 0;border:0;border-radius:9px;font-weight:600}.segment.is-selected{background:var(--ivory);color:var(--ink)}.lang-toggle{flex-shrink:0;grid-template-columns:repeat(3,auto)}.lang-toggle .segment{min-width:40px;min-height:32px;padding:0 8px;font-size:13px}.lang-foot{justify-content:center;display:flex}.table .player:last-child:nth-child(odd){grid-column:1/-1}