:root{--bg:#04060e;--text:#edf3ff;--muted:#94a6c3;--faint:#94b6ff1a;--line:#94b6ff24;--cyan:#7edcff;--font-display:"Chakra Petch", "Segoe UI", sans-serif;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--identity-w:clamp(264px, 17.5vw, 344px);--portrait:clamp(88px, 5.5vw, 112px);--token:clamp(54px, 2.6vw + 16px, 70px);--node-w:clamp(70px, 3.2vw + 22px, 92px);--rail-gap:clamp(8px, .55vw, 13px);--node-pad-top:12px;--rail-pad-top:14px;--line-y:calc(var(--rail-pad-top) + var(--node-pad-top) + var(--token) / 2);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:linear-gradient(#04060e 0%,#060a18 55%,#04060e 100%);margin:0}button{font:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scene{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.scene-aurora{filter:blur(90px);opacity:.55;border-radius:50%;position:absolute}.aurora-a{background:radial-gradient(closest-side,#24408f,#0000 72%);width:880px;height:660px;top:-22%;left:4%}.aurora-b{background:radial-gradient(closest-side,#123f5e,#0000 72%);width:780px;height:760px;top:26%;right:-12%}.aurora-c{background:radial-gradient(closest-side,#38286c,#0000 72%);width:720px;height:620px;bottom:-28%;left:32%}.scene-grid{background-image:linear-gradient(#94b6ff0d 1px,#0000 1px),linear-gradient(90deg,#94b6ff0d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 0%,#0000 68%);mask-image:radial-gradient(120% 80% at 50% 0,#000 0%,#0000 68%)}.scene-noise{opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.scene-vignette{background:radial-gradient(120% 92% at 50% 18%,#0000 52%,#01030999 100%);position:absolute;inset:0}.shell{z-index:1;flex-direction:column;width:min(2800px,100% - 56px);min-height:100vh;margin:0 auto;padding:18px 0 12px;display:flex;position:relative}.masthead{border-bottom:1px solid var(--faint);justify-content:space-between;align-items:center;gap:28px;margin-bottom:14px;padding-bottom:13px;display:flex;position:relative}.masthead:after{content:"";background:linear-gradient(90deg, var(--cyan), transparent);opacity:.75;width:200px;height:1px;position:absolute;bottom:-1px;left:0}.brand{align-items:center;gap:13px;display:flex}.brand-sigil{width:40px;height:40px;color:var(--cyan);background:radial-gradient(circle at 30% 22%,#7edcff29,#0000 60%),#0a122699;border:1px solid #7edcff47;border-radius:11px;place-items:center;display:grid;box-shadow:inset 0 1px #ffffff14,0 0 22px #7edcff1f}.brand-sigil svg{width:21px;height:21px}.brand-title{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:clamp(1.3rem,1.9vw,1.65rem);font-weight:700;line-height:1}.brand-title span{background:linear-gradient(92deg,#a6dcff 0%,#eaf5ff 55%,#9db8e8 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:500}.masthead-side{align-items:center;gap:16px;display:flex}.party-readout{gap:7px;display:flex}.party-pip{width:28px;height:28px;color:var(--el-accent);border:1px solid color-mix(in srgb, var(--el-accent) 45%, transparent);background:color-mix(in srgb, var(--el-accent) 9%, #0a1022b3);box-shadow:0 0 12px color-mix(in srgb, var(--el-accent) 20%, transparent);border-radius:50%;place-items:center;display:grid}.board{flex:1;grid-template-rows:repeat(3,minmax(auto,1fr));gap:clamp(10px,1.8vh,22px);display:grid}.row{grid-template-columns:var(--identity-w) minmax(0, 1fr);border:1px solid color-mix(in srgb, var(--el-accent) 16%, #ffffff0f);background:radial-gradient(560px 200px at 0% 50%, color-mix(in srgb, var(--el-accent) 7%, transparent), transparent 70%), linear-gradient(120deg, #141f3ad1, #080d1ce6 55%);animation:.7s cubic-bezier(.22,1,.36,1) both row-in;animation-delay:calc(var(--slot) * .11s);border-radius:16px;align-items:center;gap:14px;padding:8px 14px 6px 12px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 18px 46px #00000057}.row:before{content:"";background:linear-gradient(180deg, transparent, var(--el-accent), transparent);width:3px;box-shadow:0 0 16px color-mix(in srgb, var(--el-accent) 55%, transparent);opacity:.85;border-radius:3px;position:absolute;top:16%;bottom:16%;left:-1px}@keyframes row-in{0%{opacity:0;transform:translateY(22px)}}.row:hover{border-color:color-mix(in srgb, var(--el-accent) 30%, #ffffff14)}.identity-watermark{width:150px;height:150px;color:var(--el-accent);opacity:.05;pointer-events:none;position:absolute;top:50%;left:-22px;transform:translateY(-50%)rotate(-8deg)}.identity{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:6px 8px;transition:border-color .18s,background-color .18s;display:grid;position:relative}.identity:after{content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--el-accent) 30%, #ffffff1a), transparent);width:1px;position:absolute;top:12%;bottom:12%;right:-8px}.identity:hover,.identity:focus-visible{border-color:color-mix(in srgb, var(--el-accent) 38%, transparent);background:color-mix(in srgb, var(--el-accent) 6%, #ffffff05)}.slot-index{z-index:1;color:color-mix(in srgb, var(--el-accent) 75%, white);font-family:var(--font-mono);letter-spacing:.16em;opacity:.8;text-shadow:0 1px 4px #02050ce6;font-size:.58rem;font-weight:600;position:absolute;top:5px;left:8px}.portrait{width:var(--portrait);height:var(--portrait);background:#0a1124;border-radius:12px;display:block;overflow:hidden;box-shadow:0 8px 22px #00000073}.portrait img{object-fit:cover;width:100%;height:100%}.identity-copy{flex-direction:column;gap:6px;min-width:0;display:flex}.identity-name{font-family:var(--font-display);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.32rem,.85vw + .72rem,1.68rem);font-weight:600;line-height:1.12;overflow:hidden}.custom-tag{border:1px solid color-mix(in srgb, var(--cyan) 55%, transparent);color:var(--cyan);background:color-mix(in srgb, var(--cyan) 10%, transparent);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:2px 8px 3px;font-size:.52rem;font-weight:700}.element-tag{color:var(--el-accent);font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:6px;font-size:.66rem;font-weight:600;display:inline-flex}.swap-hint{border:1px solid color-mix(in srgb, var(--el-accent) 45%, transparent);color:var(--el-accent);font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;opacity:0;border-radius:999px;padding:3px 9px;font-size:.54rem;font-weight:600;transition:opacity .18s,transform .18s;position:absolute;bottom:7px;right:10px;transform:translateY(4px)}.identity:hover .swap-hint,.identity:focus-visible .swap-hint{opacity:1;transform:translateY(0)}.rail-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--el-accent) 30%, transparent) transparent;min-width:0;padding-bottom:4px;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.rail-scroll::-webkit-scrollbar{height:5px}.rail-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--el-accent) 28%, transparent);border-radius:999px}.rail{gap:var(--rail-gap);width:max-content;padding:var(--rail-pad-top) 14px 4px;margin:0;list-style:none;display:flex;position:relative}.rail:before{content:"";left:10px;right:10px;top:calc(var(--line-y) - 1px);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--el-accent) 55%, #fff3) 6%, color-mix(in srgb, var(--el-accent) 55%, #fff3) 94%, transparent);height:2px;box-shadow:0 0 14px color-mix(in srgb, var(--el-accent) 35%, transparent);opacity:.62;transform-origin:0;animation:.9s cubic-bezier(.22,1,.36,1) both line-draw;animation-delay:calc(var(--slot) * .11s + .12s);border-radius:2px;position:absolute}@keyframes line-draw{0%{transform:scaleX(0)}}.step{z-index:1;animation:.5s cubic-bezier(.34,1.56,.64,1) both step-in;animation-delay:calc(var(--slot) * .11s + .2s + min(var(--i) * 36ms, .56s));flex:none;position:relative}@keyframes step-in{0%{opacity:0;transform:translateY(10px)scale(.85)}}.node{width:var(--node-w);padding-top:var(--node-pad-top);text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.node.has-note{cursor:help}.token{width:var(--token);height:var(--token);border:1px solid color-mix(in srgb, var(--el-accent) 50%, #ffffff1a);background:radial-gradient(circle at 32% 26%, color-mix(in srgb, var(--el-accent) 28%, #15203c), #0a1124 72%);box-shadow:inset 0 0 0 3px #04081280, inset 0 0 14px color-mix(in srgb, var(--el-accent) 14%, transparent), 0 0 16px color-mix(in srgb, var(--el-accent) 18%, transparent);border-radius:50%;place-items:center;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative}.node:hover .token,.node:focus-visible .token{border-color:color-mix(in srgb, var(--el-accent) 80%, white);box-shadow:inset 0 0 0 3px #04081266, inset 0 0 16px color-mix(in srgb, var(--el-accent) 20%, transparent), 0 0 26px color-mix(in srgb, var(--el-accent) 40%, transparent);transform:translateY(-3px)}.token-icon{width:calc(var(--token) * .56);height:calc(var(--token) * .56);object-fit:contain;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--el-accent) 55%, transparent))}.count-badge{color:#071021;background:var(--el-accent);font-family:var(--font-display);letter-spacing:.02em;box-shadow:0 0 10px color-mix(in srgb, var(--el-accent) 40%, transparent);border:2px solid #050914e6;border-radius:999px;padding:1px 5px 2px;font-size:.6rem;font-weight:700;position:absolute;top:-5px;right:-6px}.hold-chip{z-index:2;border:1px solid color-mix(in srgb, var(--el-accent) 60%, transparent);color:var(--el-accent);font-family:var(--font-display);letter-spacing:.18em;box-shadow:0 0 9px color-mix(in srgb, var(--el-accent) 28%, transparent);background:#070c1af0;border-radius:999px;padding:2px 7px;font-size:.52rem;font-weight:700;position:absolute;top:-3px}.keycap{border:1px solid color-mix(in srgb, var(--el-accent) 32%, #ffffff29);color:#e9f1ff;min-width:28px;font-family:var(--font-display);letter-spacing:.08em;background:linear-gradient(#1d2947,#0d1528);border-radius:6px;margin-top:7px;padding:3px 6px 4px;font-size:clamp(.6rem,.3vw + .36rem,.68rem);font-weight:700;line-height:1;display:inline-block;box-shadow:inset 0 1px #ffffff29,0 2px #02050ce6,0 3px 7px #0006}.step-name{max-width:var(--node-w);color:#d2e0f585;letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-size:clamp(.55rem,.24vw + .36rem,.62rem);font-weight:500;line-height:1.28}.step-cap{align-items:flex-start;display:flex}.cap{margin-top:calc(var(--node-pad-top) + var(--token) / 2 - 14px);color:var(--el-accent);background:color-mix(in srgb, var(--el-accent) 15%, #0a1124f5);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%);filter:drop-shadow(0 0 9px color-mix(in srgb, var(--el-accent) 25%, transparent));align-items:center;gap:6px;padding:6px 14px 6px 10px;display:inline-flex}.step-cap[data-kind=outro] .cap{clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%);padding:6px 10px 6px 14px}.cap img{object-fit:contain;width:15px;height:15px}.step-note{align-items:flex-start;display:flex}.note-chip{margin-top:calc(var(--node-pad-top) + var(--token) / 2 - 20px);color:#ffd9a0;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,9px 100%,0 50%);filter:drop-shadow(0 0 9px #ffb45738);background:#3b2913f2;flex-direction:column;gap:2px;padding:7px 18px 8px;display:inline-flex}.note-chip-eyebrow{color:#ffb457;font-family:var(--font-display);letter-spacing:.24em;text-transform:uppercase;font-size:.5rem;font-weight:700}.note-chip-text{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.72rem;font-weight:600}.builder{width:min(980px,94vw);max-height:88vh;color:var(--text);background:linear-gradient(160deg,#111b35fa,#070c1afc);border:1px solid #94b6ff2e;border-radius:22px;margin:auto;padding:0;animation:.26s cubic-bezier(.22,1,.36,1) both panel-in;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 40px 110px #000000a6}.builder::backdrop{background:#03060ead}.builder-panel{flex-direction:column;gap:16px;max-height:88vh;padding:22px 26px 20px;display:flex;overflow-y:auto}.builder-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.builder-preview{border:1px solid var(--line);background:#0408128c;border-radius:14px;padding:4px 10px}.builder-empty{color:var(--muted);text-align:center;margin:0;padding:18px 4px;font-size:.85rem}.builder-confirm-backdrop{z-index:3;background:#03060ec7;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.builder-confirm{background:linear-gradient(160deg,#111b35,#070c1a);border:1px solid #94b6ff3d;border-radius:16px;width:min(390px,100%);padding:22px;box-shadow:0 24px 70px #000000a6}.builder-confirm h2{font-family:var(--font-display);margin:0;font-size:1.1rem;font-weight:600}.builder-confirm p{color:var(--muted);margin:10px 0 20px;font-size:.82rem;line-height:1.5}.builder-confirm-actions{justify-content:flex-end;gap:10px;display:flex}.builder-steps{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.builder-step{border:1px solid var(--line);background:#ffffff08;border-radius:11px;align-items:center;gap:10px;padding:8px 12px;display:flex}.builder-step-name{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;flex:0 0 170px;align-items:center;gap:8px;font-size:.74rem;font-weight:600;display:inline-flex}.builder-step-name img{object-fit:contain}.builder-step-name-note{color:#ffb457}.builder-palette{flex-wrap:wrap;gap:8px;display:flex}.palette-chip{color:#b6c5dd;height:30px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff21;border-radius:999px;padding:0 13px;font-size:.63rem;font-weight:600;transition:border-color .15s,color .15s}.palette-chip:hover{border-color:color-mix(in srgb, var(--el-accent) 55%, transparent);color:var(--text)}.palette-chip-note{color:#ffb457;border-color:#ffb45766}.builder-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.builder-foot-actions{align-items:center;gap:10px;display:flex}.builder-info{border:1px solid var(--cyan);width:18px;height:18px;color:var(--cyan);cursor:help;border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;line-height:1;display:inline-grid}.builder-save,.builder-cancel,.builder-reset{height:34px;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:0 18px;font-size:.68rem;font-weight:700}.builder-save{border:1px solid color-mix(in srgb, var(--el-accent) 70%, transparent);color:#071021;background:var(--el-accent)}.builder-cancel{color:var(--muted);background:0 0;border:1px solid #ffffff24}.builder-cancel:hover{color:var(--text)}.builder-reset{color:#ff9d9d;background:0 0;border:1px solid #ff8a8a59}.builder-reset:disabled{opacity:.35;cursor:not-allowed}.builder-count{color:var(--muted);font-family:var(--font-display);align-items:center;gap:4px;font-size:.7rem;display:inline-flex}.builder-count input{width:52px;height:28px;color:var(--text);font-family:var(--font-mono);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;padding:0 6px;font-size:.72rem}.builder-hold{color:var(--muted);font-family:var(--font-display);letter-spacing:.18em;cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:999px;padding:3px 9px;font-size:.52rem;font-weight:700}.builder-hold[aria-pressed=true]{border-color:color-mix(in srgb, var(--el-accent) 60%, transparent);color:var(--el-accent);background:color-mix(in srgb, var(--el-accent) 10%, transparent)}.builder-note-input{min-width:0;height:28px;color:var(--text);font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:0 10px;font-size:.78rem}.builder-note-input::placeholder{color:#b4c6e266}.builder-step-tools{gap:4px;display:inline-flex}.builder-tool{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:7px;place-items:center;font-size:.8rem;line-height:1;display:grid}.builder-tool:hover:not(:disabled){color:var(--text);border-color:#7edcff80}.builder-tool:disabled{opacity:.3;cursor:not-allowed}.row-custom-tag{z-index:2;position:absolute;top:12px;right:70px}.row-edit{z-index:2;border:1px solid color-mix(in srgb, var(--el-accent) 40%, transparent);color:var(--el-accent);font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;opacity:.55;background:#070c1ab3;border-radius:999px;padding:3px 11px;font-size:.56rem;font-weight:700;transition:opacity .15s,background-color .15s;position:absolute;top:10px;right:12px}.row-edit:hover,.row-edit:focus-visible{opacity:1;background:color-mix(in srgb, var(--el-accent) 12%, #070c1ab3)}.cap-label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;font-size:.56rem;font-weight:700}.rail-empty{border:1px dashed color-mix(in srgb, var(--el-accent) 28%, #ffffff1f);color:var(--muted);font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;border-radius:12px;align-items:center;gap:11px;margin:14px 6px;padding:15px 18px;font-size:.66rem;font-weight:600;display:flex}.rail-empty-pulse{background:var(--el-accent);width:7px;height:7px;box-shadow:0 0 9px var(--el-accent);border-radius:50%}.node-tooltip{z-index:90;border:1px solid color-mix(in srgb, var(--tip-accent) 38%, #ffffff1a);width:max-content;max-width:300px;box-shadow:0 18px 50px #0009, 0 0 24px color-mix(in srgb, var(--tip-accent) 12%, transparent);pointer-events:none;background:#070c1af7;border-radius:12px;padding:11px 14px 12px;animation:.16s ease-out both tip-in;position:fixed;top:0;left:0}.node-tooltip:before{content:"";background:linear-gradient(90deg, transparent, var(--tip-accent), transparent);opacity:.8;height:1px;position:absolute;top:0;left:12px;right:12px}@keyframes tip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes tip-in-below{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.node-tooltip.is-below{animation-name:tip-in-below}.node-tooltip-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.node-tooltip-title{color:#f0f6ff;font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600}.node-tooltip-meta{color:var(--tip-accent);font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;font-size:.62rem;font-weight:600}.node-tooltip-note{color:#c3d1e7;margin:7px 0 0;font-size:.78rem;line-height:1.55}.picker-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px)saturate(1.15);backdrop-filter:blur(10px)saturate(1.15);background:#03060ead;place-items:center;padding:26px;animation:.2s both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.picker-panel{background:linear-gradient(160deg,#111b35f0,#070c1af7);border:1px solid #94b6ff2e;border-radius:22px;flex-direction:column;width:min(900px,94vw);height:min(780px,86vh);animation:.26s cubic-bezier(.22,1,.36,1) both panel-in;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff12,0 40px 110px #000000a6}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.picker-head{justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 26px 14px;display:flex}.picker-eyebrow{color:var(--cyan);font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;margin-bottom:5px;font-size:.6rem;font-weight:600;display:block}.picker-title{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:1.35rem;font-weight:600}.picker-close{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #ffffff24;border-radius:50%;place-items:center;font-size:1.15rem;line-height:1;transition:color .15s,border-color .15s,transform .15s;display:grid}.picker-close:hover{color:var(--text);border-color:#7edcff80;transform:rotate(90deg)}.picker-controls{padding:0 26px 14px}.picker-search{width:100%;height:42px;color:var(--text);font-family:var(--font-body);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:11px;padding:0 16px;font-size:.86rem;transition:border-color .15s,box-shadow .15s}.picker-search::placeholder{color:#b4c6e273}.picker-search:focus{border-color:#7edcff8c;outline:none;box-shadow:0 0 0 3px #7edcff24}.picker-filters{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.filter-chip{color:#b6c5dd;height:30px;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff21;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:.63rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.filter-chip svg{color:var(--chip-accent,#9fc0e8)}.filter-chip:hover{border-color:color-mix(in srgb, var(--chip-accent,#9fc0e8) 55%, transparent);color:var(--text)}.filter-chip[aria-pressed=true]{border-color:color-mix(in srgb, var(--chip-accent,var(--cyan)) 65%, transparent);background:color-mix(in srgb, var(--chip-accent,var(--cyan)) 14%, transparent);color:#f0f6ff}.picker-grid-scroll{flex:1;min-height:0;padding:6px 26px 26px;overflow-y:auto}.builder-panel,.picker-grid-scroll{scrollbar-width:thin;scrollbar-color:#7edcff4d transparent}.builder-panel::-webkit-scrollbar{width:8px}.picker-grid-scroll::-webkit-scrollbar{width:8px}.builder-panel::-webkit-scrollbar-thumb{background:#7edcff3d;border-radius:999px}.picker-grid-scroll::-webkit-scrollbar-thumb{background:#7edcff3d;border-radius:999px}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.picker-card{width:100%;color:var(--text);cursor:pointer;animation:.32s both card-in;animation-delay:min(calc(var(--i) * 13ms), .38s);background:#ffffff07;border:1px solid #ffffff12;border-radius:15px;flex-direction:column;align-items:center;gap:7px;padding:13px 8px 11px;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:flex;position:relative}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}}.picker-card:hover:not(:disabled){border-color:color-mix(in srgb, var(--el-accent) 55%, transparent);background:color-mix(in srgb, var(--el-accent) 7%, #ffffff08);box-shadow:0 12px 30px #00000073, 0 0 18px color-mix(in srgb, var(--el-accent) 18%, transparent);transform:translateY(-3px)}.picker-card.is-current{border-color:color-mix(in srgb, var(--el-accent) 70%, transparent);box-shadow:0 0 22px color-mix(in srgb, var(--el-accent) 22%, transparent)}.picker-card.is-taken{opacity:.32;cursor:not-allowed}.picker-portrait{border:1px solid color-mix(in srgb, var(--el-accent) 45%, transparent);background:#0a1124;border-radius:13px;width:68px;height:68px;display:block;overflow:hidden}.picker-portrait img{object-fit:cover;width:100%;height:100%}.picker-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.74rem;font-weight:600;overflow:hidden}.picker-element{color:var(--el-accent);font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:4px;font-size:.54rem;font-weight:600;display:inline-flex}.picker-flag{color:#071021;background:var(--el-accent);font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:.5rem;font-weight:700;position:absolute;top:7px;right:7px}.picker-card.is-taken .picker-flag{color:var(--muted);background:0 0;border:1px solid #fff3}.picker-none{color:var(--muted);text-align:center;padding:46px 0;font-size:.85rem}.colophon{border-top:1px solid var(--faint);color:#94a6c399;font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;gap:24px;margin-top:10px;padding:9px 4px 0;font-size:.55rem;font-weight:500;display:flex}.colophon-support{color:inherit;align-items:center;gap:6px;text-decoration:none;transition:color .18s;display:inline-flex}.colophon-support:hover,.colophon-support:focus-visible{color:var(--cyan)}@media (width<=1040px){:root{--identity-w:226px}.shell{width:min(100% - 36px,1760px)}.portrait{width:76px;height:76px}}@media (width<=820px){.shell{width:min(100% - 24px,720px);padding-top:16px}.masthead{flex-direction:column;align-items:flex-start;gap:12px}.row{grid-template-columns:1fr;gap:4px;padding:10px 12px}.identity{grid-template-columns:auto 1fr auto;padding:6px 68px 6px 8px}.portrait{width:60px;height:60px}.colophon{flex-direction:column;gap:6px}.builder-step{flex-wrap:wrap;row-gap:8px}.builder-step-name{flex:1 0 100%}.builder-note-input{flex:140px}.builder-foot{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}