:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#14243a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#14243a;--paper:#fffdf4;--cream:#fff7df;--coral:#ff5a57;--teal:#13a987;--purple:#8b5cf6;--pink:#ee4f9a;--sky:#3ba4ff;--gold:#ffcb3d;background:#fff7df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}input{font:inherit}button{font:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.44}.setup-shell{background:linear-gradient(135deg,#ffcb3d47,#0000 22rem),linear-gradient(315deg,#8b5cf62e,#0000 24rem),linear-gradient(#fffdf4 0%,#fff2d0 100%);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.setup-shell:before,.setup-shell:after{content:"";pointer-events:none;position:absolute}.setup-shell:before{background:var(--purple);clip-path:polygon(8% 20%,100% 0,88% 72%,0 100%);opacity:.22;width:360px;height:220px;top:-80px;right:-120px}.setup-shell:after{background:var(--gold);clip-path:polygon(0 12%,78% 0,100% 84%,18% 100%);opacity:.36;width:280px;height:180px;bottom:-70px;left:-70px}.setup-panel{z-index:1;border:3px solid var(--ink);background:var(--paper);width:min(600px,100%);box-shadow:14px 14px 0 var(--ink);border-radius:8px;gap:24px;padding:38px;display:grid;position:relative}.brand-lockup{gap:8px;display:grid}.brand-title{color:var(--ink);letter-spacing:0;margin:0;font-size:3.15rem;font-weight:950;line-height:.95}.setup-heading,.mode-title{color:#4f3c8f;margin:0;font-size:1.1rem;font-weight:950;line-height:1.15}.mode-title{color:#245765}.field{gap:8px;display:grid}.field span,.choice-group legend{color:var(--ink);font-size:.86rem;font-weight:900}.field input{border:2px solid var(--ink);width:100%;min-height:54px;color:var(--ink);background:#fff;border-radius:8px;outline:0;padding:0 16px;font-size:1.15rem;font-weight:900;box-shadow:5px 5px #14243a24}.field input:focus{border-color:var(--purple);box-shadow:5px 5px #8b5cf638}.choice-group{border:0;grid-template-columns:repeat(3,1fr);gap:10px;margin:0;padding:0;display:grid}.choice-group.two-up{grid-template-columns:repeat(2,1fr)}.choice-group legend{grid-column:1/-1;margin-bottom:2px}.choice-group label{border:2px solid var(--ink);min-height:54px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;place-items:center;font-weight:900;transition:background .14s,box-shadow .14s,transform .14s;display:grid;position:relative;box-shadow:4px 4px #14243a24}.choice-group label:hover{transform:translate(-1px,-1px);box-shadow:6px 6px #14243a2e}.choice-group input{opacity:0;pointer-events:none;position:absolute}.choice-group label:has(input:checked){border-color:var(--ink);background:var(--gold);color:var(--ink)}.start-button{border:3px solid var(--ink);background:var(--purple);color:#fff;cursor:pointer;min-height:58px;box-shadow:7px 7px 0 var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:10px;font-size:1.05rem;font-weight:900;transition:transform .16s,box-shadow .16s;display:inline-flex}.start-button:hover{box-shadow:10px 10px 0 var(--ink);transform:translate(-2px,-2px)}.app-shell{background:linear-gradient(135deg,#ffcb3d3d,#0000 23rem),linear-gradient(315deg,#3ba4ff2e,#0000 22rem),linear-gradient(#fffdf4 0%,#fff2d0 100%);grid-template-columns:minmax(0,1fr) 380px;min-height:100vh;display:grid;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{z-index:0;content:"";pointer-events:none;position:absolute}.app-shell:before{background:var(--gold);clip-path:polygon(0 0,100% 14%,76% 100%,8% 82%);opacity:.42;width:210px;height:140px;top:110px;left:-80px}.app-shell:after{background:var(--purple);clip-path:polygon(16% 0,100% 18%,84% 100%,0 76%);opacity:.2;width:260px;height:150px;bottom:-66px;right:270px}.chooser-panel{z-index:1;grid-template-rows:auto auto minmax(360px,1fr) auto auto;min-height:100vh;padding:32px;display:grid;position:relative}.top-bar,.kept-header,.decision-row,.progress-meta,.toolbar,.kept-actions,.source-note{align-items:center;display:flex}.top-bar{justify-content:space-between;gap:24px}.eyebrow{color:#625766;letter-spacing:0;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}h1,h2,p{margin:0}h1{font-size:1.7rem;line-height:1.1}h2{font-size:1.15rem;line-height:1.15}.toolbar,.kept-actions{gap:8px}.icon-button,.icon-only{border:2px solid var(--ink);min-height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;transition:background .16s,border-color .16s,transform .16s;display:inline-flex;box-shadow:3px 3px #14243a2e}.icon-button{gap:8px;padding:0 12px;font-weight:700}.icon-only{width:40px}.icon-button:not(:disabled):hover,.icon-only:not(:disabled):hover{border-color:var(--ink);background:var(--gold);transform:translate(-1px,-1px)}.progress-wrap{padding:26px 0 0}.progress-track{background:#fffc;border:2px solid #14243a2e;border-radius:999px;height:12px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--teal), var(--gold), var(--coral));height:100%;transition:width .18s}.progress-meta{color:#534d61;justify-content:space-between;margin-top:8px;font-size:.9rem;font-weight:900}.stage{place-items:center;min-height:360px;padding:32px 0;display:grid;position:relative}.card-stack{pointer-events:none;width:min(460px,72%);height:250px;position:absolute}.card-stack div{background:linear-gradient(#fffdf4c7,#fffdf4c7),repeating-linear-gradient(0deg,#0000,#0000 34px,#8b5cf624 35px 36px);border:3px solid #14243a29;border-radius:8px;position:absolute;inset:0;box-shadow:9px 9px #8b5cf633}.card-stack div:first-child{transform:rotate(-8deg)translate(-34px,16px)}.card-stack div:nth-child(2){transform:rotate(6deg)translate(38px,20px)}.card-stack div:nth-child(3){transform:rotate(-2deg)translate(2px,4px)}.name-card{z-index:1;border:4px solid var(--ink);background:linear-gradient(135deg, #ffcb3d1f, transparent 44%), var(--paper);width:min(560px,100%);min-height:310px;box-shadow:12px 12px 0 var(--purple), 0 30px 70px #14243a29;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;text-align:center;will-change:opacity, transform;border-radius:8px;align-content:center;padding:34px;transition:opacity .22s,transform .22s cubic-bezier(.2,.86,.28,1);display:grid;position:relative}.name-card.is-dragging{cursor:grabbing;transition:none}.name-card.is-exiting{pointer-events:none}.rank{border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;justify-self:center;min-width:64px;padding:8px 14px;font-size:.82rem;font-weight:950;box-shadow:3px 3px #14243a2e}.rank.boy{background:var(--sky)}.rank.girl{background:var(--pink)}.first-name{color:var(--ink);overflow-wrap:anywhere;text-shadow:4px 4px #ffcb3d73;margin-top:28px;font-size:5.2rem;font-weight:950;line-height:1}.full-name{color:#26354b;overflow-wrap:anywhere;margin-top:16px;font-size:1.45rem;font-weight:950}.complete-card .first-name{font-size:3.4rem}.swipe-signal{border:2px solid var(--ink);color:#fff;opacity:0;border-radius:999px;place-items:center;width:54px;height:54px;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:24px;transform:scale(.82)}.swipe-signal.visible{opacity:1;transform:scale(1)}.swipe-signal.keep{background:var(--teal);right:24px}.swipe-signal.remove{background:var(--coral);left:24px}.decision-row{justify-content:center;gap:16px}.decision-button{border:3px solid var(--ink);color:#fff;cursor:pointer;width:min(260px,50% - 8px);min-height:74px;box-shadow:7px 7px 0 var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:12px;font-size:1.1rem;font-weight:900;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex}.decision-button:not(:disabled):hover{box-shadow:10px 10px 0 var(--ink);filter:saturate(1.05);transform:translate(-2px,-2px)}.decision-button.remove{background:var(--coral)}.decision-button.keep{background:var(--teal)}kbd{color:#fff;background:#ffffff29;border:1px solid #ffffff42;border-radius:6px;min-width:52px;padding:6px 8px;font-size:.78rem;font-weight:800}.source-note{color:#534d61;justify-content:space-between;gap:16px;padding-top:24px;font-size:.9rem;font-weight:700}.source-note a{color:#5f31d9;text-underline-offset:4px;margin-left:14px;text-decoration-thickness:2px}.kept-panel{z-index:1;border-left:3px solid var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf4e6;grid-template-rows:auto auto minmax(0,1fr);min-height:100vh;padding:28px;display:grid;position:relative}.kept-header{justify-content:space-between;gap:16px}.count-strip{grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 18px;display:grid}.count-strip div{border:2px solid var(--ink);background:#fff;border-radius:8px;min-height:72px;padding:14px;box-shadow:4px 4px #14243a24}.count-strip span,.count-strip small{display:block}.count-strip span{font-size:1.35rem;font-weight:950}.count-strip small{color:#554d62;margin-top:3px;font-weight:800}.kept-list{align-content:start;gap:8px;min-height:0;margin:0;padding:0 4px 0 28px;display:grid;overflow:auto}.kept-list li{border-bottom:2px solid #14243a14;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 4px;font-size:1rem;font-weight:900;display:flex}.kept-list small{border:1px solid var(--ink);color:#fff;text-align:center;border-radius:999px;flex:none;min-width:42px;padding:4px 8px;font-size:.7rem;font-weight:900}.kept-list small.boy{background:var(--sky)}.kept-list small.girl{background:var(--pink)}.empty-state{color:#554d62;text-align:center;border:2px dashed #14243a4d;border-radius:8px;align-content:center;place-items:center;min-height:220px;padding:28px;display:grid}.empty-state p{max-width:220px;margin-top:12px;font-weight:800;line-height:1.35}@media (width<=880px){.app-shell{grid-template-columns:1fr}.chooser-panel{min-height:auto;padding:22px}.top-bar{flex-direction:column;align-items:flex-start}.brand-title{font-size:2.55rem}.stage{min-height:320px}.card-stack{width:min(420px,84%);height:220px}.name-card{min-height:260px}.first-name{font-size:3.7rem}.full-name{font-size:1.15rem}.kept-panel{border-top:3px solid var(--ink);border-left:0;min-height:420px}}@media (width<=560px){.setup-shell{padding:18px}.setup-panel{box-shadow:9px 9px 0 var(--ink);padding:24px}.brand-title{font-size:2.15rem}.choice-group,.choice-group.two-up{grid-template-columns:1fr}.chooser-panel,.kept-panel{padding:18px}.decision-row{flex-direction:column}.decision-button{width:100%}.source-note{flex-direction:column;align-items:flex-start}.first-name{font-size:3rem}}