@font-face{font-family:Cinzel;src:url(../fonts/cinzel-400-900.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:block}@font-face{font-family:Alegreya;src:url(../fonts/alegreya-400-900.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:block}@font-face{font-family:Fira Sans;src:url(../fonts/fira-sans-400.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Fira Sans;src:url(../fonts/fira-sans-500.woff2)format("woff2");font-weight:500;font-display:block}@font-face{font-family:Fira Sans;src:url(../fonts/fira-sans-600.woff2)format("woff2");font-weight:600;font-display:block}@font-face{font-family:Fira Sans;src:url(../fonts/fira-sans-700.woff2)format("woff2");font-weight:700;font-display:block}:root{--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--u:min(calc((100vw - var(--safe-l) - var(--safe-r)) / 941), calc((100dvh - var(--safe-t) - var(--safe-b)) / 1672));--font-display:"Cinzel", "Trajan Pro", Georgia, serif;--font-serif:"Alegreya", "Palatino Linotype", Georgia, serif;--font-sans:"Fira Sans", "Segoe UI", Roboto, system-ui, sans-serif;--navy-950:#050a1d;--navy-900:#070e27;--navy-850:#0a1129;--navy-800:#0e1733;--navy-700:#162144;--navy-600:#1f2d5c;--panel-bg:linear-gradient(180deg, #10183af0 0%, #080d24f0 100%);--gold-50:#fff6cf;--gold-100:#fbe7a1;--gold-300:#f2cf74;--gold-500:#d9a748;--gold-700:#9c6c26;--gold-900:#5b3a10;--gold-line:linear-gradient(180deg, #f9e39b 0%, #d6a64a 50%, #a8772e 100%);--gold-fill:radial-gradient(72% 105% at 50% 40%, #fff6a2 0%, #fbdc68 26%, #f2b642 58%, #dc8c28 84%, #bd6c1e 100%);--gold-text:linear-gradient(180deg, #fff7d0 0%, #f7dc8c 45%, #d9a046 100%);--gold-glow:0 0 calc(10 * var(--u)) #ffc450bf;--text:#f4efe2;--text-cream:#f6ecd2;--text-muted:#9aa3dd;--text-dim:#6f7587;--text-ink:#2b1606;--blue-500:#1e7cf4;--blue-300:#46c4ff;--blue-glow:#3f9ee2;--green-500:#3fae2a;--green-300:#9adb40;--red-700:#8e1222;--red-500:#d9223a;--red-300:#ff5a5a;--online:#4cd964;--busy:#ff9f2e;--offline:#8a8f9e;--el-fiamma:#ff5a1f;--el-gelo:#3fe8ff;--el-tuono:#a45cff;--el-scudo:#ffc83d;--r-s:calc(6 * var(--u));--r-m:calc(12 * var(--u));--r-pill:calc(999 * var(--u));--shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) #0000008c;--ui-target:44px;--ui-font-action:14px;--ui-font-body:14px;--ui-font-caption:12px;--ui-focus:#b8edff;--ui-focus-width:2px;--ui-surface:var(--navy-850);--ui-border:#d9a7487a;--ui-selected:var(--gold-100);--ui-space:8px;--ui-radius:8px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--gold-300)}*,:before,:after{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0}body{background:var(--navy-950);color:var(--text);font-family:var(--font-sans);font-size:calc(28 * var(--u));-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;line-height:1.2}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}input,textarea{-webkit-user-select:text;user-select:text}img{-webkit-user-drag:none}.ui-gold-text{background:var(--gold-text);color:#0000;-webkit-background-clip:text;background-clip:text}.ui-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ui-hit{touch-action:manipulation;position:relative}.ui-hit:after{content:"";width:max(100%, var(--ui-target));height:max(100%, var(--ui-target));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:where(button,a,select,input,textarea,[tabindex]):focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){:where(.ui-btn,.ui-ibtn,.ui-tab,.ui-toggle,.ui-toggle__knob,.ui-toast,.ui-modal__box,.ui-modal__backdrop){transition:none!important;animation:none!important}}.ui-avatar{flex:none;position:relative}.ui-avatar__img{border:calc(4 * var(--u)) solid transparent;background:radial-gradient(circle at 50% 35%, #2a3a7a, #0b1236 75%) padding-box, var(--gold-line) border-box;box-shadow:inset 0 0 0 calc(2 * var(--u)) #281806cc, 0 calc(4 * var(--u)) calc(10 * var(--u)) #0009;background-position:50%;background-size:cover,auto;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.ui-avatar__img[style*=background-image]{border-color:var(--gold-500);box-shadow:0 0 0 calc(1.5 * var(--u)) #fbe7a1, inset 0 0 0 calc(2 * var(--u)) #281806cc, 0 calc(4 * var(--u)) calc(10 * var(--u)) #0009;background-origin:padding-box;background-clip:padding-box}.ui-avatar__stud{color:var(--gold-300);filter:drop-shadow(0 0 calc(2 * var(--u)) #000c);position:absolute}.ui-avatar__stud--t{top:0;left:50%;transform:translate(-50%,-62%)}.ui-avatar__stud--b{bottom:0;left:50%;transform:translate(-50%,62%)}.ui-avatar__stud--l{top:50%;left:0;transform:translate(-62%,-50%)}.ui-avatar__stud--r{top:50%;right:0;transform:translate(62%,-50%)}.ui-avatar__cosmetic-frame{object-fit:contain;pointer-events:none;width:114.28%;height:114.28%;position:absolute;inset:-7.14%}.ui-cosmetic-title{width:calc(280 * var(--u));height:calc(56 * var(--u));pointer-events:none;color:#f6dfad;font-family:var(--font-display);font-size:calc(21 * var(--u));white-space:nowrap;place-items:center;line-height:1;display:inline-grid;position:relative}.ui-cosmetic-title>img{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.ui-cosmetic-title>span{text-shadow:0 1px 3px #070b20;position:relative}.ui-bar{--bar-a:#5fd0ff;--bar-b:#1285f7;border:calc(2.5 * var(--u)) solid #96a0c873;border-radius:calc(14 * var(--u));box-shadow:inset 0 calc(2 * var(--u)) calc(4 * var(--u)) #000c;background:linear-gradient(#050b1c,#0c1530);position:relative;overflow:hidden}.ui-bar__fill{top:calc(2 * var(--u));bottom:calc(2 * var(--u));left:calc(2 * var(--u));max-width:calc(100% - 4 * var(--u));border-radius:calc(10 * var(--u));background:linear-gradient(180deg, color-mix(in srgb, var(--bar-a) 70%, #fff) 0%, var(--bar-a) 30%, var(--bar-b) 100%);box-shadow:0 0 calc(8 * var(--u)) color-mix(in srgb, var(--bar-b) 60%, transparent);transition:width .24s ease-out;position:absolute}.ui-bar--xp{--bar-a:#4ad0ff;--bar-b:#17e}.ui-bar--health,.ui-bar--enemy,.ui-bar--boss{border-radius:calc(7 * var(--u));background:linear-gradient(180deg, #050b1c, #0d1530) padding-box, var(--gold-line) border-box;border-color:#0000}.ui-bar--health .ui-bar__fill,.ui-bar--enemy .ui-bar__fill,.ui-bar--boss .ui-bar__fill{border-radius:calc(4 * var(--u))}.ui-bar--health{--bar-a:#a8e64a;--bar-b:#3fa02a}.ui-bar--enemy,.ui-bar--boss{--bar-a:#ff5a64;--bar-b:#a61b2c}.ui-bar--mastery{border-radius:calc(17 * var(--u));background:linear-gradient(180deg, #050b1c, #0d1530) padding-box, var(--gold-line) border-box;border-color:#0000}.ui-bar--gold{--bar-a:#ffe27a;--bar-b:#e0a030;border-color:#d9a748cc}.ui-bar__tick{width:calc(2 * var(--u));background:#281806cc;position:absolute;top:0;bottom:0;transform:translate(-50%)}.ui-bar__segs{inset:calc(2 * var(--u));gap:calc(6 * var(--u));display:flex;position:absolute}.ui-bar__seg{border-radius:calc(3 * var(--u));box-shadow:0 0 0 calc(1.5 * var(--u)) #d9a74880;background:#0a0d18;flex:1;position:relative}.ui-bar__seg .ui-bar__fill{max-width:100%;top:0;bottom:0;left:0}.ui-bar__label{top:50%;right:calc(14 * var(--u));color:#fff;font:600 calc(24 * var(--u)) / 1 var(--font-serif);text-shadow:0 calc(1 * var(--u)) calc(2 * var(--u)) #000;position:absolute;transform:translateY(-50%)}.ui-pips{align-items:center;gap:calc(10 * var(--u));display:inline-flex}.ui-pip{width:var(--d);height:var(--d);border-radius:50%}.ui-pips--round .ui-pip{border:calc(2.5 * var(--u)) solid #d6be8cd9;background:#050a1d99}.ui-pips--round .ui-pip.is-on{box-shadow:0 0 calc(8 * var(--u)) #ffdc5ae6;background:radial-gradient(circle at 42% 38%,#fffde0 0%,#ffe45a 40%,#e0a526 80%);border-color:#8a6420}.ui-pips--orb{gap:calc(5.5 * var(--u))}.ui-pips--orb .ui-pip{border:calc(2 * var(--u)) solid #788cbe73;background:#0d172e}.ui-pips--orb .ui-pip.is-on{box-shadow:0 0 calc(10 * var(--u)) #46c8fff2, 0 0 calc(3 * var(--u)) #bff;background:radial-gradient(circle at 45% 40%,#fff 0%,#c8feff 20%,#45d4ff 55%,#1177d8 85%,#0b3f8a 100%);border-color:#a0f0ffe6}.ui-pips.is-framed{padding:calc(6 * var(--u)) calc(10 * var(--u));border:calc(2.5 * var(--u)) solid transparent;border-radius:calc(32 * var(--u));background:linear-gradient(180deg, #0c1432, #060b20) padding-box, var(--gold-line) border-box;box-shadow:0 calc(3 * var(--u)) calc(8 * var(--u)) #0009}.ui-badge{border:calc(2 * var(--u)) solid #ffd0c8;box-shadow:0 0 calc(6 * var(--u)) #ff3c3ccc;color:#fff;font-family:var(--font-sans);background:radial-gradient(circle at 40% 35%,#ff6a6a,#d01c2c 70%,#8e0c18);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:inline-grid}.ui-pill{align-items:center;gap:calc(16 * var(--u));padding:0 calc(20 * var(--u)) 0 calc(28 * var(--u));filter:drop-shadow(0 calc(4 * var(--u)) calc(6 * var(--u)) #0000008c);display:inline-flex;position:relative}.ui-pill__icon{position:relative}.ui-pill__value{color:#fff;font:600 var(--fs) / 1 var(--font-sans);text-align:center;font-variant-numeric:tabular-nums;flex:1;position:relative}.ui-pill--plain{padding:0 calc(28 * var(--u)) 0 calc(14 * var(--u));border-radius:calc(34 * var(--u));box-shadow:inset 0 0 0 calc(1.5 * var(--u)) #7882aa40;filter:none;background:linear-gradient(90deg,#040818bf,#0c14308c)}.ui-pill--plain .ui-pill__value{text-align:left}.ui-pill__plus{width:calc(46 * var(--u));height:calc(46 * var(--u));border:calc(2.5 * var(--u)) solid transparent;background:radial-gradient(circle, #4a3a22, #2a1f10) padding-box, var(--gold-line) border-box;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:relative}.ui-rune{flex:none;overflow:visible}.ui-card{color:#fff;touch-action:manipulation;filter:drop-shadow(0 calc(4 * var(--u)) calc(8 * var(--u)) #0009);background:0 0;border:0;flex:none;margin:0;padding:0;position:relative}.ui-card__corner{width:calc(34 * var(--u));height:calc(34 * var(--u))}.ui-card__rune{left:50%;top:calc(18 * var(--u));position:absolute;transform:translate(-50%)}.ui-card--deck .ui-card__rune{top:calc(20 * var(--u))}.ui-card__band{left:calc(9 * var(--u));right:calc(9 * var(--u));bottom:calc(9 * var(--u));height:calc(56 * var(--u));background:linear-gradient(#04081800 0%,#040818d9 45%);place-items:center;display:grid;position:absolute}.ui-card--deck .ui-card__band{top:calc(176 * var(--u));height:calc(46 * var(--u));border-bottom:calc(1.5 * var(--u)) solid #d9a74866;background:linear-gradient(#060a1e33,#060a1ef2);bottom:auto}.ui-card__name{font:700 calc(31 * var(--u)) / 1 var(--font-sans);text-shadow:0 calc(2 * var(--u)) calc(3 * var(--u)) #000}.ui-card--deck .ui-card__name{font-size:calc(30 * var(--u))}.ui-card__level{left:0;right:0;top:calc(229 * var(--u));color:var(--text-cream);font:600 calc(27 * var(--u)) / 1 var(--font-sans);position:absolute}.ui-card__bar{left:calc(22 * var(--u));bottom:calc(18 * var(--u));position:absolute}.ui-card__lock{filter:drop-shadow(0 calc(3 * var(--u)) calc(4 * var(--u)) #000);position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.ui-card.is-locked .ui-card__name{color:#8a8f9e;font-weight:600}.ui-card.is-locked .ui-card__corner{color:#8c91a599}.ui-card--hud.is-locked .ui-card__band{display:none}.ui-card__locklabel{left:calc(12 * var(--u));right:calc(12 * var(--u));bottom:calc(24 * var(--u));color:#b5b9c8;font:600 calc(25 * var(--u)) / 1.1 var(--font-serif);text-align:center;position:absolute}.ui-card--deck .ui-card__locklabel{display:none}.ui-card--deck.is-locked .ui-card__band{top:auto;bottom:calc(40 * var(--u));background:0 0;border:0}.ui-card.is-charging{filter:drop-shadow(0 0 calc(10 * var(--u)) var(--el)) drop-shadow(0 0 calc(4 * var(--u)) var(--el-glow));animation:.9s ease-in-out infinite alternate ui-card-pulse}.ui-card.is-charging .ui-card__corner{color:var(--el-glow)}.ui-card.is-hit{animation:.42s ease-out ui-card-hit}.ui-card.is-hit:after{content:"";border-radius:calc(10 * var(--u));box-shadow:inset 0 0 0 calc(4 * var(--u)) #ff5050e6;pointer-events:none;background:radial-gradient(circle,#ff3c3c8c,#ff1e1e40 70%);position:absolute;inset:0}.ui-card:active{transform:scale(.97)}@keyframes ui-card-pulse{to{filter:drop-shadow(0 0 calc(18 * var(--u)) var(--el)) drop-shadow(0 0 calc(6 * var(--u)) var(--el-glow))}}@keyframes ui-card-hit{0%,to{transform:none}20%{transform:translateX(calc(-8 * var(--u))) rotate(-1.5deg)}45%{transform:translateX(calc(7 * var(--u))) rotate(1deg)}70%{transform:translateX(calc(-4 * var(--u)))}}.ui-nav{width:calc(941 * var(--u));height:calc(190 * var(--u));position:relative}.ui-nav:before{content:"";left:calc(-200 * var(--u));right:calc(-200 * var(--u));top:calc(70 * var(--u));bottom:calc(-300 * var(--u));background:linear-gradient(#0a1231,#070d24 60%);position:absolute}.ui-nav__group{top:calc(47 * var(--u));height:calc(135 * var(--u));width:calc(368 * var(--u));filter:drop-shadow(0 calc(-2 * var(--u)) calc(10 * var(--u)) #0009);display:flex;position:absolute}.ui-nav__group--l{left:calc(17 * var(--u))}.ui-nav__group--r{left:calc(555 * var(--u))}.ui-nav__item{justify-content:flex-end;align-items:center;gap:calc(8 * var(--u));padding:0 0 calc(19 * var(--u));color:var(--text-cream);touch-action:manipulation;background:0 0;border:0;flex-direction:column;flex:1;margin:0;display:flex;position:relative}.ui-nav__group--l>.ui-nav__item:first-of-type{left:calc(3 * var(--u))}.ui-nav__group--l>.ui-nav__item:nth-of-type(2){left:calc(-8 * var(--u))}.ui-nav__group--r>.ui-nav__item:first-of-type{left:calc(17 * var(--u))}.ui-nav__group--r>.ui-nav__item:nth-of-type(2):before{left:calc(7 * var(--u))}.ui-nav__item.has-sep:before{content:"";width:calc(2 * var(--u));background:linear-gradient(#0000,#d9a74899,#0000);position:absolute;top:22%;bottom:22%;left:0}.ui-nav__icon{place-items:center;display:grid;position:relative}.ui-nav__label{font:600 calc(23.5 * var(--u)) / 1 var(--font-sans);text-shadow:0 calc(2 * var(--u)) calc(3 * var(--u)) #000;position:relative}.ui-nav__item.is-on .ui-nav__label{color:var(--gold-100)}.ui-nav__item.is-on .ui-nav__icon{filter:drop-shadow(0 0 calc(8 * var(--u)) #ffc850e6)}.ui-nav__item.is-locked{color:#8d93a6}.ui-nav__lock{right:calc(-10 * var(--u));bottom:calc(2 * var(--u));position:absolute}.ui-nav__badge{top:calc(-6 * var(--u));right:calc(-12 * var(--u));position:absolute}.ui-nav__center{left:calc(388 * var(--u));top:calc(4 * var(--u));width:calc(164 * var(--u));height:calc(184 * var(--u));justify-content:flex-end;align-items:center;gap:calc(10 * var(--u));padding:0 0 calc(24 * var(--u));border:calc(4 * var(--u)) solid transparent;border-radius:calc(82 * var(--u)) calc(82 * var(--u)) calc(26 * var(--u)) calc(26 * var(--u));box-shadow:0 0 calc(18 * var(--u)) #ffaa32d9, inset 0 0 0 calc(4 * var(--u)) #0a1030e6, inset 0 0 0 calc(5.5 * var(--u)) #ffc86499, inset 0 0 calc(24 * var(--u)) #ffaa324d;color:var(--text-cream);touch-action:manipulation;background:radial-gradient(90% 70% at 50% 40%,#1d2a66 0%,#0a1030 80%) padding-box padding-box,linear-gradient(#fff5c8,#ffc850 50%,#e08a20) border-box;flex-direction:column;margin:0;display:flex;position:absolute}.ui-nav__center .ui-nav__icon{filter:drop-shadow(0 0 calc(8 * var(--u)) #ffc850b3)}.ui-nav__center-diamond{color:var(--gold-100);filter:drop-shadow(0 0 calc(6 * var(--u)) #ffc850e6);position:absolute;top:0;left:50%;transform:translate(-50%,-70%)}.ui-font--serif{--ff:var(--font-serif);--fw:800}.ui-font--sans{--ff:var(--font-sans);--fw:600}.ui-font--display{--ff:var(--font-display);--fw:900}.ui-btn{min-width:var(--ui-target);min-height:var(--ui-target);padding:0 calc(30 * var(--u));color:var(--text-cream);font:var(--fw) max(var(--ui-font-action), var(--fs)) / 1.1 var(--ff);white-space:nowrap;touch-action:manipulation;filter:drop-shadow(0 calc(4 * var(--u)) calc(6 * var(--u)) #0000008c);background:0 0;border:0;justify-content:center;align-items:center;margin:0;transition:transform 90ms ease-out,filter .12s;display:inline-flex;position:relative}.ui-btn:active:not(:disabled){transform:scale(.98)}.ui-btn:focus-visible,.ui-ibtn:focus-visible,.ui-tab:focus-visible,.ui-toggle:focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus);outline-offset:3px}@media (hover:hover){.ui-btn:hover:not(:disabled),.ui-ibtn:hover:not(:disabled){filter:brightness(1.12)drop-shadow(0 2px 6px #0007)}}.ui-btn__label{align-items:center;gap:calc(20 * var(--u));display:inline-flex;position:relative}.ui-btn__text{flex-direction:column;align-items:center;display:flex}.ui-btn__sub{margin-top:calc(6 * var(--u));font:700 max(var(--ui-font-caption), calc(30 * var(--u))) / 1.1 var(--font-serif)}.ui-btn__lock{margin-left:calc(-10 * var(--u));margin-right:calc(-6 * var(--u))}.ui-btn__corner{width:calc(30 * var(--u));height:calc(30 * var(--u));color:#e6be6ed9;pointer-events:none;position:absolute}.ui-btn__corner--tl{top:calc(1 * var(--u));left:calc(1 * var(--u))}.ui-btn__corner--tr{top:calc(1 * var(--u));right:calc(1 * var(--u));transform:scaleX(-1)}.ui-btn__corner--bl{bottom:calc(1 * var(--u));left:calc(1 * var(--u));transform:scaleY(-1)}.ui-btn__corner--br{bottom:calc(1 * var(--u));right:calc(1 * var(--u));transform:scale(-1)}.ui-btn--primary{color:var(--text-ink);text-shadow:0 calc(1.5 * var(--u)) 0 #fff4c8b3;filter:drop-shadow(0 0 calc(12 * var(--u)) #ffb432d9) drop-shadow(0 0 calc(3 * var(--u)) #ffe696e6)}.ui-btn--primary.ui-btn--L{padding:0 calc(96 * var(--u))}.ui-btn--primary .ui-btn__plate{inset:calc(6 * var(--u)) calc(50 * var(--u));position:absolute}.ui-btn__tip{aspect-ratio:60/100;color:#fff6c8f2;height:48%;position:absolute;top:26%}.ui-btn__tip--l{left:calc(8 * var(--u))}.ui-btn__tip--r{right:calc(8 * var(--u));transform:scaleX(-1)}.ui-btn__crest{width:26%;max-width:calc(190 * var(--u));aspect-ratio:200/48;pointer-events:none;filter:drop-shadow(0 0 calc(4 * var(--u)) #ffc85acc);position:absolute;left:50%}.ui-btn__crest--t{bottom:calc(100% - 7 * var(--u));transform:translate(-50%)}.ui-btn__crest--b{top:calc(100% - 7 * var(--u));transform:translate(-50%)scaleY(-1)}.ui-btn--primary.ui-btn--L{filter:drop-shadow(0 0 calc(20 * var(--u)) #ffaa28cc) drop-shadow(0 0 calc(4 * var(--u)) #ffe696f2)}.ui-btn--primary .ui-btn__plate:after{content:"";pointer-events:none;background:radial-gradient(50% 80%,#fffde6cc,#ffec9640 60%,#ffe68c00 85%);position:absolute;inset:0}.ui-btn--primary.ui-font--display .ui-btn__text{letter-spacing:.01em}.ui-btn--secondary{padding:0 calc(20 * var(--u))}.ui-btn--secondary .ui-btn__label{gap:calc(16 * var(--u))}.ui-btn--blue{padding:0 calc(34 * var(--u));color:var(--text-cream)}.ui-btn--chip{padding:0 calc(24 * var(--u));font-weight:700}.ui-btn--danger{color:#ffe4d8;padding:0 calc(24 * var(--u))}.ui-btn--danger .ui-btn__corner{color:#eead8d}.ui-btn.is-loading{cursor:progress;opacity:.8}.ui-btn.is-locked{color:#8d93a6}.ui-btn.is-locked .ui-fr{filter:saturate(.35)brightness(.8)}.ui-btn.is-disabled{filter:grayscale(.85)brightness(.6);cursor:default}.ui-btn--primary.is-locked{color:#4a3a2a}.ui-ibtn{min-width:var(--ui-target);min-height:var(--ui-target);touch-action:manipulation;filter:drop-shadow(0 calc(4 * var(--u)) calc(6 * var(--u)) #0000008c);background:0 0;border:0;place-items:center;margin:0;padding:0;transition:transform 90ms ease-out;display:inline-grid;position:relative}.ui-ibtn:active:not(:disabled){transform:scale(.96)}.ui-ibtn>.ui-icon{position:relative}.ui-ibtn--round{border:calc(3 * var(--u)) solid transparent;background:radial-gradient(circle, #16204c 0%, #0a1030 72%) padding-box, var(--gold-line) border-box;box-shadow:inset 0 0 0 calc(4 * var(--u)) #080d28f2, inset 0 0 0 calc(5.5 * var(--u)) #d9a74899;border-radius:50%}.ui-ibtn.is-disabled{filter:grayscale(.85)brightness(.6)}.ui-ibtn__badge{top:calc(-6 * var(--u));right:calc(-6 * var(--u));position:absolute}.ui-toggle{width:calc(120 * var(--u));min-width:52px;height:var(--ui-target);touch-action:manipulation;background:0 0;border:0;flex:none;margin:0;padding:0;position:relative}.ui-toggle__track{width:100%;height:max(24px, calc(57 * var(--u)));border:max(1px, calc(3 * var(--u))) solid transparent;box-shadow:inset 0 calc(3 * var(--u)) calc(6 * var(--u)) #000000b3;touch-action:manipulation;background:linear-gradient(#0a0f1e,#151c30) padding-box padding-box,linear-gradient(#8b93ad,#4b5268) border-box;border-radius:999px;transition:background .16s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ui-toggle.is-on .ui-toggle__track{background:linear-gradient(180deg, #2f86ff 0%, #1b5fd4 55%, #1446ad 100%) padding-box, var(--gold-line) border-box;box-shadow:inset 0 calc(2 * var(--u)) calc(5 * var(--u)) #00145099, 0 0 calc(8 * var(--u)) #46a0ff73}.ui-toggle__knob{width:max(18px, calc(44 * var(--u)));height:max(18px, calc(44 * var(--u)));box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #0009;background:radial-gradient(circle at 40% 35%,#fff 0%,#dfe2ea 45%,#8d92a4 100%);border-radius:50%;transition:left .16s ease-out,background .16s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.ui-toggle.is-on .ui-toggle__knob{left:calc(100% - max(18px, 44 * var(--u)) - 2px);box-shadow:0 0 calc(10 * var(--u)) #96e6fff2, 0 0 0 calc(2 * var(--u)) #143c8ccc;background:radial-gradient(circle at 45% 40%,#fff 0%,#d8fbff 35%,#7fdcff 75%,#3fb4f0 100%)}.ui-toggle.is-disabled{filter:grayscale(.8)brightness(.6)}.ui-slider{height:calc(60 * var(--u));min-height:var(--ui-target);padding-top:calc(0 * var(--u));touch-action:none;cursor:pointer;position:relative}.ui-slider:focus-visible{outline:var(--ui-focus-width) solid var(--ui-focus);outline-offset:3px}.ui-slider__track{height:calc(22 * var(--u));border:calc(2 * var(--u)) solid #96a0c866;border-radius:calc(11 * var(--u));box-shadow:inset 0 calc(2 * var(--u)) calc(4 * var(--u)) #000c;background:#060d20;position:relative}.ui-slider__fill{top:calc(1 * var(--u));bottom:calc(1 * var(--u));left:calc(1 * var(--u));max-width:calc(100% - 2 * var(--u));border-radius:calc(9 * var(--u));box-shadow:0 0 calc(8 * var(--u)) #3caaff99;background:linear-gradient(#5fd0ff 0%,#2c96fc 45%,#1463d8 100%);position:absolute}.ui-slider__thumb{width:calc(40 * var(--u));height:calc(40 * var(--u));box-shadow:0 0 0 calc(2.5 * var(--u)) #6b4a14, 0 0 calc(10 * var(--u)) #ffd25acc;background:radial-gradient(circle at 42% 36%,#fffbd8 0%,#ffe774 35%,#e9b43c 70%,#a8701e 100%);border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ui-slider__ticks{left:calc(28 * var(--u));right:calc(28 * var(--u));top:calc(36 * var(--u));height:calc(14 * var(--u));position:absolute}.ui-slider__ticks i{width:calc(2 * var(--u));height:calc(12 * var(--u));background:#96a0c88c;position:absolute;top:0;transform:translate(-50%)}.ui-slider__ticks i.is-mid{height:calc(18 * var(--u))}.ui-slider.is-disabled{filter:grayscale(.8)brightness(.6);cursor:default}.ui-tabs{grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.ui-tab{height:var(--h);min-width:var(--ui-target);min-height:var(--ui-target);color:#c8cde6;font:700 max(var(--ui-font-action), var(--fs)) / 1.1 var(--font-serif);touch-action:manipulation;background:0 0;border:0;margin:0;padding:0;position:relative}.ui-tabs--segmented .ui-tab{color:#a9aecb;font-weight:800}.ui-tab.is-on{color:var(--gold-100);filter:drop-shadow(0 0 calc(10 * var(--u)) #ffb43cbf)}.ui-tabs--segmented .ui-tab.is-on{color:var(--gold-100);filter:drop-shadow(0 0 calc(12 * var(--u)) #ffbe46e6) drop-shadow(0 0 calc(3 * var(--u)) #ffe696e6)}.ui-tab__label{align-items:center;gap:calc(18 * var(--u));display:inline-flex;position:relative}.ui-tab__diamond{color:var(--gold-100);position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.ui-tab.is-locked{color:#7d8296}.ui-field{align-items:center;gap:calc(20 * var(--u));padding:0 calc(24 * var(--u));cursor:text;min-height:var(--ui-target);display:flex;position:relative}.ui-field--M{min-height:calc(var(--ui-target) + 4 * var(--u));border:calc(2 * var(--u)) solid #8c96b973;border-radius:calc(10 * var(--u));box-shadow:inset 0 calc(3 * var(--u)) calc(8 * var(--u)) #0009;background:linear-gradient(#0e1930f0,#091024f0)}.ui-field--L{padding:0 calc(40 * var(--u)) 0 calc(52 * var(--u))}.ui-field__icon{position:relative}.ui-field__input{min-width:0;min-height:var(--ui-target);height:100%;color:var(--text-cream);font:500 max(16px, var(--fs)) / 1.2 var(--font-sans);caret-color:var(--gold-100);background:0 0;border:0;outline:0;flex:1;padding:0;position:relative}.ui-field__input::placeholder{color:var(--text-dim);opacity:1}.ui-field--M .ui-field__input::placeholder{color:#6f7587}.ui-field--L .ui-field__input{color:#f9dd8e;font:800 max(16px, var(--fs)) / 1.2 var(--font-serif);text-shadow:0 0 calc(10 * var(--u)) #ffc45a80}.ui-field:focus-within.ui-field--M{border-color:#d9a748cc}.ui-field:focus-within{outline:var(--ui-focus-width) solid var(--ui-focus);outline-offset:3px}.ui-field__status{width:calc(50 * var(--u));height:calc(50 * var(--u));border:calc(3.5 * var(--u)) solid currentColor;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.ui-field__status--ok{color:#4cd964;box-shadow:0 0 calc(8 * var(--u)) #4cd96480}.ui-field__status--error{color:#ff5a5a}.ui-toast-host{left:50%;top:calc(150 * var(--u));align-items:center;gap:calc(14 * var(--u));z-index:50;pointer-events:none;width:calc(820 * var(--u));flex-direction:column;display:flex;position:absolute;transform:translate(-50%)}.ui-toast{pointer-events:auto;align-items:center;gap:calc(16 * var(--u));min-height:calc(80 * var(--u));max-width:100%;padding:calc(14 * var(--u)) calc(34 * var(--u));border:calc(2.5 * var(--u)) solid transparent;border-radius:calc(40 * var(--u));background:linear-gradient(180deg, #141d42f7, #080d24f7) padding-box, var(--gold-line) border-box;box-shadow:var(--shadow), 0 0 calc(14 * var(--u)) #ffc45059;color:var(--text-cream);font:600 max(var(--ui-font-action), calc(30 * var(--u))) / 1.35 var(--font-sans);text-align:center;animation:.22s ease-out ui-toast-in;display:flex}.ui-toast--error{background:linear-gradient(#460c16f7,#22050cf7) padding-box padding-box,linear-gradient(#ff9a8a,#b3122a) border-box}.ui-toast--success{background:linear-gradient(180deg, #0e321ef7, #061a10f7) padding-box, var(--gold-line) border-box}@keyframes ui-toast-in{0%{opacity:0;transform:translateY(calc(-16 * var(--u))) scale(.96)}to{opacity:1;transform:none}}.ui-modal{z-index:100;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);place-items:center;display:grid;position:fixed;inset:0}.ui-modal__backdrop{background:radial-gradient(80% 60% at 50% 45%,#0a0e2cb8,#02040ee0);animation:.18s ease-out ui-fade-in;position:absolute;inset:0}.ui-modal__box{max-width:calc(900 * var(--u));max-height:calc(100dvh - var(--safe-t) - var(--safe-b) - 48px);flex-direction:column;align-items:center;animation:.22s cubic-bezier(.2,.9,.3,1.2) ui-modal-in;display:flex;position:relative}.ui-modal__title{z-index:2;margin-bottom:calc(-26 * var(--u));max-width:calc(100% - var(--ui-target) - 12px);position:relative}.ui-modal__title .ui-title__text{text-overflow:ellipsis;overflow:hidden}.ui-modal__close{z-index:3;position:absolute;top:-8px;right:0}.ui-modal__panel{flex-direction:column;width:100%;min-height:0;display:flex}.ui-modal__body{padding:max(28px, calc(56 * var(--u))) max(16px, calc(48 * var(--u))) 16px;overscroll-behavior:contain;min-height:0;color:var(--text-cream);font:400 max(var(--ui-font-body), calc(30 * var(--u))) / 1.5 var(--font-sans);text-align:center;overflow-y:auto}.ui-modal__actions{padding:0 max(16px, calc(40 * var(--u))) 20px;flex-wrap:wrap;flex:none;justify-content:center;gap:12px;display:flex}@keyframes ui-fade-in{0%{opacity:0}}@keyframes ui-modal-in{0%{opacity:0;transform:scale(.92)}}.ui-screen{--ui-screen-fallback:radial-gradient(120% 70% at 50% 0%, #2d2378 0%, transparent 65%), linear-gradient(180deg, #0b0c24 0%, #150f3a 55%, #070a1d 100%);background:var(--navy-950);color:var(--text);position:fixed;inset:0;overflow:hidden}.ui-screen__bg{background:var(--ui-screen-fallback);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.ui-screen__shade{pointer-events:none;position:absolute;inset:0}.ui-screen__frame{top:var(--safe-t);bottom:var(--safe-b);left:calc(var(--safe-l) + (100vw - var(--safe-l) - var(--safe-r)) / 2);width:calc(941 * var(--u));position:absolute;transform:translate(-50%)}.ui-layer{width:calc(941 * var(--u));height:calc(1672 * var(--u));pointer-events:none;position:absolute;left:0}.ui-layer>*{pointer-events:auto}.ui-layer--top{top:0}.ui-layer--bottom{bottom:0}.ui-layer--center{top:50%;transform:translateY(-50%)}.ui-screen--menu{--ui-screen-fallback:radial-gradient(ellipse at 50% 40%, #18244c, #050a1d 75%);background:#090d28}.ui-screen__menu-art{pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;left:50%;transform:translate(-50%,-50%)}.ui-fr{pointer-events:none;position:absolute;inset:0}.ui-fr>i{display:block;position:absolute}.ui-panel--ornament-quiet.ui-panel{border:1px solid var(--ui-border);background:var(--ui-surface);box-shadow:none;border-radius:var(--ui-radius)}.ui-panel--ornament-quiet.ui-panel:before{display:none}.ui-panel{--panel-orn:var(--gold-300);--panel-line:#d9a74873;border:calc(3 * var(--u)) solid transparent;border-radius:calc(10 * var(--u));background:var(--panel-bg) padding-box, var(--gold-line) border-box;box-shadow:0 calc(6 * var(--u)) calc(18 * var(--u)) #00000080;color:var(--text);position:relative}.ui-panel:before{content:"";inset:calc(4 * var(--u));border:calc(1.5 * var(--u)) solid var(--panel-line);border-radius:calc(6 * var(--u));pointer-events:none;position:absolute}.ui-panel__corner{width:calc(40 * var(--u));height:calc(40 * var(--u));color:var(--panel-orn);pointer-events:none;position:absolute}.ui-panel__corner--tl{top:calc(-2 * var(--u));left:calc(-2 * var(--u))}.ui-panel__corner--tr{top:calc(-2 * var(--u));right:calc(-2 * var(--u));transform:scaleX(-1)}.ui-panel__corner--bl{bottom:calc(-2 * var(--u));left:calc(-2 * var(--u));transform:scaleY(-1)}.ui-panel__corner--br{bottom:calc(-2 * var(--u));right:calc(-2 * var(--u));transform:scale(-1)}.ui-panel--highlight{--panel-orn:#bfe6ff;--panel-line:#78c8ff8c;background:var(--panel-bg) padding-box, linear-gradient(180deg, #d9f2ff, #58b4f2 55%, #2c7fd0) border-box;box-shadow:0 0 calc(18 * var(--u)) #3f9ee2f2, 0 0 calc(4 * var(--u)) #96d7ffe6, inset 0 0 calc(22 * var(--u)) #3f9ee259}.ui-panel--active{--panel-orn:var(--gold-100);--panel-line:#ffd678b3;background:var(--panel-bg) padding-box, linear-gradient(180deg, #fffbe0, #ffd46a 50%, #e39a2c) border-box;box-shadow:0 0 calc(16 * var(--u)) #ffbe46e6, inset 0 0 calc(20 * var(--u)) #ffbe4647}.ui-panel--danger{--panel-orn:#ffb0a0;--panel-line:#ff6e6480;box-shadow:0 0 calc(16 * var(--u)) #e62832b3;background:linear-gradient(#4a0c16f2,#22060ef2) padding-box padding-box,linear-gradient(#ffb09a,#e0303c 55%,#8e1222) border-box}.ui-title{padding:0 calc(var(--fs) * 1.25);filter:drop-shadow(0 calc(4 * var(--u)) calc(10 * var(--u)) #0009);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex;position:relative}.ui-title__text{font:800 var(--fs) / 1 var(--font-serif);background:linear-gradient(#fffaf0 18%,#fbe7b8 55%,#e9bd62 92%);color:#0000;filter:drop-shadow(0 calc(2 * var(--u)) calc(2 * var(--u)) #000000b3) drop-shadow(0 0 calc(7 * var(--u)) #ffc45a66);-webkit-background-clip:text;background-clip:text;padding-bottom:.1em;position:relative}.ui-title__compass{left:50%;bottom:calc(100% - 6 * var(--u));pointer-events:none;position:absolute;transform:translate(-50%)}.ui-title__diamond{color:var(--gold-300);position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.ui-title__tip{aspect-ratio:60/100;height:64%;color:var(--gold-500);position:absolute;top:18%}.ui-title__tip--l{left:0}.ui-title__tip--r{right:0;transform:scaleX(-1)}.ui-ribbon{height:calc(88 * var(--u));padding:0 calc(84 * var(--u));justify-content:center;display:inline-flex;position:relative}.ui-ribbon__tail{top:calc(14 * var(--u));width:calc(140 * var(--u));height:calc(90 * var(--u));z-index:0;position:absolute}.ui-ribbon__tail--l{left:calc(-10 * var(--u))}.ui-ribbon__tail--r{right:calc(-10 * var(--u));transform:scaleX(-1)}.ui-ribbon__band{justify-content:center;align-items:center;gap:calc(14 * var(--u));height:calc(66 * var(--u));padding:0 calc(34 * var(--u));border:calc(2.5 * var(--u)) solid var(--gold-500);border-radius:calc(8 * var(--u));box-shadow:0 calc(4 * var(--u)) calc(10 * var(--u)) #00000080;color:var(--text-cream);font:500 calc(27 * var(--u)) / 1 var(--font-sans);white-space:nowrap;background:linear-gradient(#3d2170 0%,#2a1650 60%,#1d0e3b 100%);flex:1;display:flex;position:relative}.ui-section{align-items:center;gap:calc(22 * var(--u));display:flex}.ui-section__text{font:800 var(--fs) / 1.1 var(--font-serif);background:var(--gold-text);color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text}.ui-section__medal{width:calc(100 * var(--u));height:calc(100 * var(--u));border:calc(3 * var(--u)) solid transparent;background:radial-gradient(circle, #1b2656 0%, #0a1030 75%) padding-box, var(--gold-line) border-box;box-shadow:inset 0 0 0 calc(4 * var(--u)) #0a1030e6, inset 0 0 0 calc(5.5 * var(--u)) #d9a74899, 0 calc(3 * var(--u)) calc(8 * var(--u)) #0009;border-radius:50%;flex:none;place-items:center;display:grid}.ui-section__line{height:calc(2 * var(--u));color:var(--gold-300);background:linear-gradient(90deg,#d9a748d9,#d9a74833);flex:1;position:relative}.ui-section__line svg{position:absolute;top:50%;transform:translate(-50%,-50%)}.ui-section--icon .ui-section__line svg{left:30%}.ui-section--center .ui-section__line--l{background:linear-gradient(90deg,#d9a7481a,#d9a748e6)}.ui-section--center .ui-section__line--l svg{left:100%}.ui-section--center .ui-section__line--r svg{left:0}.ui-back{border:1px solid var(--gold-500);background:var(--navy-800);width:48px;min-width:48px;height:48px;min-height:48px;color:var(--gold-300);touch-action:manipulation;border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative;box-shadow:0 2px 6px #0006}.ui-back:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #d9a74880;position:absolute;inset:2px}.ui-back:disabled{opacity:.45;cursor:default}.ui-back:active:not(:disabled){background:var(--navy-700)}@media (hover:hover){.ui-back:hover:not(:disabled){border-color:var(--gold-100)}}.ui-screen__chrome{inset:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l);pointer-events:none;z-index:20;position:absolute}.ui-screen__chrome>*{pointer-events:auto}.ui-back--floating{position:absolute;top:12px;left:12px}.ui-menu-header{flex:none;align-items:center;gap:12px;padding:12px 12px 16px;display:flex}.ui-menu-header__back{align-self:flex-start}.ui-menu-header h1{outline:none;flex:1;min-width:0;margin:0}.ui-menu-header .ui-title{width:100%}.ui-menu-header .ui-title__text{text-overflow:ellipsis;min-width:0;overflow:hidden}.ui-nav-art-cleanup{width:100%;height:calc(1672 * var(--u));pointer-events:none;position:absolute;inset:0}.ui-state-stage{place-items:center;padding:80px 20px 28px;display:grid;position:absolute;inset:0;overflow-y:auto}.ui-state-panel{text-align:center;width:100%;max-width:440px;padding:28px 24px}.ui-state-panel__icon{color:var(--gold-100);margin-bottom:12px}.ui-state-panel h2{color:var(--text-cream);font:800 max(20px, calc(46 * var(--u)))/1.2 var(--font-serif);margin:0 0 12px}.ui-state-panel__copy{color:#c6cbe1;font:400 max(var(--ui-font-body), calc(30 * var(--u)))/1.5 var(--font-sans)}.ui-state-panel__copy p{margin:0}.ui-state-panel__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.challenge-who{align-items:center;gap:calc(32 * var(--u));padding:calc(10 * var(--u)) calc(20 * var(--u));display:flex}.challenge-who__text{min-width:0}.challenge-who__name{color:#f6ecd2;font:700 calc(52 * var(--u)) / 1.1 var(--font-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.challenge-who__sub{align-items:center;gap:calc(10 * var(--u));margin-top:calc(10 * var(--u));color:#d8dcef;font:500 calc(30 * var(--u)) / 1.2 var(--font-sans);display:flex}.challenge-note{justify-content:center;align-items:center;gap:calc(16 * var(--u));margin:calc(18 * var(--u)) 0 0;color:#c9cde4;font:400 calc(30 * var(--u)) / 1.3 var(--font-sans);text-align:center;flex-wrap:wrap;display:flex}.challenge-note--big{font-size:calc(36 * var(--u));color:#f6ecd2}.challenge-note b{color:var(--gold-100);font-weight:700}.challenge-timer{align-items:center;gap:calc(6 * var(--u));color:var(--gold-100);font-variant-numeric:tabular-nums;font-weight:600;display:inline-flex}.challenge-dot{width:calc(26 * var(--u));height:calc(26 * var(--u));box-shadow:inset 0 calc(-3 * var(--u)) calc(4 * var(--u)) #00000059;background:#8a8f9e;border-radius:50%;display:inline-block}.challenge-dot--online{background:radial-gradient(circle at 40% 35%,#b6ff8a,#4cd964 60%,#2a9a3a)}.challenge-dot--in-duel{background:radial-gradient(circle at 40% 35%,#ffd08a,#ff9f2e 60%,#c46a10)}.challenge-modal .ui-modal__actions{justify-content:center;gap:calc(30 * var(--u))}.screen-load{padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:#eee9ff;text-align:center;background:radial-gradient(at top,#2d2378,#0b0c24 70%);place-items:center;font:18px/1.5 system-ui,sans-serif;display:grid;position:absolute;inset:0;overflow:auto}.screen-load__panel{width:min(100%,460px)}.screen-load h1{color:#e3bd62;margin:0 0 16px;font-size:26px;line-height:1.3}.screen-load p{margin:0 0 24px}.screen-load__actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.screen-load button{color:#eee9ff;min-height:48px;font:inherit;cursor:pointer;background:#1c1740;border:1px solid #e3bd62;border-radius:12px;padding:12px 20px}.screen-load button:focus-visible{outline-offset:4px;outline:3px solid #eee9ff}html:not([data-colorblind=standard])[data-colorblind] .ui-bar--health,html:not([data-colorblind=standard])[data-colorblind] .grimorio-health{--bar-a:var(--a11y-health);--bar-b:var(--a11y-health)}html:not([data-colorblind=standard])[data-colorblind] .ui-bar--enemy,html:not([data-colorblind=standard])[data-colorblind] .ui-bar--boss,html:not([data-colorblind=standard])[data-colorblind] .grimorio-health.is-enemy{--bar-a:var(--a11y-enemy);--bar-b:var(--a11y-enemy)}html:not([data-colorblind=standard])[data-colorblind] .grimorio-health__fill{background:repeating-linear-gradient(120deg, transparent 0 8px, #ffffff2e 8px 10px), var(--a11y-health)}html:not([data-colorblind=standard])[data-colorblind] .grimorio-health.is-enemy .grimorio-health__fill{background:repeating-linear-gradient(60deg, transparent 0 8px, #0000004d 8px 10px), var(--a11y-enemy)}html:not([data-colorblind=standard])[data-colorblind] .sbx-track.is-me .sbx-fill{background:var(--a11y-health)}html:not([data-colorblind=standard])[data-colorblind] .sbx-track.is-foe .sbx-fill{background:var(--a11y-enemy)}html[data-hints=off] .duel-tut__hint,html[data-hints=off] .duel-tut__spell{display:none}