@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rajdhani-latin-500-normal-ByNUCHrt.woff2)format("woff2"),url(/assets/rajdhani-latin-500-normal-DfvNI-Td.woff)format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rajdhani-latin-600-normal-CXCVEoA9.woff2)format("woff2"),url(/assets/rajdhani-latin-600-normal-Dx02qI2_.woff)format("woff")}@font-face{font-family:Rajdhani;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rajdhani-latin-700-normal-BPDUZo87.woff2)format("woff2"),url(/assets/rajdhani-latin-700-normal-e0Uj8ZlN.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#060a14;--bg-2:#0a1120;--surface:#0c1528;--surface-2:#111d36;--surface-3:#192a4c;--panel:linear-gradient(180deg, #112242eb, #080f1ff0);--ink:#e6f1ff;--ink-2:#a9c3e6;--muted:#6c84a8;--line:#54a0ff42;--line-hi:#6eb9ff99;--track:#78aaff1f;--sys:#3ea8ff;--sys-2:#1f78d1;--sys-soft:#3ea8ff24;--sys-glow:0 0 .9rem #3ea8ff59;--accent:#3ea8ff;--accent-2:#1f78d1;--accent-ink:#03101f;--accent-soft:#3ea8ff24;--monarch:#8b6cff;--monarch-soft:#8b6cff29;--hp:#ff4d5e;--xp:#f5c542;--mp:#4f7dff;--gold:#ffc94a;--boss:#ff4d6d;--good:#3ddc97;--critical:#ff4d5e;--critical-soft:#ff4d5e24;--v0:#ff4d5e;--v1:#ff7a45;--v2:#ffa94d;--v3:#ffd43b;--v4:#3ddc97;--v5:#22c7d6;--v6:#3ea8ff;--radius:.55rem;--radius-sm:.4rem;--nav-h:4.1rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--head:"Rajdhani", var(--font);--col:40rem;--hairline:.0625rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:clamp(100%,.9rem + .4vw,106.25%)}html,body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;line-height:1.45}body{overscroll-behavior-y:none;background:radial-gradient(ellipse 80% 40% at 50% -5%, #3ea8ff29, transparent 70%), radial-gradient(ellipse 60% 30% at 50% 105%, #8b6cff1a, transparent 70%), linear-gradient(#3ea8ff08 var(--hairline), transparent var(--hairline)) 0 0 / 100% 2rem, linear-gradient(90deg, #3ea8ff08 var(--hairline), transparent var(--hairline)) 0 0 / 2rem 100%, var(--bg);background-attachment:fixed}#app{min-height:100dvh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,h4{line-height:1.15;font-family:var(--head);letter-spacing:.03em;margin:0;font-weight:700}h1{text-transform:uppercase;letter-spacing:.08em;font-size:1.45rem}h2{text-transform:uppercase;letter-spacing:.07em;font-size:1.2rem}h3{font-size:1.08rem}p{margin:.4rem 0}.pixel{image-rendering:pixelated;display:block}.hd{font-family:var(--head);letter-spacing:.04em;font-weight:700}.glow{color:#cfe9ff;text-shadow:0 0 .4rem #3ea8ffcc,0 0 1.2rem #3ea8ff66}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.end{justify-content:flex-end}.center{justify-content:center}.gap-xs{gap:.25rem}.gap-s{gap:.5rem}.gap{gap:.75rem}.gap-l{gap:1.1rem}.grow{flex:1}.muted{color:var(--muted)}.ink2{color:var(--ink-2)}.small{font-size:.9rem}.tiny{font-size:.78rem}.bold{font-weight:650}.num{font-variant-numeric:tabular-nums}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mt{margin-top:.75rem}.mt-l{margin-top:1.25rem}.danger{color:var(--critical)}.gold-t{color:var(--gold)}.sys-t{color:var(--sys)}.monarch-t{color:var(--monarch)}.sr{width:var(--hairline);height:var(--hairline);clip:rect(0 0 0 0);position:absolute;overflow:hidden}.shell{max-width:var(--col);min-height:100dvh;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 1rem);margin:0 auto}.main{padding:0 1rem}.page{padding-top:.25rem}.pagebar{z-index:20;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem .6rem;-webkit-backdrop-filter:blur(.6rem);border-bottom:var(--hairline) solid var(--line);background:#060a14db;align-items:center;gap:.5rem;margin:0 -1rem .6rem;display:flex;position:sticky;top:0}.card,.win{background:var(--panel);border:var(--hairline) solid var(--line);border-radius:var(--radius);margin-bottom:.75rem;padding:.95rem 1rem;position:relative;box-shadow:0 0 1.4rem #1e78ff14,inset 0 0 1.6rem #3ea8ff0d}.win{border-color:var(--line-hi);box-shadow:0 0 1.2rem #3ea8ff40,inset 0 0 2rem #3ea8ff14}.win:before,.win:after{content:"";border:.12rem solid var(--sys);pointer-events:none;width:.8rem;height:.8rem;filter:drop-shadow(0 0 .25rem var(--sys));position:absolute}.win:before{border-bottom:0;border-right:0;border-top-left-radius:.35rem;top:-.12rem;left:-.12rem}.win:after{border-top:0;border-left:0;border-bottom-right-radius:.35rem;bottom:-.12rem;right:-.12rem}.win-t{justify-content:center;margin:-.2rem 0 .8rem;display:flex}.win-t span{font-family:var(--head);letter-spacing:.22em;text-transform:uppercase;border:var(--hairline) solid var(--line-hi);color:#d9eeff;text-shadow:0 0 .5rem #3ea8ffcc;background:#3ea8ff14;border-radius:.3rem;align-items:center;gap:.45rem;padding:.2rem 1rem;font-size:1rem;font-weight:700;display:inline-flex}.card.tap{cursor:pointer}.card.flush{padding:.35rem 0}.card-h{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.card-h h3{text-transform:uppercase;letter-spacing:.08em;color:#cfe6ff;align-items:center;gap:.45rem;font-size:1.02rem;display:flex}.hud{z-index:25;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .7rem;-webkit-backdrop-filter:blur(.7rem);border-bottom:var(--hairline) solid var(--line);background:#060a14e0;align-items:center;gap:.8rem;margin:0 -1rem .75rem;display:flex;position:sticky;top:0;box-shadow:0 .4rem 1.2rem #00000059}.hud.hurt{animation:.45s hurt}@keyframes hurt{0%,to{transform:none}20%{background:#780f1ee6;transform:translate(-.3rem)}40%{transform:translate(.3rem)}60%{transform:translate(-.15rem)}}.hud-av{border-radius:var(--radius);background:radial-gradient(circle at 50% 70%, #3ea8ff47, transparent 70%), var(--surface);border:var(--hairline) solid var(--line-hi);width:4.3rem;height:4.3rem;box-shadow:var(--sys-glow);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.hud-av .avatar{margin-top:.4rem}.hud-info{flex:1;gap:.26rem;min-width:0;display:grid}.hud-top{align-items:center;gap:.45rem;min-width:0;display:flex}.hud-name{font-family:var(--head);letter-spacing:.04em;min-width:0;font-size:1.12rem;font-weight:700}.hud-lv{font-family:var(--head);color:var(--sys);white-space:nowrap;letter-spacing:.05em;font-size:.85rem;font-weight:700}.hud-gold{font-family:var(--head);color:var(--gold);white-space:nowrap;align-items:center;gap:.3rem;margin-left:auto;font-size:1.05rem;font-weight:700;display:inline-flex}.rank{min-width:1.45rem;height:1.45rem;font-family:var(--head);color:var(--rc);border:var(--hairline) solid var(--rc);box-shadow:0 0 .5rem color-mix(in srgb, var(--rc) 50%, transparent);background:color-mix(in srgb, var(--rc) 12%, transparent);border-radius:.3rem;place-items:center;padding:0 .2rem;font-size:.95rem;font-weight:700;line-height:1;display:inline-grid}.rank.big{border-radius:.45rem;min-width:2.4rem;height:2.4rem;font-size:1.6rem}.meter{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.meter-track{border:var(--hairline) solid #78aaff2e;background:#0a1428e6;border-radius:.15rem;height:.6rem;position:relative;overflow:hidden}.meter.compact .meter-track{height:.48rem}.meter-track i{height:100%;transition:width .45s cubic-bezier(.3,.8,.3,1);display:block}.meter.hp i{background:linear-gradient(90deg, #b8202f, var(--hp));box-shadow:0 0 .6rem #ff4d5eb3}.meter.xp i{background:linear-gradient(90deg, #c7921a, var(--xp));box-shadow:0 0 .6rem #f5c54299}.meter.mp i{background:linear-gradient(90deg, #2347c9, var(--mp));box-shadow:0 0 .6rem #4f7dffb3}.meter.boss i{background:linear-gradient(90deg, #7a1430, var(--boss));box-shadow:0 0 .6rem #ff4d6db3}.meter.shadow i{background:linear-gradient(90deg, #4a33c4, var(--monarch));box-shadow:0 0 .6rem #8b6cffb3}.meter-l{font-family:var(--head);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;letter-spacing:.02em;min-width:4.8rem;font-size:.8rem;font-weight:600}.meter.compact .meter-l{min-width:4.4rem;font-size:.74rem}.meter-k{font-family:var(--head);letter-spacing:.08em;width:1.5rem;color:var(--muted);font-size:.72rem;font-weight:700}.meter-row{grid-template-columns:auto 1fr;align-items:center;display:grid}.avatar{height:var(--h);width:var(--h);position:relative}.avatar-hero{width:100%;height:100%;position:relative}.avatar-shadow{opacity:.95;filter:drop-shadow(0 0 .35rem #8b6cffbf);width:86%;height:86%;position:absolute;bottom:0;left:-44%}.avatar-shadow.g4,.avatar-shadow.g5{width:96%;height:96%;left:-52%}.avatar-shadow.g6{filter:drop-shadow(0 0 .5rem #8b6cff)drop-shadow(0 0 .15rem #8fe3ff);width:104%;height:104%;left:-58%}.avatar.bob .avatar-hero{animation:2.6s ease-in-out infinite bob}.avatar.bob .avatar-shadow{animation:3.2s ease-in-out .4s infinite bob,4s ease-in-out infinite flicker}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3%)}}@keyframes flicker{0%,to{opacity:.95}50%{opacity:.75}}.btn{border-radius:var(--radius-sm);min-height:2.6rem;font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;border:var(--hairline) solid var(--line);color:var(--ink);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#3ea8ff12;justify-content:center;align-items:center;gap:.45rem;padding:0 1.05rem;font-size:1rem;font-weight:700;transition:transform 80ms,background .15s,box-shadow .15s;display:inline-flex}.btn:hover{border-color:var(--line-hi);background:#3ea8ff21}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default;transform:none}.btn.primary{color:var(--accent-ink);background:linear-gradient(#5cbcff,#2a85e6);border-color:#8fd0ff;box-shadow:0 0 1rem #3ea8ff73}.btn.monarch{color:#0c0620;background:linear-gradient(#a48bff,#6a4ce0);border-color:#c4b4ff;box-shadow:0 0 1.1rem #8b6cff8c}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:#3ea8ff1a}.btn.danger{color:#1a0306;background:linear-gradient(#ff6b78,#d7263a);border-color:#ff9aa4}.btn.outline{background:0 0}.btn.icon{width:2.6rem;padding:0}.btn.small{min-height:2.1rem;padding:0 .75rem;font-size:.88rem}.btn.block{width:100%}.btn.big{min-height:3.1rem;font-size:1.15rem}.btn.gold{color:var(--gold);background:#ffc94a1a;border-color:#ffc94a73}.input,textarea.input,select.input{border-radius:var(--radius-sm);border:var(--hairline) solid var(--line);background:#050c1ad9;outline:none;width:100%;min-height:2.75rem;padding:.55rem .8rem}.input:focus{border-color:var(--sys);box-shadow:0 0 .6rem #3ea8ff59}textarea.input{resize:vertical;min-height:4.5rem}.field{gap:.35rem;margin-bottom:.9rem;display:grid}.field-l{font-family:var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:.85rem;font-weight:700}.seg{border:var(--hairline) solid var(--line);border-radius:var(--radius-sm);background:#050c1ad9;gap:.2rem;padding:.2rem;display:flex}.seg button{min-height:2.3rem;font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-radius:.3rem;flex:1;justify-content:center;align-items:center;gap:.35rem;font-size:.92rem;font-weight:700;display:inline-flex}.seg button.on{color:#d9eeff;box-shadow:inset 0 0 0 var(--hairline) var(--line-hi), 0 0 .7rem #3ea8ff40;text-shadow:0 0 .4rem #3ea8ffcc;background:#3ea8ff29}.switch{background:var(--surface-3);border:var(--hairline) solid var(--line);border-radius:1rem;flex:none;width:2.9rem;height:1.7rem;transition:background .2s;position:relative}.switch:after{content:"";background:#cfe6ff;border-radius:50%;width:1.3rem;height:1.3rem;transition:transform .2s;position:absolute;top:.15rem;left:.15rem}.switch.on{background:var(--sys);box-shadow:0 0 .6rem #3ea8ff80}.switch.on:after{background:#fff;transform:translate(1.2rem)}.chip{border:var(--hairline) solid var(--line);min-height:2.1rem;color:var(--ink-2);background:#3ea8ff0f;border-radius:.35rem;align-items:center;gap:.35rem;padding:0 .8rem;font-size:.88rem;font-weight:600;display:inline-flex}.chip.on{background:var(--accent-soft);border-color:var(--sys);color:var(--ink)}.count{background:var(--sys);min-width:1.3rem;height:1.3rem;color:var(--accent-ink);font-family:var(--head);border-radius:.3rem;place-items:center;padding:0 .25rem;font-size:.8rem;font-weight:700;display:grid;position:absolute;bottom:-.25rem;right:-.25rem}.listrow{text-align:left;align-items:center;gap:.75rem;width:100%;min-height:3.1rem;padding:.72rem 1rem;display:flex}button.listrow:hover,a.listrow:hover{background:#3ea8ff12}.row-i{border:var(--hairline) solid var(--line);width:2.1rem;height:2.1rem;color:var(--sys);background:#3ea8ff1a;border-radius:.4rem;flex:none;place-items:center;display:grid}.row-t{font-weight:600;display:block}.row-s{color:var(--muted);font-size:.8rem;display:block}.card.flush .listrow+.listrow{border-top:var(--hairline) solid var(--line)}.backdrop{z-index:60;-webkit-backdrop-filter:blur(.15rem);background:#02050cb8;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.backdrop.center{align-items:center;padding:1rem}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:var(--col);border:var(--hairline) solid var(--line-hi);max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);background:linear-gradient(#0f1d38,#080f1f);border-bottom:0;border-radius:.9rem .9rem 0 0;flex-direction:column;animation:.24s cubic-bezier(.2,.9,.3,1) up;display:flex;box-shadow:0 -.5rem 2rem #3ea8ff26}.sheet.full{height:92dvh}@keyframes up{0%{opacity:.4;transform:translateY(30%)}}.sheet-h{border-bottom:var(--hairline) solid var(--line);align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.sheet-h h2{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sheet-b{flex:1;padding:1rem;overflow-y:auto}.sheet.menu{padding:.5rem 0 calc(.75rem + env(safe-area-inset-bottom))}.menu-t{font-family:var(--head);color:var(--sys);text-transform:uppercase;letter-spacing:.12em;padding:.6rem 1rem .4rem;font-size:.85rem;font-weight:700}.dialog{background:var(--panel);border:var(--hairline) solid var(--line-hi);border-radius:var(--radius);width:100%;max-width:24rem;padding:1.25rem;animation:.22s cubic-bezier(.2,.9,.3,1.3) pop;box-shadow:0 0 2rem #3ea8ff40}@keyframes pop{0%{opacity:0;transform:scale(.88)}}.empty{text-align:center;padding:2rem 1rem}.empty h3{margin:.6rem 0 .25rem}.icon-big{background:var(--accent-soft);border:var(--hairline) solid var(--line-hi);width:3.4rem;height:3.4rem;color:var(--sys);box-shadow:var(--sys-glow);border-radius:.6rem;place-items:center;margin:0 auto;display:grid}.bottomnav{z-index:30;-webkit-backdrop-filter:blur(.7rem);border-top:var(--hairline) solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#060a14eb;position:fixed;bottom:0;left:0;right:0}.bottomnav-in{max-width:var(--col);height:var(--nav-h);grid-template-columns:repeat(5,1fr);align-items:center;margin:0 auto;display:grid}.navitem{font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-direction:column;align-items:center;gap:.15rem;font-size:.78rem;font-weight:700;display:flex;position:relative}.navitem.active{color:#d9eeff;text-shadow:0 0 .5rem #3ea8ffe6}.navitem.active svg{color:var(--sys);filter:drop-shadow(0 0 .3rem var(--sys))}.navitem .dot{background:var(--hp);width:.55rem;height:.55rem;box-shadow:0 0 .4rem var(--hp);border-radius:50%;position:absolute;top:-.1rem;right:calc(50% - 1.1rem)}.navplus{border:var(--hairline) solid #8fd0ff;width:3.3rem;height:3.3rem;color:var(--accent-ink);background:linear-gradient(#5cbcff,#2a85e6);border-radius:.7rem;justify-self:center;place-items:center;transition:transform .15s;display:grid;transform:translateY(-.55rem)rotate(45deg);box-shadow:0 0 1.2rem #3ea8ff8c}.navplus svg{transition:transform .15s;transform:rotate(-45deg)}.navplus.open svg{transform:rotate(0)}.toast{left:50%;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + .9rem);z-index:80;border:var(--hairline) solid var(--line-hi);color:var(--ink);border-radius:var(--radius-sm);background:#0a162cf5;align-items:center;gap:.8rem;width:max-content;max-width:min(100vw - 2rem,30rem);padding:.65rem .75rem .65rem 1rem;font-size:.9rem;font-weight:550;animation:.22s cubic-bezier(.2,.9,.3,1.2) toast;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 0 1.2rem #3ea8ff4d}.toast:before{content:"!";border:var(--hairline) solid var(--sys);width:1.3rem;height:1.3rem;color:var(--sys);font-family:var(--head);border-radius:.25rem;flex:none;place-items:center;font-weight:700;display:grid}.toast button{color:var(--sys);font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:.25rem .4rem;font-weight:700}@keyframes toast{0%{opacity:0;transform:translate(-50%,1rem)}}.floats{pointer-events:none;z-index:90;position:fixed;inset:0;overflow:hidden}.float{font-family:var(--head);white-space:nowrap;letter-spacing:.03em;text-shadow:0 0 .5rem,0 .08rem #0009;transform:translate(-50%, calc(-50% - var(--i) * 1.35rem));animation:1.4s cubic-bezier(.2,.7,.3,1) forwards rise;animation-delay:calc(var(--i) * 70ms);opacity:0;font-size:1.15rem;font-weight:700;position:absolute}.float.xp{color:var(--xp)}.float.gold{color:var(--gold)}.float.hp{color:var(--hp)}.float.heal{color:var(--good)}.float.mp{color:#8fb0ff}.float.boss{color:#ff8aa0}.float.crit{color:#8fe3ff;font-size:1.4rem}@keyframes rise{0%{opacity:0;transform:translate(-50%, calc(-50% - var(--i) * 1.35rem)) scale(.6)}12%{opacity:1;transform:translate(-50%, calc(-90% - var(--i) * 1.35rem)) scale(1.12)}25%{transform:translate(-50%, calc(-110% - var(--i) * 1.35rem)) scale(1)}to{opacity:0;transform:translate(-50%, calc(-320% - var(--i) * 1.35rem)) scale(1)}}.banner{left:50%;top:calc(env(safe-area-inset-top) + .75rem);z-index:85;border:var(--hairline) solid var(--line-hi);border-radius:var(--radius);background:#0a162cf7;align-items:center;gap:.8rem;width:min(100vw - 2rem,26rem);padding:.7rem .9rem;animation:.35s cubic-bezier(.2,.9,.3,1.25) drop;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 0 1.6rem #3ea8ff59}.banner-art{border:var(--hairline) solid var(--line);width:2.7rem;height:2.7rem;color:var(--sys);background:#3ea8ff14;border-radius:.4rem;flex:none;place-items:center;display:grid}.banner-t{font-family:var(--head);text-transform:uppercase;letter-spacing:.14em;color:var(--sys);font-size:.78rem;font-weight:700}.banner-b{font-family:var(--head);font-size:1.08rem;font-weight:700}@keyframes drop{0%{transform:translate(-50%,-150%)}}.modal{text-align:center;width:100%;max-width:23rem;margin:0;animation:.4s cubic-bezier(.2,.9,.3,1.1) sysopen;overflow:hidden}@keyframes sysopen{0%{opacity:0;transform:scaleY(.02)scaleX(.4)}45%{opacity:1;transform:scaleY(.02)scaleX(1)}to{transform:none}}.modal h2{margin:.4rem 0 .2rem;font-size:1.9rem}.modal .stage{background:radial-gradient(circle at 50% 60%,#3ea8ff47,#0000 65%);place-items:center;height:9rem;margin:.25rem 0;display:grid}.modal.dead .stage{background:radial-gradient(circle at 50% 60%,#ff4d5e47,#0000 65%)}.modal.dead .avatar{filter:grayscale()brightness(.7);transform:rotate(-90deg)translate(-15%)}.modal.arise .stage{background:radial-gradient(circle at 50% 70%,#8b6cff66,#0000 65%);height:11rem}.modal.arise .win-t span{text-shadow:0 0 .5rem #8b6cffe6;background:#8b6cff1a;border-color:#8b6cffb3}.arise-word{font-family:var(--head);letter-spacing:.3em;color:#e3dcff;text-shadow:0 0 .6rem #8b6cff,0 0 1.6rem #6a4ce0;font-size:2.6rem;font-weight:700;animation:1.1s arise}@keyframes arise{0%{opacity:0;letter-spacing:.8em;filter:blur(.3rem)}to{opacity:1}}.rising{animation:1.2s cubic-bezier(.2,.8,.3,1) rising}@keyframes rising{0%{opacity:0;filter:brightness(3)blur(.2rem);transform:translateY(40%)scaleY(.2)}to{opacity:1;transform:none}}.fading{animation:1s forwards fadeaway}@keyframes fadeaway{to{opacity:.08;filter:blur(.25rem);transform:translateY(-10%)scale(.9)}}.notice{font-family:var(--head);color:var(--ink-2);letter-spacing:.02em;font-size:1.05rem;font-weight:600}.notice b{color:#e6f4ff}.sys-list{text-align:left;font-family:var(--head);gap:.35rem;margin:.6rem 0;font-size:1.02rem;font-weight:600;display:grid}.sys-list div{border-left:.15rem solid var(--sys);background:#3ea8ff0f;justify-content:space-between;gap:1rem;padding:.3rem .6rem;display:flex}.tabsbar{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.tabsbar .seg{flex:1}.tab-count{background:var(--accent-soft);min-width:1.2rem;height:1.2rem;color:var(--sys);border-radius:.25rem;place-items:center;padding:0 .3rem;font-size:.75rem;display:inline-grid}.tasklist{gap:.5rem;display:grid}.task{background:var(--panel);border:var(--hairline) solid var(--line);border-radius:var(--radius);align-items:stretch;min-height:3.6rem;transition:opacity .2s,transform .15s;display:flex;overflow:hidden}.task.done{opacity:.55}.task.done .task-title{-webkit-text-decoration:line-through #e6f1ff80;text-decoration:line-through #e6f1ff80}.task.notdue{opacity:.5}.task.penalty{background:linear-gradient(#460c18eb,#1e060ef0);border-color:#ff4d5eb3;box-shadow:0 0 1rem #ff4d5e40}.task-side{background:color-mix(in srgb, var(--tone) 20%, transparent);border-right:var(--hairline) solid color-mix(in srgb, var(--tone) 55%, transparent);flex:none;place-items:center;width:3.4rem;display:grid;position:relative}.task-side.right{border-right:0;border-left:var(--hairline) solid var(--line);background:#3ea8ff0a}.task-side.off{border-color:var(--line);background:0 0}.checkbox{border:.13rem solid var(--tone);width:1.8rem;height:1.8rem;box-shadow:0 0 .5rem color-mix(in srgb, var(--tone) 60%, transparent), inset 0 0 .4rem color-mix(in srgb, var(--tone) 35%, transparent);color:#fff;border-radius:.3rem;place-items:center;transition:transform .12s;display:grid}.task-side:active .checkbox{transform:scale(.88)}.done .checkbox{background:var(--tone);color:#04101f}.habit-btn{border:.13rem solid var(--tone);width:2.1rem;height:2.1rem;box-shadow:0 0 .5rem color-mix(in srgb, var(--tone) 55%, transparent);color:var(--ink);border-radius:.35rem;place-items:center;transition:transform .12s;display:grid}.task-side:active .habit-btn{transform:scale(.85)}.task-side.off .habit-btn{opacity:.25;box-shadow:none;border-color:var(--line)}.task-body{cursor:pointer;flex-direction:column;flex:1;justify-content:center;gap:.15rem;min-width:0;padding:.6rem .8rem;display:flex}.task-title{overflow-wrap:anywhere;font-weight:600}.task-notes{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.task-meta{font-family:var(--head);color:var(--muted);letter-spacing:.03em;flex-wrap:wrap;align-items:center;gap:.25rem .65rem;font-size:.82rem;font-weight:700;display:flex}.task-meta span{align-items:center;gap:.2rem;display:inline-flex}.task-meta .streak{color:var(--v2)}.task-meta .overdue{color:var(--critical)}.pips{gap:.12rem;display:inline-flex}.pips i{opacity:.25;background:currentColor;width:.36rem;height:.36rem;transform:rotate(45deg)}.pips i.on{opacity:.95;color:var(--sys)}.checklist{border-top:var(--hairline) solid var(--line);margin-top:.35rem;padding-top:.25rem}.checkitem{text-align:left;width:100%;color:var(--ink-2);align-items:center;gap:.5rem;padding:.3rem 0;font-size:.86rem;display:flex}.checkitem .box{border:.12rem solid var(--line-hi);border-radius:.2rem;flex:none;place-items:center;width:1.1rem;height:1.1rem;display:grid}.checkitem.on{color:var(--muted);text-decoration:line-through}.checkitem.on .box{background:var(--good);border-color:var(--good);color:#04101f;box-shadow:0 0 .4rem var(--good)}.reward-price{font-family:var(--head);color:var(--gold);flex-direction:column;align-items:center;gap:.1rem;font-size:1rem;font-weight:700;display:flex}.reward-icon{font-size:1.6rem;line-height:1}.section-t{font-family:var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--sys);justify-content:space-between;align-items:center;margin:1.1rem 0 .5rem;font-size:.9rem;font-weight:700;display:flex}.gatebar{border-radius:var(--radius);border:var(--hairline) solid #ff4d6d73;background:linear-gradient(90deg,#5a0e28bf,#0f1428e6);align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.55rem .8rem;display:flex;box-shadow:0 0 1rem #ff4d6d26}.gatebar .pixel{flex:none}.gatebar.hit .pixel,.gate-stage.hit .boss-art{animation:.35s hit}@keyframes hit{0%,to{filter:none;transform:none}25%{filter:brightness(2.4)saturate(.2);transform:translate(.35rem)scale(.96)}55%{transform:translate(-.2rem)}}.diffs{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.diffs button{border-radius:var(--radius-sm);border:var(--hairline) solid var(--line);min-height:3.3rem;font-family:var(--head);letter-spacing:.05em;color:var(--ink-2);background:#3ea8ff0d;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;font-size:.85rem;font-weight:700;display:flex}.diffs button.on{border-color:var(--sys);background:var(--accent-soft);color:var(--ink);box-shadow:0 0 .7rem #3ea8ff4d}.days{grid-template-columns:repeat(7,1fr);gap:.3rem;display:grid}.days button{border-radius:var(--radius-sm);border:var(--hairline) solid var(--line);min-height:2.4rem;font-family:var(--head);color:var(--ink-2);background:#3ea8ff0d;font-size:.88rem;font-weight:700}.days button.on{background:var(--sys);color:var(--accent-ink);border-color:#8fd0ff}.editlist{gap:.35rem;display:grid}.editlist .row input{flex:1}.icons{grid-template-columns:repeat(8,1fr);gap:.3rem;display:grid}.icons button{aspect-ratio:1;border-radius:var(--radius-sm);border:var(--hairline) solid var(--line);background:#3ea8ff0d;font-size:1.35rem}.icons button.on{border-color:var(--sys);background:var(--accent-soft)}.history{grid-template-columns:repeat(14,1fr);gap:.2rem;display:grid}.history i{aspect-ratio:1;background:var(--track);border-radius:.15rem}.history i.done{background:var(--good);box-shadow:0 0 .3rem #3ddc9799}.history i.miss{background:#ff4d5eb3}.history i.off{border:var(--hairline) dashed var(--line);background:0 0}.scene{border-radius:var(--radius);border:var(--hairline) solid var(--line);background:radial-gradient(45% 12% at 50% 88%,#3ea8ff73,#0000 70%),radial-gradient(70% 60% at 50% 40%,#28468c73,#0000 70%),linear-gradient(#050912,#0b1630 70%,#070d1c);place-items:end center;height:13rem;margin-bottom:.75rem;padding-bottom:1.3rem;display:grid;position:relative;overflow:hidden}.scene .avatar{z-index:1}.scene-badge{font-family:var(--head);letter-spacing:.06em;color:var(--ink-2);align-items:center;gap:.4rem;font-size:.9rem;font-weight:700;display:flex;position:absolute;top:.7rem;left:.7rem}.scene-badge.right{left:auto;right:.7rem}.particle{opacity:0;background:#8fd0ff;border-radius:50%;width:.2rem;height:.2rem;animation:6s linear infinite float-up;position:absolute;bottom:0;box-shadow:0 0 .4rem #3ea8ff}@keyframes float-up{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-13rem)}}.status-grid{font-family:var(--head);grid-template-columns:1fr 1fr;gap:.4rem 1rem;font-size:1.05rem;font-weight:600;display:grid}.status-grid .k{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.85rem}.attrs{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.attr{border-radius:var(--radius-sm);border:var(--hairline) solid var(--line);background:#3ea8ff0d;align-items:center;gap:.6rem;padding:.5rem .65rem;display:flex}.attr-n{font-family:var(--head);letter-spacing:.08em;color:var(--ink-2);width:2.4rem;font-size:.95rem;font-weight:700}.attr-v{font-family:var(--head);min-width:1.8rem;font-size:1.3rem;font-weight:700}.attr-b{color:var(--good);font-size:.72rem;font-weight:650}.plus{border:var(--hairline) solid var(--sys);background:var(--accent-soft);width:2rem;height:2rem;color:var(--sys);border-radius:.3rem;place-items:center;margin-left:auto;display:grid;box-shadow:0 0 .5rem #3ea8ff66}.slots{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.slot{aspect-ratio:1;border-radius:var(--radius-sm);border:var(--hairline) solid var(--line);background:#050c1ad9;place-items:center;display:grid;position:relative;overflow:hidden}.slot .pixel{width:78%;height:78%}.slot-l{text-align:center;font-family:var(--head);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700;position:absolute;bottom:.15rem;left:0;right:0}.slot-r{font-family:var(--head);font-size:.8rem;font-weight:700;position:absolute;top:.2rem;right:.3rem}.skill{align-items:center;gap:.75rem;padding:.7rem 0;display:flex}.skill+.skill{border-top:var(--hairline) solid var(--line)}.skill-ico{border:var(--hairline) solid #4f7dff80;color:#8fb0ff;background:#4f7dff1f;border-radius:.4rem;flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid;box-shadow:0 0 .6rem #4f7dff4d}.skill.locked{opacity:.45}.grid{grid-template-columns:repeat(auto-fill,minmax(6.8rem,1fr));gap:.55rem;display:grid}.tile{background:var(--panel);border:var(--hairline) solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.7rem .5rem .6rem;display:flex;position:relative}.tile.owned{border-color:#3ddc9773}.tile.equipped{border-color:var(--sys);box-shadow:0 0 .9rem #3ea8ff4d}.tile.locked{opacity:.5}.tile-art{place-items:center;width:3.6rem;height:3.6rem;display:grid;position:relative}.tile-art .pixel{max-width:100%;max-height:100%}.tile-n{font-size:.82rem;font-weight:650;line-height:1.2}.tile-s{color:var(--muted);font-size:.72rem}.price{font-family:var(--head);color:var(--gold);align-items:center;gap:.25rem;font-weight:700;display:inline-flex}.tag{font-family:var(--head);letter-spacing:.04em;border:var(--hairline) solid var(--line);color:var(--ink-2);background:#3ea8ff14;border-radius:.25rem;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.78rem;font-weight:700;display:inline-flex}.tag.good{color:var(--good);border-color:#3ddc9780}.tag.accent{border-color:var(--sys);color:var(--sys)}.tag.monarch{color:#b9a8ff;background:var(--monarch-soft);border-color:#8b6cff99}.tag.red{color:var(--hp);border-color:#ff4d5e99}.gate-stage{border-radius:var(--radius);text-align:center;border:var(--hairline) solid color-mix(in srgb, var(--rc) 55%, transparent);box-shadow:0 0 1.4rem color-mix(in srgb, var(--rc) 25%, transparent);background:radial-gradient(ellipse 38% 46% at 50% 42%, color-mix(in srgb, var(--rc) 35%, transparent), transparent 70%), radial-gradient(ellipse 60% 70% at 50% 42%, #0a1432e6, transparent 75%), linear-gradient(180deg, #050912, #090f22);margin-bottom:.75rem;padding:1.1rem 1rem 1rem;position:relative;overflow:hidden}.portal{border:.18rem solid color-mix(in srgb, var(--rc) 80%, white);width:13rem;height:15rem;box-shadow:0 0 1.5rem var(--rc), inset 0 0 2rem var(--rc);opacity:.55;border-radius:50%;animation:5s ease-in-out infinite portal;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes portal{50%{opacity:.75;transform:translate(-50%,-50%)scale(1.04)}}.boss-art{width:11rem;height:11rem;margin:0 auto;animation:3s ease-in-out infinite hover;position:relative}@keyframes hover{50%{transform:translateY(-.4rem)}}.boss-name{font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;font-size:1.5rem;font-weight:700;position:relative}.gate-card{align-items:center;gap:.8rem;display:flex}.gate-ring{border:.14rem solid var(--rc);width:3.6rem;height:4.2rem;box-shadow:0 0 .8rem var(--rc), inset 0 0 1rem color-mix(in srgb, var(--rc) 60%, transparent);background:radial-gradient(circle, color-mix(in srgb, var(--rc) 30%, #050912), #050912 70%);border-radius:50%;flex:none;place-items:center;display:grid}.gate-ring.locked{filter:grayscale()brightness(.6)}.shadow-card{align-items:center;gap:.8rem;display:flex}.shadow-art{border-radius:var(--radius-sm);border:var(--hairline) solid #8b6cff73;background:radial-gradient(circle at 50% 70%,#8b6cff59,#0000 70%),#070512;flex:none;place-items:center;width:4.4rem;height:4.4rem;display:grid}.shadow-art .pixel{filter:drop-shadow(0 0 .3rem #8b6cffcc);width:90%;height:90%}.shadow-card.summoned .shadow-art{border-color:#b9a8ff;box-shadow:0 0 1rem #8b6cff99}.locked-art .pixel{filter:none;opacity:.8}.heat{grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:.18rem;display:grid;overflow-x:auto}.heat i{background:var(--track);border-radius:.12rem;width:.85rem;height:.85rem}.bars{align-items:flex-end;gap:.2rem;height:7rem;display:flex}.bars i{background:linear-gradient(180deg, var(--xp), #a8781a);border-radius:.12rem .12rem 0 0;flex:1;min-height:.1rem}.bars i.today{background:linear-gradient(180deg, #8fd0ff, var(--sys));box-shadow:0 0 .5rem #3ea8ff99}.kpis{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.kpi{border-radius:var(--radius-sm);border:var(--hairline) solid var(--line);background:#3ea8ff0d;padding:.7rem}.kpi b{font-family:var(--head);font-size:1.45rem;font-weight:700;display:block}.kpi span{font-family:var(--head);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:700}.onb{max-width:30rem;padding:calc(1.5rem + env(safe-area-inset-top)) 1.1rem 7rem;margin:0 auto}.onb-foot{padding:.8rem 1.1rem calc(.9rem + env(safe-area-inset-bottom));background:linear-gradient(180deg, transparent, var(--bg) 35%);z-index:10;position:fixed;bottom:0;left:0;right:0}.onb-foot>div{gap:.6rem;max-width:30rem;margin:0 auto;display:flex}.steps{gap:.3rem;margin-bottom:1.2rem;display:flex}.steps i{background:var(--track);flex:1;height:.22rem}.steps i.on{background:var(--sys);box-shadow:0 0 .5rem var(--sys)}.classes{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.classcard{border-radius:var(--radius);background:var(--panel);border:var(--hairline) solid var(--line);text-align:center;flex-direction:column;align-items:center;gap:.3rem;padding:.8rem .6rem;display:flex}.classcard.on{border-color:var(--sys);box-shadow:0 0 1rem #3ea8ff59,inset 0 0 1.2rem #3ea8ff1a}.classcard h3{text-transform:uppercase;letter-spacing:.08em;font-size:1.2rem}.swatches{flex-wrap:wrap;gap:.45rem;display:flex}.swatch{border:.15rem solid var(--bg);width:2.3rem;height:2.3rem;box-shadow:0 0 0 var(--hairline) var(--line);border-radius:.35rem}.swatch.on{box-shadow:0 0 0 .14rem var(--sys), 0 0 .6rem var(--sys)}.pick{border-radius:var(--radius-sm);border:var(--hairline) solid var(--line);text-align:left;background:#3ea8ff0a;align-items:center;gap:.7rem;width:100%;margin-bottom:.4rem;padding:.6rem .75rem;display:flex}.pick.on{border-color:var(--sys);background:#3ea8ff1a}.pick .box{border:.13rem solid var(--line-hi);border-radius:.25rem;flex:none;place-items:center;width:1.35rem;height:1.35rem;display:grid}.pick.on .box{background:var(--sys);border-color:var(--sys);color:var(--accent-ink);box-shadow:0 0 .5rem var(--sys)}.brand{font-family:var(--head);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:1.8rem;font-weight:700;display:inline-flex}.typing{white-space:nowrap;border-right:.12rem solid var(--sys);animation:1.6s steps(40,end) typing,.8s step-end infinite caret;overflow:hidden}@keyframes typing{0%{width:0}}@keyframes caret{50%{border-color:#0000}}.lab{flex-wrap:wrap;gap:.75rem;display:flex}.lab>div{background:repeating-conic-gradient(#0e1830 0 25%, #0a1224 0 50%) 0 0 / 1rem 1rem;border:var(--hairline) solid var(--line);text-align:center;border-radius:.4rem;padding:.5rem;font-size:.7rem}@media (width>=48rem){.main{padding:0 1.5rem}.hud,.pagebar{margin-left:-1.5rem;margin-right:-1.5rem;padding-left:1.5rem;padding-right:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation-duration:10ms!important;animation-iteration-count:1!important}}
