.character-select{--pink:#ff548d;--cyan:#65e6db;position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#15121d;color:#fff;overflow:hidden;font-family:Arial,sans-serif}.character-select::backdrop{background:#15121d}.character-select *{box-sizing:border-box}.character-select button,.character-select a{font:inherit;color:inherit}.character-select button{cursor:pointer}.select-header{position:absolute;z-index:6;top:0;left:0;width:100%;display:flex;align-items:start;justify-content:space-between;padding:28px 36px;pointer-events:none}.select-header>a,.select-close{pointer-events:auto}.select-header a{font-size:13px;text-decoration:none;opacity:.75}.select-header>div{text-align:center}.select-header span{font-weight:900;font-size:12px;letter-spacing:.28em}.select-header h1{font-size:clamp(20px,2.7vw,38px);font-weight:800;letter-spacing:-.04em;margin:8px 0}.select-close{width:36px;height:36px;background:#ffffff12;border:1px solid #ffffff40;border-radius:50%}.character-halves{height:100%;display:flex}.character-half{--accent:var(--pink);position:relative;flex:1;width:50%;border:0;border-radius:0;overflow:hidden;padding:0;background:radial-gradient(ellipse at 50% 42%,#794c52 0,#3a2938 42%,#1c1724 78%);text-align:left;transition:filter .25s,background .3s}.sugnid-half{--accent:var(--cyan);background:radial-gradient(ellipse at 50% 42%,#416b73 0,#282e4a 42%,#171e2d 78%)}.character-half:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#00000012 5px);box-shadow:inset 0 -180px 120px #10101bea;transition:box-shadow .25s}.character-half:hover:after,.character-half:focus-visible:after{box-shadow:inset 0 0 100px #ffffff15,inset 0 -180px 120px #10101bea}.character-half[aria-pressed=true]{box-shadow:inset 0 5px 0 var(--accent)}.character-half:focus-visible{outline:3px solid var(--accent);outline-offset:-8px}.character-ghost{position:absolute;top:18%;left:50%;transform:translate(-50%) rotate(-90deg);font-family:Impact,Arial Narrow,sans-serif;font-size:clamp(120px,21vh,230px);letter-spacing:.025em;line-height:1;color:transparent;-webkit-text-stroke:1px #ffffff24;pointer-events:none}.character-stripe{position:absolute;inset:-25%;background:linear-gradient(120deg,transparent 47%,var(--accent) 47% 49%,transparent 49%);opacity:.14;transition:transform .4s,opacity .4s}.character-half:hover .character-stripe,.character-half:focus-visible .character-stripe{transform:translate(5%);opacity:.5}.character-preview{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.character-copy{position:absolute;left:8%;right:8%;bottom:126px;z-index:3;display:flex;flex-direction:column;pointer-events:none}.character-role{font-size:11px;letter-spacing:.2em;color:var(--accent);font-weight:800}.character-copy strong{font-family:Impact,Arial Narrow,sans-serif;font-weight:900;font-size:clamp(54px,8.8vw,138px);line-height:1.08;letter-spacing:.025em;text-shadow:0 4px 30px #0009}.character-tagline{font-size:clamp(12px,1.3vw,18px);font-weight:700;margin-top:4px}.character-traits{font-size:11px;color:#c9c4d2;margin-top:9px}.select-divider{position:absolute;z-index:4;left:50%;top:14%;bottom:100px;width:1px;background:linear-gradient(transparent,#ffffff70,transparent);pointer-events:none}.select-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);font:italic 22px Impact,sans-serif;background:#1c1a29;border:1px solid #ffffff50;padding:10px}.select-footer{position:absolute;bottom:0;left:0;z-index:5;min-height:98px;width:100%;padding:19px 36px;display:flex;gap:20px;justify-content:space-between;align-items:center;background:#12101dee;border-top:1px solid #ffffff20}.select-footer p{font-size:12px;color:#bdb8c9;max-width:230px;width:25%;line-height:1.5}.select-hint{text-align:right}.character-confirm{min-width:280px;padding:18px 24px;background:var(--pink);border:0;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);color:#18131e!important;text-transform:uppercase;font-size:15px!important;font-weight:700!important;letter-spacing:.035em;transition:background .2s,filter .2s}.character-confirm span{margin-left:30px;font-size:20px}.character-confirm:hover{filter:brightness(1.15)}.character-select[data-selected=sugnid] .character-confirm{background:var(--cyan)}.character-confirm:focus-visible,.select-close:focus-visible{outline:3px solid white;outline-offset:4px}.character-switch{display:flex;gap:12px;align-items:center;margin:14px 0;padding:12px 15px;border:1px solid #ffffff40;background:#ffffff08;color:inherit;cursor:pointer;text-align:left}.character-switch b{color:#ff9fbd}.character-switch span{margin-left:auto;font-size:12px;opacity:.8}.character-switch:disabled{opacity:.6;cursor:default}.mode-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.mode-options button{padding:13px;border:1px solid #ffffff30;background:#272431;color:#eee;text-align:left;cursor:pointer}.mode-options button[aria-pressed=true]{border-color:#f84982;background:#4a2b41}.mode-options b,.mode-options small{display:block}.mode-options small{font-size:11px;color:#bbb3c3;line-height:1.4;margin-top:4px}@media(max-width:700px){.select-header{padding:18px 16px}.select-header>a{font-size:11px}.select-header span{font-size:9px}.select-header h1{font-size:21px}.select-header>div{position:absolute;top:62px;width:100%;left:0}.select-footer{padding:14px 16px;min-height:100px;justify-content:center}.select-footer p{display:none}.character-confirm{min-width:260px}.character-copy{bottom:130px;left:8%;right:4%}.character-role{font-size:8px;letter-spacing:.04em}.character-copy strong{font-size:clamp(36px,9.7vw,67px)}.character-tagline{font-size:10px;line-height:1.5;max-width:145px}.character-traits{display:none}.character-ghost{font-size:120px;top:23%}.select-divider{top:130px}.select-divider span{font-size:15px;padding:7px}}@media(prefers-reduced-motion:reduce){.character-select *{transition:none!important;animation:none!important}}.character-copy{text-shadow:0 2px 15px #000,0 0 50px #15121d}.character-copy strong{letter-spacing:-.045em}.multi-character .character-half{width:calc(100% / var(--character-count));min-width:0}.mabel-half{--accent:#efbd77;background:radial-gradient(ellipse at 50% 42%,#77664f 0,#413638 42%,#201b26 78%)}.character-select[data-selected=mabel] .character-confirm{background:#efbd77}.multi-character .character-copy{left:9%;right:5%;bottom:126px}.multi-character .character-copy strong{font-size:clamp(44px,6.9vw,110px)}.multi-character .character-ghost{font-size:clamp(100px,18vh,190px);top:20%}.multi-character .character-role{font-size:10px;letter-spacing:.13em}@media(max-width:700px){.multi-character .character-copy{left:8%;right:4%;bottom:132px}.multi-character .character-copy strong{font-size:clamp(25px,6.8vw,46px)}.multi-character .character-role{font-size:8px;letter-spacing:.025em;line-height:1.5;min-height:24px}.multi-character .character-ghost{font-size:100px;top:28%}}@media(max-height:500px){.multi-character .select-header{padding:12px 18px}.multi-character .select-header>div{position:static;width:auto}.multi-character .select-header h1{font-size:20px;margin:3px 0}.multi-character .select-footer{min-height:66px;padding:8px 18px}.multi-character .character-confirm{padding:10px 18px}.multi-character .character-copy{bottom:76px}.multi-character .character-copy strong{font-size:40px}.multi-character .character-ghost{top:22%;font-size:90px}}