:root{color-scheme:light;--bg: #ffffff;--bg-alt: #f6f8fa;--surface: #ffffff;--border: #e6eaf0;--text: #10192b;--text-muted: #4a5566;--raise: #d9453d;--call: #189d58;--fold: #3672c8;--draw-0: var(--raise);--draw-1: #d6417f;--draw-2: #a94bc4;--draw-3: #6f4fd6;--draw-4: #8a72e0;--draw-5: #a396e8;--suit-d: #8a5cd6;--accent: var(--call);--chip: #f2f5f9;--header-bg: rgba(255, 255, 255, .85);--card-hover-border: #d5dbe5;--glow: rgba(24, 157, 88, .06);--btn-primary-text: #ffffff;--btn-primary-hover: #128a4c;--radius: 12px;--font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-heading: "Sora", system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b0e14;--bg-alt: #0f1420;--surface: #131926;--border: #1f2938;--text: #e8ecf4;--text-muted: #b6bfd0;--raise: #e8544d;--call: #34bd76;--fold: #4d8fe0;--draw-0: var(--raise);--draw-1: #ec5f96;--draw-2: #bb6ce8;--draw-3: #8b7bf0;--draw-4: #a494f2;--draw-5: #bcb0f5;--suit-d: #a37ee8;--chip: #0d111b;--header-bg: rgba(11, 14, 20, .85);--card-hover-border: #2c3a52;--glow: rgba(52, 189, 118, .07);--btn-primary-text: #06130c;--btn-primary-hover: #4ecc8a}}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0e14;--bg-alt: #0f1420;--surface: #131926;--border: #1f2938;--text: #e8ecf4;--text-muted: #b6bfd0;--raise: #e8544d;--call: #34bd76;--fold: #4d8fe0;--draw-0: var(--raise);--draw-1: #ec5f96;--draw-2: #bb6ce8;--draw-3: #8b7bf0;--draw-4: #a494f2;--draw-5: #bcb0f5;--suit-d: #a37ee8;--chip: #0d111b;--header-bg: rgba(11, 14, 20, .85);--card-hover-border: #2c3a52;--glow: rgba(52, 189, 118, .07);--btn-primary-text: #06130c;--btn-primary-hover: #4ecc8a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:0 24px}h1,h2,h3{font-family:var(--font-heading);line-height:1.15;letter-spacing:-.02em}a{color:inherit}button{font-family:inherit;color:inherit}.grad{background:linear-gradient(90deg,var(--raise),var(--call) 40%,var(--fold) 70%,var(--raise));background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:grad-shift 8s ease-in-out infinite alternate}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;text-decoration:none;border:none;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.btn-primary{background:var(--call);color:var(--btn-primary-text);box-shadow:0 1px 2px #10192b14,0 4px 16px #189d5838}.btn-primary:hover{transform:translateY(-1px);background:var(--btn-primary-hover);box-shadow:0 1px 2px #10192b1a,0 6px 20px #189d5847}.btn-ghost{color:var(--text);border:1px solid var(--border);background:transparent}.btn-ghost:hover{background:var(--bg-alt)}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-name{font-family:var(--font-heading);font-weight:800;font-size:1.15rem;letter-spacing:-.02em}.brand-name em{font-style:normal;color:var(--call)}.brand-mark{width:26px;height:26px;flex-shrink:0}.site-header{position:sticky;top:0;z-index:10;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.theme-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;flex-shrink:0;border:1px solid var(--border);border-radius:999px;background:var(--chip);cursor:pointer}.theme-toggle:hover{border-color:var(--card-hover-border)}.theme-opt{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:var(--text-muted);transition:background .12s ease,color .12s ease,box-shadow .12s ease}.theme-opt svg{width:15px;height:15px;display:block}.opt-light{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .opt-light{background:transparent;color:var(--text-muted);box-shadow:none}:root:not([data-theme=light]) .opt-dark{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000059}}:root[data-theme=dark] .opt-light{background:transparent;color:var(--text-muted);box-shadow:none}:root[data-theme=dark] .opt-dark{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000059}.tag{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:3px 9px;white-space:nowrap}.hand{display:inline-flex;gap:3px}.hand b{font-family:var(--font-mono);font-weight:700;font-size:.75rem;width:20px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:var(--su-tint, var(--chip));border:1px solid var(--border);border-radius:4px}.hand .lo{color:var(--text)}.hand .hi{color:var(--text-muted)}.hand .su-a{--su: var(--raise)}.hand .su-b{--su: var(--call)}.hand .su-c{--su: var(--fold)}.hand .su-d{--su: var(--suit-d)}.hand .su-a,.hand .su-b,.hand .su-c,.hand .su-d{--su-tint: color-mix(in srgb, var(--su) 16%, var(--chip));color:var(--su);border-color:color-mix(in srgb,var(--su) 40%,var(--border))}.bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--chip)}.bar .seg{height:100%}.freq{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);min-width:42px;text-align:right}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.ac-raise{--ac: var(--raise)}.ac-call{--ac: var(--call)}.ac-fold{--ac: var(--fold)}.ac-draw0{--ac: var(--draw-0)}.ac-draw1{--ac: var(--draw-1)}.ac-draw2{--ac: var(--draw-2)}.ac-draw3{--ac: var(--draw-3)}.ac-draw4{--ac: var(--draw-4)}.ac-draw5{--ac: var(--draw-5)}.seg{background:var(--ac)}.dot{background:var(--ac, var(--text-muted))}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes grad-shift{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes wave-drift{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.brand-mark path{transform-box:fill-box}.brand:hover .brand-mark path{animation:wave-drift 1.1s ease-in-out infinite}.brand:hover .brand-mark path:nth-child(2){animation-delay:.15s}.brand:hover .brand-mark path:nth-child(3){animation-delay:.3s}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{overflow-x:clip}.header-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;gap:24px}.app-title{font-family:var(--font-heading);font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:12px;justify-self:end}.mono{font-family:var(--font-mono)}.pos{color:var(--call)}.neg{color:var(--raise)}.flat{color:var(--text-muted)}.btn-sm{padding:7px 14px;font-size:.82rem;border-radius:7px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.section-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700}.app-main{padding-bottom:max(96px,var(--picker-pad, 0px));display:flex;flex-direction:column;gap:26px}.intro{position:relative;padding:52px 0 6px}.intro-title{position:relative;font-size:clamp(1.9rem,4.4vw,2.9rem);font-weight:800;margin-bottom:14px}.intro-lede{position:relative;color:var(--text-muted);font-size:1.02rem;max-width:56ch}.banner{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--tone) 34%,transparent);background:color-mix(in srgb,var(--tone) 8%,var(--surface));animation:fade-up .3s cubic-bezier(.2,.7,.3,1) both}.banner-error{--tone: var(--raise)}.banner-warn{--tone: var(--draw-1)}.banner-body{flex:1;min-width:0}.banner-title{font-weight:600;font-size:.92rem;color:var(--tone)}.banner-list{margin:8px 0 0 18px;color:var(--text-muted);font-size:.85rem;line-height:1.55}.banner-close{flex-shrink:0;width:26px;height:26px;border:none;background:transparent;border-radius:6px;font-size:1.1rem;line-height:1;color:var(--text-muted);cursor:pointer}.banner-close:hover{background:var(--chip);color:var(--text)}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid color-mix(in srgb,var(--call) 25%,var(--border));border-top-color:var(--call);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boards-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}.toolbar-left{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;min-width:0}.boards-note{font-size:.82rem;color:var(--text-muted)}.boards-note b{color:var(--text);font-weight:700}.boards-note.neg{color:var(--raise)}.toolbar-right{display:flex;align-items:center;gap:10px}.count-switch{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--border);border-radius:999px;background:var(--chip)}.count-opt{border:none;background:transparent;padding:5px 13px;border-radius:999px;font-size:.8rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .12s ease,color .12s ease}.count-opt.is-on{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.boards-grid{display:grid;gap:16px}.boards-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.boards-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.board-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:0 1px 2px #10192b0d;transition:border-color .15s ease,background .15s ease}.board-panel:focus-within{border-color:var(--card-hover-border)}.board-panel.is-reading{border-color:color-mix(in srgb,var(--call) 45%,var(--border))}.board-panel.is-dragging{border-color:var(--call);background:color-mix(in srgb,var(--call) 6%,var(--surface))}.board-panel.is-fouled{border-color:color-mix(in srgb,var(--raise) 40%,var(--border))}.board-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.board-name{font-size:.95rem;font-weight:700}.board-head-right{display:flex;align-items:center;gap:8px}.board-photo{display:inline-flex;align-items:center;gap:6px;line-height:1;white-space:nowrap}.board-photo svg{display:block;flex-shrink:0}.board-reading{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;color:var(--text-muted);white-space:nowrap}.board-hint{margin-top:12px;font-size:.78rem;line-height:1.5;color:var(--text-muted)}.board-remove{width:24px;height:24px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer}.board-remove:hover{border-color:var(--raise);color:var(--raise)}.board-rows{display:flex;flex-direction:column;gap:12px}.row-label{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:5px}.row-slots{display:flex;gap:6px;flex-wrap:wrap}.slot{--slot-w: clamp(34px, 4.4vw, 46px);width:var(--slot-w);height:calc(var(--slot-w) * 1.36);padding:0;border:1px dashed var(--border);border-radius:9px;background:transparent;cursor:pointer;touch-action:manipulation;display:grid;place-items:center;transition:border-color .12s ease,transform .12s ease;scroll-margin-top:80px;scroll-margin-bottom:calc(var(--picker-h, 0px) + 20px)}.slot.is-filled{border:none}.slot:hover{transform:translateY(-1px)}.slot.is-empty:hover{border-color:var(--card-hover-border)}.slot.is-active{outline:2px solid var(--fold);outline-offset:2px}.slot.is-dupe{outline:2px solid var(--raise);outline-offset:2px}.slot-empty{width:9px;height:1px;background:var(--border);border-radius:1px}.su-s{--su: var(--text)}.su-h{--su: var(--raise)}.su-d{--su: var(--fold)}.su-c{--su: var(--call)}.card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:100%;height:100%;border-radius:9px;border:1px solid color-mix(in srgb,var(--su, var(--text)) 36%,var(--border));background:color-mix(in srgb,var(--su, var(--text)) 11%,var(--surface));color:var(--su, var(--text))}.card-rank{font-family:var(--font-mono);font-weight:700;font-size:.9rem;line-height:1}.card-suit{font-size:.82rem;line-height:1}.card-picker{--picker-gap: calc(18px + env(safe-area-inset-bottom)) ;--picker-inset: 10px;position:fixed;left:var(--picker-inset);right:var(--picker-inset);bottom:var(--picker-gap);z-index:41;width:min(600px,calc(100vw - 2 * var(--picker-inset)),calc(100% - 2 * var(--picker-inset)));margin-inline:auto;max-height:min(76vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:0 14px 14px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 6px #10192b1a,0 18px 60px #10192b4d;animation:sheet-up .18s cubic-bezier(.2,.7,.3,1) both}@media(min-width:561px){.card-picker{--picker-inset: 16px}}.picker-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:12px 0 10px;background:var(--surface)}.picker-title{margin-right:auto;font-family:var(--font-heading);font-weight:700;font-size:.9rem}.picker-pending{font-size:.78rem;font-weight:700;color:var(--fold)}.picker-btn{border:1px solid var(--border);background:transparent;border-radius:6px;padding:7px 12px;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;touch-action:manipulation}.picker-btn:hover:not(:disabled){border-color:var(--raise);color:var(--raise)}.picker-btn:disabled{opacity:.4;cursor:not-allowed}.picker-grid{display:flex;flex-direction:column;gap:6px}.picker-row{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px}.picker-cell{width:100%;height:46px;padding:0;border:none;background:transparent;border-radius:7px;cursor:pointer;touch-action:manipulation;transition:transform .1s ease,opacity .1s ease}.picker-cell .card-face{border-radius:7px}.picker-cell .card-rank{font-size:.84rem}.picker-cell .card-suit{font-size:.76rem}.picker-cell:hover:not(:disabled){transform:translateY(-2px)}.picker-cell:disabled{opacity:.24;cursor:not-allowed}.picker-cell.is-current{outline:2px solid var(--fold);outline-offset:2px}@media(max-width:560px){.card-picker{padding:0 8px 10px}.picker-grid{gap:4px}.picker-row{gap:3px}.picker-cell{height:34px;border-radius:5px}.picker-cell .card-face{border-radius:5px}.picker-cell .card-rank{font-size:.78rem}.picker-cell .card-suit{display:none}}@keyframes sheet-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.board-panel.is-fouled{background:color-mix(in srgb,var(--raise) 6%,var(--surface))}.board-panel.is-fl{background:color-mix(in srgb,var(--draw-2) 6%,var(--surface))}.row-slots{align-items:center}.row-verdict{display:flex;align-items:baseline;gap:6px;margin-left:auto;min-width:0;padding-left:10px;font-size:.8rem;color:var(--text-muted)}.row-hand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-royalty{font-size:.78rem;font-weight:700}.board-verdict{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.verdict-royalties{font-size:.8rem;color:var(--text-muted)}.verdict-royalties b{font-weight:700;color:var(--text)}.verdict-chip{font-size:.72rem;color:var(--text-muted);border:1px solid var(--border);border-radius:999px;padding:3px 9px;white-space:nowrap}.verdict-chip b{font-weight:700}.verdict-total{margin-left:auto;font-size:1.6rem;font-weight:700;letter-spacing:-.02em;line-height:1}@media(max-width:900px){.boards-grid.cols-2,.boards-grid.cols-3{grid-template-columns:minmax(0,1fr)}.slot{--slot-w: 46px}}@media(max-width:640px){.container{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.header-inner{height:56px;gap:12px;grid-template-columns:1fr auto}.app-title{display:none}.app-main{gap:20px;padding-bottom:max(64px,var(--picker-pad, 0px))}.intro{padding-top:30px}.intro-lede{font-size:.95rem}.boards-toolbar{gap:10px;margin-bottom:12px}.toolbar-right{flex-wrap:wrap;gap:8px}.btn-sm{padding:10px 14px}.board-remove{width:30px;height:30px}.board-panel{padding:12px}.board-head{flex-wrap:wrap;margin-bottom:12px}.board-head-right{flex:1 1 auto;justify-content:flex-end}.slot{--slot-w: 44px}.verdict-total{font-size:1.4rem}}@media(hover:none){.slot:hover,.picker-cell:hover:not(:disabled){transform:none}}