:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg-body:var(--lightningcss-light,#f5f5f7)var(--lightningcss-dark,#000);--bg-card:var(--lightningcss-light,#ffffffdb)var(--lightningcss-dark,#1c1c1eb8);--bg-card-hover:var(--lightningcss-light,#e5e5eaeb)var(--lightningcss-dark,#2c2c2ed9);--bg-input:var(--lightningcss-light,#7676801f)var(--lightningcss-dark,#7676803d);--switch-off:var(--lightningcss-light,#78788029)var(--lightningcss-dark,#78788052);--field-focus:var(--lightningcss-light,#76768033)var(--lightningcss-dark,#76768057);--fill-hover:var(--lightningcss-light,#7676803d)var(--lightningcss-dark,#76768066);--hover-fill:var(--lightningcss-light,#0000000d)var(--lightningcss-dark,#ffffff0f);--modal-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1c1c1e);--secondary-fill:var(--lightningcss-light,#e8e8ed)var(--lightningcss-dark,#2c2c2e);--secondary-fill-hover:var(--lightningcss-light,#dcdce1)var(--lightningcss-dark,#3a3a3c);--hairline:var(--lightningcss-light,#00000014)var(--lightningcss-dark,#ffffff14);--hairline-strong:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);--hairline-hover:var(--lightningcss-light,#00000029)var(--lightningcss-dark,#ffffff29);--primary:#0071e3;--primary-hover:#0077ed;--link:var(--lightningcss-light,#06c)var(--lightningcss-dark,#0a84ff);--link-underline:var(--lightningcss-light,#0066cc80)var(--lightningcss-dark,#0a84ff80);--secondary:#ff2d55;--text-primary:var(--lightningcss-light,#1d1d1f)var(--lightningcss-dark,#f5f5f7);--text-secondary:var(--lightningcss-light,#636366)var(--lightningcss-dark,#86868b);--text-muted:var(--lightningcss-light,#545458)var(--lightningcss-dark,#a1a1a6);--placeholder:var(--lightningcss-light,#6a6a6f)var(--lightningcss-dark,#a1a1a6);--role-vanguard:var(--lightningcss-light,#5856d6)var(--lightningcss-dark,#5e5ce6);--role-duelist:var(--lightningcss-light,#d70015)var(--lightningcss-dark,#ff453a);--ban:var(--lightningcss-light,#d70015)var(--lightningcss-dark,#ff453a);--ban-wash:var(--lightningcss-light,#d700151f)var(--lightningcss-dark,#ff453a33);--role-strategist:var(--lightningcss-light,#248a3d)var(--lightningcss-dark,#30d158);--role-any:var(--lightningcss-light,#636366)var(--lightningcss-dark,#a1a1a6);--glow-pink:var(--lightningcss-light,#ff2d551a)var(--lightningcss-dark,#ff2d5526);--glow-blue:var(--lightningcss-light,#0071e31a)var(--lightningcss-dark,#0071e326);--glow-indigo:var(--lightningcss-light,#5e5ce61a)var(--lightningcss-dark,#5e5ce626);--glow-green:var(--lightningcss-light,#34c7591a)var(--lightningcss-dark,#34c75926);--float-shadow:var(--lightningcss-light,#00000029)var(--lightningcss-dark,#0000008c);--toast-shadow:var(--lightningcss-light,#00000024)var(--lightningcss-dark,#00000080);--dialog-shadow:var(--lightningcss-light,#0000002e)var(--lightningcss-dark,#00000040);--role-icon-filter:none;--role-icon-off-filter:brightness(0) invert(.65);--radius-md:12px;--radius-sm:8px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 24px #0000001f;--shadow-floating:0 20px 40px #00000026;--transition-smooth:.4s cubic-bezier(.25, 1, .5, 1);--font-system:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:var(--font-system);--font-body:var(--font-system)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--role-icon-filter:brightness(0) invert(.11);--role-icon-off-filter:brightness(0) invert(.35)}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--role-icon-filter:brightness(0) invert(.11);--role-icon-off-filter:brightness(0) invert(.35)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--role-icon-filter:none;--role-icon-off-filter:brightness(0) invert(.65)}img[src^="/role-icons/"]{filter:var(--role-icon-filter)}body{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 0% 0%, var(--glow-pink), transparent 40%), radial-gradient(circle at 100% 0%, var(--glow-blue), transparent 40%), radial-gradient(circle at 100% 100%, var(--glow-indigo), transparent 40%), radial-gradient(circle at 0% 100%, var(--glow-green), transparent 40%);background-attachment:fixed;min-height:100vh;margin:0;line-height:1.5}#root{text-align:center;max-width:1080px;margin:0 auto;padding:1.5rem 2rem 2rem}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}h1{background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:3.5rem}a{color:var(--primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}img{max-width:100%}.site-logo-link{z-index:100;background:0 0;border:none;align-items:center;gap:.6rem;padding:0;transition:opacity .2s;display:flex;position:fixed;top:1.25rem;left:1.5rem}.site-logo-link:hover{opacity:.7}.site-logo{width:auto;height:1.8rem}.site-logo-link span{color:var(--text-primary);letter-spacing:-.01em;font-size:1rem;font-weight:600}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spinPulse{0%{box-shadow:var(--shadow-sm);border-color:#0071e31a}to{box-shadow:0 0 18px #0071e347, var(--shadow-sm);border-color:#0071e359}}@keyframes heroSwap{0%{opacity:0;filter:blur(6px);transform:scale(.86)translateY(6px)}55%{opacity:1}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes heroReveal{0%{filter:drop-shadow(0 15px 30px #00000026);transform:scale(1)}45%{filter:drop-shadow(0 0 22px #0071e38c)drop-shadow(0 15px 30px #00000026);transform:scale(1.09)}to{filter:drop-shadow(0 15px 30px #00000026);transform:scale(1)}}@keyframes revealPulse{0%{box-shadow:var(--shadow-lg);border-color:var(--hairline-strong)}45%{box-shadow:0 0 32px #0071e373, var(--shadow-lg);border-color:#0071e38c}to{box-shadow:var(--shadow-lg);border-color:var(--hairline-strong)}}.spin-button{background:var(--primary);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-md);letter-spacing:-.01em;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600}.spin-button:hover:not(:disabled):not([aria-busy=true]){background:var(--primary-hover);box-shadow:var(--shadow-floating);transform:scale(1.02)}.spin-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.spin-button:disabled{background:var(--bg-input);color:var(--text-secondary);cursor:not-allowed;box-shadow:none}.spin-button[aria-busy=true]{background:var(--primary);color:#fff;cursor:progress}.toggle-switch{background:var(--switch-off);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;width:44px;height:26px;padding:0;transition:background .25s;position:relative}.toggle-switch.active{background:var(--primary)}.toggle-knob{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-knob{transform:translate(18px)}.home-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.home-header{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.home-tagline{text-wrap:balance;max-width:34rem}.home-tagline-term{white-space:nowrap}.home-logo{filter:drop-shadow(0 20px 40px #0000001a);margin-bottom:2rem;transition:transform .5s}.home-logo:hover{transform:scale(1.05)}.game-buttons{margin-top:3rem}.game-button{--text-primary:#f5f5f7;--text-secondary:#86868b;--hairline:#ffffff14;--hairline-hover:#ffffff29;--modal-surface:#1c1c1e;--secondary-fill:#2c2c2e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--modal-surface);border:1px solid var(--hairline);color:var(--text-primary);transition:var(--transition-smooth);opacity:1;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;min-width:280px;padding:2.5rem 3rem;text-decoration:none;display:flex}.game-button:hover{background:var(--secondary-fill);border-color:var(--hairline-hover);opacity:1;transform:translateY(-3px)}.game-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.game-button-logo{object-fit:contain;width:100px;height:100px}.game-button-text{color:var(--text-primary);flex-direction:column;align-items:center;gap:.2rem;font-size:1.1rem;font-weight:600;display:flex}.game-button-text span:last-child{color:var(--text-secondary);font-size:.9rem;font-weight:400}.marvel-rivals-page{flex-direction:column;align-items:center;width:100%;animation:.2s ease-out fadeIn;display:flex}.back-link{color:var(--link);transition:var(--transition-smooth);margin-bottom:1.5rem;font-size:1rem;font-weight:500;display:inline-block}.back-link:hover{opacity:.7}.role-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.heroes-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem;width:100%;display:grid}.hero-card{background:var(--bg-card);border:1px solid var(--hairline);width:100%;color:inherit;font:inherit;cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;padding:1.5rem 1rem;transition:background .2s,border-color .2s;display:flex}.hero-card:hover{background:var(--bg-card-hover);border-color:var(--hairline-hover)}.hero-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.hero-card-image{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 4px 8px #0000001a);width:100%;height:auto;margin-bottom:.75rem}.hero-card-name{text-align:center;color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600}.role-jump{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:-.75rem 0 .5rem;display:flex}.role-jump a{min-height:32px;padding-right:.75rem;text-decoration:none;transition:background .2s}.role-jump a:hover{opacity:1;background:var(--fill-hover)}.role-jump a:focus-visible,.inline-links a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.role-section{width:100%;margin-top:2.5rem;scroll-margin-top:4rem}.role-section-head{border-bottom:1px solid var(--hairline);text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.role-section-head h2{margin:0;font-size:1.8rem;line-height:1.1}.role-section-meta{color:var(--text-secondary);margin:0;font-size:.9rem}.role-section-meta a{color:var(--link);font-weight:500}.not-found{padding-top:3rem}.not-found .role-description{margin:0 0 1.75rem}.not-found-links{color:var(--text-secondary);margin:1.5rem 0 0}.randomizer.is-restoring{opacity:0}.randomizer h1{margin:.5rem 0 1.5rem;font-size:2.5rem}:where(.randomizer fieldset){border:none;min-inline-size:0;margin:0;padding:0}.randomizer button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mode-content{flex-direction:column;align-items:center;width:100%;animation:.5s ease-out popIn;display:flex}.mode-toggle{background:var(--bg-input);border-radius:9px;margin-bottom:2rem;padding:3px;display:inline-flex}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .25s}.mode-btn:hover{color:var(--text-primary)}.mode-btn.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #0071e359}html:has(.action-bar){scroll-padding-bottom:9rem}.action-bar{bottom:max(1rem, env(safe-area-inset-bottom));z-index:20;flex-direction:column;align-items:center;gap:.5rem;max-width:100%;margin:1.5rem 0;display:flex;position:sticky}.action-bar .spin-button{box-shadow:0 8px 24px var(--float-shadow)}.action-bar .spin-button:disabled:not([aria-busy=true]){background:var(--secondary-fill);color:var(--text-muted)}.action-hint{border:1px solid var(--hairline-strong);border-radius:var(--radius-md);background:var(--modal-surface);max-width:min(100%,30rem);box-shadow:0 12px 32px var(--toast-shadow);color:var(--text-primary);margin:0;padding:.45rem .9rem;font-size:.8rem;line-height:1.4}.hint-link{color:var(--link);font:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:.2em;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.action-buttons{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:.5rem;display:flex}.secondary-button{border:1px solid var(--hairline-strong);border-radius:var(--radius-full);background:var(--secondary-fill);box-shadow:0 8px 24px var(--float-shadow);color:var(--text-primary);letter-spacing:-.01em;cursor:pointer;padding:0 1.5rem;font-size:1rem;font-weight:600;transition:background .2s}.secondary-button:hover:not([aria-disabled=true]){background:var(--secondary-fill-hover)}.secondary-button[aria-disabled=true]{color:var(--text-muted);cursor:progress}.tip-anchor{display:flex;position:relative}.tooltip{z-index:1;border:1px solid var(--hairline-strong);border-radius:var(--radius-md);background:var(--modal-surface);width:max-content;max-width:min(15rem,100vw - 2.5rem);box-shadow:0 12px 32px var(--toast-shadow);color:var(--text-primary);text-align:left;opacity:0;visibility:hidden;padding:.5rem .75rem;font-size:.8rem;line-height:1.4;transition:opacity .15s,translate .15s,visibility .15s;position:absolute;bottom:calc(100% + .5rem);right:0;translate:0 .25rem}.tooltip.is-open{opacity:1;visibility:visible;transition-delay:.2s;translate:0}.hero-result{background:var(--bg-card);border:1px solid var(--hairline-strong);border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:2rem 1.5rem 1.75rem;transition:border-color .3s,box-shadow .3s;display:flex}.hero-result.spinning{animation:.7s ease-in-out infinite alternate spinPulse}.hero-result.revealing{animation:.65s ease-out revealPulse}.hero-image{object-fit:contain;filter:drop-shadow(0 15px 30px #00000026);width:auto;max-width:100%;height:300px;transition:var(--transition-smooth);margin:1.25rem 0 1rem}.hero-result.spinning .hero-image{animation:.26s cubic-bezier(.2,.7,.3,1) heroSwap}.hero-result.revealing .hero-image{animation:.65s cubic-bezier(.34,1.56,.64,1) heroReveal}@media (hover:hover){.hero-result:hover .hero-image{filter:drop-shadow(0 25px 50px #0003);transform:scale(1.03)translateY(-5px)}}.hero-name{min-height:2.1em;color:var(--text-primary);text-wrap:balance;align-content:center;margin:0;font-size:3.5rem;line-height:1.05;transition:opacity .25s;display:grid}.hero-name-empty{color:var(--text-muted)}.hero-result.spinning .hero-name,.hero-result.spinning .role-tag{opacity:.55}.result-status{color:var(--text-secondary);align-items:center;gap:.35rem;margin:.75rem 0 0;font-size:.8rem;transition:opacity .25s;display:inline-flex}.result-status.is-locked{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-weight:600}.result-status.is-hidden{opacity:0}.duo-result{background:var(--bg-card);border:1px solid var(--hairline-strong);border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:640px;padding:2rem 1.5rem 1.75rem;transition:border-color .3s,box-shadow .3s;display:flex}.duo-result.spinning{animation:.7s ease-in-out infinite alternate spinPulse}.duo-result.revealing{animation:.65s ease-out revealPulse}.duo-grid{grid-template-columns:1fr 1fr;place-items:center;column-gap:1.5rem;width:100%;display:grid;container:duo/inline-size}.duo-image{object-fit:contain;filter:drop-shadow(0 15px 30px #00000026);width:auto;max-width:100%;height:240px;margin:1.25rem 0 1rem}.duo-result.spinning .duo-image{animation:.26s cubic-bezier(.2,.7,.3,1) heroSwap}.duo-result.revealing .duo-image{animation:.65s cubic-bezier(.34,1.56,.64,1) heroReveal}.duo-name{max-width:100%;min-height:2.1em;color:var(--text-primary);overflow-wrap:break-word;text-wrap:balance;align-content:center;margin:0;font-size:2.5rem;line-height:1.05;transition:opacity .25s;display:grid}.duo-name-empty{color:var(--text-muted);grid-column:1/-1}@container duo (max-width:429px){.duo-name{font-size:1.8rem}}@container duo (max-width:309px){.duo-name{min-height:2.4em;font-size:1.1rem;line-height:1.2}}.duo-result.spinning .duo-name,.duo-result.spinning .role-tag{opacity:.55}.duo-caption{min-height:1.75rem;color:var(--text-secondary);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem .6rem;margin:1rem 0 0;font-size:.9rem;display:flex}.duo-teamup-name{color:var(--text-primary);letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.duo-summary{width:100%;max-width:34rem;min-height:2.9em;color:var(--text-secondary);text-wrap:balance;margin:.35rem 0 0;font-size:.9rem;line-height:1.45}@media (max-width:480px){.duo-summary{min-height:4.35em}.duo-caption{flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-height:3rem}}@media (max-width:400px){.roll-options .role-filter-chip{font-size:.8rem}}.role-tag{border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-primary);white-space:nowrap;border:1.5px solid;align-items:center;gap:.3rem;padding:.2rem .6rem .2rem .35rem;font-size:.75rem;font-weight:600;line-height:1.2;transition:opacity .25s;display:inline-flex}.role-tag img{object-fit:contain;width:16px;height:16px}.hero-role-slot{justify-content:center;min-height:calc(21px + .6rem);display:flex}.role-tag-lg{letter-spacing:.05em;text-transform:uppercase;padding:.3rem .8rem .3rem .45rem;font-size:.8rem;font-weight:700}.role-tag-lg img{width:18px;height:18px}.roll-options{background:var(--bg-card);border:1px solid var(--hairline);border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;max-width:100%;margin-bottom:1rem;padding:.5rem .75rem;display:flex}.roll-option{border:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .6rem;min-width:0;margin:0;padding:0;display:flex}.roll-option+.roll-option{border-left:1px solid var(--hairline);padding-left:1rem}.roll-options:has(+.roll-options-hint){margin-bottom:0}.setting-hint.roll-options-hint{margin:.4rem 0 1rem}@media (max-width:640px){.roll-options{flex-direction:column;align-self:stretch;padding:.5rem}.roll-option>.selector-label[aria-hidden=true]{display:none}.roll-options .role-filter-chips{gap:.35rem}.roll-options .role-filter-chip{padding:.4rem .7rem .4rem .5rem}.roll-option+.roll-option{border-left:0;border-top:1px solid var(--hairline);align-self:stretch;padding:.5rem 0 0}}.role-filter-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.role-filter-chip{border:1px solid var(--hairline);border-radius:var(--radius-full);background:var(--bg-input);min-height:40px;color:var(--text-muted);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .9rem .4rem .6rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.role-filter-chip img{object-fit:contain;width:16px;height:16px;filter:var(--role-icon-off-filter);transition:filter .2s}.role-filter-chip:hover:not(:disabled){color:var(--text-primary)}.role-filter-chip[aria-pressed=true]{background:var(--primary);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 2px 8px #0071e359}.role-filter-chip[aria-pressed=true] img{filter:brightness(0)invert()}.role-filter-chip:disabled{opacity:.4;cursor:not-allowed}.text-btn{border-radius:var(--radius-full);min-height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.5rem .75rem;font-size:.8rem;font-weight:600;transition:all .2s}.text-btn:hover:not(:disabled){color:var(--text-primary);background:var(--hover-fill)}.text-btn:disabled{opacity:.4;cursor:default}.solo-history{width:100%;max-width:calc(360px + 2.4rem);margin-top:1.5rem}.solo-history-head{grid-template-columns:1fr auto 1fr;align-items:center;margin-bottom:.4rem;display:grid}.solo-history-head h2{grid-column:2;margin:0}.solo-history-clear{grid-column:3;justify-self:end}.solo-history-list{grid-auto-columns:minmax(0,72px);grid-auto-flow:column;justify-content:center;gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.solo-history-item{min-width:0;animation:.3s ease-out fadeIn}.solo-history-button{border-radius:var(--radius-sm);flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex}.solo-history-art{border-radius:var(--radius-sm);background:var(--bg-input);justify-content:center;align-items:center;width:44px;height:64px;display:flex}.solo-history-art img{object-fit:contain;width:auto;height:100%}.solo-history-name{max-width:100%;min-height:2.6em;color:var(--text-secondary);overflow-wrap:break-word;text-wrap:balance;font-size:.75rem;font-weight:600;line-height:1.3}.settings-card{background:var(--bg-card);border:1px solid var(--hairline);text-align:left;border-radius:20px;width:100%;max-width:600px;padding:.25rem 1.25rem}.setting-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:56px;padding:.6rem 0;display:flex}.settings-card>*+.setting-row{border-top:1px solid var(--hairline)}.setting-label-group{flex-direction:column;flex:1 1 0;gap:2px;min-width:9rem;display:flex}.setting-controls{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.selector-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;font-size:.8rem;font-weight:600}.setting-hint{color:var(--text-secondary);margin:0;font-size:.75rem}.setting-aside{padding:0 0 .75rem}.setting-note{border-top:1px solid var(--hairline);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.3rem;margin:0;padding:.75rem 0;font-size:.8rem;display:flex}.setting-note span{align-items:center;gap:.3rem;display:inline-flex}.setting-note svg{color:var(--text-primary);flex-shrink:0}.count-options{background:var(--bg-input);border-radius:9px;flex-wrap:wrap;padding:3px;display:inline-flex}.count-btn{min-width:38px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;font-size:.9rem;font-weight:500;transition:all .25s}.count-btn:hover{color:var(--text-primary)}.count-btn.active{background:var(--primary);color:#fff;font-weight:600;box-shadow:0 2px 8px #0071e359}.filter-edit-btn{border-radius:var(--radius-full);background:var(--bg-input);min-height:32px;color:var(--text-primary);cursor:pointer;border:none;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s}.filter-edit-btn:hover{background:var(--primary);color:#fff}.rules-summary{flex-wrap:wrap;gap:.4rem;margin:0;padding:0 0 .75rem;list-style:none;display:flex}.rules-chip{border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-primary);border:1.5px solid;align-items:center;gap:.3rem;padding:.2rem .6rem .2rem .35rem;font-size:.8rem;font-weight:600;line-height:1.2;display:inline-flex}.rules-chip img{object-fit:contain;width:16px;height:16px}.rules-chip-any{border-color:var(--text-muted);padding-left:.6rem}.team-mode .settings-card{max-width:800px}.roster-head{justify-content:flex-end;width:100%;max-width:800px;margin:1rem 0 .25rem;display:flex}.team-grid{grid-template-columns:1fr;gap:.6rem;width:100%;max-width:800px;display:grid}.team-grid.two-columns{grid-template-columns:1fr 1fr}.player-slot{container-type:inline-size}.player-row{background:var(--bg-card);border:1px solid var(--hairline);border-radius:var(--radius-md);text-align:left;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:background .2s,box-shadow .2s,opacity .2s;display:flex}:is(.player-row,.result-card).draggable{cursor:grab}:is(.player-row,.result-card).draggable:active{cursor:grabbing}:is(.player-row,.result-card).dragging{opacity:.4}:is(.player-row,.result-card).drag-over,:is(.player-row,.result-card).swap-source{background:var(--bg-card-hover);box-shadow:0 0 0 2px var(--primary)}.player-setup{flex:auto;align-items:center;gap:.5rem;min-width:0;display:flex}.player-number{width:28px;color:var(--text-muted);text-align:center;flex-shrink:0;font-size:.9rem;font-weight:600}.tag-field{background:var(--bg-input);border-radius:var(--radius-sm);flex:1;align-items:center;min-width:0;padding-right:4px;transition:background .18s,box-shadow .18s;display:flex}.tag-field:focus-within{background:var(--field-focus);box-shadow:0 0 0 2px var(--primary)}.player-input{min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:none;flex:1;padding:.55rem .65rem;font-size:1rem;font-weight:500}.player-input:focus{outline:none}.player-input::placeholder{color:var(--placeholder);opacity:1}.pin-btn,.swap-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .18s,background .18s;display:inline-flex}.pin-btn:hover,.swap-btn:hover:not(:disabled){color:var(--text-primary);background:var(--hover-fill)}.pin-btn[aria-pressed=true],.swap-btn[aria-pressed=true]{color:#fff;background:var(--primary)}.pin-btn[aria-pressed=true]:hover,.swap-btn[aria-pressed=true]:hover:not(:disabled){color:#fff;background:var(--primary-hover)}.swap-btn:disabled{opacity:.4;cursor:default}.swap-btn-spacer{flex-shrink:0;width:28px}.player-pick{flex:0 0 12.5rem;align-items:center;gap:.6rem;min-width:0;display:flex}.player-pick-art{border-radius:var(--radius-sm);background:var(--bg-input);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:64px;display:flex}.hero-image-row{object-fit:contain;width:auto;height:100%}.player-pick-text{flex-direction:column;flex:auto;align-items:flex-start;gap:.3rem;min-width:0;display:flex}.player-pick-name{overflow-wrap:break-word;letter-spacing:-.01em;max-width:100%;color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.2}@container (max-width:440px){.player-row{flex-direction:column;align-items:stretch;gap:.6rem}.player-pick{flex-basis:auto;padding-left:calc(28px + .5rem)}}.customs-options{max-width:800px;margin-bottom:1.5rem}.custom-teams-container{grid-template-columns:1fr 1fr;align-items:start;gap:0 2rem;width:100%;display:grid}.custom-team-column{grid-row:span 4;grid-template-rows:subgrid;align-items:start;min-width:0;display:grid}.custom-team-column .settings-card{align-self:stretch;max-width:none}.custom-team-column .roster-head{max-width:none}.team-header{color:var(--text-primary);justify-content:center;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.8rem;display:flex}.team-dot{background:var(--primary);border-radius:50%;width:10px;height:10px}.team-2-header .team-dot{background:var(--secondary)}#root:has(.custom-mode.is-results){max-width:1240px}.results-stage{flex-direction:column;align-items:center;width:100%;max-width:720px;display:flex}.is-results .result-status{justify-self:center;margin:0}.custom-mode.is-results .team-header{margin-bottom:.25rem}.results-summary{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;justify-self:center;align-items:center;gap:.25rem .75rem;margin:.4rem 0 1rem;font-size:.8rem;display:flex}.results-summary p{margin:0}.results-summary p span+span:before{content:"·" / "";margin:0 .45em}.results-roster{width:100%;container:results/inline-size}.result-grid{--gap:.6rem;--per-row:var(--cols);justify-content:center;gap:var(--gap);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.result-card{flex:0 0 calc((100% - (var(--per-row) - 1) * var(--gap)) / var(--per-row));background:var(--bg-card);border:1px solid var(--hairline);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:.5rem;max-width:220px;padding:.75rem;transition:background .2s,box-shadow .2s,opacity .2s;display:flex;container:result-card/inline-size}@container results (max-width:539px){.result-grid{--per-row:min(var(--cols), 2)}.result-card{padding:.5rem}}.result-card-head{align-self:stretch;align-items:center;gap:2px;display:flex}.result-card-controls{gap:2px;display:inline-flex}.result-card-head .reroll-btn{margin-left:auto}@media (hover:hover) and (pointer:fine){.result-card-head button{transition:opacity .15s,color .18s,background .18s}.result-card:not(:hover,:focus-within,.swap-source) .result-card-head :is(.reroll-btn,.pin-btn:not([aria-pressed=true])),.result-grid:not(.is-swapping) .result-card:not(:hover,:focus-within) .result-card-head .swap-btn{opacity:0}}.result-player{min-width:0;color:var(--text-primary);letter-spacing:-.01em;justify-content:center;align-self:stretch;align-items:center;gap:.35rem;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3;display:flex}.result-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.result-player .team-dot{flex-shrink:0;width:.5em;height:.5em}.team-2-dot{background:var(--secondary)}.new-chip{border:1px solid var(--hairline-strong);border-radius:var(--radius-full);background:var(--secondary-fill);color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;margin-block:-.25rem;padding:.1rem .45rem;font-size:.75rem;font-weight:600;line-height:1.3;animation:.3s ease-out fadeIn}@media (prefers-reduced-motion:reduce){.new-chip{animation:none}}@container result-card (max-width:149px){.result-player{font-size:.9rem}}.reroll-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .18s,background .18s;display:inline-flex}.reroll-btn:hover:not([aria-disabled=true]){color:var(--text-primary);background:var(--hover-fill)}.reroll-btn[aria-disabled=true]{opacity:.4;cursor:progress}.result-art{border-radius:var(--radius-sm);background:var(--bg-input);justify-content:center;align-items:center;width:88px;height:128px;display:flex}.result-art img{object-fit:contain;width:auto;height:100%}.result-hero{max-width:100%;min-height:2.2em;color:var(--text-primary);letter-spacing:-.02em;overflow-wrap:break-word;text-wrap:balance;align-content:center;margin:0;font-size:1.8rem;font-weight:700;line-height:1.1;transition:opacity .25s;display:grid}@container result-card (max-width:149px){.result-hero{min-height:2.4em;font-size:1.1rem;line-height:1.2}}.result-card .role-tag{margin-top:auto}.result-grid.is-mixing :is(.result-art,.result-hero,.role-tag){opacity:.3;transition:opacity .25s}.is-spinning .result-card,.result-card.is-rerolling{animation:.7s ease-in-out infinite alternate spinPulse}.is-spinning .result-art img,.result-card.is-rerolling .result-art img{animation:.26s cubic-bezier(.2,.7,.3,1) heroSwap}.is-spinning .result-hero,.is-spinning .role-tag,.is-rerolling .result-hero,.is-rerolling .role-tag{opacity:.55}.revealing .result-card,.result-card.is-landing{animation:.65s ease-out revealPulse}.revealing .result-art img,.result-card.is-landing .result-art img{animation:.65s cubic-bezier(.34,1.56,.64,1) heroReveal}.toast{border:1px solid var(--hairline-strong);border-radius:var(--radius-md);background:var(--modal-surface);width:max-content;max-width:min(100%,520px);box-shadow:0 12px 32px var(--toast-shadow);color:var(--text-primary);text-align:left;align-items:center;gap:.75rem;padding:.5rem .5rem .5rem 1rem;font-size:.9rem;animation:.2s ease-out fadeIn;display:flex}.toast-notice{padding:.6rem 1rem}.toast-btn{border-radius:var(--radius-full);background:var(--bg-input);min-height:36px;color:var(--text-primary);cursor:pointer;border:none;flex-shrink:0;padding:.4rem .9rem;font-size:.9rem;font-weight:600}.toast-btn:hover{background:var(--fill-hover)}.hero-stats{border-top:1px solid var(--bg-input);width:100%;color:var(--text-secondary);margin-top:3rem;padding-top:1.5rem;font-size:.9rem}.hero-stats p{margin:.4rem 0}.hero-stats a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:.2em;font-weight:500}.hero-stats a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.modal-dialog{width:90%;max-width:380px;color:inherit;background:0 0;border:none;padding:0;overflow:visible}.modal-dialog::backdrop{-webkit-backdrop-filter:blur(8px);background:#0006;animation:.2s fadeIn}.modal-card{border:1px solid var(--hairline-strong);background:var(--modal-surface);width:100%;box-shadow:0 24px 60px var(--dialog-shadow);text-align:left;border-radius:20px;padding:1.5rem;animation:.3s cubic-bezier(.19,1,.22,1) slideUp}.modal-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.modal-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.modal-close{background:var(--bg-input);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:focus-visible,.modal-done-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.modal-close:hover{background:var(--text-primary);color:var(--bg-body)}.filter-info{color:var(--text-secondary);margin:0 0 .75rem;font-size:.8rem}.modal-dialog.pool-dialog{max-width:640px}.pool-card{flex-direction:column;max-height:min(86vh,880px);padding-bottom:1rem;display:flex}.pool-warning{border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);margin:0 0 .75rem;padding:.5rem .75rem;font-size:.8rem;font-weight:600}.pool-sections{overscroll-behavior:contain;margin:0 -1.5rem;padding:.25rem 1.5rem .5rem;overflow-y:auto}.pool-role{border:none;min-inline-size:0;margin:0 0 1.25rem;padding:0}.pool-role-head{align-items:center;gap:.6rem;width:100%;margin-bottom:.6rem;padding:0;display:flex}.pool-role-count{color:var(--text-secondary);font-size:.8rem;font-weight:600}.pool-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:.4rem;display:grid}.pool-tile{border-radius:var(--radius-md);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.3rem;min-width:0;padding:.35rem .2rem;transition:background .15s;display:flex}.pool-tile:hover{background:var(--hover-fill)}.pool-tile:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:0}.pool-tile.is-locked{cursor:not-allowed}.pool-art{border-radius:var(--radius-sm);background:var(--bg-input);justify-content:center;align-items:center;width:44px;height:64px;display:flex;position:relative}.pool-art img{object-fit:contain;width:auto;height:100%;transition:opacity .15s,filter .15s}.pool-name{max-width:100%;min-height:2.6em;color:var(--text-primary);overflow-wrap:break-word;text-wrap:balance;font-size:.75rem;font-weight:600;line-height:1.3}.pool-tile.is-banned .pool-art{background:var(--ban-wash);outline:2px solid var(--ban);outline-offset:0}.pool-tile.is-banned .pool-art img{filter:grayscale();opacity:.4}.pool-ban-badge{color:var(--ban);display:flex;position:absolute;bottom:-6px;right:-6px}.pool-tile.is-banned .pool-name{color:var(--text-secondary);text-decoration:line-through}.pool-footer{border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.pool-footer .modal-done-btn{width:auto;padding:.7rem 2.25rem}:where(.hero-art-button){color:inherit;font:inherit;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.hero-art-button{cursor:pointer}.hero-art-button:disabled{cursor:progress}.hero-art-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}:is(.result-art,.player-pick-art,.notice-thumb).hero-art-button:not(:disabled):hover,.solo-history-button:hover .solo-history-art{background:var(--fill-hover)}.modal-dialog.hero-dialog{max-width:760px}.hero-sheet{overscroll-behavior:contain;grid-template-columns:260px 1fr;gap:1.5rem;max-height:min(88vh,720px);display:grid;position:relative;overflow-y:auto}.hero-sheet:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hero-sheet-close{z-index:1;position:absolute;top:1rem;right:1rem}.hero-sheet-art img{border-radius:var(--radius-md);width:100%;height:auto;display:block}.hero-sheet-body{flex-direction:column;align-items:flex-start;min-width:0;padding:.25rem 2.5rem 0 0;display:flex}.hero-sheet-name{color:var(--text-primary);text-wrap:balance;margin:.75rem 0 0;font-size:2.5rem;line-height:1.05}.hero-sheet-real{color:var(--text-secondary);margin:.35rem 0 0;font-size:1rem}.hero-sheet-body .selector-label{margin:1.5rem 0 .4rem}.hero-sheet-stats{width:100%;margin:0}.hero-sheet-stats div{border-top:1px solid var(--hairline);justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;font-size:.9rem;display:flex}.hero-sheet-stats dt{color:var(--text-secondary)}.hero-sheet-stats dd{color:var(--text-primary);text-align:right;margin:0;font-weight:600}.hero-sheet-lore{color:var(--text-primary);margin:0;font-size:1rem;line-height:1.5}.hero-sheet-link{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:.2em;align-items:center;gap:.35rem;margin-top:.85rem;font-weight:600;display:inline-flex}.hero-sheet-link:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.hero-sheet-pool{border-top:1px solid var(--hairline);margin-top:1rem;padding-top:1rem}.hero-sheet-pool-btn{border-radius:var(--radius-full);background:var(--bg-input);min-height:36px;color:var(--text-primary);font:inherit;cursor:pointer;border:none;padding:.45rem 1rem;font-size:.9rem;font-weight:600;transition:background .2s}.hero-sheet-pool-btn:hover:not(:disabled){background:var(--fill-hover)}.hero-sheet-pool-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hero-sheet-pool-btn:disabled{opacity:.4;cursor:not-allowed}.hero-sheet-pool .setting-hint{margin:.4rem 0 0}@media (pointer:coarse){.hero-sheet-pool-btn{min-height:44px}}@media (max-width:640px){.hero-sheet{grid-template-columns:1fr;gap:1rem}.hero-sheet-art{justify-self:center;width:min(200px,60%)}.hero-sheet-body{padding-right:0}.hero-sheet-name{font-size:1.8rem}}.copy-text{border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text-primary);font:inherit;resize:none;border:none;margin:0 0 1.25rem;padding:.65rem .75rem;font-size:.9rem;line-height:1.5;display:block}.copy-text:focus{box-shadow:0 0 0 2px var(--primary);outline:none}.role-selectors{flex-direction:column;margin-bottom:1.25rem;display:flex}.role-selector{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;min-height:52px;display:flex}.role-selector:last-child{border-bottom:none}.role-counter{align-items:center;gap:.75rem;display:flex}.counter-btn{border:1px solid var(--text-secondary);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;line-height:0;transition:all .2s;display:flex}.counter-btn:hover:not(:disabled){background:var(--text-primary);color:var(--bg-body);border-color:#0000}.counter-btn:disabled{opacity:.3;cursor:default;border-color:var(--bg-input)}.counter-value{text-align:center;min-width:1.5ch;font-size:1.1rem;font-weight:700}.counter-caption{color:var(--text-secondary);font-size:.75rem}.modal-done-btn{border-radius:var(--radius-md);background:var(--primary);color:#fff;cursor:pointer;border:none;width:100%;min-height:44px;padding:.7rem;font-size:1rem;font-weight:600;transition:all .2s}.modal-done-btn:hover{background:var(--primary-hover)}@media (pointer:coarse){.count-btn{min-width:44px;height:40px}.pin-btn,.swap-btn,.reroll-btn{width:40px;height:40px}.swap-btn-spacer{width:40px}.counter-btn{width:44px;height:44px}.text-btn{min-height:44px}.filter-edit-btn{min-height:40px}.mode-btn{min-height:44px}.toggle-switch:after{content:"";position:absolute;inset:-9px -4px}}.theme-toggle{z-index:100;border:1px solid var(--hairline);background:var(--bg-input);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .2s;display:inline-flex;position:fixed;top:1rem;right:1.5rem}.theme-toggle:hover{background:var(--fill-hover)}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle>span{display:inline-flex}:root[data-theme=light] .theme-toggle-to-light,:root:not([data-theme=light]) .theme-toggle-to-dark{display:none}@media (pointer:coarse){.theme-toggle:after{content:"";position:absolute;inset:-4px}}.site-footer{color:var(--text-secondary);margin-top:2.5rem;padding:.75rem 0 .25rem;font-size:.75rem}.site-footer p{margin:0}@media (max-width:768px){#root{padding:1.25rem}h1{font-size:2rem}.action-bar{max-width:none;padding:1.25rem 1.25rem max(.75rem, env(safe-area-inset-bottom));background:linear-gradient(to bottom, transparent, var(--bg-body) 1.25rem);align-self:stretch;margin:1.5rem -1.25rem 0;bottom:0}.action-bar .spin-button,.action-bar .secondary-button{box-shadow:none}.theme-toggle{position:absolute;top:.5rem;right:1rem}.site-logo-link{position:absolute;top:.75rem;left:1rem}.site-logo-link span{display:none}.game-button{width:100%;min-width:unset;padding:2rem}.heroes-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.randomizer h1{margin:2rem 0 1rem;font-size:1.8rem}.mode-toggle{margin-bottom:1.5rem}.mode-btn{padding:.45rem 1.1rem}.hero-result{padding:1.5rem 1.25rem}.hero-image{height:220px}.duo-result{padding:1.5rem 1rem}.duo-grid{column-gap:.75rem}.duo-image{height:170px}.hero-name{font-size:2.5rem}.custom-teams-container{grid-template-columns:1fr}.custom-team-column+.custom-team-column .team-header{margin-top:2.5rem}.team-grid.two-columns{grid-template-columns:1fr}}.updates-page{flex-direction:column;align-items:center;width:100%;display:flex}.updates-page ::selection{color:var(--text-primary);background:#0071e373}.updates-page a:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.updates-back{align-items:center;gap:.35rem;display:inline-flex}.updates-page h1{margin:.25rem 0 .75rem}.updates-intro{color:var(--text-secondary);margin:0 0 2.5rem;font-size:1.1rem}.updates-feed{text-align:left;width:100%;max-width:600px}.notice{background:var(--bg-card);border:1px solid var(--hairline);scroll-margin-top:4rem}.notice-row:target{border-color:#0071e38c;animation:.65s ease-out targetFlare}@keyframes targetFlare{0%,to{box-shadow:none}45%{box-shadow:0 0 32px #0071e373}}.notice-title-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.notice-time{color:var(--text-secondary);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:.8rem}.notice-note{color:var(--text-secondary);margin:.5rem 0 0;font-size:.8rem}.notice-roles{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.notice-role{background:var(--bg-input);border-radius:var(--radius-full);color:var(--text-primary);border:1.5px solid;align-items:center;gap:.3rem;padding:.2rem .6rem .2rem .35rem;font-size:.8rem;font-weight:600;line-height:1.2;display:inline-flex}.notice-role img{object-fit:contain;width:16px;height:16px}.notice-latest{border-color:var(--hairline-strong);border-radius:20px;grid-template-columns:180px 1fr;grid-template-areas:"media text";align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding:1.25rem 1.75rem 1.25rem 1.25rem;animation:.5s cubic-bezier(.25,1,.5,1) noticeArrive,.65s ease-out .45s revealPulse;display:grid}@keyframes noticeArrive{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.notice-latest .notice-text{grid-area:text}.notice-media{grid-area:media;justify-content:center;display:flex}.notice-portrait{object-fit:contain;filter:drop-shadow(0 15px 30px #00000026);width:auto;height:240px;transition:var(--transition-smooth);animation:.65s cubic-bezier(.34,1.56,.64,1) .45s heroReveal}.notice-latest:hover .notice-portrait{filter:drop-shadow(0 25px 50px #0003);transform:scale(1.03)translateY(-5px)}.notice-title{text-wrap:balance;margin:0;font-size:1.8rem;line-height:1.15}.notice-message{margin:.75rem 0 1rem;line-height:1.5}.notice-latest .notice-note{margin:-.5rem 0 1rem}.notice-month+.notice-month{margin-top:1.75rem}.notice-month-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 .6rem .25rem;font-size:.8rem;font-weight:600;line-height:1.2}.notice-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.notice-row{border-radius:var(--radius-md);align-items:center;gap:.9rem;padding:.75rem 1rem .75rem .75rem;display:flex}.notice-thumb{background:var(--bg-input);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:4px;display:flex}.notice-thumb img{object-fit:contain;width:100%;height:100%}.notice-body{flex:1;min-width:0}.notice-row .notice-title-row{margin-bottom:.35rem}.notice-name{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:600;line-height:1.3}.updates-empty{color:var(--text-secondary);text-align:center}.updates-close{border-top:1px solid var(--bg-input);flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:600px;margin-top:3.5rem;padding-top:2.5rem;display:flex}.updates-cta,.link-button{display:inline-block}.updates-cta:hover,.link-button:hover{opacity:1;color:#fff}.updates-roles{color:var(--text-secondary);margin:0;font-size:1rem}.updates-roles a,.inline-links a{color:var(--link);text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--link-underline);text-decoration-color:var(--link-underline);text-underline-offset:.2em;font-weight:500}@media (max-width:768px){.updates-intro{margin-bottom:2rem;font-size:1rem}.notice-latest{grid-template-columns:1fr;grid-template-areas:"text""media";gap:1rem;padding:1.25rem}.notice-portrait{height:220px}}@media (prefers-reduced-motion:reduce){.notice-latest,.notice-portrait,.notice-row:target{animation:none}.notice-portrait{transition:none}.notice-latest:hover .notice-portrait{transform:none}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scrollbar-gutter:stable;width:100%;overflow-x:clip}body{width:100%;min-height:100vh;margin:0;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}button{font-family:inherit}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after,::backdrop{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}