:root{--black:#05050a;--night:#0b0e21;--surface:#0f1228;--surface-2:#161a38;--surface-3:#1e2347;--line:#a69ee224;--line-strong:#a69ee242;--violet:#6a4cf0;--violet-strong:#5536e0;--violet-soft:#ab9bff;--violet-dim:#6a4cf029;--gold:#cba45a;--gold-soft:#e8d3a0;--gold-dim:#cba45a1f;--chaos:#c0508f;--text:#ece8f6;--muted:#9893b2;--faint:#66627e;--danger:#f08a8a;--font-display:"Big Shoulders", "Arial Narrow", sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--ease:cubic-bezier(.2, .8, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--black);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1100px 520px at 38% -120px,#141a3f 0%,#141a3f00 72%);background-repeat:no-repeat;margin:0;font-size:16px;line-height:1.5}img{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--gold-soft);outline-offset:2px}.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}.app{max-width:1320px;margin:0 auto;padding:0 24px 32px}.app-header{justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand__mark{width:36px;height:36px;color:var(--gold-soft);border:1px solid #cba45a80;border-radius:10px;place-items:center;display:grid}.brand__name{white-space:nowrap;font-family:var(--font-display);letter-spacing:.01em;font-size:26px;font-weight:800}.app-header__end{align-items:center;gap:14px;display:flex}.patch{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.layout{grid-template-columns:minmax(0,1fr) 392px;align-items:start;gap:28px;display:grid}.stage{flex-direction:column;gap:16px;min-width:0;scroll-margin-top:12px;display:flex}.footer{border-top:1px solid var(--line);color:var(--faint);max-width:80ch;margin-top:48px;padding-top:20px;font-size:12px}.button{border-radius:var(--radius-md);min-height:44px;transition:background-color .16s var(--ease), border-color .16s var(--ease), transform .12s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;display:inline-flex}.button:active:not(:disabled){transform:scale(.98)}.button:disabled{opacity:.5}.button--primary{background:var(--violet);color:#fff}.button--primary:hover:not(:disabled){background:var(--violet-strong)}.button--ghost{border-color:var(--line-strong);background:0 0}.button--ghost:hover:not(:disabled){border-color:var(--violet-soft)}.button--small{min-height:36px;padding:0 12px;font-size:14px}.count-badge{background:var(--gold-dim);min-width:20px;color:var(--gold-soft);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 6px;font-size:12px;line-height:20px}.icon-button{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:grid}.icon-button:hover{color:var(--text);border-color:var(--line-strong)}.link-button{color:var(--violet-soft);background:0 0;border:0;padding:4px 2px;font-size:13px;font-weight:600}.link-button:hover{color:var(--text)}.link-button.is-danger{color:var(--danger)}.home{isolation:isolate;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:radial-gradient(620px 360px at 50% -40px, #6a4cf04d, transparent 72%), var(--night);text-align:center;place-items:center;min-height:min(74vh,700px);padding:56px 24px 48px;display:grid;position:relative;overflow:hidden;container-type:inline-size}.home:before{content:"";background:linear-gradient(90deg, transparent, var(--gold), transparent);width:220px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.home.is-chaos:before{background:linear-gradient(90deg, transparent, var(--chaos), transparent)}.home__mosaic{z-index:-1;opacity:.3;filter:saturate(.55);pointer-events:none;grid-template-columns:repeat(auto-fill,64px);place-content:center;gap:10px;display:grid;position:absolute;inset:-60px;transform:rotate(-8deg);-webkit-mask-image:radial-gradient(62% 58% at 50% 48%,#0000 30%,#000 80%);mask-image:radial-gradient(62% 58% at 50% 48%,#0000 30%,#000 80%)}.home__mosaic img{border-radius:10px;width:64px;height:64px}.home__content{flex-direction:column;align-items:center;gap:22px;width:100%;max-width:760px;display:flex}.home__title{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;text-shadow:0 4px 30px #05050acc;font-size:clamp(44px,9cqi,88px);font-weight:800;line-height:.9}.home__lead{color:#cfcae3;max-width:44ch;margin-top:-6px;font-size:18px}.picks{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;max-width:620px;margin:8px 0 6px;padding:0;list-style:none;display:grid}.pick{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.pick__frame,.pick__inner{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut))}.pick__frame{--cut:15px;background:var(--line-strong);width:96px;height:96px;margin-bottom:10px;padding:2px;display:block;position:relative}.pick__inner{--cut:13px;width:100%;height:100%;color:var(--muted);background:#05050ae0;place-items:center;display:grid;overflow:hidden}.pick__inner img{object-fit:cover;width:100%;height:100%;transform:scale(1.1)}.pick.is-locked .pick__frame{background:linear-gradient(145deg, var(--gold-soft) 0%, var(--gold) 45%, #6e5122 100%)}.pick.is-locked .pick__inner{color:var(--gold-soft)}.home.is-chaos .pick__frame{background:linear-gradient(145deg, #f2b8d8 0%, var(--chaos) 50%, #5e2245 100%)}.home.is-chaos .pick__inner{color:#f2b8d8}.pick__state{background:var(--surface-3);width:20px;height:20px;color:var(--muted);border-radius:5px;place-items:center;display:grid;position:absolute;bottom:4px;left:4px}.pick.is-locked .pick__state{background:var(--gold);color:var(--black)}.pick__label{color:var(--muted);font-size:13px;font-weight:600}.pick__value{overflow-wrap:anywhere;max-width:100%;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:22px;font-weight:800;line-height:1.05}.pick.is-locked .pick__value{color:var(--gold-soft)}.home__note{color:var(--violet-soft);font-size:14px;font-weight:600;text-decoration:none}a.home__note:hover{color:var(--text);text-decoration:underline}.home__note.is-chaos{color:#f2b8d8}@media (min-width:961px){a.home__note{display:none}}@container (max-width:560px){.picks{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.home__title{font-size:clamp(38px,12cqi,56px)}.home__lead{font-size:16px}.pick__frame{--cut:13px;width:84px;height:84px}.pick__inner{--cut:11px}}.roll-button{color:#fff;transition:transform .16s var(--ease), box-shadow .22s var(--ease);background:linear-gradient(#6f52f4 0%,#4f33d6 100%);border:1px solid #e8d3a08c;border-radius:22px;align-items:center;gap:22px;padding:18px 44px 18px 18px;display:inline-flex;position:relative;box-shadow:0 0 0 6px #6a4cf01a,0 18px 50px -12px #6a4cf08c}.roll-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 8px #6a4cf024,0 24px 60px -12px #6a4cf0b3}.roll-button:active:not(:disabled){transform:translateY(0)scale(.98)}.roll-button__die{width:64px;height:64px;color:var(--gold-soft);transition:transform .4s var(--ease);background:#05050a40;border:1px solid #e8d3a099;border-radius:16px;place-items:center;display:grid}.roll-button:hover .roll-button__die{transform:rotate(-12deg)}.roll-button.is-rolling .roll-button__die{animation:.7s linear infinite spin}.roll-button__label{white-space:nowrap;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:44px;font-weight:800;line-height:1}.stage__empty{border:1px solid var(--line);border-radius:var(--radius-lg);min-height:50vh;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.stage__error{max-width:44ch;color:var(--text)}.loader{border:2px solid var(--line-strong);border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.banner{border-radius:var(--radius-md);background:var(--gold-dim);border:1px solid #cba45a66;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 12px 10px 16px;font-size:14px;display:flex}.stage .banner{margin-bottom:0}.banner--error{background:#f08a8a14;border-color:#f08a8a73}.banner__actions{flex:none;align-items:center;gap:4px;display:flex}.champ-frame,.champ-frame__inner,.slot__frame,.slot__inner{clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut))}.result{border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;container-type:inline-size}.result.is-chaos{border-color:#c0508f73}.result__hero{isolation:isolate;border-bottom:1px solid var(--line);background:radial-gradient(520px 260px at 85% 10%, #6a4cf038, transparent 70%), var(--night);align-items:flex-end;min-height:260px;padding:28px 32px 26px;display:flex;position:relative;overflow:hidden}.result__splash{z-index:-2;object-fit:cover;object-position:center 22%;width:78%;height:100%;animation:splash-in .7s var(--ease);position:absolute;inset:0 0 0 auto}.result__hero:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--night) 18%, #0b0e21d1 38%, #0b0e211a 72%, #0b0e214d 100%), linear-gradient(0deg, var(--surface) 0%, #0f122800 50%);position:absolute;inset:0}.result.is-chaos .result__hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#c0508f2e,#0000 60%);position:absolute;inset:0}.result__hero-inner{align-items:center;gap:24px;width:100%;min-width:0;display:flex}.champ-frame{--cut:16px;background:linear-gradient(145deg, var(--gold-soft) 0%, var(--gold) 45%, #6e5122 100%);flex:none;width:124px;height:124px;padding:3px}.result.is-chaos .champ-frame{background:linear-gradient(145deg, #f2b8d8 0%, var(--chaos) 50%, #5e2245 100%)}.champ-frame__inner{--cut:14px;background:var(--black);width:100%;height:100%;color:var(--gold-soft);place-items:center;display:grid;overflow:hidden}.champ-frame__inner img{object-fit:cover;width:100%;height:100%;animation:fade-in .42s var(--ease);transform:scale(1.1)}.result__identity{flex:1;min-width:0}.result__topline{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.result__kicker{color:var(--gold-soft);font-size:15px;font-weight:600}.result.is-chaos .result__kicker{color:#f2b8d8}.result__name{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:0 2px 24px #05050aa6;font-size:clamp(46px,9cqi,92px);font-weight:800;line-height:.88}.result__name.is-rolling{color:var(--faint)}.result__subline{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:10px;display:flex}.result__title{color:#cfcae3;margin-top:10px;font-size:15px}.result__subline .result__title{margin-top:0}.lock-toggle{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.lock-toggle:hover:not(:disabled){color:var(--gold-soft);border-color:#cba45a80}.lock-toggle.is-locked{background:var(--gold-dim);color:var(--gold-soft);border-color:#cba45a8c}.lock-toggle:disabled{opacity:.45}.result__hero .lock-toggle{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05050a80}.result__hero .lock-toggle.is-locked{background:#3c2e12b3}.result__body{flex-direction:column;gap:20px;min-width:0;padding:22px 32px 28px;display:flex}.facts{grid-template-columns:repeat(var(--facts,3), minmax(0, 1fr));gap:12px;display:grid}.fact{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--surface-2) 0%, #161a3859 100%);flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:14px 16px 16px;display:flex;position:relative}.fact:before{content:"";background:var(--gold);border-radius:2px;width:28px;height:2px;position:absolute;top:-1px;left:16px}.result.is-chaos .fact:before{background:var(--chaos)}.fact__label{color:var(--muted);font-size:13px;font-weight:600}.fact__value{align-items:center;gap:10px;min-width:0;display:flex}.fact__value svg{color:var(--gold);flex:none}.fact__value.is-rolling,.fact__value.is-muted,.fact__value.is-rolling svg,.fact__value.is-muted svg{color:var(--muted)}.fact__big{font-family:var(--font-display);letter-spacing:.03em;font-size:34px;font-weight:800;line-height:1}.fact__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.fact__note{color:var(--faint);font-size:13px;line-height:1.35}.fact__thumb{animation:slot-in .26s var(--ease);border:1px solid #ab9bff8c;border-radius:6px;flex:none}.build{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--night);padding:16px 18px 14px}.build__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.build__title{font-size:15px;font-weight:700}.build__gold{color:var(--gold-soft);font-variant-numeric:tabular-nums;opacity:0;transition:opacity .3s var(--ease);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.build__gold.is-visible{opacity:1}.build-row{grid-template-columns:repeat(var(--slots,6), minmax(0, 1fr));gap:14px 22px;margin:0;padding:0;list-style:none;display:grid}.slot{min-width:0;position:relative}.build-row>.slot+.slot:before{content:"";border-top:2px solid #cba45a99;border-right:2px solid #cba45a99;width:7px;height:7px;position:absolute;top:30px;left:-16px;transform:rotate(45deg)}.slot__button,.slot.is-hidden{text-align:center;flex-direction:column;align-items:center;gap:8px;width:100%;padding:4px 2px 6px;display:flex}.slot__button{border-radius:var(--radius-sm);background:0 0;border:0}.slot__frame{--cut:11px;background:linear-gradient(145deg, var(--gold-soft) 0%, var(--gold) 50%, #6e5122 100%);width:62px;height:62px;transition:transform .16s var(--ease), filter .16s var(--ease);flex:none;padding:2px;display:block;position:relative}.slot.is-boot .slot__frame{background:linear-gradient(145deg, #e4defc 0%, var(--violet-soft) 50%, #3f3196 100%)}.slot__inner{--cut:10px;background:var(--black);place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.slot__inner img{width:100%;height:100%}.slot__button:hover .slot__frame,.slot__button:focus-visible .slot__frame{filter:brightness(1.15);transform:translateY(-2px)}.slot.is-hidden .slot__frame{background:var(--line-strong)}.slot.is-hidden .slot__inner{color:var(--faint)}.slot.is-revealed{animation:slot-in .26s var(--ease)}.slot__index{font-family:var(--font-display);font-size:22px;font-weight:600}.slot__badge{background:var(--violet-soft);width:18px;height:18px;color:var(--black);border-radius:5px;place-items:center;display:grid;position:absolute;bottom:3px;left:3px}.slot__name{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;color:#d9d5ea;-webkit-box-orient:vertical;font-size:13px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.slot.is-boot .slot__name{color:var(--violet-soft)}.tooltip{--tx:-50%;z-index:20;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-3);text-align:left;opacity:0;width:270px;transform:translate(var(--tx), 4px);pointer-events:none;transition:opacity .14s var(--ease), transform .14s var(--ease);padding:12px 14px;font-size:13px;position:absolute;bottom:calc(100% + 4px);left:50%;box-shadow:0 16px 40px -12px #000c}.build-row>li:nth-child(-n+2) .tooltip{--tx:0;left:0}.build-row>li:nth-last-child(-n+2) .tooltip{--tx:0;left:auto;right:0}.slot:hover .tooltip,.slot:focus-within .tooltip{opacity:1;transform:translate(var(--tx), 0)}.tooltip__head{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.tooltip__gold{color:var(--gold-soft);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;display:inline-flex}.tooltip__stats{color:var(--violet-soft);margin:0 0 8px;padding:0;list-style:none}.tooltip__text{color:var(--muted)}.result__phrase{border-left:2px solid var(--gold);color:var(--gold-soft);opacity:0;transition:opacity .3s var(--ease);padding-left:12px;font-size:16px}.result__phrase.is-visible{opacity:1}.result__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.result__seed{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}@container (max-width:680px){.build-row{grid-template-columns:repeat(4,minmax(0,1fr))}.build-row>.slot+.slot:before{display:none}.build-row>li:nth-child(n) .tooltip{--tx:-50%;left:50%;right:auto}.build-row>li:nth-child(4n+1) .tooltip{--tx:0;left:0}.build-row>li:nth-child(4n) .tooltip{--tx:0;left:auto;right:0}}@container (max-width:560px){.facts{grid-template-columns:minmax(0,1fr)}.result__hero{min-height:240px;padding:20px 16px}.result__splash{width:100%}.result__hero:before{background:linear-gradient(90deg, #0b0e21d9 0%, #0b0e2133 80%), linear-gradient(0deg, var(--surface) 0%, #0f122800 60%)}.result__hero-inner{gap:16px}.champ-frame{--cut:12px;width:84px;height:84px}.champ-frame__inner{--cut:10px}.result__name{font-size:clamp(36px,12cqi,56px)}.result__body{gap:16px;padding:18px 16px 20px}.build{padding:14px 12px 10px}.build-row{gap:12px 8px}.slot__frame{--cut:9px;width:52px;height:52px}.slot__inner{--cut:8px}.tooltip{width:min(250px,80cqi)}}@container (max-width:400px){.build-row{grid-template-columns:repeat(3,minmax(0,1fr))}.build-row>li:nth-child(n) .tooltip{--tx:-50%;left:50%;right:auto}.build-row>li:nth-child(3n+1) .tooltip{--tx:0;left:0}.build-row>li:nth-child(3n) .tooltip{--tx:0;left:auto;right:0}.result__hero-inner{flex-direction:column;align-items:flex-start}}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;background:#0b0e21d1;max-height:calc(100vh - 32px);padding:20px;position:sticky;top:16px;overflow-y:auto}.panel__head{padding-bottom:14px}.panel__head h2{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1}.panel__head p{color:var(--muted);margin-top:6px;font-size:14px}.control{border-top:1px solid var(--line);padding:16px 0}.control__head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.control__lock{color:var(--faint);place-items:center;display:grid}.control__title{font-size:15px;font-weight:700}.control__summary{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:60%;margin-left:auto;font-size:13px;overflow:hidden}.control.is-locked .control__lock,.control.is-locked .control__summary{color:var(--gold-soft)}.control.is-overridden .control__summary{color:var(--chaos)}.control.is-overridden .control__body{opacity:.4}.control__body{flex-direction:column;gap:10px;display:flex}.control__hint{color:var(--muted);font-size:13px}.control--mode.is-chaos .control__summary{color:var(--chaos)}.segmented{border:1px solid var(--line);background:var(--black);border-radius:10px;padding:3px;display:flex}.segmented button{min-height:34px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;padding:0 10px;font-size:14px;font-weight:600}.segmented button:hover:not(:disabled){color:var(--text)}.segmented button.is-selected{background:var(--violet);color:#fff}.segmented button.is-selected.is-chaos{background:var(--chaos)}.segmented button:disabled{opacity:.4}.segmented--small button{min-height:30px;font-size:13px}.chip-grid{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);min-height:32px;color:var(--text);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:13px;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--violet-soft)}.chip.is-selected{border-color:var(--violet);background:var(--violet-dim)}.chip:disabled{opacity:.35}.chip__icon{color:var(--faint);flex:none}.chip.is-selected .chip__icon{color:var(--gold)}.chip__count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:12px}.chip.is-selected .chip__count{color:var(--violet-soft)}.lane-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.lane-option{border:1px solid var(--line);color:var(--muted);letter-spacing:.03em;background:0 0;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px 8px;font-size:12px;font-weight:700;display:flex}.lane-option:hover{color:var(--text);border-color:var(--line-strong)}.lane-option.is-selected{border-color:var(--violet);background:var(--violet-dim);color:var(--text)}.lane-option.is-selected svg{color:var(--gold-soft)}.switch{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch__track{border:1px solid var(--line-strong);background:var(--black);width:38px;height:22px;transition:background-color .16s var(--ease), border-color .16s var(--ease);border-radius:999px;flex:none;position:relative}.switch__track:after{content:"";background:var(--muted);width:14px;height:14px;transition:transform .16s var(--ease), background-color .16s var(--ease);border-radius:50%;position:absolute;top:3px;left:3px}.switch input:checked+.switch__track{border-color:var(--violet);background:var(--violet)}.switch input:checked+.switch__track:after{background:#fff;transform:translate(16px)}.switch input:focus-visible+.switch__track{outline:2px solid var(--gold-soft);outline-offset:2px}.switch.is-disabled{opacity:.45;cursor:not-allowed}.boots-options{flex-direction:column;gap:8px;display:flex}.input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--black);width:100%;min-height:38px;padding:0 12px;font-size:14px}.input::placeholder{color:var(--faint)}.input:focus-visible{border-color:var(--violet-soft);outline:none}.picker{flex-direction:column;gap:8px;display:flex}.picker__bar{align-items:center;gap:8px;display:flex}.picker__bar .link-button{flex:none}.picker__grid{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;max-height:264px;padding:2px;display:grid;overflow-y:auto}.picker__item{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:4px 2px;font-size:11px;display:flex}.picker__item img{filter:saturate(.7);border-radius:8px;width:44px;height:44px}.picker__item span{width:100%;color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.picker__item:hover{border-color:var(--line-strong)}.picker__item.is-selected{border-color:var(--gold);background:var(--gold-dim)}.picker__item.is-selected img{filter:none}.picker__item.is-selected span{color:var(--gold-soft)}.advanced summary{color:var(--violet-soft);cursor:pointer;font-size:13px;font-weight:600}.advanced__field{color:var(--muted);flex-direction:column;gap:6px;margin-top:8px;font-size:13px;display:flex}.drawer{border:0;border-left:1px solid var(--line-strong);background:var(--surface);width:min(440px,100%);max-width:100%;height:100%;max-height:100%;color:var(--text);margin:0 0 0 auto;padding:0}.drawer[open]{animation:drawer-in .24s var(--ease)}.drawer::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#030308a8}.drawer__panel{flex-direction:column;min-height:100%;padding:20px;display:flex}.drawer__head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.drawer__head h2{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1}.drawer__empty{color:var(--muted);max-width:36ch}.drawer__toolbar{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;display:flex}.drawer__confirm{color:var(--text);align-items:center;gap:10px;display:inline-flex}.history-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.history-entry{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--night);padding:14px}.history-entry.is-chaos{border-color:#c0508f59}.history-entry__top{align-items:center;gap:12px;display:flex}.history-entry__avatar{border:1px solid #cba45a66;border-radius:10px;width:44px;height:44px}.history-entry__info{flex-direction:column;flex:1;min-width:0;display:flex}.history-entry__info strong{font-family:var(--font-display);text-transform:uppercase;font-size:22px;font-weight:800;line-height:1.1}.history-entry__meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:12px;display:flex}.history-entry__meta svg{vertical-align:-2px;display:inline-block}.history-entry__chaos{color:var(--chaos);font-weight:700}.history-entry__items{flex-wrap:wrap;gap:6px;margin:12px 0 8px;padding:0;list-style:none;display:flex}.history-entry__items img{border:1px solid var(--line-strong);border-radius:6px}.history-entry__date{color:var(--faint);font-variant-numeric:tabular-nums;gap:12px;font-size:12px;display:flex}.toast{z-index:50;border-radius:var(--radius-md);background:var(--surface-3);opacity:0;pointer-events:none;max-width:calc(100% - 32px);transition:opacity .18s var(--ease), transform .18s var(--ease);border:1px solid #cba45a73;padding:12px 18px;font-size:14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px)}.toast.is-visible{opacity:1;transform:translate(-50%)}.spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes slot-in{0%{opacity:0;transform:translateY(8px)scale(.94)}}@keyframes splash-in{0%{opacity:0;transform:scale(1.06)}}@keyframes drawer-in{0%{opacity:0;transform:translate(32px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (max-width:960px){.layout{grid-template-columns:minmax(0,1fr)}.panel{max-height:none;position:static;overflow:visible}.home{min-height:0;padding:48px 20px 40px}}@media (max-width:640px){.app{padding:0 16px 24px}.app-header{padding:14px 0}.patch{display:none}.home{padding:36px 16px 32px}.roll-button{justify-content:center;gap:14px;width:100%;padding:14px 18px}.roll-button__die{width:52px;height:52px}.roll-button__label{font-size:30px}.result__actions .button{white-space:nowrap;flex:1;padding:0 12px}.brand__name{font-size:22px}.brand__mark{width:32px;height:32px}.result__seed{text-align:center;width:100%;margin-left:0}.panel{padding:16px}}.quick-roll{display:none}@media (max-width:960px){.quick-roll{left:50%;bottom:max(16px, env(safe-area-inset-bottom));z-index:40;color:#fff;width:min(420px,100% - 32px);min-height:54px;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease);background:linear-gradient(#6f52f4 0%,#4f33d6 100%);border:1px solid #e8d3a08c;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:24px;font-weight:800;display:inline-flex;position:fixed;transform:translate(-50%,24px);box-shadow:0 0 0 5px #05050a8c,0 14px 40px -10px #6a4cf0b3}.quick-roll svg{color:var(--gold-soft)}.quick-roll.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.quick-roll:disabled{opacity:.6}.app{padding-bottom:96px}.toast{bottom:88px}}@media (max-width:640px){.app-header .button--small{padding:0 10px}.home{gap:0}.home__content{gap:18px}.home__title{font-size:clamp(38px,12.5cqi,54px)}.home__lead{text-wrap:balance;max-width:34ch;font-size:15px}.home__mosaic{opacity:.26;grid-template-columns:repeat(auto-fill,48px);gap:8px}.home__mosaic img{border-radius:8px;width:48px;height:48px}.picks{border:1px solid var(--line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05050a8c;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0;padding:14px 8px 12px}.pick__frame{--cut:10px;width:60px;height:60px;margin-bottom:8px}.pick__inner{--cut:9px}.pick__inner svg{width:30px;height:30px}.pick__state{border-radius:4px;width:16px;height:16px;bottom:2px;left:2px}.pick__state svg{width:10px;height:10px}.pick__label{font-size:11px}.pick__value{font-size:15px}.home .roll-button{border-radius:18px}.result__hero{min-height:220px;padding:18px 16px}.result__hero-inner{flex-direction:row;align-items:flex-end;gap:14px}.champ-frame{--cut:11px;width:76px;height:76px}.champ-frame__inner{--cut:9px}.result__name{font-size:clamp(34px,11cqi,48px)}.result__title{font-size:14px}.result__subline{gap:8px 12px;margin-top:8px}.result__body{gap:16px;padding:16px 14px 18px}.facts{border:1px solid var(--line);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--surface-2) 0%, #161a3859 100%);grid-template-columns:minmax(0,1fr);gap:0;overflow:hidden}.fact{background:0 0;border:0;border-radius:0;flex-flow:wrap;align-items:center;gap:6px 12px;min-height:58px;padding:10px 14px}.fact+.fact{border-top:1px solid var(--line)}.fact:before{width:2px;height:22px;top:50%;left:0;transform:translateY(-50%)}.fact__label{flex:none;width:84px;font-size:12px}.fact__value{flex:1;gap:8px}.fact__value svg{width:24px;height:24px}.fact__big{font-size:24px}.fact__text{font-size:15px}.fact__thumb{width:30px;height:30px}.fact__note{display:none}.fact .lock-toggle{margin-left:auto;padding:4px 9px;font-size:12px}.build{padding:12px 10px 8px}.build__head{margin-bottom:10px;padding:0 4px}.slot__name{font-size:12px}.result__phrase{font-size:15px}.panel__head h2{font-size:26px}.segmented button{padding:0 6px;font-size:13px}.chip-grid{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;grid-template-rows:repeat(3,auto);grid-auto-flow:column;justify-content:start;justify-items:start;gap:6px;margin:0 -16px;padding:2px 16px 6px;display:grid;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 28px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 28px),#0000 100%)}.chip-grid::-webkit-scrollbar{display:none}.chip{white-space:nowrap;scroll-snap-align:start}.lane-option{padding:10px 4px 9px}.drawer{border-left:0;width:100%}.drawer__panel{padding:16px}.drawer__head h2{font-size:28px}.footer{margin-top:32px}}.donate-link{border-radius:var(--radius-md);max-width:520px;color:var(--text);transition:border-color .16s var(--ease), transform .16s var(--ease);background:linear-gradient(90deg,#33e0c21a,#ff5fae0f);border:1px solid #33e0c252;align-items:center;gap:14px;margin-bottom:20px;padding:12px 16px 12px 12px;text-decoration:none;display:flex}.donate-link:hover{border-color:#33e0c2b3;transform:translateY(-1px)}.donate-link__icon{border:1px solid #33e0c299;border-radius:10px;flex:none;width:44px;height:44px;overflow:hidden}.donate-link__icon img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease)}.donate-link:hover .donate-link__icon img{transform:scale(1.12)rotate(-4deg)}.donate-link__text{flex-direction:column;flex:1;min-width:0;display:flex}.donate-link__text strong{font-size:15px;line-height:1.3}.donate-link__text span{color:var(--muted);font-size:13px}.donate-link__arrow{color:#33e0c2;flex:none}.donate-app{--akali:#33e0c2;--akali-soft:#a6f5e6;--akali-dim:#33e0c224;--kda:#ff5fae}a.brand{color:inherit;text-decoration:none}.app-header a.button{color:var(--text);text-decoration:none}.donate{flex-direction:column;gap:28px;display:flex}.donate-hero{isolation:isolate;border-radius:var(--radius-lg);background:radial-gradient(600px 380px at 15% 110%, #33e0c238, transparent 70%), radial-gradient(500px 300px at 70% -10%, #ff5fae33, transparent 70%), var(--night);border:1px solid #33e0c247;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:40px;min-height:560px;padding:48px;display:grid;position:relative;overflow:hidden}.donate-hero__splash{z-index:-2;object-fit:cover;object-position:60% 20%;opacity:.72;width:100%;height:100%;animation:splash-in .7s var(--ease);transition:opacity .5s var(--ease), filter .5s var(--ease), transform .5s var(--ease);position:absolute;inset:0}.donate-hero:before{content:"";z-index:-1;background:linear-gradient(90deg, var(--night) 8%, #0b0e21c7 45%, #0b0e218c 100%), linear-gradient(0deg, #0b0e21e6 0%, transparent 45%);position:absolute;inset:0}.smoke{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.smoke span{bottom:-120px;left:calc(var(--i) * 15% - 5%);filter:blur(12px);width:220px;height:220px;animation:smoke-rise calc(9s + var(--i) * 1.3s) linear infinite;animation-delay:calc(var(--i) * -2.1s);background:radial-gradient(circle,#33e0c238,#0000 65%);border-radius:50%;position:absolute}.smoke span:nth-child(2n){background:radial-gradient(circle,#ff5fae29,#0000 65%)}.donate-hero.is-shrouded .donate-hero__splash{opacity:.08;filter:blur(8px)saturate(.4);transform:scale(1.04)}.donate-hero.is-shrouded .smoke span{width:420px;height:420px;animation:shroud-puff 2.4s var(--ease) both;animation-delay:calc(var(--i) * 60ms);background:radial-gradient(circle,#788caa80,#0000 65%)}.donate-hero.is-shrouded .pix-card__peek img{animation:none;transform:translateY(110%)}.donate-hero.is-shrouded .donate-title{animation:2.4s step-end both shroud-flicker}.donate-hero__copy{flex-direction:column;align-items:flex-start;gap:18px;min-width:0;display:flex}.donate-teaser{min-height:1.5em;color:var(--akali-soft);animation:teaser-in .5s var(--ease);font-size:15px;font-weight:600}.donate-title{max-width:16ch;font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;text-wrap:balance;text-shadow:0 4px 30px #05050abf;font-size:clamp(44px,5.4vw,80px);font-weight:800;line-height:.9}.donate-lead{color:#cfcae3;max-width:48ch;font-size:17px}.skin-goal{border:1px solid var(--line-strong);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05050a8c;width:100%;max-width:440px;padding:14px 16px}.skin-goal__head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.skin-goal__head span{color:var(--muted)}.skin-goal__head strong{color:var(--akali-soft);text-align:right;animation:teaser-in .4s var(--ease);font-size:15px}.meter{background:var(--surface-3);border-radius:999px;height:10px;position:relative;overflow:hidden}.meter__fill{border-radius:inherit;background:linear-gradient(90deg, var(--akali), var(--kda));width:12%;animation:meter-load 1.6s var(--ease) both, meter-wobble 2.8s ease-in-out 1.6s infinite;transform-origin:0;position:absolute;inset:0 auto 0 0}.skin-goal__note{color:var(--faint);margin-top:8px;font-size:12px}.pix-card{border-radius:var(--radius-lg);text-align:center;background:#0f1228eb;border:1px solid #33e0c266;flex-direction:column;align-items:center;gap:12px;padding:24px 22px 20px;display:flex;position:relative;box-shadow:0 0 0 6px #33e0c20f,0 30px 60px -20px #000c}.pix-card__peek{pointer-events:none;width:56px;height:54px;position:absolute;top:-54px;right:28px;overflow:hidden}.pix-card__peek img{border:2px solid var(--akali);object-fit:cover;width:56px;height:56px;animation:peek 7s var(--ease) 1.2s infinite;border-radius:50% 50% 8px 8px;transform:translateY(110%)}.pix-card__title{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1}.pix-card__qr{box-shadow:0 0 0 3px var(--akali), 0 0 34px -4px #33e0c28c;background:#fff;border-radius:14px;padding:10px;animation:3.2s ease-in-out infinite qr-glow;position:relative}.pix-card__qr img{width:230px;height:230px;image-rendering:pixelated}.pix-card__hint{color:var(--muted);font-size:13px}.pix-code{width:100%}.pix-code input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--black);width:100%;min-height:38px;color:var(--muted);text-overflow:ellipsis;padding:0 12px;font-size:12px}.pix-code input:focus-visible{border-color:var(--akali);color:var(--text);outline:none}.pix-copy{width:100%;position:relative}.pix-copy__button{color:#04221c;background:linear-gradient(#3be8c9 0%,#1fb89c 100%);width:100%}.pix-copy__button:hover:not(:disabled){background:linear-gradient(#5af0d5 0%,#24c4a7 100%)}.pix-copy__button.is-copied,.pix-copy__button.is-copied:hover:not(:disabled){color:#fff;background:linear-gradient(#ff7cbd 0%,#e2478f 100%)}.kunai-burst{z-index:2;pointer-events:none;position:absolute;top:50%;left:50%}.kunai-burst>span{color:var(--akali);filter:drop-shadow(0 0 6px #33e0c2cc);animation:1s cubic-bezier(.15,.7,.3,1) both kunai-fly;position:absolute;top:-12px;left:-12px}.kunai-burst>span:nth-child(odd){color:var(--kda)}.pix-card__to{color:var(--faint);font-size:12px}.pix-card__message{min-height:2.6em;color:var(--akali-soft);font-size:13px;line-height:1.3}.skins__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin-bottom:14px;display:flex}.skins__head h2{font-family:var(--font-display);font-size:32px;font-weight:800;line-height:1}.skins__head p{color:var(--muted);font-size:14px}.skin-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.skin-card{border:2px solid var(--line);background:var(--night);aspect-ratio:308/560;width:100%;transition:transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);border-radius:14px;padding:0;display:block;position:relative;overflow:hidden}.skin-card img{object-fit:cover;filter:saturate(.6)brightness(.75);width:100%;height:100%;transition:filter .22s var(--ease), transform .4s var(--ease)}.skin-card:after{content:"";background:linear-gradient(#0000 55%,#05050aeb 100%);position:absolute;inset:0}.skin-card__name{z-index:1;text-align:left;font-size:12px;font-weight:600;line-height:1.25;position:absolute;bottom:8px;left:8px;right:8px}.skin-card:hover{border-color:#33e0c280;transform:translateY(-4px)rotate(-1deg)}.skin-card:hover img{filter:none;transform:scale(1.05)}.skin-card.is-selected{border-color:var(--akali);box-shadow:0 0 24px -4px #33e0c299}.skin-card.is-selected img{filter:none}.skin-card.is-selected .skin-card__name{color:var(--akali-soft)}.donate-steps ol{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.donate-steps li{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);counter-increment:step;flex-direction:column;gap:4px;padding:18px 18px 18px 64px;display:flex;position:relative}.donate-steps li:before{content:counter(step);background:var(--akali-dim);width:32px;height:32px;color:var(--akali);font-family:var(--font-display);border-radius:8px;place-items:center;font-size:20px;font-weight:800;display:grid;position:absolute;top:16px;left:18px}.donate-steps strong{font-size:15px}.donate-steps span{color:var(--muted);font-size:14px}@keyframes smoke-rise{0%{opacity:0;transform:translateY(0)scale(.8)}20%{opacity:1}to{opacity:0;transform:translateY(-760px)scale(1.4)}}@keyframes shroud-puff{0%{opacity:0;transform:translateY(-200px)scale(.2)}25%{opacity:1;transform:translateY(-260px)scale(1.3)}80%{opacity:.9}to{opacity:0;transform:translateY(-300px)scale(1.6)}}@keyframes shroud-flicker{0%,to{opacity:1}15%,45%{opacity:.15}30%,60%{opacity:.6}75%{opacity:.2}}@keyframes teaser-in{0%{opacity:0;transform:translateY(6px)}}@keyframes meter-load{0%{width:0}}@keyframes meter-wobble{0%,to{transform:scaleX(1)}40%{transform:scaleX(1.25)}55%{transform:scaleX(.85)}}@keyframes peek{0%,62%,to{transform:translateY(110%)}70%,86%{transform:translateY(8%)}76%{transform:translateY(8%)rotate(-8deg)}80%{transform:translateY(8%)rotate(6deg)}}@keyframes qr-glow{0%,to{box-shadow:0 0 0 3px var(--akali), 0 0 26px -6px #33e0c273}50%{box-shadow:0 0 0 3px var(--kda), 0 0 40px -2px #ff5fae80}}@keyframes kunai-fly{0%{transform:rotate(var(--a)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--a)) translateY(-150px) scale(1.15);opacity:0}}@media (max-width:1180px){.skin-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:960px){.donate-hero{grid-template-columns:minmax(0,1fr);gap:48px;min-height:0;padding:36px 28px}.pix-card{justify-self:center;width:100%;max-width:380px}.donate-steps ol{grid-template-columns:minmax(0,1fr)}.donate-app{padding-bottom:24px}}@media (max-width:640px){.donate-link{padding:10px 12px 10px 10px}.donate-link__text strong{font-size:14px}.donate-hero{gap:44px;padding:28px 16px 20px}.donate-hero__splash{object-position:65% 10%}.donate-title{font-size:clamp(38px,12vw,52px)}.donate-lead{font-size:15px}.skin-goal{max-width:none}.pix-card{padding:22px 16px 16px}.pix-card__qr img{width:min(230px,62vw);height:min(230px,62vw)}.skins__head h2{font-size:26px}.skin-grid{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:132px;grid-auto-flow:column;margin:0 -16px;padding:4px 16px 10px;scroll-padding-inline:16px;overflow-x:auto}.skin-grid li{scroll-snap-align:start}.donate-app{padding-bottom:24px}}.header-donate{color:#a6f5e6;white-space:nowrap;min-height:36px;transition:border-color .16s var(--ease), transform .16s var(--ease);background:linear-gradient(90deg,#33e0c229,#ff5fae1f);border:1px solid #33e0c280;border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 4px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.header-donate:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff47 50%,#0000 70%);animation:6s ease-in-out 1.5s infinite donate-shine;position:absolute;inset:0;transform:translate(-120%)}.header-donate img{object-fit:cover;width:26px;height:26px;transition:transform .3s var(--ease);border:1px solid #33e0c2;border-radius:50%;flex:none}.header-donate:hover{border-color:#33e0c2;transform:translateY(-1px)}.header-donate:hover img{transform:rotate(-12deg)scale(1.1)}.donate-nudge{z-index:45;width:min(360px,100% - 32px);animation:nudge-in .52s var(--ease) both;background:linear-gradient(135deg,#33e0c21a,#ff5fae14),#0f1228f7;border:1px solid #33e0c273;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 40px 14px 14px;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 24px 50px -16px #000000d9}.donate-nudge__avatar{object-fit:cover;border:2px solid #33e0c2;border-radius:12px;flex:none;width:56px;height:56px;animation:1.2s ease-in-out .6s 2 nudge-wave}.donate-nudge__body{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.donate-nudge__title{font-size:15px;font-weight:700}.donate-nudge__text{color:var(--muted);font-size:13px;line-height:1.35}.donate-nudge__cta{color:#04221c;background:linear-gradient(#3be8c9 0%,#1fb89c 100%);border-radius:999px;align-items:center;min-height:32px;margin-top:6px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.donate-nudge__cta:hover{background:linear-gradient(#5af0d5 0%,#24c4a7 100%)}.donate-nudge__close{width:30px;height:30px;position:absolute;top:6px;right:6px}@keyframes donate-shine{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes nudge-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes nudge-wave{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(8deg)}}@media (max-width:960px){.header-donate__long{display:none}.donate-nudge{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));width:auto;max-width:480px;margin:0 auto}.donate-nudge.is-raised{bottom:86px}}@media (max-width:640px){.app-header__end{gap:8px}.header-donate{min-height:34px;padding-right:12px}.header-donate img{width:24px;height:24px}.app-header__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-header .button--small{gap:6px}}@property --cd-p{syntax:"<percentage>";inherits:false;initial-value:100%}.abilities{flex-direction:column;gap:8px;display:flex}.ability-bar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#05050a99;border:1px solid #c8aa6e59;border-radius:14px;gap:10px;padding:8px;display:flex}.ability{width:54px;height:54px;color:var(--akali-soft);transition:transform .14s var(--ease), border-color .14s var(--ease), box-shadow .14s var(--ease);background:linear-gradient(145deg,#1d2a3a,#0b0e21);border:2px solid #8c7444;border-radius:8px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.ability img{object-fit:cover;width:100%;height:100%;transition:filter .16s var(--ease)}.ability:hover{border-color:#e8d3a0;transform:translateY(-2px);box-shadow:0 0 16px -2px #33e0c299}.ability:active{transform:scale(.94)}.ability.is-cooling{border-color:var(--akali)}.ability.is-cooling img{filter:grayscale(.7)brightness(.7)}.ability__cd{background:conic-gradient(#05050abf var(--cd-p), transparent 0);animation:ability-cd var(--cd) linear forwards;position:absolute;inset:0}.ability__key{color:#f0e6d2;background:#05050ad9;border:1px solid #c8aa6e99;border-radius:4px;place-items:center;min-width:17px;height:17px;padding:0 3px;font-size:11px;font-weight:700;line-height:1;display:grid;position:absolute;bottom:2px;right:2px}.abilities__hint{color:var(--muted);font-size:13px}@media (pointer:coarse){.abilities__keys{display:none}}.fx{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fx-q{position:absolute;top:70%;left:6%}.fx-q>span{color:var(--akali);filter:drop-shadow(0 0 8px #33e0c2e6);transform-origin:0;animation:q-fly 1s cubic-bezier(.4, .15, .55, 1) var(--d) both;display:block;position:absolute;top:-22px;left:0}.fx-q>span:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,currentColor);border-radius:3px;width:140px;height:3px;position:absolute;top:50%;right:60%;transform:translateY(-50%)}.fx-q>span:nth-child(2n){color:var(--kda);filter:drop-shadow(0 0 8px #ff5faee6)}.fx-q svg{transform:rotate(90deg)}.fx-e{animation:.65s cubic-bezier(.3,.6,.4,1) both e-path;position:absolute;top:68%;left:6%}.fx-e>span{color:var(--kda);filter:drop-shadow(0 0 10px #ff5faee6);margin:-28px 0 0 -28px;animation:.25s linear infinite e-spin;display:block}.pix-card.is-marked{animation:.42s ease-out .6s card-hit}.pix-card.is-marked:after{content:"";border:2px solid var(--kda);border-radius:calc(var(--radius-lg) + 8px);pointer-events:none;animation:2s ease-out .6s both mark-pulse;position:absolute;inset:-8px;box-shadow:0 0 30px #ff5fae8c}.fx-r>span{transform-origin:0;background:linear-gradient(90deg,#0000,#a6f5e6 25%,#fff 50%,#ff5fae 75%,#0000);border-radius:4px;width:120%;height:4px;animation:.52s cubic-bezier(.2,.8,.2,1) both r-slash;position:absolute;left:-10%;box-shadow:0 0 18px #a6f5e6e6}.fx-r>span:first-child{--r:-12deg;top:38%}.fx-r>span:nth-child(2){--r:10deg;animation-delay:.24s;top:62%}.fx-r>i{opacity:0;background:#fff;animation:.6s ease-out .18s r-flash;position:absolute;inset:0}.donate-hero.is-executed .donate-hero__copy,.donate-hero.is-executed .pix-card{animation:.38s ease-out .2s hero-shake}.donate-hero.is-executed .donate-hero__splash{animation:splash-dash .7s var(--ease)}@keyframes ability-cd{0%{--cd-p:100%}to{--cd-p:0%}}@keyframes q-fly{0%{transform:rotate(var(--a)) translateX(0) scale(.6);opacity:0}10%,80%{opacity:1}to{transform:rotate(var(--a)) translateX(min(1100px, 88vw)) scale(1.1);opacity:0}}@keyframes e-path{0%{opacity:0;top:68%;left:6%}10%{opacity:1}55%{top:30%}90%{opacity:1;top:40%;left:82%}to{opacity:0;top:40%;left:82%;transform:scale(1.6)}}@keyframes e-spin{to{transform:rotate(360deg)}}@keyframes card-hit{0%,to{transform:translate(0)}20%{transform:translate(10px)rotate(1.5deg)}45%{transform:translate(-8px)rotate(-1deg)}70%{transform:translate(4px)}}@keyframes mark-pulse{0%{opacity:0;transform:scale(1.08)}15%{opacity:1;transform:scale(1)}60%{opacity:.8}to{opacity:0}}@keyframes r-slash{0%{transform:rotate(var(--r)) scaleX(0);opacity:1}55%{transform:rotate(var(--r)) scaleX(1);opacity:1}to{transform:rotate(var(--r)) scaleX(1);opacity:0}}@keyframes r-flash{0%,to{opacity:0}20%{opacity:.3}}@keyframes hero-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px,3px)}40%{transform:translate(7px,-2px)}60%{transform:translate(-4px,1px)}80%{transform:translate(2px)}}@keyframes splash-dash{0%{transform:translate(0)}30%{filter:brightness(1.6)saturate(1.4);transform:translate(-40px)scale(1.04)}to{transform:translate(0)}}@media (max-width:960px){@keyframes e-path{0%{opacity:0;top:44%;left:10%}10%{opacity:1}90%{opacity:1;top:72%;left:50%}to{opacity:0;top:72%;left:50%;transform:scale(1.6)}}.fx-q{top:46%}}@media (max-width:640px){.ability-bar{justify-content:space-between;align-self:stretch}.ability{width:58px;height:58px}.abilities{align-self:stretch}}.app-header .button--small,.header-donate{white-space:nowrap}@media (max-width:640px){.brand{gap:8px;min-width:0}.brand__name{font-size:clamp(18px,5.4vw,22px)}.app-header__end{flex:none}.header-back__long{display:none}}