:root{--bg: #0c0f13;--table: #12161b;--panel: #1a1f26;--panel-2: #12161b;--elev: #232a33;--line: #232a33;--line-2: #2c343e;--ink: #f2efe9;--ink-dim: #c8c2b6;--muted: #8b93a0;--muted-2: #6b7381;--card: #fbfaf8;--card-ink: #16181c;--card-line: #e3ddd2;--red: #d8564a;--red-strong: #b5342c;--gold: #e0a325;--gold-tint: rgba(224, 163, 37, .1);--gold-line: rgba(224, 163, 37, .55);--green: #1f7a52;--green-ink: #6fd3a1;--green-tint: rgba(31, 122, 82, .18);--radius: 12px;--radius-sm: 8px;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-mono);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit}.app{min-height:100%;display:flex;flex-direction:column}.suit--red{color:var(--red)}.suit--black,.mono-dim{color:var(--muted)}.only-mobile{display:none}.topbar__right{display:flex;align-items:center;gap:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;background:var(--panel);border-bottom:1px solid var(--line);min-height:56px}.topbar__left{display:flex;align-items:center;gap:11px}.brand__logo{width:24px;height:24px;display:block;border-radius:6px;flex:none}.brand__word{font-weight:700;letter-spacing:.22em;font-size:15px;color:var(--ink)}.topbar__stats{display:flex;gap:18px;align-items:center;letter-spacing:.14em;font-size:12px;color:var(--muted);text-transform:uppercase}.topbar__stats strong{color:var(--ink);font-weight:700;margin-left:4px}.contract-chip{display:inline-flex;align-items:center;gap:6px;font-size:15px;letter-spacing:.08em}.contract-chip__level{font-weight:700}.contract-chip__by{color:var(--muted);font-size:12px;letter-spacing:.12em}.tabs{display:inline-flex;gap:2px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:3px}.tab{border:0;background:transparent;color:var(--muted);padding:6px 14px;border-radius:6px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}.tab--active{background:var(--elev);color:var(--ink)}.btn{border:1px solid var(--line-2);background:var(--elev);color:var(--ink);padding:9px 16px;border-radius:var(--radius-sm);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;cursor:pointer;transition:transform .05s ease,background .15s,border-color .15s,color .15s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--muted-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--gold);border-color:var(--gold);color:#1c1608;font-weight:700}.btn--primary:hover:not(:disabled){background:#eeb43f}.btn--ghost{background:transparent;border-color:var(--line-2);color:var(--ink-dim)}.btn--toggle-on{border-color:var(--green);color:var(--green-ink);background:var(--green-tint)}.btn--sm{padding:6px 11px;font-size:11px}.link-btn{border:none;background:none;color:var(--muted);cursor:pointer;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:0 2px}.link-btn:hover{color:var(--ink)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px}.panel__title{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.panel__note{color:var(--muted);font-size:12px;line-height:1.5}.panel__hint{color:var(--gold);font-size:11px;line-height:1.5;margin:8px 0 0}.cta-btn{display:block;width:100%;text-align:center;margin-top:14px}.htile-wrap{position:relative;display:inline-flex}.htile{--w: 42px;--h: 44px;width:var(--w);height:var(--h);border-radius:var(--radius-sm);border:1px solid var(--card-line);background:var(--card);color:var(--card-ink);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0;cursor:default;box-shadow:0 1px #00000080;transition:transform .05s ease,box-shadow .12s}.htile--red{color:var(--red-strong)}.htile--legal{cursor:pointer}.htile--legal:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000080}.htile--legal:active{transform:translateY(0)}.htile--dim{opacity:.34}.htile:disabled{cursor:default}.htile--rail{--w: 36px;--h: 50px;font-size:20px}.htile--compact{--w: 26px;--h: 30px;font-size:13px;border-radius:6px}.ddb{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--green);color:#eafff4;font-size:10px;font-weight:700;line-height:17px;text-align:center;border:1.5px solid var(--table);pointer-events:none}.ddb--best{background:var(--green);color:#eafff4;box-shadow:0 0 0 1.5px var(--gold)}.card{--w: 44px;width:var(--w);height:calc(var(--w) * 1.34);border-radius:var(--radius-sm);border:1px solid var(--card-line);background:var(--card);color:var(--card-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;box-shadow:0 2px 6px #00000080}.card--red{color:var(--red-strong)}.card__rank{font-size:18px;font-weight:700;line-height:1}.card__suit{font-size:15px;line-height:1}.card--sm{--w: 34px}.card--md{--w: 44px}.hand-rows{display:flex;flex-direction:column;gap:6px}.hand-row{display:flex;align-items:center;gap:8px}.hand-row__suit{width:14px;text-align:center;font-size:14px;flex:none}.hand-row__tiles{display:flex;gap:6px;flex-wrap:nowrap}.hand-row__void{color:var(--muted-2)}.dv{display:flex;flex-direction:column;flex:1;min-height:0}.dv__body{display:grid;grid-template-columns:1fr 300px;gap:20px;padding:22px;align-items:start}.deal-board{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:14px;grid-template-areas:".    north  ." "west center east" ".    south  .";align-items:center;justify-items:center}.deal-board__pos--n{grid-area:north}.deal-board__pos--w{grid-area:west}.deal-board__pos--e{grid-area:east}.deal-board__pos--s{grid-area:south}.deal-board__center{grid-area:center;text-align:center}.deal-count{font-size:44px;font-weight:700;line-height:1;color:var(--ink)}.deal-count__of{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:8px}.deal-count__left{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:4px}.seat{width:100%;max-width:260px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s;text-align:left}.seat:hover{border-color:var(--line-2)}.seat--active{border-color:var(--gold-line);background:var(--gold-tint)}.seat__head{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.seat__name{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);font-weight:600}.seat--active .seat__name{color:var(--gold)}.seat__dealing{font-size:10px;letter-spacing:.14em;color:var(--gold)}.seat__count{margin-left:auto;font-size:11px;color:var(--muted)}.seat__clear{margin-left:6px}.seat__holding .hand-row{gap:8px}.seat__ranks{letter-spacing:.12em;font-size:13px}.dv__palette{padding:0 22px 4px}.palette{display:flex;flex-direction:column;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:12px}.palette__row{display:grid;grid-template-columns:22px repeat(13,1fr);gap:6px;align-items:center}.palette__suit{text-align:center;font-size:15px}.pcell{position:relative;height:38px;border-radius:6px;border:1px solid var(--line-2);background:var(--elev);color:var(--ink-dim);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .05s,background .12s,border-color .12s}.pcell:hover:not(:disabled){border-color:var(--muted-2)}.pcell:active:not(:disabled){transform:translateY(1px)}.pcell--red{color:var(--red)}.pcell--dealt{background:var(--panel-2);color:var(--muted-2);border-color:var(--line)}.pcell--mine{background:var(--card);color:var(--card-ink);border-color:var(--card)}.pcell--mine.pcell--red{color:var(--red-strong)}.pcell:disabled{opacity:.35;cursor:not-allowed}.pcell__seat{position:absolute;bottom:1px;right:3px;font-size:8px;letter-spacing:.05em;color:var(--muted);font-weight:700}.pcell--mine .pcell__seat{color:var(--muted-2)}.input-placeholder{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-align:center;color:var(--muted)}.input-placeholder__title{color:var(--ink);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}.input-placeholder__area{width:100%;max-width:520px;background:var(--bg);border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-mono);padding:10px;resize:vertical}.input-placeholder__drop{border:1px dashed var(--line-2);border-radius:var(--radius-sm);padding:26px;color:var(--muted-2);max-width:520px;margin:0 auto}.input-placeholder__note{font-size:11px;margin:12px 0 0;color:var(--muted-2)}.builder__group{margin-bottom:14px}.builder__label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.seg{display:flex;gap:4px;flex-wrap:wrap}.seg__btn{flex:1 1 auto;min-width:30px;border:1px solid var(--line-2);background:var(--elev);color:var(--ink-dim);border-radius:6px;padding:7px 0;font-size:14px;font-weight:600;cursor:pointer}.seg__btn:hover{border-color:var(--muted-2)}.seg__btn--on{background:var(--gold);border-color:var(--gold);color:#1c1608}.seg__btn--on.suit--red,.seg__btn--on .suit--red{color:#1c1608}.mk-note__bar{height:5px;border-radius:3px;background:var(--elev);overflow:hidden;margin-top:12px}.mk-note__fill{height:100%;background:var(--gold);transition:width .3s ease}.controls{display:flex;align-items:center;gap:10px;padding:14px 22px;border-top:1px solid var(--line);background:var(--panel)}.controls__hint{color:var(--muted);font-size:12px;margin-right:auto}.controls__spacer{margin-left:auto}.pv{display:flex;flex-direction:column;flex:1;min-height:0}.pv__body{display:grid;grid-template-columns:1fr 320px;gap:20px;padding:20px 22px;flex:1;min-height:0}.play-board{background:var(--table);border:1px solid var(--line);border-radius:var(--radius);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;grid-template-areas:".    north  ." "west center east" ".    south  .";gap:6px 24px;align-items:center;justify-items:center;padding:16px 22px}.play-board__pos--n{grid-area:north}.play-board__pos--w{grid-area:west;justify-self:start}.play-board__pos--e{grid-area:east;justify-self:end}.play-board__pos--s{grid-area:south}.play-board__center{grid-area:center}.phand__label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center;margin-bottom:8px}.phand--turn .phand__label,.phand__totip{color:var(--gold)}.trickcross{position:relative;display:grid;grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,58px);gap:4px;justify-items:center;align-items:center}.tslot{width:44px;height:58px}.tslot--n{grid-area:1 / 2}.tslot--w{grid-area:2 / 1}.tslot--e{grid-area:2 / 3}.tslot--s{grid-area:3 / 2}.tslot__empty{width:100%;height:100%;border:1.5px dashed var(--line-2);border-radius:var(--radius-sm)}.tslot__empty--turn{border-color:var(--gold);border-style:solid;background:var(--gold-tint)}.trickcross__label{grid-area:3 / 1 / 4 / 4;position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.trickcross__label--turn{color:var(--gold)}.pv-side{display:flex;flex-direction:column;gap:14px;align-content:start}.contract-card__head{display:flex;align-items:center;gap:8px;font-size:30px;font-weight:700;line-height:1}.contract-card__by{font-size:12px;letter-spacing:.14em;color:var(--muted);align-self:center;text-transform:uppercase}.contract-card__stats{margin-top:16px;display:flex;flex-direction:column;gap:8px}.cc-stat{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:8px}.cc-stat__k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.cc-stat__v{font-size:16px;font-weight:700}.mtab{width:100%;border-collapse:collapse;font-size:13px}.mtab th,.mtab td{text-align:center;padding:6px 2px}.mtab thead th{font-size:13px;color:var(--muted);font-weight:400}.mtab__seat{color:var(--muted);font-weight:600;text-align:left;width:22px}.mtab__cell{color:var(--ink-dim)}.mtab__cell--empty{color:var(--muted-2)}.mtab__cell--current{background:var(--gold);color:#1c1608;border-radius:5px;font-weight:700}.mtab__btn--selected{background:var(--gold);color:#1c1608;font-weight:700}.mtab__btn--selected.mtab__btn--best{color:#1c1608}.mtab__btn{width:100%;border:0;background:transparent;color:inherit;font:inherit;padding:5px 0;border-radius:5px;cursor:pointer}.mtab__btn--makeable{color:var(--ink);background:var(--elev)}.mtab__btn--best{color:var(--green-ink)}.mtab__btn:hover:not(:disabled){outline:1px solid var(--gold-line)}.mtab__btn:disabled{cursor:default}.tricklog{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.tlrow{display:flex;gap:10px;align-items:baseline;font-size:13px}.tlrow__n{color:var(--muted);width:26px;flex:none}.tlrow__cards{display:flex;gap:8px;flex:1}.tlrow__win{color:var(--gold);font-weight:700}.tricklog__empty{color:var(--muted-2);font-size:12px}.rail{display:none}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:40;padding:20px}.sheet{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--radius);padding:18px;max-width:360px;width:100%;max-height:90vh;overflow:auto}.sheet__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.sheet__actions{display:flex;flex-direction:column;gap:8px}.sheet__actions .btn{width:100%;text-align:center}.rotate-hint{display:none}@media (max-width: 900px){body{font-size:13px}.only-mobile{display:flex}.only-desktop{display:none}.topbar{padding:8px 12px;min-height:40px}.brand__logo{width:20px;height:20px}.topbar__mobtitle{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.dv__body{display:contents}.deal-board{order:2;grid-template-columns:repeat(4,1fr);grid-template-rows:auto;grid-template-areas:"west north east south";gap:8px;align-items:stretch;padding:8px 12px 0}.deal-board__center{display:none}.seat{max-width:none;padding:8px 9px}.seat__ranks{font-size:11px}.dv__palette{order:3;padding:8px 12px 4px}.sidebar{order:4;display:flex;flex-direction:column;gap:10px;padding:0 12px}.pcell{height:30px;font-size:12px}.controls{order:5;padding:8px 12px;gap:6px;flex-wrap:wrap}.controls__hint{display:none}html,body,#root,.app,.pv{height:100%}.pv__body{grid-template-columns:1fr;padding:6px 10px;gap:6px;min-height:0;overflow-y:auto}.pv-side{display:none}.play-board{padding:8px;gap:2px 10px}.play-board .htile{--w: 25px;--h: 29px;font-size:13px;border-radius:6px}.play-board .hand-rows{gap:3px}.play-board .hand-row{gap:5px}.play-board .ddb{min-width:14px;height:14px;font-size:8px;line-height:14px;top:-4px;right:-4px}.phand__label{font-size:8px;margin-bottom:2px}.trickcross{grid-template-columns:repeat(3,30px);grid-template-rows:repeat(3,36px);gap:3px}.tslot{width:30px;height:36px}.play-board__center .card{--w: 28px}.play-board__center .card__rank{font-size:13px}.play-board__center .card__suit{font-size:11px}.trickcross__label{bottom:-18px;font-size:8px}.play-board__pos[data-rail=true]{display:none}.rail{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel);border-top:1px solid var(--line-2)}.rail__label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);line-height:1.3;width:48px;flex:none}.rail__hand{display:flex;gap:10px;align-items:center;flex:1;overflow-x:auto}.rail__hand .hand-rows{flex-direction:row;gap:12px;align-items:center}.rail__hand .hand-row{gap:5px}.rail__sep{color:var(--muted-2);font-size:13px}.rail__controls{display:flex;gap:6px;flex:none}.play-controls{display:none}}@media (max-width: 900px) and (orientation: portrait){.rotate-hint{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:32px}.rotate-hint__icon{font-size:46px;animation:rotateNudge 2.4s ease-in-out infinite}.rotate-hint__title{font-size:16px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.rotate-hint__sub{color:var(--muted);font-size:13px;max-width:260px;line-height:1.6}@keyframes rotateNudge{0%,60%,to{transform:rotate(0)}30%{transform:rotate(-90deg)}}}