*,: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}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.visible{visibility:visible}.block{display:block}.hidden{display:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.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%);width:100%;max-width:100vw;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}.landing-copy h1{font-variation-settings:"SOFT" 55, "WONK" 35, "opsz" 96;letter-spacing:-4.3px;max-width:670px;font-family:Fraunces Variable,Fraunces,Iowan Old Style,Georgia,serif;font-size:clamp(48px,6vw,78px);font-weight:650;line-height:.94}.landing-copy h1>span:last-child{color:var(--blue)}.landing-motto{color:#102955}.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{--hero-bg-1:#f9fcff;--hero-bg-2:#e3f5ff;--hero-bg-3:#d6f0ff;background:linear-gradient(124deg,var(--hero-bg-1) 5%,var(--hero-bg-2) 63%,var(--hero-bg-3) 100%);border-bottom:1px solid #e2edf8;align-items:flex-start;height:268px;margin:0 -19px;padding:48px 32px 0;display:flex;position:relative;overflow:hidden}.today-hero:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#fffffff7 86%,#fff);height:84px;position:absolute;bottom:0;left:0;right:0}.today-hero:after{content:"";border:1px solid #4099e626;border-radius:50%;width:360px;height:360px;position:absolute;top:-115px;right:-78px;box-shadow:inset 0 0 0 50px #ffffff21}.hero-copy{z-index:3;width:calc(100% - 250px);max-width:320px;margin-top:0}.date-label{color:#507099;letter-spacing:.03em;font-size:11px;font-weight:700}.hero-greeting{align-items:center;gap:15px;margin:8px 0 0;display:flex}.greeting-avatar{background:#dceeff;border:4px solid #fffffff5;border-radius:50%;flex:none;width:82px;height:82px;overflow:hidden;box-shadow:0 10px 22px #14539738}.greeting-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.hero-copy h1{letter-spacing:-1.35px;margin:0;font-size:clamp(24px,5.4vw,33px);line-height:1.06}.hero-copy p{color:#607493;margin:5px 0 0;font-size:12px;font-weight:700;line-height:1.35}.mini-dragon{z-index:1;width:265px;height:265px;position:absolute;bottom:-24px;right:-16px}.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{z-index:4;background:#fffffffa;border:1px solid #dbe6f2;border-radius:18px;align-items:center;gap:13px;margin-top:-26px;padding:14px 15px;display:flex;position:relative;box-shadow:0 12px 28px #14305b1c}.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-label{color:#687793;justify-content:space-between;gap:8px;margin-bottom:7px;font-size:10px;font-weight:700;display:flex}.player-progress-label span:first-child{color:#244a7e;font-weight:850}.player-progress-label span:last-child{color:#3979c7;text-align:right}.progress-wrap{width:100%}.progress-track{background:#dbe8f6;border-radius:999px;height:8px;overflow:hidden;box-shadow:inset 0 1px 2px #183c6c1f}.player-progress-card .progress-track{background:#dce9f7;border:1px solid #c8daee;height:12px;padding:2px}.progress-fill{border-radius:inherit;transform-origin:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,.8,.25,1);box-shadow:0 1px 5px #1266cd47}.path-strip{grid-template-columns:repeat(6,1fr);gap:8px;margin:17px 0 27px;display:grid}.path-mini{flex-direction:column;align-items:center;gap:5px;min-width:0;display:flex}.path-mini>span{width:42px;height:42px;box-shadow:none;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;overflow:hidden}.path-mini>span img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 6px #172d4e1f);width:42px;height:42px;display:block}.path-mini small{color:#5d7190;font-size:9px;font-weight:850}.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{width:38px;height:38px;color:var(--path);box-shadow:none;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;display:grid;overflow:hidden}.quest-icon img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 3px 6px #172d4e1f);width:38px;height:38px;display:block}.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;align-items:center;gap:2px;display:inline-flex;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-picker-modal{background:#f8fafc;border-radius:26px 26px 22px 22px;flex-direction:column;width:min(100%,460px);max-height:min(82vh,720px);animation:.32s cubic-bezier(.16,.8,.3,1) both modalUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 70px #04173552}.quest-picker-modal>header{background:#fff;justify-content:space-between;align-items:center;padding:20px 20px 10px;display:flex}.quest-picker-modal>header h2{letter-spacing:-.55px;margin:4px 0 0;font-size:21px}.quest-picker-modal>header .modal-close{flex:none;position:static}.quest-picker-status{background:#fff;justify-content:space-between;align-items:center;padding:4px 20px 13px;display:flex}.quest-picker-status span{color:var(--path);font-size:10px;font-weight:850}.quest-picker-status small{color:var(--muted);font-size:8px;font-weight:700}.quest-type-tabs{border-block:1px solid var(--line);background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:11px 12px;display:grid}.quest-type-tabs>button{cursor:pointer;background:#f5f7fa;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:3px;min-width:0;height:39px;display:flex}.quest-type-tabs>button.active{border-color:color-mix(in srgb,var(--path) 32%,#dfe5ee);background:var(--pale);box-shadow:inset 0 0 0 1px #ffffffa6}.quest-type-tabs>button:disabled{opacity:.42;cursor:not-allowed}.quest-type-tabs .quest-type{background:0 0;padding-inline:2px}.quest-picker-list{flex-direction:column;gap:7px;min-height:220px;padding:12px;display:flex;overflow-y:auto}.quest-choice{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e7f0;border-radius:14px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:61px;padding:9px 10px;transition:all .17s;display:grid}.quest-choice:hover{border-color:color-mix(in srgb,var(--path) 34%,#dfe5ee);transform:translateY(-1px)}.quest-choice.selected{border-color:var(--path);background:var(--pale);box-shadow:0 6px 15px color-mix(in srgb,var(--path) 12%,transparent)}.quest-choice-check{color:#fff;border:1.5px solid #cbd5e2;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.quest-choice.selected .quest-choice-check{border-color:var(--path);background:var(--path)}.quest-choice>span:nth-child(2){flex-direction:column;gap:4px;min-width:0;display:flex}.quest-choice strong{text-overflow:ellipsis;color:#152b4d;font-size:11px;line-height:1.25;overflow:hidden}.quest-choice small{color:var(--muted);font-size:8px}.quest-choice em{color:#79869a;white-space:nowrap;background:#edf1f5;border-radius:100px;padding:4px 6px;font-size:7px;font-style:normal;font-weight:750}.quest-picker-empty{color:#8a96a8;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:210px;display:flex}.quest-picker-empty strong{color:#52627b;font-size:11px}.quest-picker-empty span{font-size:9px}.quest-picker-modal>footer{padding:11px 12px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;grid-template-columns:.7fr 1.5fr;gap:9px;display:grid}.quest-picker-modal>footer .text-button{border:1px solid var(--line);border-radius:14px;height:48px;margin:0}.quest-picker-modal>footer .primary-button span{opacity:.78;font-size:9px}.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{width:40px;height:40px;color:var(--path);box-shadow:none;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.growth-icon svg{stroke-width:1.7px;fill:currentColor;stroke:currentColor;filter:drop-shadow(0 2px 6px #172d4e1f);width:30px;height:30px}.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-image:var(--appearance-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);background-position:50%;background-size:cover;height:400px;margin:-6px -19px 0;position:relative;overflow:hidden}.companion-card{background:#fff;border:1px solid #cfd9e7;border-radius:5px;width:min(100% - 24px,430px);margin:0 auto 20px;position:relative;overflow:hidden;box-shadow:0 12px 26px #1736601f}.companion-card.has-golden-frame{border:2px solid #c99b35;box-shadow:inset 0 0 0 3px #fff8df,inset 0 0 0 4px #dfc268,0 12px 26px #1736601f}.companion-card-top{background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:75px;padding:11px 15px 9px;display:flex}.companion-card-top>div:first-child{min-width:0}.companion-card-top span{color:#7786a0;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:850;display:block}.companion-card-top h1{color:#17305b;letter-spacing:-.9px;margin:2px 0 0;font-size:26px;line-height:1}.companion-card-top small{color:#7a899f;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;font-weight:750;display:block;overflow:hidden}.companion-card-art{background-image:var(--appearance-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) 17%,white);background-position:50%;background-size:cover;height:385px;position:relative;overflow:hidden}.companion-card.has-background .companion-card-art:before{content:"";z-index:1;background:#ffffff57;position:absolute;inset:0}.companion-card-art 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:3px;left:calc(50% - 195px)}.companion-card-art .stage-glow{z-index:2}.companion-card-art .companion-level{bottom:14px;right:15px}.companion-card-copy{background:#fff;padding:12px 15px 15px}.companion-card-copy .bond-card{box-shadow:none;border-radius:10px;margin:0;padding:10px}.companion-card-copy .bond-card p{margin-top:6px}.companion-card-copy .companion-about{padding-top:10px}.companion-card-copy .trait-grid{gap:5px}.companion-card-copy .trait-grid div{border-radius:9px;min-height:54px;padding:7px 3px;font-size:8px}.companion-card-copy .trait-grid svg{width:15px;height:15px}.companion-card-copy .about-copy{margin-top:9px;font-size:9px}.companion-card-copy .secondary-button{height:38px;margin-top:10px}.companion-card.has-silver-frame,.path-companion-stage.has-silver-frame{border:4px solid #aeb8c5;box-shadow:inset 0 0 0 2px #edf2f6,0 12px 26px #1736601f}.companion-card.has-golden-frame,.path-companion-stage.has-golden-frame{border:4px solid #c99b35;box-shadow:inset 0 0 0 2px #fff7dc,0 12px 26px #1736601f}.companion-card-top span,.companion-card-top h1,.companion-card-top small{color:#fffaf1}.companion-card-top span{opacity:.72}.companion-card-copy .bond-card{color:#fffaf1;background:#513528;border-color:#89624b}.companion-card-copy .trait-grid div{color:#fffaf1;background:#513528;border-color:#76503c}.companion-stage.has-background:before,.path-companion-stage.has-background:before{content:"";z-index:1;pointer-events:none;background:#ffffff57;position:absolute;inset:0}.companion-stage.has-golden-frame,.path-companion-stage.has-golden-frame{box-shadow:inset 0 0 0 2px #c99b35,inset 0 0 0 5px #fffae5eb,inset 0 0 0 6px #e3c56c}.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{border:1px solid color-mix(in srgb, var(--path) 24%, white);background-image:var(--appearance-background,radial-gradient(circle at 50% 42%, #fff 0, var(--pale) 55%, #f7fbff 100%));background-position:50%;background-size:cover;border-radius:5px;width:min(100% - 24px,430px);height:490px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 12px 26px #1736601f}.path-companion-stage img{z-index:2;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 21px 19px #13305436);width:440px;height:440px;animation:.55s both dragonEnter;position:absolute;top:30px;left:calc(50% - 220px)}.path-companion-stage.has-golden-frame{border-color:#c99b35}.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>button,.skin-row>button{border:1px solid var(--line);min-width:0;color:inherit;font:inherit;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:center;padding:7px;display:flex;position:relative}.evolution-row>button.current,.skin-row>button.current{border-color:var(--path);box-shadow:inset 0 0 0 1px var(--path)}.evolution-row>button:disabled,.skin-row>button:disabled{cursor:not-allowed}.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 .needs-evolution img{filter:brightness(0)opacity(.18)}.evolution-art>svg,.skin-row>button>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>button>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>button{color:#fff;min-width:0;height:126px;font:inherit;text-align:left;cursor:pointer;background-position:50%;background-size:cover;border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:end;padding:10px;display:flex;position:relative;overflow:hidden}.background-row>button.current{border-color:#f4cb62;box-shadow:inset 0 0 0 1px #f4cb62}.background-row>button.locked{filter:grayscale(.8);opacity:.54;cursor:not-allowed}.background-row>button.light-preview{color:#52647c;border-color:#dbe5f0}.background-row>button.light-preview span{color:#2081d9;background:#ffffffb8}.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}.frame-row{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.frame-row>button{border:1px solid var(--line);min-height:112px;color:inherit;font:inherit;text-align:center;cursor:pointer;background:#fff;border-radius:14px;padding:10px 7px;position:relative;overflow:hidden}.frame-row>button.current{border-color:#c99b35;box-shadow:inset 0 0 0 1px #c99b35}.frame-row>button.locked{cursor:not-allowed}.frame-row>button>div{background:#f7f9fc;position:absolute;inset:0;overflow:hidden}.frame-preview.none{background:linear-gradient(145deg,#fff,#edf4fb)}.frame-preview.silver{border:6px solid #aeb8c5;box-shadow:inset 0 0 0 2px #edf2f6}.frame-preview.gold{border:6px solid #c99b35;box-shadow:inset 0 0 0 2px #fff4cf}.frame-row strong,.frame-row small{z-index:1;display:block;position:relative}.frame-row strong{color:#52647c;margin-top:64px;font-size:9px}.frame-row small{color:#78879b;margin-top:2px;font-size:7px}.frame-row svg{z-index:2;color:#68788e;position:absolute;top:33px;left:50%;transform:translate(-50%,-50%)}.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-header{align-items:center;gap:19px;min-height:184px;padding:27px 0 37px;display:flex}.profile-header h1{letter-spacing:-1.25px;margin:4px 0 0;font-size:30px;line-height:1.05}.profile-avatar{cursor:pointer;background:#e6f4ff;border:4px solid #fff;border-radius:50%;flex:none;width:126px;height:126px;padding:0;overflow:hidden;box-shadow:0 12px 26px #14539738}.profile-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-avatar-change{color:var(--blue);cursor:pointer;background:0 0;border:0;margin-top:9px;padding:0;font-size:10px;font-weight:850}.avatar-picker{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.avatar-picker button{border:1px solid var(--line);color:#66758d;min-width:0;font:inherit;cursor:pointer;background:#fff;border-radius:13px;padding:4px 3px 6px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative}.avatar-picker button:hover{transform:translateY(-2px)}.avatar-picker button.selected{border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 2px #176fe524}.avatar-picker img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;background:#edf6ff;border-radius:9px;width:100%;display:block}.avatar-picker span{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:7px;font-weight:800;display:block;overflow:hidden}.avatar-picker i{background:var(--blue);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:-3px;right:-3px}.avatar-step .avatar-picker{margin-top:16px}.avatar-modal{background:#fff;border-radius:25px;width:min(100%,560px);padding:30px 26px 26px;animation:.28s cubic-bezier(.16,.8,.3,1) both modalUp;position:relative;box-shadow:0 25px 70px #04173552}.avatar-modal h2{letter-spacing:-.6px;margin:6px 0 4px;font-size:22px}.avatar-modal p{color:#74839a;margin:0 0 17px;font-size:11px;line-height:1.45}.avatar-modal .avatar-picker{gap:10px}.avatar-modal .avatar-picker button{padding:6px 5px 8px}.avatar-confirmation{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.avatar-confirmation>div:first-child{color:#66758d;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.avatar-confirmation img{-o-object-fit:cover;object-fit:cover;background:#edf6ff;border-radius:12px;width:44px;height:44px}.avatar-confirmation strong{color:#244a7e}.avatar-confirmation>p{color:#c54b53;margin:10px 0 0;font-weight:750}.avatar-confirmation-actions{grid-template-columns:1fr 1.4fr;gap:8px;margin-top:14px;display:grid}.avatar-confirmation-actions .secondary-button,.avatar-confirmation-actions .primary-button{height:43px;margin:0;font-size:10px}.avatar-confirmation-actions .secondary-button{width:100%}.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}.profile-panel-tabs{background:#e8eef6;border-radius:14px;grid-template-columns:1fr 1fr;gap:5px;margin-top:15px;padding:4px;display:grid}.profile-panel-tabs button{color:#718099;cursor:pointer;background:0 0;border:0;border-radius:10px;min-height:37px;font-size:10px;font-weight:850}.profile-panel-tabs button.active{color:var(--blue);background:#fff;box-shadow:0 3px 9px #1f375b17}.profile-panel-tabs span{color:inherit;opacity:.72;margin-left:3px}.profile-panel .build-card{margin-top:0}.profile-panel .featured-reward{margin-top:15px}.party-hero{color:#176548;background:linear-gradient(135deg,#effbf4,#ddf5e8);border:1px solid #cbead8;border-radius:20px;justify-content:space-between;align-items:center;gap:15px;padding:18px;display:flex;box-shadow:0 8px 20px #237b4c14}.party-hero h2{margin:5px 0 4px;font-size:19px}.party-hero p{color:#5c8b72;max-width:280px;margin:0;font-size:10px;line-height:1.5}.party-hero>svg{color:#2aa16a;flex:none}.party-friends{margin-top:20px}.friend-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.friend-form input{min-width:0;height:44px;color:var(--navy);background:#fff;border:1px solid #d7e1ec;border-radius:13px;padding:0 12px;font-size:11px}.friend-form .primary-button{width:auto;height:44px;padding:0 13px;font-size:10px}.party-error{color:#c54b53;margin:7px 2px 0;font-size:9px;font-weight:700}.party-empty{color:#8290a4;margin:9px 2px 0;font-size:10px;line-height:1.5}.friend-list{flex-direction:column;gap:7px;margin-top:10px;display:flex}.friend-list>div{border:1px solid var(--line);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;padding:10px 11px;display:flex}.friend-list span{color:#334b70;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex}.friend-list span svg{color:#2aa16a}.friend-list button{color:#8491a5;cursor:pointer;background:#f3f6fa;border:0;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.party-quest-card{background:#fff;border:1px solid #d7e6f2;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:15px;margin-top:20px;padding:17px;display:flex;box-shadow:0 7px 17px #112c520d}.party-quest-card h2{margin:5px 0 4px;font-size:17px}.party-quest-card p{color:#75859b;margin:0;font-size:10px;line-height:1.45}.party-reward{color:#19724d;align-items:center;gap:5px;margin-top:9px;font-size:9px;font-weight:850;display:flex}.party-quest-card>.primary-button{width:auto;min-width:130px;height:42px;padding:0 11px;font-size:9px}.party-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.party-actions .secondary-button{white-space:nowrap;min-height:35px;padding:0 10px;font-size:9px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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)}}.confirmation-actions:not(.with-reroll){grid-template-columns:1fr 1.35fr}.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)}}.path-choice{height:auto;min-height:68px;padding:8px 11px}.path-choice>span:first-child{flex:none;width:31px;height:31px}.path-choice-copy{text-align:left;background:0 0;border-radius:0;flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.path-choice-copy strong{color:var(--navy);font-size:11px;line-height:1.2}.path-choice-copy small{color:#78879c;font-size:8px;font-weight:700;line-height:1.3}.path-choice>svg{flex:none}.app-error{background:linear-gradient(160deg,#fbfdff,#edf7ff);flex-direction:column;width:min(100%,700px);min-height:100vh;margin:0 auto;padding:24px;display:flex}.app-error>div:last-child{border:1px solid var(--line);text-align:center;background:#fff;border-radius:22px;width:min(100%,390px);margin:auto;padding:28px;box-shadow:0 15px 38px #16365f1a}.app-error>div:last-child>svg{color:var(--blue)}.app-error h1{margin:12px 0 7px;font-size:23px}.app-error p{color:var(--muted);margin:0 0 19px;font-size:12px;line-height:1.55}@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;gap:32px;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(540px,96%);bottom:-20px}.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-nav-actions{flex:none;gap:3px}.landing-nav .questime-wordmark-image{width:112px}.landing-login{padding-inline:8px}.landing-register{height:39px;padding-inline:13px}.landing-register svg{display:none}.landing-hero{flex-direction:column;gap:26px;width:100%;min-height:auto;padding:34px 17px 12px;display:flex}.landing-copy{z-index:6;width:100%;min-width:0}.landing-copy h1{letter-spacing:-2.2px;max-width:100%;margin:18px 0 15px;font-size:clamp(38px,10.8vw,46px);line-height:1.04}.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{min-height:18px;margin-top:13px}.landing-visual{width:100%;min-width:0;min-height:380px;margin-top:6px}.landing-visual>img{width:min(365px,100%);max-width:100%;bottom:0}.landing-glow{width:285px;height:285px}.orbit-one{width:330px;height:330px}.orbit-two{display:none}.landing-companion-card{transform-origin:0 100%;bottom:11%;left:0;transform:scale(.86)}.landing-xp-card{transform-origin:100% 0;top:18%;right:0;transform:scale(.86)}.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{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 (max-width:420px){.today-hero{padding-inline:24px}.hero-copy{width:190px}.hero-greeting{flex-direction:column;align-items:flex-start;gap:6px}.greeting-avatar{border-width:3px;width:58px;height:58px}.mini-dragon{width:290px;height:290px;bottom:-48px;right:-22px}.level-chip{right:16px}}@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}.party-panel{background:#ffffffd1;border:1px solid #dfe7f1;border-radius:20px;margin-top:18px;padding:16px;box-shadow:0 8px 20px #16325b0b}.party-invite{margin-top:16px}.party-panel .section-title{margin-bottom:11px}.party-panel .section-title h2,.party-quest-section .section-title h2{font-size:18px}.party-panel .friend-list{margin-top:0}.party-quest-section{margin-top:24px}.party-quest-section>.section-title{margin-bottom:11px}.shared-quest-list{flex-direction:column;gap:9px;display:flex}.shared-quest-card{background:linear-gradient(135deg,#fbfdff,#eef8ff);border:1px solid #cfe3f5;border-radius:17px;padding:14px;box-shadow:0 8px 18px #1b578f12}.shared-quest-heading{align-items:center;gap:10px;min-width:0;display:flex}.shared-quest-heading>div{flex-direction:column;gap:3px;min-width:0;display:flex}.party-quest-icon{color:#208fc1;background:#dff3ff;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.shared-quest-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.shared-quest-heading small{color:#71849e;font-size:9px;font-weight:700}.shared-quest-status{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.shared-quest-status span{border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850}.shared-quest-status .current{color:#176fe5;background:#e5f0ff}.shared-quest-status .waiting{color:#8a6b2b;background:#fff5dc}.shared-quest-status .done{color:#18764e;background:#e5f7ed}.shared-quest-card>.primary-button{border-radius:11px;width:auto;min-width:132px;height:36px;padding:0 12px;font-size:9px}.shared-complete{color:#18764e;align-items:center;gap:5px;font-size:9px;font-weight:850;display:inline-flex}.party-invite-card{background:linear-gradient(135deg,#fffdf5,#fff7df);border-color:#efd99b}.party-invite-card .party-quest-icon{color:#a67818;background:#fff0bd}.invite-waiting{color:#8a6b2b;background:#fff1c9;border-radius:999px;margin-top:12px;padding:6px 9px;font-size:8px;font-weight:850;display:inline-flex}.party-invite-card>.primary-button{margin-top:12px}.daily-party-card{background:linear-gradient(135deg,#effbf4,#dff5e9);border:1px solid #b9e4d0;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding:17px;display:flex;box-shadow:0 8px 20px #237b4c14}.daily-party-done{background:linear-gradient(135deg,#f8fbff,#eef3f8);border-color:#d5dfeb}.daily-party-done .daily-party-copy h2{color:#3c5575}.daily-party-copy{min-width:0}.daily-party-card h2{margin:5px 0 4px;font-size:17px}.daily-party-card p{color:#5c8b72;margin:0;font-size:9px;line-height:1.45}.daily-party-reward{color:#18764e;margin-top:9px;font-size:8px;font-weight:850;display:block}.daily-party-actions{flex-direction:column;flex:none;align-items:stretch;gap:5px;min-width:112px;display:flex}.daily-party-actions .primary-button{border-radius:11px;width:auto;min-width:112px;height:36px;padding:0 10px;font-size:9px}.daily-party-empty{color:#5c8b72;text-align:right;max-width:112px;font-size:8px;font-weight:750;line-height:1.4}.daily-party-actions label{color:#315c48;font-size:10px;font-weight:800}.daily-party-actions select{color:#1e2b3b;background:#fff;border:1px solid #8dae9b;border-radius:7px;width:100%;min-width:0;min-height:38px;padding:7px 28px 7px 9px;font-size:12px}.daily-party-actions .primary-button:disabled{opacity:.55;cursor:default}.party-empty-state{color:#8290a4;text-align:center;border:1px dashed #cdd9e7;border-radius:16px;flex-direction:column;align-items:center;padding:25px 14px;display:flex}.party-empty-state svg{color:#4c9bd0;margin-bottom:7px}.party-empty-state strong{color:#4c617e;font-size:11px}.party-empty-state p{margin:4px 0 0;font-size:9px}.quest-picker-panel{margin-top:18px}.party-quest-options{flex-direction:column;gap:14px;display:flex}.friend-quest-group{padding-top:2px}.friend-quest-label{color:#334b70;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.friend-quest-label .friend-avatar{border-radius:11px;width:32px;height:32px}.party-quest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.party-quest-option{color:#294568;text-align:left;cursor:pointer;background:#f8fbff;border:1px solid #dce6f1;border-radius:13px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-width:0;min-height:65px;padding:9px 10px;display:flex}.party-quest-option:hover:not(:disabled){background:#f0f8ff;border-color:#8fc2eb}.party-quest-option:disabled{opacity:.6;cursor:wait}.party-quest-option span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;font-weight:850;overflow:hidden}.party-quest-option small{color:#8290a4;font-size:8px}.party-quest-option em{color:#208fc1;font-size:8px;font-style:normal;font-weight:850}.crew-ready{color:#18764e;background:#e7f7ee;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:850}@media (min-width:560px){.party-quest-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.profile-player-id{color:#8491a5;letter-spacing:.02em;margin-top:6px;font-size:10px;font-weight:750;display:block}.public-profile-header{padding-left:44px;position:relative}.public-profile-avatar{cursor:default}.profile-back{border:1px solid var(--line);color:#5b6d87;cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;top:31px;left:0}.player-search-result{background:#f7fbff;border:1px solid #cfe3f7;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding:11px;display:flex}.player-search-result>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.player-search-result strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.player-search-result small{color:#75859b;font-size:8px;font-weight:700}.player-search-result>div:last-child{gap:6px;display:flex}.player-search-result button{white-space:nowrap;width:auto;height:34px;padding:0 9px;font-size:8px}.friend-list small{color:#8290a4;font-size:8px;font-weight:700;display:block}.player-search-result{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.player-search-result>div:first-child{display:block}.player-search-result>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.friend-avatar{background:#e7f4ff;border:2px solid #fff;border-radius:14px;flex:none;width:42px;height:42px;overflow:hidden;box-shadow:0 4px 10px #235b911f}.friend-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.friend-status{color:#73839a;white-space:nowrap;background:#edf2f7;border-radius:10px;align-items:center;min-height:34px;padding:0 9px;font-size:8px;font-weight:850;display:flex}.friend-status.accepted{color:#18764e;background:#e7f7ee}.incoming-requests .section-title>span{color:#176fe5;background:#e8f2ff;border-radius:100px;padding:5px 9px;font-size:9px;font-weight:850}.friend-list{gap:9px}.friend-card{background:#fff;border:1px solid #dce6f1;border-radius:16px;justify-content:space-between;align-items:center;gap:9px;padding:8px 9px;display:flex;box-shadow:0 5px 13px #16325b0a}.friend-card-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:0;display:flex}.friend-card-main>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.friend-card-main strong{color:#263c60;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.friend-card-main small{color:#8491a5;font-size:8px;font-weight:700}.friend-card>.primary-button,.spectate-button{white-space:nowrap;border-radius:10px;width:auto;min-width:64px;height:34px;padding:0 9px;font-size:8px}.spectate-button{color:#2874d3;cursor:pointer;background:#f8fbff;border:1px solid #d6e2ef;align-items:center;gap:1px;font-weight:850;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{align-items:center;text-decoration:none;display:inline-flex}.questime-wordmark-image{-o-object-fit:contain;object-fit:contain;width:142px;height:auto}.onboarding-error{color:#bd4452;text-align:center;margin:10px 0 -2px;font-size:10px;font-weight:700}.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)}.companion-card{background:linear-gradient(160deg,#fff 0%,#f8fbff 100%);border:1px solid #d8e3f0;border-radius:26px;box-shadow:0 18px 42px #18376021}.companion-card-top,.companion-card-copy{color:#17305b;background:0 0}.companion-card-top{padding:17px 18px 12px}.companion-card-top span{color:#7587a1}.companion-card-top h1{color:#19345f}.companion-card-top small{color:#7587a1}.companion-card .rarity-chip{color:#a66e03;background:#fff6e0;border:1px solid #f1dba4}.companion-card-art{border-block:1px solid #e1ebf5}.companion-card-copy{padding:14px 18px 18px}.companion-card-copy .bond-card{color:#67572f;background:linear-gradient(135deg,#fffefa,#fff8e7);border:1px solid #ebdfbd;border-radius:15px}.companion-card-copy .bond-top div{color:#c58c20}.companion-card-copy .bond-top>strong,.companion-card-copy .bond-card p{color:#857960}.companion-card-copy .trait-grid div{color:#546884;background:#f7faff;border-color:#e0e8f0;border-radius:12px}.companion-card-copy .trait-grid svg{color:var(--path)}.companion-card-copy .about-copy{color:#71829a}.companion-card-copy .secondary-button{color:#2875cf;background:#fff;border-color:#d7e4f1}.path-companion-stage{border-radius:26px;box-shadow:0 18px 42px #18376021}.companion-card.has-golden-frame,.path-companion-stage.has-golden-frame{border-radius:26px}.companion-card.has-silver-frame:after,.path-companion-stage.has-silver-frame:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#d9e9f51f 46%,#ffffff9c 50%,#b7d1e837 54%,#0000 62%);width:300%;animation:4.2s linear infinite borderShimmer;position:absolute;top:0;bottom:0;left:-200%}@keyframes borderShimmer{0%{transform:translate(0,0)}to{transform:translate(66.6667%)}}.companion-card.has-golden-frame:after,.path-companion-stage.has-golden-frame:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffd65c38 46%,#fff4b4d9 50%,#e9aa344f 54%,#0000 62%);width:300%;animation:4.2s linear infinite borderShimmer;position:absolute;top:0;bottom:0;left:-200%}.daily-board{background:linear-gradient(135deg,#fff,#f3f9ff);border:1px solid #d8e6f4;border-radius:22px;margin-top:20px;overflow:hidden;box-shadow:0 9px 23px #184a8212}.daily-board-summary{color:#1c3b67;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:15px;display:grid}.daily-board-summary>span:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.daily-board-summary small{color:#4d84bc;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:850}.daily-board-summary strong{font-size:15px}.daily-board-summary em{color:#778ba5;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;font-weight:700;overflow:hidden}.daily-board-emblem{color:#287bd5;background:linear-gradient(145deg,#e8f4ff,#d6ebff);border-radius:15px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #fff}.daily-board.is-expanded .daily-board-summary>svg{transform:rotate(90deg)}.quest-section{margin-top:11px}.quest-section .section-title{padding-inline:3px}.quest-type,.reroll-button{display:none!important}.quest-card{border-radius:17px}.quest-complete-action:disabled{cursor:default}.personal-task-list{flex-direction:column;gap:7px;margin-top:12px;display:flex}.personal-task{background:#fbfdff;border:1px solid #dfe8f1;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;display:grid}.personal-task>button:first-child{color:#6990ba;cursor:pointer;background:#fff;border:1px solid #c7d8e9;border-radius:9px;place-items:center;width:25px;height:25px;display:grid}.personal-task span{flex-direction:column;gap:2px;min-width:0;display:flex}.personal-task small{color:#7e99b5;letter-spacing:.08em;font-size:7px;font-weight:850}.personal-task strong{color:#385271;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.personal-task .edit-task{color:#397dca;cursor:pointer;background:0 0;border:0;font-size:8px;font-weight:850}.task-composer{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:9px;display:grid}.task-composer input{color:#284566;background:#fff;border:1px solid #d8e4f0;border-radius:12px;outline-color:#4a97e8;min-width:0;height:40px;padding:0 11px;font-size:10px}.task-composer button{color:#fff;cursor:pointer;background:#267dde;border:0;border-radius:12px;padding:0 12px;font-size:9px;font-weight:850}.personal-task-heading{justify-content:space-between;align-items:center;margin:15px 2px 0;display:flex}.personal-task-heading>div{align-items:baseline;gap:8px;display:flex}.personal-task-heading .eyebrow{color:#718eae;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:850}.personal-task-heading strong,.personal-task-heading>span{color:#8092a8;font-size:9px;font-weight:750}.personal-task-list{margin-top:8px}.personal-task{background:#fff;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto auto;padding:11px;box-shadow:0 3px 9px #19395b0a}.personal-task .personal-task-complete{border-radius:9px;width:28px;height:28px}.personal-task .personal-task-complete:disabled{opacity:.45;cursor:default}.personal-task small{font-size:8px}.personal-task strong{font-size:11px}.personal-task .edit-task{color:#3477bd;padding:7px;font-size:9px}.personal-task .delete-task{color:#a0adbd;cursor:pointer;background:#f3f6fa;border:0;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.personal-task .delete-task:hover{color:#b94141;background:#fff0f0}.task-composer{background:linear-gradient(145deg,#f8fbff,#f3f8fd);border:1px solid #e0eaf4;border-radius:15px;grid-template-columns:1fr;gap:7px;margin-top:13px;padding:13px}.task-composer>label{color:#3b5777;font-size:10px;font-weight:850}.task-composer-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.task-composer input{border-radius:11px;height:42px;font-size:11px}.task-composer-row button{border-radius:11px;min-height:42px;padding:0 14px;font-size:10px}.task-composer-row button:disabled{opacity:.45;cursor:default}.task-composer>small{color:#8496ac;min-height:14px;font-size:9px}.task-composer .cancel-task-edit{color:#397dca;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;font-weight:800}.special-quest-section{justify-content:space-between;align-items:flex-end;gap:10px;margin-top:20px;display:flex}.special-quest-section h3{color:#233f66;margin:4px 0 2px;font-size:15px}.special-quest-section p{color:#8090a5;max-width:270px;margin:0;font-size:9px;line-height:1.45}.key-bank{color:#a77619;white-space:nowrap;background:#fff3d2;border-radius:999px;align-items:center;gap:4px;padding:7px 9px;font-size:9px;font-weight:850;display:flex}.special-quest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.special-quest-grid article{color:#74849a;background:linear-gradient(145deg,#fbfcfe,#f3f6fa);border:1px dashed #d6dfeb;border-radius:16px;flex-direction:column;justify-content:space-between;gap:9px;min-width:0;min-height:135px;padding:10px;display:flex}.special-quest-grid article.unlocked{border-style:solid}.special-quest-grid article.mystery.unlocked{background:#f7f4ff;border-color:#cfc7f2}.special-quest-grid article.challenge.unlocked{background:#fff8ef;border-color:#f0cfaa}.special-quest-grid article.rare.unlocked{background:#fffbed;border-color:#ead78b}.special-quest-grid span,.special-quest-grid small{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:7px;font-weight:850;display:block;overflow:hidden}.special-quest-grid strong{color:#3c506f;margin-top:5px;font-size:10px;line-height:1.25;display:block;overflow:hidden}.special-quest-grid small{color:#8796aa;text-transform:none;margin-top:5px}.special-quest-grid button{color:#62758f;cursor:pointer;background:#eaf0f6;border:0;border-radius:9px;justify-content:center;align-items:center;gap:3px;width:100%;min-height:29px;font-size:8px;font-weight:850;display:flex}.special-quest-grid .unlocked button{color:#fff;background:#3d85d4}.special-quest-grid button:disabled{opacity:.48;cursor:default}.quest-section .section-title .eyebrow{font-size:0}.quest-section .section-title .eyebrow:after{content:"Your chosen daily quests";color:#718eae;letter-spacing:.09em;font-size:9px;font-weight:850}.special-quest-grid article.mystery{background:linear-gradient(145deg,#fbfaff,#eeeaff);border-color:#cfc7f2}.special-quest-grid article.challenge{background:linear-gradient(145deg,#fffaf4,#ffe8ce);border-color:#f0c99c}.special-quest-grid article.rare{background:linear-gradient(145deg,#fffdf4,#fff0ba);border-color:#ebd17d}.special-quest-grid article.mystery.unlocked{background:linear-gradient(145deg,#f3efff,#e5ddff)}.special-quest-grid article.challenge.unlocked{background:linear-gradient(145deg,#fff2df,#ffdfbd)}.special-quest-grid article.rare.unlocked{background:linear-gradient(145deg,#fff9d9,#ffe99a)}.special-quest-grid article.mystery button{color:#6c55bd;background:#e4ddff}.special-quest-grid article.challenge button{color:#a45b13;background:#ffe1bd}.special-quest-grid article.rare button{color:#977115;background:#ffe89b}.special-quest-grid article.mystery.unlocked button{background:#7659cc}.special-quest-grid article.challenge.unlocked button{background:#cf7422}.special-quest-grid article.rare.unlocked button{background:#c99b20}.hidden-unlock-modal{text-align:center;background:linear-gradient(160deg,#faf8ff,#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}.hidden-unlock-modal.challenge{background:linear-gradient(160deg,#fff7ee,#fff)}.hidden-unlock-modal.rare{background:linear-gradient(160deg,#fffbe9,#fff)}.hidden-unlock-icon{color:#7059bd;background:#eee9ff;border-radius:18px;place-items:center;width:54px;height:54px;margin:0 auto 16px;display:grid}.hidden-unlock-modal.challenge .hidden-unlock-icon{color:#b66718;background:#ffe7cf}.hidden-unlock-modal.rare .hidden-unlock-icon{color:#a57816;background:#fff0b5}.hidden-unlock-modal h2{letter-spacing:-.55px;margin:8px 0 7px;font-size:21px}.hidden-unlock-modal>p{color:#75829a;max-width:290px;margin:0 auto;font-size:11px;line-height:1.5}.hidden-unlock-reward{color:#735abf;background:#efeaff;border-radius:999px;align-items:center;gap:5px;margin:16px 0;padding:7px 10px;font-size:9px;font-weight:850;display:inline-flex}.hidden-unlock-modal.challenge .hidden-unlock-reward{color:#ae6318;background:#fff0dc}.hidden-unlock-modal.rare .hidden-unlock-reward{color:#9d7616;background:#fff5ce}.hidden-unlock-modal .confirmation-actions{grid-template-columns:1fr 1.35fr}.hidden-unlock-modal .confirmation-actions .secondary-button,.hidden-unlock-modal .confirmation-actions .primary-button{height:44px;font-size:10px}@media (max-width:520px){.companion-card-art img,.companion-stage img,.path-companion-stage img{left:50%;transform:translate(-50%)}.special-quest-grid{grid-template-columns:1fr}.special-quest-grid article{min-height:92px}.special-quest-grid article>div{min-width:0}.special-quest-grid button{align-self:flex-start;width:auto;padding-inline:10px}}.path-mini{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.path-mini>span{transition:transform .18s,background .18s}.path-mini:hover>span,.path-mini.active>span{background:color-mix(in srgb,currentColor 14%,transparent);transform:translateY(-2px)}.path-mini small{line-height:1}.path-mini em{color:#8190a5;white-space:nowrap;font-size:7px;font-style:normal;font-weight:800;line-height:1}.path-mini.active small,.path-mini.active em{color:var(--blue)}.evolution-row-four{grid-template-columns:repeat(4,1fr)}.evolution-row-four>button{padding:6px 4px}.evolution-row-four strong{white-space:nowrap;font-size:8px}.evolution-row-four small{font-size:6px}.companion-card{background:linear-gradient(145deg,color-mix(in srgb,var(--path) 58%,#211722),color-mix(in srgb,var(--path) 46%,#101c32))}.path-companion-stage{background:linear-gradient(145deg,color-mix(in srgb,var(--path) 72%,white),color-mix(in srgb,var(--path) 54%,white))}.companion-card-top,.companion-card-copy{background:0 0}.companion-card-art{background-image:var(--appearance-background,radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--path) 42%,white) 0,color-mix(in srgb,var(--path) 64%,white) 62%,color-mix(in srgb,var(--path) 74%,white) 100%))}.path-companion-stage,.companion-stage{background-image:var(--appearance-background,radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--path) 54%,white) 0,color-mix(in srgb,var(--path) 76%,white) 62%,color-mix(in srgb,var(--path) 86%,white) 100%))}.companion-card-art img,.companion-stage img,.path-companion-stage img{filter:none!important}.companion-card.has-background .companion-card-art:before,.companion-stage.has-background:before,.path-companion-stage.has-background:before{background:#ffffff29}.companion-card.has-golden-frame,.path-companion-stage.has-golden-frame{border-color:#d9a638;box-shadow:inset 0 0 0 2px #fff4c1,0 0 0 1px #e8c76d,0 0 17px #e9b74d55,0 12px 26px #1736601f}@media (prefers-reduced-motion:reduce){.companion-card.has-silver-frame:after,.path-companion-stage.has-silver-frame:after,.companion-card.has-golden-frame:after,.path-companion-stage.has-golden-frame:after{content:none;animation:none}}@media (max-width:520px){.special-quest-grid{gap:9px}.special-quest-grid article{border-style:solid;border-width:1px;border-radius:18px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:82px;padding:10px 11px;display:grid}.special-quest-grid article:before{border-radius:14px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:900;display:grid}.special-quest-grid article.mystery:before{content:"?";color:#6d55c1;background:#dfd5ff}.special-quest-grid article.challenge:before{content:"▲";color:#ad6217;background:#ffddbd;font-size:15px}.special-quest-grid article.rare:before{content:"✦";color:#a07715;background:#ffe58c}.special-quest-grid article>div{min-width:0}.special-quest-grid article span{color:#61718c;font-size:7px}.special-quest-grid article strong{color:#263f63;margin-top:3px;font-size:11px}.special-quest-grid article small{color:#7789a3;margin-top:3px;font-size:8px}.special-quest-grid article button{border-radius:10px;place-self:center end;width:auto;min-width:62px;min-height:33px;padding:0 9px;font-size:8px}.special-quest-grid article.mystery{background:#eee9ff;border-color:#d9ceff}.special-quest-grid article.challenge{background:#ffe8d2;border-color:#ffd2aa}.special-quest-grid article.rare{background:#fff0b7;border-color:#f4d96f}.special-quest-grid article.mystery.unlocked{background:#e4d9ff}.special-quest-grid article.challenge.unlocked{background:#ffdcb9}.special-quest-grid article.rare.unlocked{background:#ffe99b}.special-quest-grid article.mystery button{color:#fff;background:#7054c0}.special-quest-grid article.challenge button{color:#fff;background:#b86518}.special-quest-grid article.rare button{color:#fff;background:#9b7205}}.companion-card-art{border:2px solid color-mix(in srgb,var(--path) 42%,white);border-radius:7px;height:365px;margin:0 15px}.companion-card-art>img{-o-object-fit:contain;object-fit:contain;animation:none;width:calc(100% - 88px)!important;height:calc(100% - 40px)!important;top:20px!important;left:44px!important;transform:none!important}.companion-card-top span,.companion-card-top h1,.companion-card-top small,.companion-card-copy .about-copy{color:#fff;text-shadow:0 1px 2px #14254833}.companion-card-art .stage-star{display:none}@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}}.path-page .appearance-equipped-mark{z-index:4;color:#fff;background:#17945b;border:2px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #09523166}.path-page :is(.evolution-row,.skin-row,.frame-row)>button.current{border:2px solid #17945b;box-shadow:0 0 0 2px #d8f5e6}.path-page :is(.evolution-row,.skin-row,.frame-row)>button.current>small{color:#137a4c;font-weight:850}.path-page .skin-row>button.locked{color:#7a8190;background:#f4f5f7}.path-page .skin-row>button.locked>div{background:#e9ebf0}.path-page .frame-row>button{flex-direction:column;justify-content:flex-end;align-items:center;min-height:158px;padding:7px;display:flex}.path-page .frame-row>button>.frame-preview{background:linear-gradient(145deg,var(--pale),#fff);border-radius:8px;place-items:center;width:100%;height:104px;padding:7px;display:grid;position:relative;inset:auto}.path-page .frame-row .frame-preview-card{background:linear-gradient(160deg,#fff,#e4ecf5);border:2px solid #d4dbe6;border-radius:4px;width:74px;height:88px;position:relative;overflow:hidden;box-shadow:0 4px 9px #1b315329}.path-page .frame-row .frame-preview-card span{z-index:1;color:#344660;font-size:7px;font-weight:900;position:absolute;top:4px;left:5px}.path-page .frame-row .frame-preview-card img{-o-object-fit:contain;object-fit:contain;width:74px;height:74px;position:absolute;bottom:-4px;left:0}.path-page .frame-row .frame-preview.silver{box-shadow:none;border:0}.path-page .frame-row .frame-preview.silver .frame-preview-card{border:5px ridge #aebbc9;box-shadow:inset 0 0 0 1px #eef4fc,0 4px 9px #1b315329}.path-page .frame-row .frame-preview.gold{box-shadow:none;border:0}.path-page .frame-row .frame-preview.gold .frame-preview-card{border:5px ridge #d8ad48;box-shadow:inset 0 0 0 1px #fff2bc,0 4px 9px #1b315329}.path-page .frame-row .frame-preview.silver .frame-preview-card:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#d9e9f51f 46%,#ffffff9c 50%,#b7d1e837 54%,#0000 62%);width:300%;animation:4.2s linear infinite borderShimmer;position:absolute;top:0;bottom:0;left:-200%}.path-page .frame-row .frame-preview.gold .frame-preview-card:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffd65c38 46%,#fff4b4d9 50%,#e9aa344f 54%,#0000 62%);width:300%;animation:4.2s linear infinite borderShimmer;position:absolute;top:0;bottom:0;left:-200%}@media (prefers-reduced-motion:reduce){.path-page .frame-row .frame-preview.silver .frame-preview-card:after,.path-page .frame-row .frame-preview.gold .frame-preview-card:after{animation:none}}.path-page .frame-row strong{margin-top:6px}.path-page .frame-row small{min-height:17px}.path-page .frame-row .frame-lock{z-index:3;color:#536174;background:#ffffffdf;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:40px;left:50%;transform:translate(-50%)}.path-page .frame-row :is(.frame-lock,.appearance-equipped-mark) svg{position:static;transform:none}.path-page .background-row>button.current{border:3px solid #17945b;box-shadow:0 0 0 2px #d8f5e6}.path-page .background-row>button.current>span{color:#fff;background:#17945b}.trait-branches button{border:1px solid var(--line);min-width:0;color:inherit;text-align:left;font:inherit;cursor:pointer;background:#fff;border-radius:14px;padding:10px 8px;position:relative}.trait-branches button:before{content:"";background:color-mix(in srgb,var(--path) 35%,#dfe6ef);width:1px;height:11px;position:absolute;top:-11px;left:50%}.trait-branches button:hover{border-color:var(--path);box-shadow:0 4px 13px #172f5217}.trait-branches button>div:first-child{flex-direction:column;min-height:29px;display:flex}.trait-branches button span{text-overflow:ellipsis;font-size:8px;font-weight:800;overflow:hidden}.trait-branches button strong{color:var(--path);font-size:9px}.trait-branches button .progress-track{height:5px;margin-top:5px}.trait-branches button>small{color:#697789;margin-top:5px;font-size:7px;display:block}.trait-branches .trait-open-icon{color:#8793a6;position:absolute;top:8px;right:5px}.trait-detail-modal{background:#fffefa;border:2px solid #182236;border-radius:12px;width:min(100%,530px);max-height:min(86vh,760px);padding:28px 26px;position:relative;overflow-y:auto;box-shadow:8px 8px #111b3159}.trait-detail-kicker{color:var(--trait-color);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:900}.trait-detail-modal h2{color:#1c2638;margin:8px 38px 8px 0;font-size:30px}.trait-detail-modal h2 span{color:var(--trait-color);white-space:nowrap;font-size:17px}.trait-meaning{color:#4f5d70;margin:0 0 20px;font-size:13px;line-height:1.6}.trait-detail-progress{background:#f5f7fa;border:1px solid #d9dfe8;border-radius:8px;padding:15px}.trait-detail-progress>div:first-child{justify-content:space-between;gap:10px;font-size:11px;display:flex}.trait-detail-progress .progress-wrap{margin:9px 0}.trait-detail-progress small{color:#657286;font-size:10px;line-height:1.5}.trait-timeline-heading{justify-content:space-between;align-items:baseline;gap:10px;margin:22px 0 14px;display:flex}.trait-timeline-heading strong{font-size:14px}.trait-timeline-heading small{color:#6d7888;font-size:9px}.trait-timeline{margin:0;padding:0 0 0 38px;list-style:none;position:relative}.trait-timeline:before{content:"";background:#e3e7ee;width:3px;position:absolute;top:13px;bottom:20px;left:12px}.trait-timeline li{min-height:77px;padding:0 0 20px;position:relative}.trait-timeline-node{color:#758297;background:#fff;border:2px solid #cdd5df;border-radius:50%;place-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:grid;position:absolute;top:0;left:-38px}.trait-timeline li.reached .trait-timeline-node{color:#fff;background:#17945b;border-color:#17945b}.trait-timeline li.reached:not(:last-child):before{content:"";background:#17945b;width:3px;position:absolute;top:27px;bottom:0;left:-25px}.trait-timeline li strong{color:#263346;font-size:12px}.trait-timeline li p{color:#687689;margin:4px 0 0;font-size:10px;line-height:1.5}.trait-timeline li em{color:#137a4c;background:#dcf5e7;border-radius:4px;margin-top:5px;padding:3px 6px;font-size:9px;font-style:normal;font-weight:850;display:inline-block}.trait-timeline li{min-height:66px}.trait-timeline li.reached:not(:last-child):before{content:none}.trait-timeline li.reached.segment-complete:not(:last-child):before{content:""}@media (max-width:520px){.trait-detail-modal{max-height:90vh;padding:24px 18px}.trait-timeline-heading{display:block}.trait-timeline-heading small{margin-top:3px;display:block}}:root{--companion-art-ratio:9 / 10}.companion-card .companion-card-art,.path-companion-stage{height:auto;aspect-ratio:var(--companion-art-ratio)}.path-companion-stage>img{-o-object-fit:contain;object-fit:contain;animation:none;width:calc(100% - 24px)!important;height:calc(100% - 50px)!important;inset:12px 12px 38px!important;transform:none!important}.path-companion-stage.has-skin{background:#182236}.path-companion-stage.has-skin>img{width:100%!important;height:100%!important;inset:0!important}.path-companion-stage.has-skin .path-aura{display:none}.path-companion-stage.has-skin .companion-caption{z-index:3;color:#fff;background:linear-gradient(#0000,#0e172ac9);padding:24px 16px 12px;bottom:0;left:0;right:0}.path-companion-stage.has-skin .companion-caption :is(span,strong){color:#fff;text-shadow:0 1px 3px #0006}.companion-card.has-skin .companion-card-art{background:#182236}.companion-card.has-skin .companion-card-art>img{-o-object-fit:contain;object-fit:contain;animation:none;width:100%!important;height:100%!important;inset:0!important;transform:none!important}.companion-card.has-skin .stage-glow{display:none}.skin-row>button{border-width:2px}.skin-row .skin-name{color:#536174;margin-top:2px;font-size:8px;font-weight:750}.path-page .skin-row>button>.skin-preview{width:100%;height:auto;aspect-ratio:var(--companion-art-ratio)}.skin-row .skin-preview img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.skin-row .evolution-silhouette img{filter:brightness(0)opacity(.2);padding:8px}.skin-row .evolution-silhouette>svg{z-index:2;color:#536174}