:root{--paper:#f3ead9;--paper-2:#ede1cb;--card:#fbf6ec;--ink:#26201a;--ink-soft:#7a6d5b;--ink-faint:#a89a85;--line:#e0d3bc;--line-strong:#cdbea3;--teal:#0f766e;--teal-ink:#0a4f49;--teal-wash:#dcece9;--coral:#d9502f;--coral-ink:#a83a1f;--coral-wash:#f6e2d9;--gold:#d99b2b;--shadow-sm:0 1px 2px #3c2c1814;--shadow:0 6px 20px -8px #3c2c1847;--shadow-lg:0 22px 50px -20px #3c2c1873;--r-sm:10px;--r:16px;--r-lg:24px;--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(120% 90% at 12% -10%,#0f766e17,#0000 55%),radial-gradient(120% 90% at 100% 0,#d9502f1a,#0000 50%);background-attachment:fixed}body:before{content:"";pointer-events:none;z-index:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");position:fixed;inset:0}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.app{z-index:1;max-width:940px;margin:0 auto;padding:26px 20px 80px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px;display:flex}.wordmark{font-family:var(--font-display);align-items:baseline;gap:10px;display:flex}.wordmark b{letter-spacing:-.01em;font-variation-settings:"opsz" 40;font-size:27px;font-weight:600}.wordmark i{color:var(--coral-ink);font-style:italic;font-weight:400}.wordmark .dot{color:var(--teal)}.seat-badge{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:9px;padding:7px 8px 7px 14px;font-size:14px;display:flex}.seat-badge .who{font-weight:600}.seat-badge .swap{background:var(--paper-2);color:var(--ink-soft);letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.seat-badge .swap:hover{color:var(--ink);background:var(--line)}.tabs{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;gap:6px;width:fit-content;margin:0 auto 32px;padding:5px;display:flex}.tabs button{color:var(--ink-soft);border-radius:999px;padding:9px 22px;font-size:15px;font-weight:600;transition:all .18s}.tabs button.active{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.tabs button:not(.active):hover{color:var(--ink)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-weight:700}h1.title{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 100;margin:8px 0 6px;font-size:clamp(30px,6vw,46px);font-weight:500;line-height:1.02}h1.title em{color:var(--coral-ink);font-style:italic}.lead{color:var(--ink-soft);max-width:52ch;font-size:16px;line-height:1.5}.btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .18s,background .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--paper);box-shadow:var(--shadow)}.btn-primary:hover{background:#35291f}.btn-primary:disabled{background:var(--line-strong);color:var(--paper);cursor:not-allowed;box-shadow:none}.btn-ghost{background:var(--card);border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--line-strong)}.pill{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.pill.teal{background:var(--teal-wash);color:var(--teal-ink)}.pill.coral{background:var(--coral-wash);color:var(--coral-ink)}.pill.mix{background:linear-gradient(90deg, var(--teal-wash), var(--coral-wash));color:var(--ink)}.pools{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:22px;display:grid}@media (width<=680px){.pools{grid-template-columns:1fr}}.pool{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.pool-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.pool-head .name{font-family:var(--font-display);align-items:center;gap:10px;font-size:20px;font-weight:500;display:flex}.pool.teal .swatch{background:var(--teal)}.pool.coral .swatch{background:var(--coral)}.swatch{border-radius:4px;width:12px;height:12px}.count{color:var(--ink-faint);font-size:13px;font-weight:600}.person-list{flex-direction:column;gap:2px;min-height:60px;padding:8px;list-style:none;display:flex}.person-row{border-radius:var(--r-sm);align-items:center;gap:8px;padding:9px 10px;transition:background .14s;display:flex}.person-row:hover{background:var(--paper)}.person-row .pname{flex:1;font-size:15px;font-weight:500}.person-row input.pname{border:none;border-bottom:1.5px dashed var(--line-strong);background:0 0;outline:none;padding:2px 0}.icon-btn{width:30px;height:30px;color:var(--ink-faint);opacity:0;border-radius:8px;place-items:center;font-size:15px;transition:all .14s;display:grid}.person-row:hover .icon-btn{opacity:1}.icon-btn:hover{background:var(--paper-2);color:var(--ink)}.icon-btn.danger:hover{background:var(--coral-wash);color:var(--coral-ink)}.add-row{gap:8px;padding:10px 12px 14px;display:flex}.add-row input{border:1px solid var(--line);background:var(--paper);border-radius:999px;outline:none;flex:1;padding:11px 14px;font-size:15px;transition:border-color .15s,background .15s}.add-row input:focus{border-color:var(--line-strong);background:#fff}.add-row .add-btn{width:42px;color:var(--paper);border-radius:999px;flex:none;font-size:22px;font-weight:400;line-height:1}.pool.teal .add-btn{background:var(--teal)}.pool.coral .add-btn{background:var(--coral)}.empty-hint{color:var(--ink-faint);padding:16px 12px;font-size:14px;font-style:italic}.variant-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:26px;display:grid}.variant-card{text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:20px;transition:transform .16s,box-shadow .2s,border-color .16s;display:flex}.variant-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-3px)}.variant-card .vlabel{font-family:var(--font-display);font-size:21px;font-weight:600}.variant-card .vblurb{color:var(--ink-soft);flex:1;font-size:14px;line-height:1.45}.variant-card .vpools{flex-wrap:wrap;gap:6px;display:flex}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);margin-top:24px;padding:28px}.pick-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:22px 0;display:grid}.pick-chip{border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--paper);text-align:center;padding:15px 16px;font-size:15px;font-weight:600;transition:all .14s}.pick-chip:hover{border-color:var(--line-strong);transform:translateY(-2px)}.pick-chip.chosen{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:var(--shadow)}.waiting{color:var(--ink-soft);align-items:center;gap:12px;margin-top:8px;font-size:15px;display:flex}.dots span{background:var(--teal);border-radius:50%;width:7px;height:7px;margin:0 2px;animation:1.1s ease-in-out infinite bob;display:inline-block}.dots span:nth-child(2){background:var(--gold);animation-delay:.15s}.dots span:nth-child(3){background:var(--coral);animation-delay:.3s}@keyframes bob{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:6px;display:flex}.board-meta{color:var(--ink-soft);align-items:center;gap:14px;font-size:14.5px;display:flex}.remaining{font-family:var(--font-display);font-weight:600}.remaining b{color:var(--teal-ink);font-size:20px}.board{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px;margin-top:20px;display:grid}.tile{perspective:700px;aspect-ratio:3/4;animation:.4s cubic-bezier(.2,.9,.3,1.3) backwards pop}@keyframes pop{0%{opacity:0;transform:scale(.85)translateY(8px)}}.tile-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.6,.05,.25,1);position:relative}.tile.down .tile-inner{transform:rotateX(-180deg)}.tile-face{backface-visibility:hidden;border-radius:var(--r);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.tile-front{background:var(--card);border:1.5px solid var(--line)}.tile-front .avatar{width:46px;height:46px;font-family:var(--font-display);color:#fff;border-radius:50%;place-items:center;margin-bottom:10px;font-size:20px;font-weight:600;display:grid}.tile-front .tname{text-align:center;font-size:14px;font-weight:600;line-height:1.2}.tile:not(.down) .tile-front{transition:transform .12s,box-shadow .18s}.tile:not(.down):hover .tile-front{box-shadow:var(--shadow);cursor:pointer;transform:translateY(-3px)}.tile-back{background:repeating-linear-gradient(-45deg, var(--paper-2), var(--paper-2) 9px, var(--paper) 9px, var(--paper) 18px);border:1.5px dashed var(--line-strong);cursor:pointer;transform:rotateX(-180deg)}.tile-back .x{font-family:var(--font-display);color:var(--ink-faint);letter-spacing:.04em;font-size:15px;font-weight:600}.tile-back .xname{color:var(--ink-faint);text-align:center;margin-top:6px;font-size:12.5px;text-decoration:line-through}.board-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px;display:flex}.spacer{flex:1}.overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26201a6b;place-items:center;padding:20px;animation:.2s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--card);border-radius:var(--r-lg);width:min(520px,100%);box-shadow:var(--shadow-lg);padding:30px;animation:.28s cubic-bezier(.2,.9,.3,1.2) rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.98)}}.modal h2{font-family:var(--font-display);margin-bottom:6px;font-size:28px;font-weight:500}.modal .lead{margin-bottom:18px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.result{text-align:center}.result .badge{font-family:var(--font-display);letter-spacing:.02em;border-radius:999px;padding:8px 18px;font-size:15px;font-weight:600;display:inline-block}.result.win .badge{background:var(--teal-wash);color:var(--teal-ink)}.result.lose .badge{background:var(--coral-wash);color:var(--coral-ink)}.reveal{flex-wrap:wrap;justify-content:center;gap:26px;margin:24px 0 6px;display:flex}.reveal .r-card{min-width:140px}.reveal .r-card .lbl{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:12px;font-weight:700}.reveal .r-card .val{font-family:var(--font-display);font-size:22px;font-weight:600}.toast{z-index:30;background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);border-radius:999px;padding:13px 22px;font-weight:600;animation:.3s toast;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,12px)}}.seat-screen{z-index:1;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.seat-card{text-align:center;max-width:500px}.seat-choices{grid-template-columns:1fr 1fr;gap:16px;margin-top:28px;display:grid}@media (width<=480px){.seat-choices{grid-template-columns:1fr}}.seat-choice{border-radius:var(--r-lg);background:var(--card);border:2px solid var(--line);box-shadow:var(--shadow);padding:30px 22px;transition:transform .16s,border-color .16s}.seat-choice:hover{transform:translateY(-4px)}.seat-choice.teal:hover{border-color:var(--teal)}.seat-choice.coral:hover{border-color:var(--coral)}.seat-choice .ring{border-style:solid;border-width:4px;border-radius:50%;width:56px;height:56px;margin:0 auto 14px}.seat-choice.teal .ring{border-color:var(--teal)}.seat-choice.coral .ring{border-color:var(--coral)}.seat-choice .big{font-family:var(--font-display);font-size:22px;font-weight:600}.seat-choice .sub{color:var(--ink-soft);margin-top:4px;font-size:14px}.section-gap{margin-top:34px}.note{color:var(--ink-faint);margin-top:10px;font-size:13px;line-height:1.5}.add-pack{gap:10px;margin-top:22px;display:flex}.add-pack input{border:1px solid var(--line);background:var(--card);border-radius:999px;outline:none;flex:1;padding:13px 18px;font-size:15px;transition:border-color .15s,background .15s}.add-pack input:focus{border-color:var(--line-strong);background:#fff}.pack-name-input{font-family:var(--font-display);color:var(--ink);border:none;border-bottom:1.5px dashed var(--line-strong);background:0 0;outline:none;max-width:180px;padding:0 0 2px;font-size:20px;font-weight:500}.pack-head-actions{align-items:center;gap:8px;display:flex}.icon-btn.always{opacity:.5}.icon-btn.always:hover{opacity:1}.pack-picker{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin-top:24px;display:grid}.pack-option{border-radius:var(--r);border:1.5px solid var(--line);background:var(--card);box-shadow:var(--shadow-sm);text-align:left;align-items:center;gap:11px;padding:14px 16px;transition:border-color .15s,transform .12s,background .15s;display:flex}.pack-option:hover{border-color:var(--line-strong);transform:translateY(-2px)}.pack-option.on{border-color:var(--line-strong);background:#fff}.pack-option .check{border:2px solid var(--line-strong);color:#fff;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;transition:all .14s;display:grid}.pack-option .dot{border-radius:50%;flex:none;width:10px;height:10px}.pack-option-name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:600;overflow:hidden}.pack-option:not(.on) .pack-option-name{color:var(--ink-soft)}.cap-row{background:var(--paper-2);border-radius:var(--r);flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;padding:16px 18px;display:flex}.cap-toggle{cursor:pointer;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.cap-toggle input{width:18px;height:18px;accent-color:var(--teal);cursor:pointer}.cap-input{border:1px solid var(--line-strong);background:var(--card);border-radius:999px;outline:none;width:84px;padding:9px 14px;font-size:15px;font-weight:600}.cap-summary{color:var(--ink-soft);font-size:14.5px;font-weight:500}.cap-summary:before{content:"→ ";color:var(--ink-faint)}.share-link{gap:8px;margin-top:4px;display:flex}.share-link input{border:1px solid var(--line-strong);background:var(--paper);min-width:0;color:var(--ink-soft);border-radius:999px;outline:none;flex:1;padding:12px 15px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px}.share-link .btn{flex:none}