@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Barlow+Condensed:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--ink: #e9edf6;--dim: #8b93a6;--danger: #ff2f45;--accent: #ff6a1e;--plate: linear-gradient(180deg, #171b24f2, #0a0d13f2);--edge: #2f3648;--gold: #c9a227;--display: "Cinzel", Georgia, serif;--ui: "Barlow Condensed", ui-sans-serif, system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:#04050a;overflow:hidden}body{font:500 15px/1.35 var(--ui);color:var(--ink);user-select:none;-webkit-user-select:none;cursor:default}#view{position:fixed;inset:0;width:100%;height:100%;display:block}#flash{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,transparent 30%,#b4001c 100%);transition:opacity .06s linear}#hud:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 130% 100% at 50% 45%,transparent 55%,#000c 100%)}#numbers{position:fixed;inset:0;pointer-events:none;overflow:hidden}.num{position:absolute;top:0;left:0;font:700 24px/1 var(--ui);letter-spacing:.02em;text-shadow:0 2px 8px #000,0 0 4px #000,0 0 18px currentColor;will-change:transform,opacity}.num[data-kind=hit]{color:#fff0d2}.num[data-kind=crit]{color:#ffcf4d;font-size:36px;font-weight:900}.num[data-kind=taken]{color:#ff5f6d;font-weight:900}#hud{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:0 34px 30px}header{display:flex;flex-direction:column;align-items:center;gap:6px}.plate{position:relative;text-align:center;padding:8px 40px 9px;background:linear-gradient(180deg,#0a0d13f0,#0a0d13d8 62%,#0a0d1300);border-bottom:none;box-shadow:none;width:min(760px,80vw)}.plate:after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--edge) 25%,var(--edge) 75%,transparent)}#name{font-family:var(--display);font-size:clamp(15px,1.9vw,23px);font-weight:900;letter-spacing:.2em;text-transform:uppercase;text-shadow:0 0 24px #000,0 2px 2px #000;background:linear-gradient(180deg,#fff 32%,#c3ccdf 76%,#7c8598);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#title{font-family:var(--display);font-size:9px;letter-spacing:.38em;text-transform:uppercase;color:var(--dim);margin-top:2px}#bossbar{position:relative;width:min(700px,74vw);height:11px;margin:7px auto 0;background:#05070c;border:1px solid var(--edge);box-shadow:inset 0 0 22px #000,0 0 0 1px #000;overflow:hidden}#bossbar>u{position:absolute;inset:0;display:block;width:100%;background:#ffffff2e;transition:width .55s cubic-bezier(.2,.8,.3,1) .12s}#bossbar>i{position:absolute;inset:0;display:block;width:100%;background:linear-gradient(180deg,#ffffff38,transparent 42%,#00000055),linear-gradient(90deg,#8d0f1e,var(--danger) 55%,var(--accent));box-shadow:0 0 26px #ff3a2a80;transition:width .1s linear}#bossbar:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 1px),#000000cc calc(10% - 1px) 10%)}#bossmeta{display:flex;justify-content:space-between;align-items:baseline;width:min(700px,74vw);margin:4px auto 0;font-size:10px;letter-spacing:.2em;color:var(--dim);text-transform:uppercase}#bosspct{color:var(--ink);font-weight:600}#enrage{font-variant-numeric:tabular-nums}#enrage.urgent{color:var(--danger);animation:throb 1s steps(2,end) infinite}@keyframes throb{50%{opacity:.25}}#affixes{display:flex;gap:7px}#affixes>span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;padding:3px 10px;color:#e4d9b4;background:linear-gradient(180deg,#1b1710e8,#0c0a06e8);border:1px solid #5a4a1f;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}#cast{width:min(460px,58vw);margin-top:12px;text-align:center;opacity:0;transform:translateY(-6px);transition:opacity .14s ease,transform .14s ease}#cast.on{opacity:1;transform:none}#cast>span{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:.34em;color:#ffd9a8;text-shadow:0 0 18px #ff8a3c88,0 2px 4px #000}#cast>b{display:block;height:7px;margin-top:6px;background:#05070c;border:1px solid #4a3a22;position:relative;overflow:hidden}#cast>b>i{position:absolute;inset:0;display:block;width:0;background:linear-gradient(90deg,#ffb020,#ff4a2d);box-shadow:0 0 16px #ff7a2ecc}#banner{align-self:center;text-align:center;opacity:0;transform:scale(.96);transition:opacity .4s ease,transform .4s ease}#banner.on{opacity:1;transform:none}#banner b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(34px,6.4vw,78px);letter-spacing:.14em;text-shadow:0 6px 40px #000,0 0 3px #000}#banner i{display:block;margin-top:12px;font-size:13px;letter-spacing:.38em;color:var(--dim);font-style:normal;text-transform:uppercase}#banner.dead b{color:#ff4256;text-shadow:0 0 60px #ff0f2a88,0 6px 40px #000}#banner.win b{color:#ffd479;text-shadow:0 0 70px #ffb02088,0 6px 40px #000}footer{display:flex;flex-direction:column;align-items:center;gap:11px}#vitals{width:min(460px,62vw);display:flex;flex-direction:column;gap:6px;filter:drop-shadow(0 8px 26px #000b)}.meter{position:relative;height:20px;background:#05070c;border:1px solid var(--edge);box-shadow:inset 0 0 18px #000;clip-path:polygon(11px 0,100% 0,calc(100% - 11px) 100%,0 100%);overflow:hidden}.meter>u{position:absolute;inset:0;display:block;width:100%;background:#ffffff30;transition:width .5s cubic-bezier(.2,.8,.3,1) .1s}.meter>i{position:absolute;inset:0;display:block;width:100%;transition:width .1s linear;background-image:linear-gradient(180deg,#ffffff3d,transparent 45%,#0006)}.meter>span{position:absolute;inset:0;display:grid;place-items:center;font-size:12px;font-weight:700;letter-spacing:.16em;text-shadow:0 1px 3px #000;font-variant-numeric:tabular-nums}#hp>i{background-color:#2fae55;background-blend-mode:overlay}#hp.low>i{background-color:#d8321f}#stam{height:9px}#stam>i{background-color:#3f7fd6}#abilities{display:flex;gap:12px}.pip{position:relative;width:62px;height:44px;overflow:hidden;background:linear-gradient(180deg,#141922e8,#080b11e8);border:1px solid var(--edge);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);display:grid;place-items:center;gap:0}.pip>u{position:absolute;left:0;right:0;bottom:0;height:0;background:linear-gradient(180deg,#ffffff10,var(--accent));opacity:.32}.pip.ready{border-color:#6f7f9e;box-shadow:0 0 16px #ffffff18,inset 0 0 14px #ffffff0d}.pip.ready>u{opacity:.5}.pip>b{position:relative;font-size:10px;font-weight:700;letter-spacing:.16em;color:#cfd7e6;line-height:1.1}.pip>i{position:relative;font-style:normal;font-size:9px;letter-spacing:.14em;color:#6d778c}.pip:not(.ready)>b{color:#58607280}#keys{display:flex;gap:22px;font-size:11px;letter-spacing:.2em;color:#5b6376;text-transform:uppercase}#keys b{font-weight:700;color:#98a2b8;border:1px solid #333b4e;padding:2px 7px;margin-right:5px;background:#0d1119;border-radius:2px}#click2play{position:fixed;inset:0;z-index:5;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at center,#05060ac9,#000000ef);backdrop-filter:blur(4px)}#click2play.hidden{display:none}#click2play b{font-family:var(--display);font-weight:900;font-size:clamp(26px,4.6vw,54px);letter-spacing:.3em;text-shadow:0 0 60px #ff6a1e55,0 6px 30px #000;animation:breathe 2.6s ease-in-out infinite}@keyframes breathe{50%{opacity:.55}}#click2play i{font-style:normal;font-size:12px;letter-spacing:.28em;color:var(--dim);text-transform:uppercase}#click2play hr{width:220px;border:0;height:1px;background:linear-gradient(90deg,transparent,var(--edge),transparent)}#meta{display:flex;gap:20px;font-size:11px;letter-spacing:.2em;color:#7d879c;text-transform:uppercase}#meta b{color:var(--ink);font-weight:700}#meta .hot{color:#ffcf4d}#draft,#summary{position:fixed;inset:0;z-index:20;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#05070ccc,#000000f2);backdrop-filter:blur(6px)}#draft.on,#summary.on{display:flex}.sheet{width:min(980px,92vw);padding:34px 40px 30px;text-align:center;background:linear-gradient(180deg,#12161ff5,#080b11f8);border:1px solid var(--edge);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,0 calc(100% - 22px),0 22px);box-shadow:0 40px 120px #000,inset 0 0 60px #ffffff06;animation:rise .3s cubic-bezier(.2,.9,.3,1)}.sheet.wide{width:min(880px,92vw)}@keyframes rise{0%{opacity:0;transform:translateY(18px) scale(.98)}}.sheet h2{font-family:var(--display);font-weight:900;font-size:clamp(20px,2.6vw,32px);letter-spacing:.26em;margin-bottom:6px}.sheet h2.win{color:#ffd479;text-shadow:0 0 50px #ffb02066}#draft-sub{font-size:11px;letter-spacing:.34em;color:var(--dim);text-transform:uppercase;margin-bottom:24px}.sheet .hint{margin-top:20px;font-size:10px;letter-spacing:.26em;color:#5b6376;text-transform:uppercase}.rule{height:1px;margin:24px 0 18px;background:linear-gradient(90deg,transparent,var(--edge),transparent)}#draft-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{position:relative;padding:26px 20px 20px;cursor:pointer;text-align:center;background:linear-gradient(180deg,#171c26,#0b0e15);border:1px solid var(--edge);color:var(--ink);font-family:var(--ui);transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.card:hover{transform:translateY(-5px);border-color:#7e8aa6;box-shadow:0 16px 40px #000a}.card em{position:absolute;top:8px;left:12px;font-style:normal;font-size:11px;letter-spacing:.1em;color:#5b6376}.card h3{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:.1em;margin-bottom:10px}.card p{font-size:13px;color:#a9b3c6;line-height:1.45;min-height:3.2em}.card span{display:inline-block;margin-top:12px;font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:#6d778c}.card.common{border-top:2px solid #6f7f9e}.card.rare{border-top:2px solid #4f9dff}.card.rare h3{color:#9ecbff}.card.legendary{border-top:2px solid #ffb020}.card.legendary h3{color:#ffd479}.card.legendary{box-shadow:inset 0 20px 50px #ffb02012}#sum-lines{list-style:none;margin:18px auto 0;width:min(460px,80%)}#sum-lines li{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid #ffffff0a;font-size:14px;letter-spacing:.06em}#sum-lines li.muted{color:var(--dim);font-size:12px}#sum-lines b{font-variant-numeric:tabular-nums}#sum-lines li:last-child{border-bottom:none;font-size:17px}#sum-lines li:last-child b{color:#ffcf4d;font-size:21px}.shophead{font-family:var(--display);font-size:12px;letter-spacing:.32em;color:var(--dim);font-weight:700}#sum-bank{margin:6px 0 16px;font-size:12px;letter-spacing:.2em;color:#ffcf4d;text-transform:uppercase}#sum-shop{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.buy{padding:13px 12px;text-align:left;cursor:pointer;color:var(--ink);background:#0d1119;border:1px solid #232a38;font-family:var(--ui);transition:border-color .12s ease,background .12s ease}.buy h4{font-size:13px;letter-spacing:.1em;font-weight:700}.buy p{font-size:11px;color:#7d879c;margin:3px 0 7px;line-height:1.35}.buy span{font-size:10px;letter-spacing:.16em;color:#5b6376}.buy.afford{border-color:#4a6a3f}.buy.afford span{color:#8ee06a}.buy.afford:hover{background:#121a14;border-color:#6f9c5e}.buy:disabled{cursor:default;opacity:.55}.buy.maxed span{color:#ffcf4d}#sum-close{margin-top:24px;padding:12px 46px;cursor:pointer;background:#161c27;color:var(--ink);border:1px solid #47526a;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.28em;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}#sum-close:hover{background:#1e2634;border-color:#7e8aa6}#intro{position:fixed;inset:0;z-index:40;overflow:hidden;background:#04050a;opacity:0;pointer-events:none;transition:opacity .7s ease}#intro.on{opacity:1;pointer-events:auto;cursor:pointer}#intro .art{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s ease;animation:drift 15s ease-out both}#intro .art.show{opacity:1}@keyframes drift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.09) translate3d(-1.2%,-.8%,0)}}#intro:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#04050af2 0%,#04050a66 14%,transparent 30%),linear-gradient(0deg,#04050afa 0%,#04050aef 22%,#04050ab8 38%,#04050a4d 52%,transparent 68%),radial-gradient(ellipse 110% 85% at 50% 42%,transparent 30%,#04050a99 78%,#04050ae6 100%)}#intro:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:#04050a;opacity:.34}#intro .grain{position:absolute;inset:0;pointer-events:none;opacity:.05;z-index:1;background-image:repeating-linear-gradient(0deg,#fff 0 1px,transparent 1px 3px);mix-blend-mode:overlay}#intro-copy{position:absolute;left:0;right:0;bottom:13%;padding:0 8vw;text-align:center;z-index:2}#intro-copy:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:148%;height:340%;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,#04050ae0 0%,#04050aa8 42%,transparent 72%);pointer-events:none}#intro-kicker{font-size:11px;letter-spacing:.52em;text-transform:uppercase;color:#d8894e;opacity:0;margin-bottom:18px;text-shadow:0 0 24px #000,0 2px 8px #000}#intro-title{font-family:var(--display);font-weight:900;font-size:clamp(30px,5.4vw,68px);letter-spacing:.18em;text-transform:uppercase;opacity:0;text-shadow:0 0 60px #000,0 4px 24px #000;background:linear-gradient(180deg,#fff 28%,#cbd4e6 70%,#7c8598);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}#intro-body{margin-top:22px;opacity:0;font-size:clamp(13px,1.3vw,17px);line-height:1.95;letter-spacing:.085em;color:#c6cede;text-shadow:0 2px 20px #000,0 0 40px #000;max-width:46em;margin-left:auto;margin-right:auto}#intro-kicker.in{animation:fadeUp .9s ease .15s both}#intro-title.in{animation:fadeUp 1.1s cubic-bezier(.16,.9,.3,1) .3s both}#intro-body.in{animation:fadeUp 1.1s ease .62s both}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}#intro-dots{position:absolute;bottom:46px;left:0;right:0;z-index:3;display:flex;justify-content:center;gap:9px}#intro-dots i{width:26px;height:2px;background:#ffffff1f;transition:background .5s ease}#intro-dots i.on{background:var(--accent)}#intro-skip{position:absolute;top:30px;right:34px;z-index:3;cursor:pointer;padding:9px 20px;background:#0d1119aa;color:#98a2b8;border:1px solid #2b3345;font-family:var(--ui);font-size:11px;letter-spacing:.3em;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)}#intro-skip:hover{color:#fff;border-color:#6f7f9e;background:#141b26}#intro-hint{position:absolute;bottom:22px;left:0;right:0;z-index:3;text-align:center;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:#4c5468}#event{position:absolute;left:0;right:0;top:22%;text-align:center;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}#event.on{opacity:1;transform:none}#event b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(18px,2.4vw,30px);letter-spacing:.3em;text-shadow:0 0 40px #000,0 2px 10px #000}#event i{display:block;margin-top:8px;font-style:normal;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#b9c2d4;text-shadow:0 2px 12px #000}#event.incoming b{color:#ffb020;animation:throb .7s steps(2,end) infinite}#event.active b{color:var(--accent)}#overdrive{position:relative;width:min(420px,58vw);height:18px;overflow:hidden;background:#05070c;border:1px solid var(--edge);box-shadow:inset 0 0 18px #000;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}#overdrive>u{position:absolute;inset:0;display:block;width:0;background:#ffffff26;transition:width .5s cubic-bezier(.2,.8,.3,1) .1s}#overdrive>i{position:absolute;inset:0;display:block;width:0;background:linear-gradient(90deg,#6a3ad8,#b06cff 60%,#ffd479);transition:width .12s linear}#overdrive>span{position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:700;letter-spacing:.34em;color:#cfd7e6;text-shadow:0 1px 3px #000}#overdrive>em{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-style:normal;font-size:9px;letter-spacing:.1em;color:#6d778c}#overdrive.ready{border-color:#ffd479;box-shadow:0 0 26px #ffb02066,inset 0 0 22px #ffb02033;animation:throb 1.1s ease-in-out infinite}#overdrive.ready>span{color:#fff}#overdrive.firing>i{background:linear-gradient(90deg,#ffd479,#fff)}#wallet{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#05070ce0,#000000f6);backdrop-filter:blur(7px);opacity:0;transition:opacity .45s ease}#wallet.on{display:flex;opacity:1}#wallet .sheet{width:min(620px,92vw);padding:40px 44px 32px}#wallet.shake .sheet{animation:shake .4s ease}@keyframes shake{10%,90%{transform:translate(-3px)}30%,70%{transform:translate(6px)}50%{transform:translate(-8px)}}#wallet .lede{margin-top:12px;font-size:14px;line-height:1.7;color:#b9c2d4;letter-spacing:.04em}#wallet .lede b{color:#ffcf4d;font-weight:700}.known-row{display:none;align-items:center;justify-content:center;gap:12px;margin-top:26px}#wallet.known .known-row{display:flex}#wallet.known .field,#wallet.known #wallet-error{display:none}.known-row span{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--dim)}.known-row b{font-family:ui-monospace,monospace;font-size:15px;color:#8ee06a;letter-spacing:.06em}#wallet-change{background:none;border:none;cursor:pointer;color:#6d90c8;font-family:var(--ui);font-size:11px;letter-spacing:.16em;text-decoration:underline}#wallet-change:hover{color:#9ecbff}.field{display:block;margin-top:26px;text-align:left}.field>span{display:block;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);margin-bottom:9px}#wallet-input{width:100%;padding:15px 16px;background:#05070c;border:1px solid #2b3345;color:var(--ink);font-family:ui-monospace,monospace;font-size:15px;letter-spacing:.04em}#wallet-input:focus{outline:none;border-color:#6f7f9e;box-shadow:0 0 0 3px #ffffff0a}#wallet-input::placeholder{color:#3f475a}#wallet-error{min-height:1.4em;margin-top:10px;text-align:left;font-size:12px;letter-spacing:.04em;color:#ff5f6d}#wallet .warn{margin-top:20px;padding:12px 14px;text-align:left;font-size:12px;line-height:1.6;color:#e4d9b4;background:#1b171099;border-left:2px solid var(--gold)}#wallet-submit{width:100%;margin-top:24px;padding:15px;cursor:pointer;background:#16202b;color:var(--ink);border:1px solid #47526a;font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.3em;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:background .12s ease,border-color .12s ease}#wallet-submit:hover:not(:disabled){background:#1e2c3a;border-color:#7e8aa6}#wallet-submit:disabled{opacity:.4;cursor:default}#wallet .fineprint{margin-top:16px;font-size:10px;line-height:1.6;color:#5b6376;letter-spacing:.04em}#sum-claim{display:none;margin:20px auto 0;width:min(460px,80%);padding:16px 18px;align-items:baseline;gap:12px;border:1px solid #3a4a2a;background:linear-gradient(180deg,#101a10cc,#080d08cc);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}#sum-claim.on{display:flex}#sum-claim b{font-family:var(--display);font-size:22px;font-weight:900;color:#8ee06a;letter-spacing:.06em}#sum-claim span{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#7d9c6a}#sum-claim i,#sum-claim a{margin-left:auto;font-style:normal;font-family:ui-monospace,monospace;font-size:11px;color:#6d778c;text-decoration:none}#sum-claim a{color:#8ee06a;border-bottom:1px solid #8ee06a55}#sum-claim a:hover{color:#b6f39a}#sum-claim.sent{border-color:#4a6a3f}#sum-claim.sending{border-color:#47526a}#sum-claim.sending b{color:#cfd7e6}#sum-claim.failed{border-color:#5a2430;background:linear-gradient(180deg,#1a0e11cc,#0d0709cc)}#sum-claim.failed b,#sum-claim.failed span{color:#ff5f6d}#sum-claim.failed i{color:#a8636c}