@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.grow{flex-grow:1}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{--navy:#0d214b;--blue:#176fe5;--blue-dark:#0c53ba;--ice:#e9f5ff;--gold:#cf941d;--muted:#6f7d99;--line:#e3e9f3;--canvas:#f4f7fc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#edf2f8}body{color:var(--navy);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% -10%,#fff 0,#edf4fc 46%,#e7edf6 100%);margin:0;font-family:Manrope Variable,Manrope,system-ui,sans-serif}body:has(.landing-shell){padding:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #176fe542}.landing-shell{background:radial-gradient(circle at 72% 22%,#e1f3ff 0,#0000 29%),linear-gradient(145deg,#fbfdff 0%,#f1f7ff 55%,#eef4fc 100%);min-height:100vh;overflow:hidden}.landing-nav{z-index:10;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:84px;margin:0 auto;display:flex;position:relative}.landing-brand{color:var(--navy);letter-spacing:-.6px;align-items:center;gap:9px;font-size:20px;font-weight:850;text-decoration:none;display:flex}.landing-nav-actions{align-items:center;gap:12px;display:flex}.landing-nav-actions a,.landing-cta-row a{font-size:13px;font-weight:800;text-decoration:none}.landing-login{color:#4e617e;padding:10px 15px}.landing-register{color:#fff;background:linear-gradient(135deg,#2586f4,#0d61cf);border-radius:12px;align-items:center;gap:6px;height:42px;padding:0 17px;display:flex;box-shadow:0 8px 20px #1162cf33}.landing-hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:38px;width:min(1180px,100% - 48px);min-height:calc(100vh - 214px);margin:0 auto;padding:28px 0 52px;display:grid}.landing-copy{z-index:3;padding-bottom:8px;position:relative}.landing-kicker{color:#1762bd;letter-spacing:.08em;text-transform:uppercase;background:#ffffffb3;border:1px solid #d6e8fa;border-radius:100px;align-items:center;gap:7px;padding:7px 11px;font-size:11px;font-weight:850;display:inline-flex}.landing-copy h1{letter-spacing:-4.5px;max-width:610px;margin:22px 0 18px;font-size:clamp(50px,6.2vw,82px);line-height:.99}.landing-copy h1 span{color:var(--blue)}.landing-copy>p{color:#62728c;max-width:540px;margin:0;font-size:17px;line-height:1.65}.landing-cta-row{align-items:center;gap:12px;margin-top:30px;display:flex}.landing-primary{color:#fff;background:linear-gradient(135deg,#2586f4,#0d61cf);border-radius:15px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 20px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 11px 25px #1162cf3b}.landing-primary:hover,.landing-register:hover{transform:translateY(-2px);box-shadow:0 13px 27px #1162cf47}.landing-secondary{color:#51627f;align-items:center;min-height:52px;padding:0 17px;display:flex}.landing-promise{color:#7b89a0;align-items:center;gap:7px;margin-top:20px;font-size:11px;font-weight:700;display:flex}.landing-promise svg{color:#249669}.landing-promise span{background:#aeb9c9;border-radius:50%;width:3px;height:3px;margin:0 4px}.landing-visual{isolation:isolate;min-height:560px;position:relative}.landing-glow{z-index:-2;background:radial-gradient(circle at 48% 43%,#fff 0,#d8efff 48%,#c9e8ff 72%,#daf0ff1a 73%);border-radius:50%;width:470px;height:470px;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%);box-shadow:0 38px 80px #1665b424}.landing-orbit{z-index:-1;border:1px solid #378ed62e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:555px;height:555px}.orbit-two{opacity:.6;border-style:dashed;width:650px;height:650px}.landing-visual>img{z-index:2;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 28px 25px #0c427e33);width:min(650px,105%);height:auto;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.landing-star{z-index:3;color:#4ca8e9;text-shadow:0 5px 18px #1e79c44d;position:absolute}.star-one{font-size:28px;top:19%;left:12%}.star-two{color:#d4a63a;font-size:18px;top:9%;right:15%}.landing-companion-card,.landing-xp-card{z-index:4;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #d6e2f0e6;align-items:center;display:flex;position:absolute;box-shadow:0 14px 35px #1b406c21}.landing-companion-card{border-radius:16px;gap:10px;padding:10px 14px 10px 10px;bottom:18%;left:0}.landing-companion-card>span{color:#176fe5;background:#e5f2ff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.landing-companion-card div{flex-direction:column;display:flex}.landing-companion-card small{color:#8390a4;text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:750}.landing-companion-card strong{margin-top:1px;font-size:13px}.landing-xp-card{border-radius:14px;flex-direction:column;align-items:flex-start;padding:11px 16px;top:24%;right:2%}.landing-xp-card strong{color:#5965db;font-size:21px;line-height:1}.landing-xp-card span{color:#7b89a0;text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:8px;font-weight:800}.landing-paths{background:#ffffffa6;border-top:1px solid #d3e0efd9;justify-content:space-between;align-items:center;gap:40px;min-height:130px;padding:25px max(24px,50% - 590px);display:flex}.landing-section-label{color:#7d8ba1;letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:850}.landing-paths h2{letter-spacing:-.7px;margin:4px 0 0;font-size:23px}.landing-path-list{grid-template-columns:repeat(6,auto);gap:8px;display:grid}.landing-path-list span{color:#52627b;background:#fff;border:1px solid #e1e8f1;border-radius:11px;align-items:center;gap:7px;padding:9px 11px;font-size:10px;font-weight:800;display:flex;box-shadow:0 4px 10px #1631560a}.landing-path-list i{border-radius:50%;width:7px;height:7px}.app-frame{background:linear-gradient(#fbfdff 0,#f5f8fd 55%,#f7f9fd 100%);width:min(100%,700px);min-height:100vh;margin:0 auto;padding-bottom:104px;position:relative;overflow:hidden;box-shadow:0 0 70px #16305b1f}.ambient.top{pointer-events:none;background:radial-gradient(circle,#4cabff21,#0000 70%);width:400px;height:280px;position:absolute;top:-140px;right:-200px}.app-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#fcfeffe0;border-bottom:1px solid #d8e1eeb8;justify-content:space-between;align-items:center;height:64px;padding:0 22px;display:flex;position:relative}.brand{letter-spacing:-.55px;align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#0e2d66,#176fe5);border-radius:9px 9px 9px 4px;place-items:center;width:28px;height:28px;display:grid;box-shadow:0 5px 12px #176fe540}.top-bond{color:#df5361;cursor:pointer;background:#fff1f2;border:0;border-radius:100px;justify-content:center;align-items:center;gap:6px;min-width:58px;height:32px;font-size:12px;font-weight:800;display:flex}.screen-content{z-index:1;padding:0 19px 28px;animation:.28s both screenIn;position:relative}@keyframes screenIn{0%{opacity:0;transform:translateY(5px)}}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7d8aa3;font-size:10px;font-weight:800;line-height:1.25;display:block}.today-hero{background:linear-gradient(120deg,#f6fbff 20%,#e9f6ff 100%);border-bottom:1px solid #e2edf8;align-items:center;height:180px;margin:0 -19px;padding:18px 20px 5px;display:flex;position:relative;overflow:hidden}.today-hero:after{content:"";border:1px solid #4099e624;border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-70px;box-shadow:inset 0 0 0 38px #ffffff24}.hero-copy{z-index:2;align-self:flex-start;width:56%;margin-top:24px}.date-label{color:#507099;letter-spacing:.03em;font-size:11px;font-weight:700}.hero-copy h1{letter-spacing:-1.1px;margin:6px 0 4px;font-size:clamp(25px,6vw,34px);line-height:1.1}.hero-copy p{color:var(--muted);margin:0;font-size:13px;font-weight:600}.mini-dragon{z-index:1;width:235px;height:235px;position:absolute;bottom:-67px;right:-12px}.mini-dragon img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 16px 18px #0e45802e);width:100%;height:100%}.level-chip{z-index:2;color:#8c6416;background:#fffae5eb;border:1px solid #f1d591;border-radius:100px;align-items:center;gap:4px;padding:6px 9px;font-size:10px;font-weight:800;display:flex;position:absolute;top:10px;right:24px}.player-progress-card{border:1px solid var(--line);z-index:3;background:#fffffff5;border-radius:16px;align-items:center;gap:13px;margin-top:-17px;padding:13px 14px;display:flex;position:relative;box-shadow:0 10px 26px #14305b17}.player-progress-card>div:first-child{border-right:1px solid var(--line);grid-template-columns:auto auto;align-items:end;gap:2px 7px;min-width:74px;display:grid}.player-progress-card>div:first-child span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;font-size:9px;font-weight:700}.player-progress-card>div:first-child strong{font-size:25px;line-height:1}.player-progress-main{flex:1}.player-progress-main>div{color:#687793;justify-content:space-between;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.progress-wrap{width:100%}.progress-track{background:#e9eef6;border-radius:100px;height:7px;overflow:hidden}.progress-fill{border-radius:inherit;height:100%;box-shadow:0 0 9px color-mix(in srgb, currentColor 30%, transparent);transition:width .6s cubic-bezier(.22,.8,.25,1)}.path-strip{grid-template-columns:repeat(6,1fr);gap:5px;margin:14px 0 23px;display:grid}.path-mini{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.path-mini>span{border:1px solid #fffc;border-radius:13px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 4px 10px #172d4e0e}.path-mini small{color:#6e7d96;font-size:9px;font-weight:800}.section-title{justify-content:space-between;align-items:end;margin:0 1px 12px;display:flex}.section-title h2{letter-spacing:-.55px;margin:4px 0 0;font-size:20px}.section-title>span{color:var(--blue);background:#e9f2ff;border-radius:100px;padding:5px 9px;font-size:10px;font-weight:800}.quest-list{flex-direction:column;gap:9px;display:flex}.quest-slot{flex-direction:column;gap:7px;animation:.28s both questReady;display:flex}@keyframes questReady{0%{opacity:0;transform:translateY(5px)}}.quest-card{border:1px solid var(--line);background:#fff;border-radius:17px;transition:transform .2s,opacity .2s;position:relative;overflow:hidden;box-shadow:0 5px 15px #152a4c0e}.quest-card:before{content:"";background:var(--path);width:3px;position:absolute;inset:0 auto 0 0}.quest-complete{text-align:left;align-items:center;gap:11px;width:100%;padding:12px 12px 11px 13px;display:flex;position:relative}.quest-complete-action{z-index:1;cursor:pointer;background:0 0;border:0;border-radius:17px;position:absolute;inset:0}.quest-complete-action:active{transform:scale(.992)}.quest-complete-action:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.quest-icon{background:var(--pale);width:40px;height:40px;color:var(--path);border-radius:12px;flex:none;place-items:center;display:grid}.quest-icon,.quest-copy,.xp-pill,.check-ring{z-index:2;pointer-events:none;position:relative}.quest-copy{flex-direction:column;flex:1;min-width:0;display:flex}.quest-kicker{align-items:center;gap:5px;display:flex}.quest-copy small{color:var(--path);text-transform:uppercase;letter-spacing:.07em;font-size:9px;font-weight:800;line-height:1.2}.quest-type{color:#68758b;font:inherit;text-transform:uppercase;letter-spacing:.05em;background:#edf1f6;border:0;border-radius:100px;padding:2px 5px;font-size:7px;font-weight:850}.quest-kicker .quest-type{z-index:3;pointer-events:auto;cursor:pointer;position:relative}.quest-type:before{margin-right:3px}.quest-type.daily:before{content:"•"}.quest-type.mystery:before{content:"?"}.quest-type.challenge:before{content:"▲"}.quest-type.rare:before{content:"✦"}.quest-type.party:before{content:"◇"}.quest-type.mystery{color:#6751bb;background:#f0ecff}.quest-type.challenge{color:#a25d15;background:#fff2df}.quest-type.rare{color:#9b7118;background:#fff5d5}.quest-type.party{color:#31875c;background:#e7f7ee}.quest-copy strong{letter-spacing:-.13px;margin-top:3px;font-size:13px;line-height:1.3}.quest-copy em{color:var(--muted);margin-top:2px;font-size:10px;font-style:normal}.xp-pill{color:var(--path);background:var(--pale);white-space:nowrap;border-radius:9px;padding:6px 7px;font-size:13px;font-weight:850}.xp-pill small{margin-left:2px;font-size:8px}.check-ring{color:#fff;border:1.5px solid #ced7e4;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.reroll-button{opacity:0;color:#74819a;cursor:pointer;background:#fff;border:0;align-items:center;gap:4px;padding:3px 0;font-size:9px;font-weight:700;transition:all .18s;display:flex;position:absolute;bottom:4px;right:14px;transform:translateY(100%)}.quest-card:hover .reroll-button,.quest-card:focus-within .reroll-button{opacity:1;transform:none}.quest-card:hover .quest-complete,.quest-card:focus-within .quest-complete{padding-bottom:20px}.reroll-button:disabled{opacity:.45;cursor:default}.quest-type-picker{border:1px solid var(--line);background:#fff;border-radius:15px;padding:11px;animation:.2s both questReady;box-shadow:0 10px 24px #182f5217}.quest-type-picker>div:first-child{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.quest-type-picker>div:first-child strong{font-size:10px}.quest-type-picker>div:first-child span{color:var(--muted);font-size:8px;font-weight:700}.quest-type-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.quest-type-option{cursor:pointer;background:#fbfcfe;border:1px solid #e4e9f1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;height:47px;padding:5px 2px;display:flex}.quest-type-option small{color:#8290a5;white-space:nowrap;font-size:6px}.quest-type-option svg{color:#9aa5b6}.quest-type-option:not(:disabled):hover{border-color:#bfcde0;transform:translateY(-1px)}.quest-type-option:disabled{opacity:.48;cursor:not-allowed}.quest-card.completed{background:#fbfffd;border-color:#cceadb;animation:.55s both questDone}.quest-card.completed .quest-icon,.quest-card.completed .check-ring{color:#fff;background:#29a66f;border-color:#29a66f}.quest-card.completed .quest-copy strong{color:#748099;-webkit-text-decoration:line-through #a7b2c2;text-decoration:line-through #a7b2c2}.quest-card.completed .xp-pill{opacity:.55}@keyframes questDone{35%{transform:scale(1.015);box-shadow:0 10px 25px #29a66f24}}.energy-section{background:#eef5ff;border:1px solid #dce9f9;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;padding:15px;display:flex}.energy-section p{color:var(--muted);margin:4px 0 0;font-size:10px}.energy-picker{background:#e4eaf3;border-radius:12px;gap:2px;padding:3px;display:flex}.energy-picker button{color:#72809a;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:50px;height:33px;padding:0 8px;font-size:12px}.energy-picker button span{margin-left:3px;font-size:9px;font-weight:750}.energy-picker button.active{color:#fff;background:linear-gradient(135deg,#2c8cff,#1769dc);box-shadow:0 5px 12px #1769dc3d}.bottom-nav{z-index:30;width:min(100%,700px);padding:8px 8px max(9px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid #d8e0ece6;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;box-shadow:0 -7px 25px #1d325512}.bottom-nav button{color:#8995aa;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:3px 0;display:flex;position:relative}.bottom-nav button span{border-radius:11px;place-items:center;width:35px;height:30px;display:grid}.bottom-nav button small{font-size:8px;font-weight:750}.bottom-nav button.active{color:var(--blue)}.bottom-nav button.active span{background:#e9f2ff}.screen-header{justify-content:space-between;align-items:center;min-height:86px;padding-top:21px;display:flex}.screen-header h1{letter-spacing:-1px;margin:4px 0 0;font-size:29px;line-height:1.1}.screen-intro{color:var(--muted);margin:-2px 0 19px;font-size:13px}.header-level,.rarity-chip{color:var(--blue);background:#e9f2ff;border-radius:100px;align-items:center;gap:5px;padding:7px 10px;font-size:10px;font-weight:800;display:flex}.rarity-chip{color:#a66e03;background:#fff5dc}.growth-list{flex-direction:column;gap:11px;display:flex}.growth-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px;box-shadow:0 6px 17px #112c520e}.growth-card-button{text-align:left;cursor:pointer;width:100%}.growth-card-button:hover{border-color:color-mix(in srgb, var(--path) 40%, var(--line));transform:translateY(-1px)}.growth-top{align-items:center;gap:11px;margin-bottom:12px;display:flex}.growth-icon{background:var(--pale);width:45px;height:45px;color:var(--path);border-radius:14px;place-items:center;display:grid}.growth-top>div{flex:1}.growth-top h2{margin:0;font-size:16px}.growth-top div span{color:var(--path);font-size:10px;font-weight:750}.growth-top>strong{color:var(--path);font-size:17px}.growth-top>strong small{color:#8995a9;margin-left:2px;font-size:8px}.growth-card .progress-track{height:6px}.subskills{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.subskills span{color:#6e7b91;background:#f5f7fa;border:1px solid #e9edf3;border-radius:100px;padding:4px 8px;font-size:9px;font-weight:700}.growth-footer{justify-content:space-between;align-items:end;gap:8px;display:flex}.growth-companion{color:var(--path);white-space:nowrap;align-items:center;gap:4px;font-size:9px;font-weight:800;display:flex}.growth-companion img{-o-object-fit:contain;object-fit:contain;background:var(--pale);border-radius:10px;width:34px;height:34px}.companion-stage{background:radial-gradient(circle at 50% 45%, #fff 0, var(--pale,#e8f6ff) 55%, #f6faff 100%);border-block:1px solid color-mix(in srgb, var(--path,#168fc7) 16%, white);height:400px;margin:-6px -19px 0;position:relative;overflow:hidden}.companion-stage:after{content:"";border:1px solid #2b84cd2b;border-radius:50%;width:315px;height:315px;position:absolute;top:44px;left:calc(50% - 157px);box-shadow:inset 0 0 0 22px #ffffff2b,inset 0 0 0 23px #2b84cd14}.companion-stage img{z-index:2;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 23px 20px #0e3a6a3d);width:390px;height:390px;animation:.65s cubic-bezier(.2,.78,.25,1) both dragonEnter;position:absolute;top:14px;left:calc(50% - 195px)}@keyframes dragonEnter{0%{opacity:0;transform:translateY(18px)scale(.97)}}.stage-glow{filter:blur(20px);background:#1971c62e;border-radius:50%;height:30px;position:absolute;bottom:18px;left:10%;right:10%}.stage-star{z-index:3;color:#5dcdf7;font-size:19px;animation:2s ease-in-out infinite twinkle;position:absolute}.stage-star.one{top:28%;left:14%}.stage-star.two{animation-delay:-.7s;top:16%;right:15%}@keyframes twinkle{50%{opacity:.35;transform:scale(.75)}}.companion-level{z-index:4;color:#fff;background:#102e67;border:2px solid #fff;border-radius:12px;padding:7px 10px;font-size:11px;font-weight:850;position:absolute;bottom:20px;right:20px;box-shadow:0 7px 16px #0b244f40}.bond-card{z-index:5;background:#fffefa;border:1px solid #ead8aa;border-radius:17px;margin-top:-13px;padding:14px;position:relative;box-shadow:0 8px 22px #4a340d14}.bond-top{justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.bond-top div{color:#d39a27;align-items:center;gap:6px;font-weight:800;display:flex}.bond-top>strong{color:#756a55;font-size:10px}.bond-card p{color:#887c64;margin:8px 0 0;font-size:9px}.companion-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:18px;display:grid}.companion-tabs button{color:#8290a8;cursor:pointer;background:0 0;border:0;padding:11px 3px;font-size:11px;font-weight:750;position:relative}.companion-tabs button[aria-selected=true]{color:var(--blue)}.companion-tabs button[aria-selected=true]:after{content:"";background:var(--blue);border-radius:3px;height:2px;position:absolute;bottom:-1px;left:20%;right:20%}.companion-panel{min-height:135px;padding-top:16px}.trait-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.trait-grid div{color:#526682;background:#f5f8fc;border:1px solid #e5eaf1;border-radius:13px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-size:10px;font-weight:750;display:flex}.trait-grid svg{color:var(--blue)}.about-copy{color:var(--muted);text-align:center;max-width:330px;margin:13px auto 0;font-size:11px;line-height:1.6}.growth-milestones{flex-direction:column;gap:8px;display:flex}.growth-milestones>div{opacity:.55;background:#f6f8fb;border-radius:12px;align-items:center;gap:10px;padding:10px;display:flex}.growth-milestones>div.unlocked{opacity:1}.growth-milestones>div>span{background:#e3e8ef;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.growth-milestones .unlocked>span{color:#fff;background:var(--blue)}.growth-milestones div div{flex-direction:column;display:flex}.growth-milestones strong{font-size:11px}.growth-milestones small{color:#7d8aa0;font-size:9px}.appearance-card{border:1px solid var(--line);border-radius:14px;align-items:center;gap:11px;padding:12px;display:flex}.swatch{color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.sapphire{background:linear-gradient(145deg,#10295d,#2aaee9)}.appearance-card div:nth-child(2){flex-direction:column;flex:1;display:flex}.appearance-card strong{font-size:12px}.appearance-card small,.appearance-card>span{color:#7d899d;font-size:9px}.companion-about{padding-top:17px}.secondary-button{width:100%;height:42px;color:var(--blue);cursor:pointer;background:#fff;border:1px solid #d9e4f1;border-radius:13px;justify-content:center;align-items:center;gap:5px;margin-top:14px;font-size:10px;font-weight:800;display:flex}.companion-roster{grid-template-columns:1fr 1fr;gap:8px;display:grid}.companion-roster button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:15px;align-items:center;gap:7px;min-width:0;height:76px;padding:8px;display:flex;position:relative;overflow:hidden}.companion-roster button.active{border-color:var(--path);box-shadow:0 0 0 1px var(--path);background:color-mix(in srgb, var(--pale) 35%, white)}.companion-roster img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 5px 5px #142a4a21);flex:none;width:54px;height:62px}.companion-roster button>span{flex-direction:column;min-width:0;display:flex}.companion-roster strong{font-size:10px}.companion-roster small{color:#7e8b9f;margin-top:2px;font-size:7px}.companion-roster button>svg{color:#c9901f;position:absolute;top:7px;right:7px}.path-page{padding-top:9px}.path-page-header{align-items:center;gap:11px;height:68px;display:flex}.path-page-header>button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.path-page-header>div{flex:1}.path-page-header h1{letter-spacing:-.7px;margin:3px 0 0;font-size:24px}.path-level-pill{color:var(--path);background:var(--pale);border-radius:100px;align-items:center;gap:4px;padding:7px 9px;font-size:9px;font-weight:850;display:flex}.path-companion-stage{background:radial-gradient(circle at 50% 42%, #fff 0, var(--pale) 55%, #f7fbff 100%);border-block:1px solid color-mix(in srgb, var(--path) 15%, white);height:375px;margin:0 -19px;position:relative;overflow:hidden}.path-companion-stage img{z-index:2;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 21px 19px #13305436);width:355px;height:355px;animation:.55s both dragonEnter;position:absolute;top:3px;left:calc(50% - 177px)}.path-aura{border:1px solid color-mix(in srgb, var(--path) 25%, transparent);border-radius:50%;width:280px;height:280px;position:absolute;top:33px;left:calc(50% - 140px);box-shadow:inset 0 0 0 23px #ffffff38}.companion-caption{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffd1;border:1px solid #ffffffe6;border-radius:11px;flex-direction:column;padding:8px 10px;display:flex;position:absolute;bottom:16px;left:18px}.companion-caption span{color:var(--path);text-transform:uppercase;letter-spacing:.08em;font-size:8px;font-weight:800}.companion-caption strong{margin-top:2px;font-size:11px}.path-progress-card{z-index:4;border:1px solid var(--line);background:#fff;border-radius:17px;margin-top:-8px;padding:14px;position:relative;box-shadow:0 8px 22px #122b4c14}.path-progress-card>div:first-child{justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.path-progress-card>div:first-child span{color:var(--path);font-weight:850}.path-progress-card>div:first-child strong{color:#66758d;font-size:9px}.path-progress-card p{color:#7f8ca0;margin:8px 0 0;font-size:9px}.path-bond-row{background:#fffdf7;border:1px solid #eddfbb;border-radius:15px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:12px;display:flex}.path-bond-row>div{color:#c88e1d;align-items:center;gap:8px;display:flex}.path-bond-row>div>span{flex-direction:column;display:flex}.path-bond-row strong{color:#67572f;font-size:10px}.path-bond-row small{color:#9a8a65;margin-top:2px;font-size:7px}.path-bond-row button{background:var(--path);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:8px 10px;font-size:8px;font-weight:800}.path-bond-row button.equipped{color:var(--path);background:var(--pale)}.trait-tree{margin-top:20px}.trait-root{border:1px solid var(--line);-moz-column-gap:8px;background:#fff;border-radius:15px;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;width:160px;margin:0 auto 18px;padding:11px;display:grid;position:relative;box-shadow:0 6px 16px #122b4c0f}.trait-root:after{content:"";background:color-mix(in srgb, var(--path) 35%, #dfe6ef);width:1px;height:19px;position:absolute;bottom:-19px;left:50%}.trait-root>span{border-radius:11px;grid-row:1/3;place-items:center;width:35px;height:35px;display:grid}.trait-root strong{font-size:11px}.trait-root small{color:#8793a6;font-size:7px}.trait-branches{grid-template-columns:repeat(3,1fr);gap:7px;padding-top:11px;display:grid;position:relative}.trait-branches:before{content:"";background:color-mix(in srgb, var(--path) 35%, #dfe6ef);height:1px;position:absolute;top:0;left:16%;right:16%}.trait-branches article{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:0;padding:10px 8px;position:relative}.trait-branches article:before{content:"";background:color-mix(in srgb, var(--path) 35%, #dfe6ef);width:1px;height:11px;position:absolute;top:-11px;left:50%}.trait-branches article>div:first-child{flex-direction:column;min-height:29px;display:flex}.trait-branches article span{text-overflow:ellipsis;font-size:8px;font-weight:800;overflow:hidden}.trait-branches article strong{color:var(--path);font-size:9px}.trait-branches article .progress-track{height:5px;margin-top:5px}.trait-branches article>small{color:#8a96a8;margin-top:5px;font-size:7px;display:block}.unlock-section{margin-top:20px}.evolution-row,.skin-row,.background-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.evolution-row>div,.skin-row>div{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:center;min-width:0;padding:7px;display:flex;position:relative}.evolution-row>div.current{border-color:var(--path);box-shadow:inset 0 0 0 1px var(--path)}.evolution-art{background:var(--pale);border-radius:10px;width:100%;height:91px;position:relative;overflow:hidden}.evolution-art img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.evolution-row .locked img,.skin-row .locked img{filter:brightness(0)opacity(.18)}.evolution-art>svg,.skin-row>div>div>svg{color:#748198;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.evolution-row strong,.skin-row strong{margin-top:6px;font-size:9px}.evolution-row small,.skin-row small{color:#8793a6;margin-top:1px;font-size:7px}.skin-row>div>div{background:var(--pale);border-radius:9px;width:100%;height:75px;position:relative;overflow:hidden}.skin-row img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.background-row>div{color:#fff;border-radius:14px;flex-direction:column;justify-content:end;min-width:0;height:105px;padding:10px;display:flex;position:relative;overflow:hidden}.background-row>div.locked{filter:grayscale(.8);opacity:.54}.background-row span{background:#ffffff40;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:8px;right:8px}.background-row strong{font-size:9px}.background-row small{opacity:.82;margin-top:2px;font-size:7px}.collection-count{text-align:right;color:var(--blue);font-size:19px;font-weight:850;line-height:1}.collection-count small{color:#8491a6;margin-top:4px;font-size:8px;display:block}.featured-reward{color:#65480c;background:linear-gradient(135deg,#fffdf5,#fff3cc);border:1px solid #efd792;border-radius:20px;justify-content:space-between;align-items:center;min-height:130px;padding:19px;display:flex;box-shadow:0 8px 20px #7d5b1614}.featured-reward>div{width:72%}.featured-reward h2{margin:5px 0 2px;font-size:18px}.featured-reward p{color:#9b7c38;margin:0 0 10px;font-size:10px}.featured-reward>svg{color:#d7a32e;filter:drop-shadow(0 5px 8px #be8b1c38)}.collection-heading{justify-content:space-between;align-items:center;margin:24px 2px 10px;display:flex}.collection-heading h2{margin:0;font-size:16px}.collection-heading span{color:#8995a8;font-size:9px;font-weight:750}.badge-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.badge-grid article{text-align:center;border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;align-items:center;min-height:140px;padding:15px 6px 10px;display:flex;position:relative}.badge-grid article>span{width:48px;height:48px;color:var(--blue);background:linear-gradient(145deg,#e8f3ff,#cfe7ff);border:1px solid #c4dcf5;border-radius:50%;place-items:center;margin-bottom:10px;display:grid}.badge-grid strong{font-size:10px}.badge-grid small{color:#8a96a9;margin-top:4px;font-size:8px;line-height:1.35}.badge-grid .locked{filter:grayscale(.8);opacity:.58}.badge-grid .lock{color:#8290a4;position:absolute;top:8px;right:8px}.badge-grid .unlocked>span{color:#9f6a00;background:linear-gradient(145deg,#fff7d9,#f7cf65);border-color:#e6c262;box-shadow:0 7px 13px #ad7d142b}.future-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.future-row>div{color:#8895a8;background:#f2f5f9;border:1px dashed #d3dae5;border-radius:14px;align-items:center;gap:8px;padding:12px;display:flex}.future-row>div>span{flex-direction:column;display:flex}.future-row strong{font-size:9px}.future-row small{margin-top:2px;font-size:8px}.avatar-mini{background:#e6f4ff;border:1px solid #cfdfef;border-radius:15px;width:48px;height:48px;overflow:hidden}.avatar-mini img{-o-object-fit:contain;object-fit:contain;width:66px;height:66px;transform:translate(-9px,-5px)}.profile-level{color:#fff;background:linear-gradient(120deg,#102a5d,#176fe5);border-radius:20px;align-items:center;gap:14px;padding:16px;display:flex;box-shadow:0 11px 25px #0f489738}.level-medallion{background:#ffffff1f;border:1px solid #fff3;border-radius:18px;grid-template-columns:1fr 1fr;place-items:center;width:66px;height:66px;padding:8px;display:grid}.level-medallion svg{color:#ffd671;grid-column:1/-1}.level-medallion strong{grid-column:1/-1;font-size:19px;line-height:.8}.profile-level>div:last-child{flex:1}.profile-level span{text-transform:uppercase;letter-spacing:.1em;opacity:.65;font-size:9px;font-weight:700}.profile-level h2{margin:2px 0 9px;font-size:16px}.profile-level .progress-track{background:#fff3}.profile-level .progress-fill{background:#70c8ff!important}.build-card{border:1px solid var(--line);background:#fff;border-radius:20px;margin-top:15px;padding:16px}.radar{width:220px;max-width:70%;margin:-8px auto -2px;display:block;overflow:visible}.radar-outer{fill:#f7f9fc;stroke:#dce4ef;stroke-width:1.5px}.radar-line{fill:none;stroke:#e3e9f1;stroke-width:1px}.radar-value{fill:#176fe529;stroke:#176fe5;stroke-width:2px;stroke-linejoin:round}.build-legend{border-top:1px solid #edf0f4;grid-template-columns:repeat(3,1fr);gap:7px 12px;padding-top:12px;display:grid}.build-legend div{color:#718099;grid-template-columns:auto 1fr auto;align-items:center;gap:5px;font-size:9px;font-weight:700;display:grid}.build-legend div>span{border-radius:50%;width:6px;height:6px}.build-legend strong{color:#253a5e}.profile-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px;display:grid}.profile-summary>div{border:1px solid var(--line);background:#fff;border-radius:15px;flex-direction:column;align-items:center;padding:12px 5px;display:flex}.profile-summary span{color:var(--blue)}.profile-summary strong{margin-top:4px;font-size:17px}.profile-summary small{color:#8290a4;font-size:8px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0717326b;justify-content:center;align-items:flex-end;padding:18px;animation:.22s fadeIn;display:flex;position:fixed;inset:0}.completion-modal{text-align:center;background:linear-gradient(#f7fcff 0,#fff 48%);border-radius:28px;width:min(100%,440px);padding:0 22px 22px;animation:.38s cubic-bezier(.16,.8,.3,1) both modalUp;position:relative;overflow:hidden;box-shadow:0 25px 70px #04173552}.modal-close{z-index:5;color:#62728e;cursor:pointer;background:#ffffffc7;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.celebration{background:radial-gradient(circle at 50% 65%,#fff 0,#daf1ff 48%,#eaf7ff 76%);height:205px;margin:0 -22px 1px;position:relative;overflow:hidden}.celebration:after{content:"";filter:blur(10px);background:#104f952e;border-radius:50%;height:15px;position:absolute;bottom:11px;left:20%;right:20%}.celebration img{z-index:2;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 15px 14px #0d427c38);width:250px;height:250px;animation:.7s cubic-bezier(.2,1.4,.4,1) both dragonReact;position:absolute;top:6px;left:calc(50% - 125px)}.completion-burst{z-index:1;border:2px solid #3ea3e647;border-radius:50%;width:135px;height:135px;position:absolute;top:40px;left:calc(50% - 67px);box-shadow:0 0 0 18px #4fb2ef14,0 0 0 38px #4fb2ef0d}.celebration i{z-index:3;background:#efc34c;border-radius:4px;width:6px;height:14px;animation:1.2s both confetti;position:absolute;transform:rotate(20deg)}.celebration i:first-child{top:28%;left:20%}.celebration i:nth-child(2){background:#56bcec;animation-delay:.1s;top:23%;right:22%}.celebration i:nth-child(3){background:#7d5ed2;animation-delay:.18s;top:13%;left:29%}.celebration i:nth-child(4){background:#f0744b;animation-delay:.25s;top:41%;right:30%}@keyframes dragonReact{0%{opacity:0;transform:translateY(35px)scale(.88)rotate(-2deg)}65%{transform:translateY(-5px)scale(1.02)rotate(1deg)}}.complete-label{color:#18885a;text-transform:uppercase;letter-spacing:.08em;background:#e9f8f0;border-radius:100px;align-items:center;gap:5px;margin-top:13px;padding:6px 10px;font-size:9px;font-weight:850;display:inline-flex}.completion-modal h2{letter-spacing:-.55px;margin:10px 0 14px;font-size:21px}.reward-xp{justify-content:center;align-items:center;gap:8px;display:flex}.reward-xp strong{font-size:32px;line-height:1}.reward-xp span{text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.bond-reward,.level-up{color:#c78a18;background:#fff5db;border-radius:100px;align-items:center;gap:5px;margin:13px 3px 0;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex}.level-up{color:#176fe5;background:#e8f2ff}.completion-modal>p{color:#75829a;margin:13px 0 16px;font-size:10px}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2586f4,#0d61cf);border:0;border-radius:14px;justify-content:center;align-items:center;gap:4px;width:100%;height:48px;font-size:12px;font-weight:800;display:flex;box-shadow:0 8px 18px #1162cf3b}.primary-button:disabled{opacity:.42;box-shadow:none;cursor:not-allowed}.trait-rewards{flex-wrap:wrap;justify-content:center;gap:5px;margin-top:11px;display:flex}.trait-rewards span{border-radius:100px;padding:5px 7px;font-size:8px;font-weight:800}.confirmation-modal{text-align:center;background:#fff;border-radius:24px;width:min(100%,440px);padding:31px 22px 22px;animation:.38s cubic-bezier(.16,.8,.3,1) both modalUp;position:relative;box-shadow:0 25px 70px #04173552}.confirm-icon{color:#18885a;background:#e9f8f0;border-radius:17px;place-items:center;width:52px;height:52px;margin:0 auto 17px;display:grid}.confirmation-modal h2{letter-spacing:-.55px;margin:8px 0 7px;font-size:21px}.confirmation-modal p{color:#75829a;max-width:290px;margin:0 auto 21px;font-size:11px;line-height:1.5}.confirmation-actions{grid-template-columns:1fr 1fr 1.35fr;gap:7px;display:grid}.confirmation-actions .secondary-button,.reroll-confirm{border-radius:12px;width:100%;height:44px;margin:0;font-size:10px}.reroll-confirm{color:#5d7190;cursor:pointer;background:#f7faff;border:1px solid #d9e4f1;justify-content:center;align-items:center;gap:4px;font-weight:800;display:flex}.reroll-confirm:disabled{opacity:.42;cursor:not-allowed}.confirmation-actions .primary-button{height:44px;font-size:10px}@keyframes fadeIn{0%{opacity:0}}@keyframes modalUp{0%{opacity:0;transform:translateY(25px)scale(.98)}}@keyframes confetti{0%{opacity:0;transform:translateY(-15px)rotate(0)}to{opacity:1;transform:translateY(25px)rotate(130deg)}}.onboarding-shell{background:linear-gradient(160deg,#fbfdff 0,#edf7ff 55%,#f8fbff 100%);width:min(100%,700px);min-height:100vh;margin:0 auto;padding:20px;overflow:hidden;box-shadow:0 0 70px #16305b1f}.onboarding-top{justify-content:space-between;align-items:center;display:flex}.step-count{color:#8491a7;font-size:10px;font-weight:800}.step-dots{gap:5px;margin-top:18px;display:flex}.step-dots span{background:#dce3ed;border-radius:4px;flex:1;height:3px}.step-dots span.active{background:var(--blue)}.onboarding-card{max-width:480px;margin:5px auto 0}.onboarding-art{height:245px;margin:0 -20px -5px;position:relative}.onboarding-art img{z-index:2;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 17px 18px #0b3e7630);width:275px;height:275px;position:absolute;top:0;left:calc(50% - 137px)}.art-orbit{z-index:1;background:radial-gradient(circle,#fff,#d9efff);border-radius:50%;width:190px;height:190px;position:absolute;top:33px;left:calc(50% - 95px);box-shadow:0 0 0 1px #d5e9f8,0 0 0 20px #ffffff5c}.step-content{min-height:254px;animation:.28s both screenIn}.step-content h1{letter-spacing:-1px;margin:6px 0 7px;font-size:29px;line-height:1.12}.step-content>p{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.5}.field-label{margin-bottom:6px;font-size:10px;font-weight:800;display:block}.step-content input{width:100%;height:50px;color:var(--navy);background:#fff;border:1px solid #d7dfeb;border-radius:14px;padding:0 14px;box-shadow:0 5px 13px #1d385e0d}.step-content input::placeholder{color:#9aa6b8}.path-picker{grid-template-columns:1fr 1fr;gap:8px;display:grid}.path-choice{cursor:pointer;background:#fff;border:1px solid #dce3ed;border-radius:14px;align-items:center;gap:9px;height:53px;padding:0 11px;font-size:11px;font-weight:800;display:flex;position:relative}.path-choice>span{width:31px;height:31px;color:var(--path);background:var(--pale);border-radius:9px;place-items:center;display:grid}.path-choice>svg{color:var(--path);margin-left:auto}.path-choice.selected{border-color:var(--path);box-shadow:0 0 0 1px var(--path);background:color-mix(in srgb,var(--pale) 35%,white)}.energy-picker.large{border-radius:16px;grid-template-columns:repeat(3,1fr);padding:5px;display:grid}.energy-picker.large button{height:52px;font-size:17px}.energy-picker.large button span{margin:1px 0 0;font-size:9px;display:block}.energy-example{color:#5965db;background:#ffffffb3;border:1px solid #dce5f0;border-radius:14px;align-items:center;gap:10px;margin-top:13px;padding:11px 13px;display:flex}.energy-example>div{flex-direction:column;display:flex}.energy-example strong{color:var(--navy);font-size:11px}.energy-example span{margin-top:2px;font-size:9px;font-weight:750}.onboarding-card>.primary-button{margin-top:13px}.text-button{color:#7b899f;cursor:pointer;background:0 0;border:0;margin:10px auto 0;font-size:10px;font-weight:750;display:block}.app-loading{background:#f7fbff;place-content:center;justify-items:center;gap:15px;min-height:100vh;display:grid}.app-loading>span{border:3px solid #d7e4f1;border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:none){.reroll-button{float:right;opacity:1;background:0 0;margin:-7px 14px 7px 0;position:static;transform:none}.quest-card:hover .quest-complete,.quest-card:focus-within .quest-complete{padding-bottom:11px}}@media (max-width:850px){.landing-hero{text-align:center;grid-template-columns:1fr;padding-top:38px}.landing-copy>p{margin-inline:auto}.landing-cta-row,.landing-promise{justify-content:center}.landing-visual{min-height:450px}.landing-visual>img{width:min(560px,96%);bottom:-60px}.landing-glow{width:370px;height:370px}.orbit-one{width:440px;height:440px}.orbit-two{width:520px;height:520px}.landing-paths{text-align:center;flex-direction:column;align-items:center;gap:18px}.landing-path-list{grid-template-columns:repeat(3,auto)}}@media (max-width:560px){.landing-nav{width:calc(100% - 32px);height:70px}.landing-login{padding-inline:8px}.landing-register{height:39px;padding-inline:13px}.landing-register svg{display:none}.landing-hero{gap:2px;width:calc(100% - 34px);min-height:auto;padding:40px 0 12px}.landing-copy h1{letter-spacing:-3px;margin:18px 0 15px;font-size:clamp(44px,13vw,64px)}.landing-copy>p{font-size:14px;line-height:1.55}.landing-cta-row{flex-direction:column;margin-top:24px}.landing-primary,.landing-secondary{width:100%}.landing-secondary{justify-content:center;min-height:38px}.landing-promise{margin-top:13px}.landing-visual{min-height:360px}.landing-visual>img{width:410px;max-width:none;bottom:-47px}.landing-glow{width:290px;height:290px}.orbit-one{width:335px;height:335px}.orbit-two{display:none}.landing-companion-card{transform-origin:0 100%;bottom:16%;left:1%;transform:scale(.9)}.landing-xp-card{transform-origin:100% 0;top:20%;right:0;transform:scale(.9)}.landing-paths{padding-block:27px}.landing-path-list{grid-template-columns:repeat(2,1fr);width:100%}.landing-path-list span{justify-content:center}}@media (min-width:700px){body{padding:22px 0}.app-frame,.onboarding-shell{border-radius:28px;min-height:calc(100vh - 44px)}.bottom-nav{border-radius:0 0 28px 28px;bottom:22px}.modal-backdrop{align-items:center}.completion-modal{border-radius:28px}.screen-content{padding-inline:32px}.today-hero,.companion-stage,.path-companion-stage{margin-inline:-32px}.today-hero{padding-inline:33px}.mini-dragon{right:25px}.onboarding-shell{padding:25px 40px}}@media (max-width:370px){.screen-content{padding-inline:14px}.today-hero,.companion-stage{margin-inline:-14px}.today-hero{padding-inline:15px}.mini-dragon{right:-30px}.energy-section{flex-direction:column;align-items:flex-start}.energy-picker{grid-template-columns:repeat(3,1fr);width:100%;display:grid}.badge-grid{gap:5px}.bottom-nav button small{font-size:7px}.quest-copy strong{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.onboarding-back{color:#71809a;align-items:center;gap:4px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.onboarding-login{color:#7c89a0;text-align:center;margin:14px auto 0;font-size:10px;text-decoration:none;display:block}.onboarding-login strong{color:var(--blue)}.logout-button{color:#c55763;cursor:pointer;background:#fff8f8;border:1px solid #f0d9dc;border-radius:13px;justify-content:center;align-items:center;gap:6px;width:100%;height:44px;margin-top:14px;font-size:11px;font-weight:800;display:flex}.logout-button:hover{background:#fff0f1;border-color:#eabfc4}.questime-brand{color:var(--navy);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.questime-crest{color:#fff;background:linear-gradient(145deg,#102d66,#1d7be9);border-radius:11px 11px 11px 5px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 15px #176fe538}.questime-crest svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.8px;width:25px;height:25px}.questime-crest .crest-q{fill:none}.questime-crest .crest-star{fill:#ffd669;stroke:none}.questime-wordmark{flex-direction:column;line-height:1;display:flex}.questime-wordmark strong{letter-spacing:-.7px;font-size:19px}.questime-wordmark strong span{color:var(--blue)}.questime-wordmark small{color:#8a96aa;letter-spacing:.13em;margin-top:4px;font-size:6px;font-weight:850}.auth-shell{background:linear-gradient(160deg,#fbfdff 0,#edf7ff 55%,#f8fbff 100%);flex-direction:column;align-items:center;width:min(100%,700px);min-height:100vh;margin:0 auto;padding:27px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 70px #16305b1f}.auth-brand-link{align-self:flex-start;text-decoration:none}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#ffffffe0;border:1px solid #d5e1efe6;border-radius:25px;width:min(100%,430px);margin:auto 0;padding:30px 34px 26px;animation:.3s both screenIn;position:relative;box-shadow:0 18px 45px #16365f1f}.auth-rune{color:#2c8bea;background:#ebf7ff;border:1px solid #cce4f8;border-radius:13px;place-items:center;width:42px;height:42px;margin:0 auto 17px;font-size:22px;display:grid;box-shadow:0 7px 14px #2881d41f}.auth-heading .rpg-kicker{color:#4a91cb;letter-spacing:.15em;font-size:9px;font-weight:850}.auth-heading h1{letter-spacing:-1.2px;margin:8px 0;font-size:30px;line-height:1.08}.auth-heading p{max-width:310px;color:var(--muted);margin:0 auto 23px;font-size:12px;line-height:1.55}.auth-card form{text-align:left}.auth-card label{color:#50617c;margin:0 0 6px;font-size:10px;font-weight:850;display:block}.auth-card input{width:100%;height:48px;color:var(--navy);background:#fff;border:1px solid #d7e1ed;border-radius:12px;margin-bottom:15px;padding:0 13px;font-size:12px;box-shadow:0 4px 11px #1d385e0a}.auth-card input::placeholder{color:#9ca8b9}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{color:#8391a6;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:48px;display:grid;position:absolute;top:0;right:5px}.auth-error{color:#c24f5c;margin:-4px 0 13px;font-size:10px;line-height:1.4}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2586f4,#0d61cf);border:0;border-radius:13px;justify-content:center;align-items:center;gap:7px;width:100%;height:48px;font-size:11px;font-weight:850;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 9px 19px #1162cf3b}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 13px 25px #1162cf47}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-secure{color:#7e8da4;justify-content:center;align-items:center;gap:5px;margin-top:18px;font-size:9px;font-weight:750;display:flex}.auth-secure svg{color:#2da375}.auth-switch{color:#8390a4;margin:19px 0 0;font-size:10px}.auth-switch a{color:var(--blue);font-weight:850;text-decoration:none}.auth-progress{grid-template-columns:repeat(4,1fr);gap:5px;width:min(100%,430px);margin:24px 0 -10px;display:grid}.auth-progress span{background:#dce3ed;border-radius:4px;height:3px}.auth-progress span.active{background:var(--blue)}.auth-register-shell{padding-top:20px}.auth-register-card{margin-top:18px;padding-top:0}.auth-art{height:145px;margin:0 -20px -3px;position:relative}.auth-art>div{background:radial-gradient(circle,#fff,#d9efff);border:1px solid #d5e9f8;border-radius:50%;width:126px;height:126px;position:absolute;top:10px;left:calc(50% - 63px);box-shadow:0 0 0 16px #ffffff5c}.auth-art img{z-index:1;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 12px #0b3e7629);width:175px;height:175px;position:absolute;top:-9px;left:calc(50% - 87px)}@media (min-width:700px){.auth-shell{border-radius:28px;min-height:calc(100vh - 44px);padding-inline:40px}.auth-brand-link{align-self:flex-start}.auth-card{margin-top:auto;margin-bottom:auto}}@media (max-width:480px){.auth-shell{padding:20px 16px}.auth-card{border-radius:21px;padding:25px 20px 22px}.auth-heading h1{font-size:27px}.auth-register-card{margin-top:14px}.auth-art{height:132px}}