@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;--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-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 calc(30 * var(--u)) / 1.2 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));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));position:relative}.ui-modal__panel{width:100%}.ui-modal__body{padding:calc(56 * var(--u)) calc(48 * var(--u)) calc(30 * var(--u));color:var(--text-cream);font:500 calc(30 * var(--u)) / 1.35 var(--font-sans);text-align:center}.ui-modal__actions{justify-content:center;gap:calc(24 * var(--u));padding:0 calc(40 * var(--u)) calc(40 * var(--u));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-fr{pointer-events:none;position:absolute;inset:0}.ui-fr>i{display:block;position:absolute}.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-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-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:0;padding:0 calc(30 * var(--u));color:var(--text-cream);font:var(--fw) var(--fs) / 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(.is-disabled){transform:scale(.97)}.ui-btn:focus-visible{outline:calc(3 * var(--u)) solid var(--blue-300);outline-offset:calc(4 * var(--u))}.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 calc(30 * var(--u)) / 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.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{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{transform:scale(.94)}.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));height:calc(57 * var(--u));border:calc(3 * var(--u)) solid transparent;border-radius:calc(30 * var(--u));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;flex:none;margin:0;padding:0;transition:background .16s;position:relative}.ui-toggle.is-on{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{top:50%;left:calc(4 * var(--u));width:calc(44 * var(--u));height: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;transform:translateY(-50%)}.ui-toggle.is-on .ui-toggle__knob{left:calc(100% - 48 * var(--u));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));padding-top:calc(0 * var(--u));touch-action:none;cursor:pointer;position:relative}.ui-slider:focus-visible{outline:calc(2 * var(--u)) solid var(--blue-300);outline-offset:calc(6 * var(--u))}.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);color:#c8cde6;font:700 var(--fs) / 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;display:flex;position:relative}.ui-field--M{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;height:100%;color:var(--text-cream);font:500 var(--fs) / 1 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 var(--fs) / 1 var(--font-serif);text-shadow:0 0 calc(10 * var(--u)) #ffc45a80}.ui-field:focus-within.ui-field--M{border-color:#d9a748cc}.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}.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))}