.bq-home{min-height:100%;display:grid;place-items:center;padding:clamp(20px,6vh,56px) 20px;box-sizing:border-box}.bq-home-panel{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:clamp(32px,6vw,56px) clamp(28px,7vw,64px);max-width:460px;width:min(100%,460px)}.bq-home-title{font-size:clamp(40px,8vw,60px);margin:0}.bq-home-tagline{font-family:var(--font-body);font-size:15px;color:var(--ink-faint);margin:-6px 0 8px;max-width:30ch;line-height:1.4}.bq-home-actions{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}.bq-home-actions .bq-btn{width:100%;font-size:16px;padding:13px 28px}.bq-rotate{display:grid;place-items:center;height:100%;padding:24px;box-sizing:border-box;text-align:center}.bq-rotate-panel{display:flex;flex-direction:column;align-items:center;gap:14px;padding:clamp(28px,8vw,44px) clamp(24px,7vw,40px);max-width:420px;width:min(100%,420px)}.bq-rotate-title{font-size:clamp(26px,7vw,34px);margin:0}.bq-rotate-icon{font-size:40px;line-height:1}.bq-rotate-body{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--ink-faint);margin:0;max-width:34ch}.bq-rotate-links{display:flex;gap:16px;align-items:center;margin-top:4px}.bq-rotate-links a{color:var(--pottery);font-family:var(--font-body);font-weight:650;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--pottery) 40%,transparent)}.bq-rotate-links a:hover{color:var(--pottery-deep)}.bq-rotate-sep{color:var(--ink-ghost)}.bq-onboard{min-height:100%;display:grid;place-items:center;padding:clamp(20px,6vh,56px) 20px;box-sizing:border-box}.bq-onboard-note{width:min(100%,440px);display:flex;flex-direction:column;gap:14px;padding:clamp(26px,5vw,40px);border-radius:var(--radius-lg);background:var(--note);border:1px solid var(--note-border);box-shadow:inset 3px 0 color-mix(in srgb,var(--pottery) 40%,transparent),0 18px 40px -18px var(--shadow-strong);transform:rotate(-.6deg)}.bq-onboard-title{font-family:var(--font-display);font-weight:600;font-size:clamp(22px,4vw,28px);margin:0;color:var(--ink)}.bq-onboard-body{font-family:var(--font-body);font-size:15px;line-height:1.5;color:var(--ink-soft);margin:0}.bq-onboard-step{font-family:var(--font-body);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-weight:650;margin:0}.bq-onboard-actions{display:flex;flex-direction:row;align-items:center;gap:10px;margin-top:6px}.bq-onboard-actions .bq-btn{font-size:14px;padding:9px 18px}.bq-onboard-spacer{flex:1 1 auto}.bq-results{min-height:100%;display:grid;place-items:center;padding:clamp(20px,6vh,56px) 20px;box-sizing:border-box}.bq-results-panel{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;padding:clamp(28px,5vw,44px) clamp(28px,6vw,56px);width:min(100%,420px)}.bq-results-heading{font-size:clamp(24px,5vw,34px);margin:0;color:var(--ink)}.bq-results-table{border-collapse:collapse;width:100%;max-width:300px;font-family:var(--font-body)}.bq-results-table td{padding:9px 14px;border-bottom:1px solid color-mix(in srgb,var(--paper-edge) 80%,transparent);font-size:15px;color:var(--ink-soft)}.bq-results-table tr:last-child td{border-bottom:none}.bq-results-name{text-align:left}.bq-results-score{text-align:right;font-variant-numeric:tabular-nums}.bq-results-table .bq-results-leader td{color:var(--ink);font-weight:700}.bq-results-leader .bq-results-name:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pottery);margin-right:8px;vertical-align:middle}.bq-results-panel .bq-btn{font-size:16px;padding:12px 30px;margin-top:4px}.bq-table{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:14px clamp(12px,4vw,40px);gap:12px;font-family:var(--font-body);color:var(--ink);overflow:auto;min-height:0}.bq-table-mat{flex:1 1 auto;display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto;padding:clamp(12px,2.5vw,22px);border-radius:var(--radius-lg);background-color:var(--wood);background-image:radial-gradient(140% 120% at 50% 0%,rgba(255,245,220,.14),transparent 70%),url(/art/table-bg.png);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;border:1px solid color-mix(in srgb,var(--wood-dark) 60%,transparent);box-shadow:inset 0 1px #ffffff1f,inset 0 0 60px -20px #00000080,0 10px 30px -20px var(--shadow-strong)}.bq-table-section{display:flex;flex-direction:column;gap:6px}.bq-section-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-weight:650}.bq-table-mat .bq-section-label{color:#f3e7cf;text-shadow:0 1px 2px rgba(0,0,0,.55)}.bq-table-playrow{display:flex;flex-direction:row;align-items:flex-start;gap:clamp(16px,4vw,40px);flex-wrap:wrap}.bq-table-playrow .bq-table-section:first-child{flex:1 1 60%;min-width:240px}.bq-table-handzone{display:flex;flex-direction:column;gap:10px;padding-top:4px;flex-shrink:0}.bq-table-handfoot{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.bq-hand{display:flex;flex-direction:row;align-items:flex-end;padding:12px 6px 6px;min-height:132px;max-width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.bq-hand>*{margin-top:8px}.bq-hand>*{margin-left:-26px;transition:margin .12s ease}.bq-hand>*:first-child{margin-left:0}.bq-hand>*:hover{margin-right:6px}.bq-piles{display:flex;flex-direction:row;gap:18px;align-items:flex-end}.bq-pile{display:flex;flex-direction:column;align-items:center;gap:5px}.bq-pile-label{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#f3e7cf;text-shadow:0 1px 2px rgba(0,0,0,.55);font-weight:650}.bq-pile-spot{border:none;background:transparent;padding:6px;border-radius:var(--radius-md);position:relative;display:flex;align-items:center;justify-content:center;transition:box-shadow .12s ease,background-color .12s ease,transform .12s ease}.bq-pile-spot[data-active=true]{cursor:pointer;background:color-mix(in srgb,var(--cream) 50%,transparent);box-shadow:0 0 0 2px var(--pottery),0 8px 18px -10px var(--card-glow)}.bq-pile-spot[data-active=true]:hover{transform:translateY(-2px)}.bq-pile-spot[data-active=false]{opacity:.55;cursor:not-allowed}.bq-pile-spot:disabled{background:transparent}.bq-pile-count{position:absolute;pointer-events:none;font-family:var(--font-display);font-size:14px;font-weight:700;color:#fff7ef;text-shadow:0 1px 2px var(--pottery-deep)}.bq-laidsets{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;max-height:clamp(140px,30vh,280px);overflow-y:auto}.bq-laidsets-empty{color:color-mix(in srgb,#f3e7cf 75%,transparent);text-shadow:0 1px 2px rgba(0,0,0,.5);font-size:13px;font-style:italic}.bq-set-tile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 10px;border-radius:var(--radius-md);border:1px solid var(--paper-edge);background:var(--paper);box-shadow:0 4px 12px -8px var(--shadow);-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit}button.bq-set-tile{cursor:pointer;outline:2px solid var(--pottery);outline-offset:1px;box-shadow:0 6px 14px -8px var(--card-glow);transition:transform .12s ease}button.bq-set-tile:hover{transform:translateY(-2px)}button.bq-set-tile:focus-visible{outline:3px solid var(--stoneware);outline-offset:3px}.bq-pile-spot:focus-visible{outline:3px solid var(--stoneware);outline-offset:2px}.bq-set-cards{display:flex;flex-direction:row;gap:3px}.bq-set-rank{font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--ink-faint);letter-spacing:.04em}.bq-seats{display:flex;flex-direction:row;align-items:stretch;gap:8px;flex-wrap:wrap}.bq-seats-meta{display:flex;flex-direction:column;justify-content:center;gap:2px;padding-right:8px;margin-right:4px;border-right:1px solid color-mix(in srgb,var(--paper-edge) 70%,transparent)}.bq-seats-title{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-ghost);font-weight:700}.bq-seats-phase{font-family:var(--font-display);font-size:13px;color:var(--stoneware);text-transform:capitalize;font-weight:600}.bq-seat{display:flex;flex-direction:row;align-items:center;gap:10px;padding:7px 14px 7px 8px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--paper) 70%,transparent);border:1px solid transparent;min-width:96px}.bq-seat-body{display:flex;flex-direction:column;gap:2px}.bq-seat-avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--cream-deep);border:1px solid var(--paper-edge);box-shadow:inset 0 1px #ffffff40}.bq-seat[data-active=true] .bq-seat-avatar{border-color:color-mix(in srgb,var(--pottery) 55%,var(--paper-edge));box-shadow:0 0 0 2px color-mix(in srgb,var(--pottery) 35%,transparent)}.bq-seat-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.bq-seat-avatar-monogram{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--stoneware)}.bq-seat[data-active=true]{background:var(--paper);border-color:color-mix(in srgb,var(--pottery) 40%,var(--paper-edge));box-shadow:0 4px 14px -10px var(--shadow-strong)}.bq-seat-name{font-family:var(--font-display);font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.bq-seat-name[data-me=true]{color:var(--pottery)}.bq-seat-dot{width:8px;height:8px;border-radius:50%;background:var(--pottery);display:inline-block}.bq-seat-stats{font-size:12px;color:var(--ink-faint);display:flex;gap:10px}.bq-seat-toact{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--pottery);font-weight:700;background:color-mix(in srgb,var(--pottery) 14%,transparent);border-radius:999px;padding:1px 7px;align-self:flex-start;margin-top:1px}.bq-actionbar{display:flex;flex-direction:row;gap:12px;align-items:center}.bq-card{--card-w: clamp(58px, 5.2vw, 88px);width:var(--card-w);height:auto;flex-shrink:0;position:relative;border:none;background:transparent;padding:0;border-radius:var(--radius-sm);display:block;line-height:0;-webkit-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;filter:drop-shadow(0 2px 5px var(--shadow));transition:transform .12s ease,filter .12s ease,box-shadow .12s ease,outline-color .12s ease;outline:2px solid transparent;outline-offset:2px}.bq-card-face{display:block;width:100%;height:auto;aspect-ratio:5 / 7;border-radius:var(--radius-sm);pointer-events:none}button.bq-card{cursor:pointer}.bq-card[data-selected=true]{transform:translateY(-8px);outline-color:var(--pottery);border-radius:var(--radius-sm);box-shadow:0 12px 22px -8px var(--card-glow),0 0 0 3px color-mix(in srgb,var(--pottery) 22%,transparent)}button.bq-card:not([data-selected=true]):hover{transform:translateY(-3px);filter:drop-shadow(0 6px 12px var(--shadow))}button.bq-card:focus-visible{outline:3px solid var(--stoneware);outline-offset:3px}.bq-card-back{--card-w: clamp(58px, 5.2vw, 88px);width:var(--card-w);height:auto;flex-shrink:0;display:block;line-height:0;border-radius:var(--radius-sm);filter:drop-shadow(0 2px 5px var(--shadow))}.bq-card-empty{width:clamp(58px,5.2vw,88px);aspect-ratio:5 / 7;flex-shrink:0;border-radius:var(--radius-sm);border:1px dashed var(--ink-ghost);background:color-mix(in srgb,var(--ink) 5%,transparent)}:root{color-scheme:light dark;--wood: #a86c2e;--wood-light: #c58b4a;--wood-dark: #6b4518;--cream: #f6ecd6;--cream-deep: #efe4c6;--paper: #fdfbf5;--paper-edge: #e5ddc8;--ink: #2a2013;--ink-soft: #3b3115;--ink-faint: #6b6252;--ink-ghost: #9a9080;--pottery: #b1221f;--pottery-deep: #8a3a26;--stoneware: #4d6c84;--stoneware-light: #7d96ab;--suit-black: #1d1712;--suit-red: #b1221f;--note: #fffbe6;--note-border: #d8c98a;--shadow: rgba(58, 40, 14, .18);--shadow-strong: rgba(58, 40, 14, .3);--card-glow: rgba(58, 40, 14, .22);--positive: #197a3e;--font-display: "Fraunces", "Iowan Old Style", Georgia, serif;--font-body: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--table-bg: radial-gradient(120% 90% at 50% 0%, rgba(255, 240, 210, .18), transparent 60%), repeating-linear-gradient( 92deg, rgba(0, 0, 0, .05) 0px, rgba(0, 0, 0, .05) 1px, transparent 1px, transparent 7px), linear-gradient(160deg, var(--wood-light), var(--wood) 45%, var(--wood-dark))}@media (prefers-color-scheme: dark){:root{--wood: #3d4148;--wood-light: #5a6068;--wood-dark: #2a2e34;--cream: #1a1c20;--cream-deep: #242830;--paper: #292d33;--paper-edge: #3a3f47;--ink: #e6e8ec;--ink-soft: #c8ccd2;--ink-faint: #8a8e94;--ink-ghost: #5e6268;--pottery: #c93a37;--pottery-deep: #a3463a;--stoneware: #7d96ab;--stoneware-light: #a3b6c5;--suit-black: #c8ccd2;--suit-red: #e0726f;--note: #2d3540;--note-border: #4a5666;--shadow: rgba(0, 0, 0, .45);--shadow-strong: rgba(0, 0, 0, .6);--card-glow: rgba(240, 230, 208, .18)}}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font-family:var(--font-body);color:var(--ink);background-color:var(--wood);background-image:url(/art/shell-light.png),var(--table-bg);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (prefers-color-scheme: dark){body{background-image:url(/art/shell-dark.png),var(--table-bg)}}.bq-panel{background:var(--paper);border:1px solid var(--paper-edge);border-radius:var(--radius-lg);box-shadow:0 18px 40px -18px var(--shadow-strong),0 2px 0 var(--paper-edge)}.bq-wordmark{font-family:var(--font-display);font-weight:600;font-optical-sizing:auto;letter-spacing:-.01em;line-height:1;color:var(--ink)}.bq-btn{font-family:var(--font-body);font-weight:650;font-size:15px;border-radius:999px;padding:11px 22px;border:1px solid transparent;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}.bq-btn:active{transform:translateY(1px)}.bq-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.bq-btn-primary{background:var(--pottery);color:#fff7ef;box-shadow:0 10px 22px -10px var(--pottery)}.bq-btn-primary:not(:disabled):hover{background:var(--pottery-deep)}.bq-btn-secondary{background:transparent;color:var(--ink);border-color:var(--paper-edge)}.bq-btn-secondary:not(:disabled):hover{background:var(--cream-deep)}:where(.bq-btn,.bq-card,.bq-pile-spot,.bq-set-tile,a):focus-visible{outline:3px solid var(--stoneware);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}