.app{height:100vh;height:100dvh;padding:calc(6px + var(--safe-top)) calc(10px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(10px + var(--safe-left));background:radial-gradient(circle at 50% 0%, var(--felt-2), var(--felt) 68%);flex-direction:column;display:flex;overflow:hidden}.screen{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.hdr{flex:none;justify-content:space-between;align-items:center;height:42px;display:flex}.hdr__left{align-items:baseline;gap:8px;display:flex}.hdr h1{letter-spacing:.1em;margin:0;font-size:17px}.hdr__round{color:var(--muted);font-size:11px}.hdr__actions{gap:6px;display:flex}.icon-btn{height:30px;color:var(--ink);background:#ffffff14;border:0;border-radius:8px;padding:0 10px;font-size:12px}.dealtop{flex-direction:column;flex:none;gap:8px;display:flex}.seats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.seat{background:#ffffff0f;border-radius:9px;flex-direction:column;align-items:center;gap:1px;padding:6px 0 5px;transition:background .15s,box-shadow .15s;display:flex}.seat.is-active{background:#e8c56b2e;box-shadow:inset 0 0 0 1px #e8c56bb3}.seat__name{font-size:14px;font-weight:700}.seat__count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.startrow{align-items:center;gap:8px;display:flex}.startrow__label{color:var(--muted);font-size:12px}.startrow__tip{color:var(--muted);opacity:.8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dealtop__status{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;font-size:11px}.pool{flex-direction:column;flex:1;justify-content:center;gap:5px;min-height:0;display:flex}.pool__row{grid-template-columns:repeat(13,minmax(0,1fr));gap:2px;display:grid}.pool .card{font-size:clamp(9px,2.6vw,13px)}.card{aspect-ratio:7/10;background:var(--card-bg);width:100%;min-width:0;color:var(--black);border:0;border-radius:4px;flex-direction:column;justify-content:space-between;align-items:center;padding:2px 1px;font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;line-height:1;transition:transform .12s,opacity .12s,box-shadow .12s;display:flex;position:relative;box-shadow:0 1px 2px #00000073}.card--red{color:var(--red)}.card__rank{font-size:1em}.card__suit{opacity:.9;font-size:.85em}.card.is-dimmed{opacity:.2;filter:grayscale();transform:scale(.9)}.card.is-selected{box-shadow:0 0 0 2px var(--gold), 0 6px 12px #00000073;transform:translateY(-6px)}.tabs{flex:none;gap:6px;display:flex}.tab{height:36px;color:var(--muted);background:#ffffff12;border:0;border-radius:9px;flex:1;font-size:14px;font-weight:600}.tab.is-active{color:var(--gold);background:#e8c56b29;box-shadow:inset 0 0 0 1px #e8c56b8c}.tab.is-done{color:var(--ink)}.tab__check{color:#7fd6a4;margin-left:2px;font-size:12px}.board{flex-direction:column;flex:1;justify-content:flex-start;gap:6px;min-height:0;display:flex}.slot{background:#ffffff0a;border-radius:10px;padding:5px 8px 7px;transition:box-shadow .15s;box-shadow:inset 0 0 0 1px #ffffff12}.slot.is-invalid{box-shadow:inset 0 0 0 1px var(--danger)}.slot.is-target{cursor:pointer;box-shadow:inset 0 0 0 1px #e8c56b73}.slot__head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.slot__name{font-size:12px;font-weight:700}.slot__name em{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:4px;font-size:10px;font-style:normal}.slot__type{color:var(--gold);font-size:12px;font-weight:600}.slot__type.is-empty{color:var(--muted);font-weight:400}.slot__cards{gap:5px;display:flex}.slot__cards .card{flex:none;width:56px;font-size:16px}.slot__empty{aspect-ratio:7/10;border:1px dashed #f5f2e829;border-radius:4px;flex:none;width:56px}.notice{color:#ffb3a6;background:#e06c5a24;border-radius:8px;flex:none;max-height:78px;padding:6px 9px;font-size:11px;line-height:1.5;overflow-y:auto;box-shadow:inset 0 0 0 1px #e06c5a73}.handarea{flex-direction:column;flex:none;gap:5px;margin-top:auto;display:flex}.handarea__hint{color:var(--muted);text-align:center;height:14px;font-size:11px}.hand{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;font-size:15px;display:grid}.hand:empty:after{content:"这一家已经摆完了";text-align:center;color:var(--muted);grid-column:1/-1;padding:18px 0;font-size:12px}.bar{flex:none;gap:7px;padding-top:2px;display:flex}.btn{height:44px;color:var(--ink);white-space:nowrap;background:#ffffff1a;border:0;border-radius:10px;flex:1;font-size:14px;font-weight:600}.btn:active:not(:disabled){opacity:.9;transform:scale(.98)}.btn:disabled{opacity:.32}.btn--primary{background:var(--gold);color:#1d2b24}.btn--danger{background:var(--danger);color:#fff}.btn--block{flex:auto;width:100%}.summary{flex:none;grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.summary__item{background:#ffffff0f;border-radius:9px;flex-direction:column;align-items:center;padding:6px 0;display:flex}.summary__item.is-win{background:#e8c56b29;box-shadow:inset 0 0 0 1px #e8c56b8c}.summary__name{color:var(--muted);font-size:12px}.summary__num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1.1}.summary__item.is-win .summary__num{color:var(--gold)}.summary__unit{color:var(--muted);font-size:10px}.result{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:8px;min-height:0;padding-bottom:4px;display:flex;overflow-y:auto}.seatblock{background:#ffffff0a;border-radius:10px;padding:7px 0 3px;box-shadow:inset 0 0 0 1px #ffffff12}.seatblock__head{justify-content:space-between;align-items:baseline;padding:0 9px 4px;font-size:13px;font-weight:700;display:flex}.seatblock__wins{color:var(--muted);font-size:11px;font-weight:400}.seatblock__wins.is-win{color:var(--gold)}.resrow{align-items:center;gap:8px;padding:3px 9px;display:flex}.resrow.is-win{background:#e8c56b1a}.resrow__slot{color:var(--muted);flex:0 0 28px;font-size:11px}.resrow__cards{gap:3px;display:flex}.resrow__type{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px}.resrow__type.is-win{color:var(--gold);font-weight:700}.mini{background:var(--card-bg);color:var(--black);border-radius:3px;align-items:baseline;gap:1px;padding:1px 3px;font-family:Helvetica Neue,Arial,sans-serif;font-size:10px;line-height:1.25;display:inline-flex}.mini b{font-size:10px}.mini--red{color:var(--red)}.mask{z-index:50;-webkit-backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{width:100%;max-height:82vh;max-height:82dvh;padding:6px 16px calc(16px + var(--safe-bottom));background:#10382c;border-radius:18px 18px 0 0;animation:.22s sheet-up;overflow-y:auto;box-shadow:0 -10px 30px #00000073}@keyframes sheet-up{0%{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.sheet__handle{background:#ffffff40;border-radius:2px;width:36px;height:4px;margin:2px auto 10px}.sheet__title{text-align:center;margin:0 0 12px;font-size:16px}.field{margin-bottom:16px}.field__label{color:var(--muted);margin-bottom:7px;font-size:12px}.field__hint{color:var(--muted);opacity:.85;margin:6px 0 0;font-size:11px;line-height:1.5}.segmented{gap:6px;display:flex}.segmented--sm{gap:4px}.segmented__item{height:36px;color:var(--ink);background:#ffffff14;border:0;border-radius:8px;flex:1;font-size:13px}.segmented--sm .segmented__item{flex:none;height:28px;padding:0 12px;font-size:12px}.segmented__item.is-active{color:var(--gold);background:#e8c56b33;box-shadow:inset 0 0 0 1px #e8c56b99}.switch-row{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:46px;padding:0 2px;font-size:14px;display:flex}.switch-row input{-webkit-appearance:none;appearance:none;background:#ffffff2e;border-radius:13px;width:46px;height:26px;margin:0;transition:background .18s;position:relative}.switch-row input:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s,background .18s;position:absolute;top:3px;left:3px}.switch-row input:checked{background:var(--gold)}.switch-row input:checked:after{background:#1d2b24;transform:translate(20px)}.dialog{background:#10382c;border-radius:14px;width:calc(100% - 48px);max-width:320px;margin:auto;padding:20px 18px 14px;box-shadow:0 18px 40px #0000008c}.dialog__title{text-align:center;margin:0 0 8px;font-size:16px}.dialog__msg{color:var(--muted);text-align:center;margin:0 0 16px;font-size:13px;line-height:1.6}.dialog__actions{gap:8px;display:flex}@media (max-width:359px){.slot__cards .card,.slot__empty{width:46px}.hand{gap:4px}}:root{--felt:#0b3d2e;--felt-2:#0f4d3a;--ink:#f5f2e8;--muted:#9db8ac;--card-bg:#fdfcf7;--red:#c0392b;--black:#1c1c1c;--gold:#e8c56b;--danger:#e06c5a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;height:100%;margin:0;padding:0}body{background:var(--felt);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:manipulation;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}#root{height:100%}