:root{--felt-edge: #0a2e22;--felt-center: #155c43;--ink: #14201b;--paper: #fbfaf5;--paper-edge: #e7e3d6;--gold: #e7c66b;--gold-deep: #b8922f;--red: #c0392b;--black: #1d2b25;--muted: #8aa79c;--surface: #103a2c;--surface-2: #0c2c21;--text: #f3f6f2;--text-dim: #b7cabf;--danger: #e74c3c;--focus: #6fd3ad;--radius-card: clamp(6px, 1.6vw, 12px);--radius-panel: 16px;--shadow-card: 0 2px 6px rgba(0, 0, 0, .25);--shadow-panel: 0 10px 30px rgba(0, 0, 0, .35);--card-w-lg: clamp(48px, 12vw, 76px);--card-w-md: clamp(42px, 10vw, 64px);--card-w-xs: 26px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 50% 0%,#1b3d31,#0a1f18 60%,#07140f);color:var(--text);min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased}button{font-family:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app{max-width:1100px;margin:0 auto;padding:clamp(16px,4vw,32px) clamp(12px,4vw,32px) calc(env(safe-area-inset-bottom,0) + 120px);display:flex;flex-direction:column;gap:clamp(16px,3vw,28px)}.app__header{text-align:center}.app__title{font-size:clamp(1.4rem,5vw,2.4rem);font-weight:800;letter-spacing:-.02em;margin:0;display:inline-flex;align-items:center;gap:.4em;flex-wrap:wrap;justify-content:center}.app__title-suit{color:var(--gold)}.app__title-suit--red{color:var(--red)}.app__subtitle{margin:.6rem auto 0;max-width:46ch;color:var(--text-dim);font-size:clamp(.9rem,2.6vw,1.05rem);line-height:1.5}.app__main{display:flex;flex-direction:column;gap:clamp(16px,3vw,24px)}.felt{background:radial-gradient(ellipse at 50% 35%,var(--felt-center),var(--felt-edge) 78%);border:2px solid rgba(231,198,107,.25);border-radius:clamp(20px,6vw,44px);box-shadow:var(--shadow-panel),inset 0 0 60px #00000059;padding:clamp(16px,4vw,36px) clamp(12px,3vw,32px);display:flex;flex-direction:column;gap:clamp(18px,4vw,32px)}.community{text-align:center}.community__title,.seats-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin:0 0 .8rem;font-weight:700}.community__cards{display:flex;justify-content:center;gap:clamp(6px,1.6vw,12px);flex-wrap:wrap}.community__slot{display:flex;flex-direction:column;align-items:center;gap:6px}.community__label{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim)}.card{--w: var(--card-w-md);width:var(--w);height:calc(var(--w) * 1.4);border-radius:var(--radius-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.05em;border:none;padding:0;cursor:pointer;position:relative;transition:transform .12s ease,box-shadow .12s ease;font-weight:800;line-height:1}.card--lg{--w: var(--card-w-lg)}.card--xs{--w: var(--card-w-xs)}.card--xs .card__rank{font-size:calc(var(--w) * .46)}.card--xs .card__suit{font-size:calc(var(--w) * .5)}button.card:hover:not(:disabled){transform:translateY(-3px)}.card--filled{background:linear-gradient(160deg,#ffffff,var(--paper));box-shadow:var(--shadow-card);border:1px solid var(--paper-edge)}.card--red{color:var(--red)}.card--black{color:var(--black)}.card--empty{background:#ffffff0a;border:2px dashed rgba(255,255,255,.22);color:var(--text-dim)}button.card--empty:hover:not(:disabled){border-color:var(--gold);background:#e7c66b1a}.card--disabled,.card:disabled{cursor:not-allowed;opacity:.4}button.card:disabled:hover{transform:none}.card--highlight.card--filled{box-shadow:0 0 0 2px var(--gold),0 6px 16px #e7c66b66}.card-wrap{position:relative;display:inline-flex}.card__clear{position:absolute;top:-7px;right:-7px;z-index:3;width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:var(--surface-2);color:var(--text-dim);font-size:.62rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 4px #0006;transition:background .15s ease,color .15s ease,transform .1s ease}.card__clear:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.card__clear:active{transform:scale(.92)}.card__rank{font-size:calc(var(--w) * .42)}.card__suit{font-size:calc(var(--w) * .5)}.card__placeholder{font-size:calc(var(--w) * .34);font-weight:600;text-align:center;padding:0 2px}.seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:clamp(10px,2vw,16px)}.seats[data-count="2"],.seats[data-count="3"]{grid-template-columns:repeat(auto-fit,minmax(160px,220px));justify-content:center}.seat{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-panel);padding:clamp(10px,2vw,14px);display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease,box-shadow .15s ease}.seat--leader{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 8px 22px #e7c66b38}.seat__header{display:flex;align-items:center;justify-content:space-between}.seat__name{font-weight:700;font-size:.92rem;display:inline-flex;align-items:center;gap:.35em}.seat__crown{color:var(--gold)}.seat__remove{background:transparent;border:none;color:var(--muted);cursor:pointer;font-size:.85rem;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;transition:background .15s ease,color .15s ease}.seat__remove:hover{background:#e74c3c2e;color:var(--danger)}.seat__cards{display:flex;gap:8px;justify-content:center}.seat__result{display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.08);padding-top:8px}.seat__equity{font-size:clamp(1.3rem,5vw,1.7rem);font-weight:800;text-align:center;color:var(--text);font-variant-numeric:tabular-nums}.seat--leader .seat__equity{color:var(--gold)}.seat__bar{height:7px;border-radius:999px;background:#ffffff1a;overflow:hidden}.seat__bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--gold-deep),var(--gold));transition:width .4s ease}.seat__breakdown{display:flex;justify-content:space-between;font-size:.74rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.seat__tie{color:var(--muted)}.seat__odds-toggle{margin-top:2px;background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:8px;color:var(--text-dim);font-size:.72rem;font-weight:600;padding:5px 8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4em;transition:background .15s ease,color .15s ease}.seat__odds-toggle:hover{background:#ffffff14;color:var(--text)}.seat__odds-caret{font-size:.7em}.seat__odds{margin:8px 0 0;display:flex;flex-direction:column;gap:4px}.seat__odds-row{display:grid;grid-template-columns:minmax(5.5em,auto) 1fr 3.2em;align-items:center;gap:8px;margin:0}.seat__odds-label{font-size:.7rem;color:var(--text-dim);white-space:nowrap}.seat__odds-meter{margin:0;height:5px;border-radius:999px;background:#ffffff14;overflow:hidden}.seat__odds-meter-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3a8f6e,var(--focus));transition:width .3s ease}.seat__odds-value{margin:0;font-size:.7rem;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.seat__outs{margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:6px}.seat__outs-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold);font-weight:700}.seat__outs-note,.seat__outs-count{margin:0;font-size:.7rem;color:var(--text-dim)}.seat__outs-note--good{color:var(--focus);font-weight:600}.seat__outs-note--bad{color:var(--danger);font-weight:600}.seat__outs-cards{display:flex;flex-wrap:wrap;gap:4px}.controls{position:sticky;bottom:0;z-index:20;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:12px;margin:0 calc(-1*clamp(12px,4vw,32px));background:linear-gradient(180deg,#07140f00,#07140feb 35%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-bottom:calc(12px + env(safe-area-inset-bottom,0))}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:12px;padding:.7em 1.2em;font-size:clamp(.85rem,2.6vw,.98rem);font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.45em;transition:transform .1s ease,background .15s ease,box-shadow .15s ease;white-space:nowrap}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--primary{background:linear-gradient(180deg,var(--gold),var(--gold-deep));color:#2a2410;box-shadow:0 6px 18px #e7c66b4d}.btn--primary:hover:not(:disabled){box-shadow:0 8px 22px #e7c66b73}.btn--calculate{min-width:9.5em;justify-content:center}.btn--secondary{background:#ffffff14;color:var(--text);border-color:#ffffff24}.btn--secondary:hover:not(:disabled){background:#ffffff24}.btn--ghost{background:transparent;color:var(--text);border-color:#fff3}.btn--ghost:hover:not(:disabled){background:#ffffff14}.btn__spinner{width:1em;height:1em;border:2px solid rgba(42,36,16,.35);border-top-color:#2a2410;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app__hint,.app__error{text-align:center;font-size:.85rem;margin:0}.app__hint{color:var(--text-dim)}.app__error{color:var(--danger);font-weight:600}.guides{text-align:center}.guides__heading{margin:0;font-size:clamp(1.2rem,3.6vw,1.65rem);font-weight:800;letter-spacing:-.01em}.guides__subtitle{margin:.4rem auto 0;max-width:46ch;color:var(--text-dim);font-size:clamp(.85rem,2.4vw,.98rem)}.guides__grid{margin-top:clamp(14px,2.6vw,22px);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,200px));justify-content:center;gap:clamp(10px,2vw,16px)}@media (min-width: 880px){.guides__grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.guides__card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;padding:clamp(14px,2.6vw,18px);background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-panel);color:var(--text);text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.guides__card:hover,.guides__card:focus-visible{transform:translateY(-3px);border-color:#e7c66b8c;box-shadow:var(--shadow-panel);background:var(--surface-2)}.guides__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:12px;background:#e7c66b1f;font-size:1.4rem;line-height:1}.guides__card:hover .guides__icon,.guides__card:focus-visible .guides__icon{background:#e7c66b38}.guides__card-title{font-weight:700;font-size:1rem;color:var(--text)}.guides__card:hover .guides__card-title,.guides__card:focus-visible .guides__card-title{color:var(--gold)}.guides__card-desc{font-size:.82rem;line-height:1.45;color:var(--text-dim)}@media (prefers-reduced-motion: reduce){.guides__card{transition:border-color .16s ease,background .16s ease}.guides__card:hover,.guides__card:focus-visible{transform:none}}.app__footer{border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.app__method{margin:0;font-size:.8rem;line-height:1.6;color:var(--text-dim)}.app__method strong{color:var(--text)}.app__calc-method{align-self:center;padding:.4rem .95rem;border:1px solid rgba(231,198,107,.35);border-radius:999px;background:#e7c66b14;color:var(--focus);font-size:clamp(.78rem,2.2vw,.9rem);font-weight:600;letter-spacing:.01em;text-align:center}.app__nav{margin:16px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.2rem}.app__nav a{color:var(--text-dim);font-size:.82rem;text-decoration:none}.app__nav a:hover{color:var(--gold);text-decoration:underline}.app__copyright{margin:14px 0 0;text-align:center;font-size:.78rem;color:var(--muted)}.picker__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c09b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px;z-index:100;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.picker{background:linear-gradient(180deg,#123d2e,#0c2a20);border:1px solid rgba(231,198,107,.3);border-radius:18px;box-shadow:var(--shadow-panel);width:min(640px,100%);max-height:min(86vh,720px);display:flex;flex-direction:column;overflow:hidden}.picker__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.picker__title{margin:0;font-size:.95rem;font-weight:700}.picker__close{background:transparent;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;width:32px;height:32px;border-radius:8px}.picker__close:hover{background:#ffffff1a;color:var(--text)}.picker__grid{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:6px}.picker__row{display:grid;grid-template-columns:repeat(13,1fr);gap:4px}.picker__card{aspect-ratio:3 / 4;border-radius:7px;border:1px solid var(--paper-edge);background:linear-gradient(160deg,#ffffff,var(--paper));cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;padding:2px 0;transition:transform .1s ease,box-shadow .1s ease;min-width:0}.picker__card:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0000004d}.picker__card--red{color:var(--red)}.picker__card--black{color:var(--black)}.picker__card--used{opacity:.38;cursor:not-allowed;filter:grayscale(.7)}.picker__card--current{box-shadow:0 0 0 2px var(--gold)}.picker__card-rank{font-weight:800;font-size:clamp(.6rem,2.4vw,.85rem)}.picker__card-suit{font-size:clamp(.7rem,2.8vw,1rem)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}.btn__spinner{animation:none!important}}