@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/space-grotesk-latin-BhU9QXUp.woff2) format("woff2")}:root{--font: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, sans-serif;--bg-0: #0d1014;--bg-1: #1b2029;--panel: #12161c;--panel-2: #1a1f27;--ink: #e7ecf2;--ink-dim: #c3ccd8;--ink-mute: #7f8a99;--ink-faint: #5c6672;--hairline: rgba(255, 255, 255, .08);--danger: #ff5c5c;--gap: 10px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--ink);font-family:var(--font)}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid #edc23a;outline-offset:3px}.app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,var(--bg-1) 0%,var(--bg-0) 70%);color:var(--ink);user-select:none;-webkit-user-select:none;padding-top:env(safe-area-inset-top)}.header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 6px;flex-shrink:0}.brand{display:flex;align-items:baseline;gap:10px;min-width:0}.wordmark{font-size:17px;font-weight:700;letter-spacing:.22em}.subtitle{font-size:11px;color:var(--ink-mute);letter-spacing:.1em;white-space:nowrap}.controls{display:flex;align-items:center;gap:8px}.segment{display:flex;background:var(--panel-2);border-radius:10px;padding:3px;border:1px solid rgba(255,255,255,.06)}.seg-btn{width:30px;height:28px;border-radius:8px;border:none;background:transparent;color:var(--ink-mute);font-size:14px;font-weight:500}.seg-btn.is-on{background:#2c3441;color:var(--ink)}.chip{height:34px;padding:0 13px;border-radius:10px;background:var(--panel-2);color:var(--ink-dim);border:1px solid var(--hairline);font-size:14px}.chip:disabled{opacity:.4;cursor:default}.chip-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;padding:0}.chip-icon.is-on{background:#2c3441;color:var(--ink)}.cog{width:19px;height:19px}.install-glyph{width:16px;height:16px;flex-shrink:0}.ios-steps{margin:0 0 14px;font-size:14px;line-height:1.5;color:var(--ink-dim)}.ios-steps b{color:var(--ink);font-weight:600}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 8px);right:0;z-index:70;width:262px;max-width:calc(100vw - 24px);padding:6px;background:var(--panel);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 20px 44px #0000008c;animation:drop .14s cubic-bezier(.2,.9,.3,1)}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px}.menu-label{display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--ink)}.menu-note{font-size:11px;line-height:1.35;color:var(--ink-mute)}.menu-sep{height:1px;margin:5px 6px;background:var(--hairline)}.menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:10px;border:none;border-radius:10px;background:transparent;color:var(--ink-dim);font-size:14px;text-align:left}.menu-item:active{background:#ffffff12}.menu-item.is-danger{color:var(--danger)}.switch{position:relative;flex-shrink:0;width:46px;height:27px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#262d38;transition:background .14s ease}.switch.is-on{background:#3a6ea5}.knob{position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--ink);transition:transform .14s ease}.switch.is-on .knob{transform:translate(19px)}.stage{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:6px 12px 14px}.zone{width:94%;max-width:620px;flex-shrink:0;border-radius:14px;border:2px dashed;display:flex;align-items:center;justify-content:center;transition:background .16s ease,border-color .16s ease,transform .16s ease}.zone-label{font-size:12px;letter-spacing:.08em;transition:color .16s ease}.row{display:flex;gap:var(--gap);align-items:flex-start;flex-shrink:0}.tip{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);z-index:2;max-width:min(280px,88vw);padding:9px 13px;border-radius:12px;background:#f0f3f7;color:#171b21;font-size:13px;line-height:1.35;text-align:center;box-shadow:0 12px 26px #00000080;animation:tip-in .22s cubic-bezier(.2,.9,.3,1);pointer-events:none}.tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-7px;border:7px solid transparent;border-top-color:#f0f3f7}.card{position:relative;flex-shrink:0;touch-action:none;overflow:hidden;transition:transform .17s cubic-bezier(.2,.8,.3,1),opacity .16s ease,margin-top .16s ease,box-shadow .2s ease}.card *{pointer-events:none}.rank{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:700;line-height:1;z-index:2}.rank.is-pop{animation:pop .22s cubic-bezier(.2,1.4,.4,1)}.antis{position:absolute;left:4%;right:4%;top:5%;z-index:3;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start}.anti{display:block;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.burst{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.16}.slot{flex-shrink:0;border-radius:14px;border:1.5px dashed rgba(255,255,255,.2);background:transparent;color:#8b95a3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.slot:active{background:#ffffff0f}.slot-label{font-size:11px;letter-spacing:.1em}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#06080ba6;z-index:50}.sheet-layer{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;z-index:60;pointer-events:none}.sheet{pointer-events:auto;width:100%;background:var(--panel);border-top:1px solid rgba(255,255,255,.09);border-radius:20px 20px 0 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px #00000080;animation:rise .2s cubic-bezier(.2,.9,.3,1)}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.sheet-ok{display:block;width:100%;height:56px;margin-bottom:14px;border-radius:14px;background:#2f3a49;color:var(--ink);border:1px solid rgba(255,255,255,.12);font-size:20px;font-weight:600;letter-spacing:.04em}.sheet-ok:active{background:#3a4757}.sheet-eyebrow{font-size:11px;color:var(--ink-mute);letter-spacing:.12em}.sheet-title{font-size:18px;font-weight:500;margin-top:3px}.close{height:34px;padding:0 13px;border-radius:10px;background:#222932;color:var(--ink-dim);border:none;font-size:14px}.close.is-main{background:#2f3a49;color:var(--ink)}.groups{display:flex;flex-direction:column}.group{margin-bottom:12px}.group-label{font-size:11px;color:var(--ink-mute);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px}.pick-row{display:flex;gap:10px}.pick{flex:1;height:52px;border-radius:12px;background:#1c222b;color:var(--ink);border:1px solid var(--hairline);font-size:20px;font-weight:500}.pick.is-on{background:#0b0d10;color:#fff;font-weight:700;border:1.5px solid rgba(255,255,255,.55)}.pick.is-part{background:#0b0d10;border:1.5px dashed rgba(255,255,255,.4);color:var(--ink-dim)}.swatch{flex:1;height:52px;border-radius:12px;border:none;font-size:20px;font-weight:700;box-shadow:0 2px 6px #0006}.anti-row{display:flex;flex-wrap:wrap;gap:8px}.anti-chip{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:11px;background:#1c222b;border:1px solid var(--hairline)}.anti-chip:active{background:#2a323d}.chooser{padding-top:16px}.chooser-title{font-size:15px;color:var(--ink-dim);margin-bottom:12px}.actions{display:flex;gap:10px}.action{flex:1;height:48px;border-radius:12px;font-size:14.5px;font-weight:500}.action-ghost{background:transparent;color:#9aa4b1;border:1px solid rgba(255,255,255,.12)}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes tip-in{0%{transform:translate(-50%) translateY(10px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes drop{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}@keyframes rise{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}@media (max-height: 520px){.sheet-layer{justify-content:center}.sheet{display:grid;grid-template-columns:1fr auto;align-items:center;max-width:560px;border-radius:18px;margin-bottom:calc(8px + env(safe-area-inset-bottom));padding:10px 14px 12px}.sheet-head{margin-bottom:8px}.sheet-title{font-size:16px}.sheet-ok{width:148px;height:44px;margin-bottom:8px;font-size:18px}.groups{grid-column:1 / -1}.group{margin-bottom:8px}.group:last-child{margin-bottom:0}.group-label{margin-bottom:4px}.pick,.swatch{height:42px}.stage.is-picking{justify-content:flex-start}.stage.is-picking .zone{display:none}.anti-chip{width:34px;height:34px;border-radius:9px}.tip{position:fixed;bottom:auto;top:calc(6px + env(safe-area-inset-top))}.tip:after{display:none}}@media (prefers-reduced-motion: reduce){.card,.rank,.sheet,.menu,.tip,.knob{animation:none!important;transition:none!important}}