@font-face{font-family:Handjet;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/handjet-cyrillic-500-normal-xy99_EqX.woff2)format("woff2"),url(/assets/handjet-cyrillic-500-normal-CW9IsA_U.woff)format("woff")}@font-face{font-family:Handjet;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/handjet-cyrillic-600-normal-m6wT3PKg.woff2)format("woff2"),url(/assets/handjet-cyrillic-600-normal-BnGCRnUf.woff)format("woff")}@font-face{font-family:Handjet;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/handjet-cyrillic-700-normal-CqGzvnFC.woff2)format("woff2"),url(/assets/handjet-cyrillic-700-normal-CUvDN_LC.woff)format("woff")}@font-face{font-family:Handjet;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/handjet-latin-500-normal-CQxNY0um.woff2)format("woff2"),url(/assets/handjet-latin-500-normal-Bbn4IHUB.woff)format("woff")}@font-face{font-family:Handjet;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/handjet-latin-600-normal-CeLhj7l-.woff2)format("woff2"),url(/assets/handjet-latin-600-normal-B0HjlgaK.woff)format("woff")}@font-face{font-family:Handjet;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/handjet-latin-700-normal-CnrTgyBF.woff2)format("woff2"),url(/assets/handjet-latin-700-normal-BmcRcS5t.woff)format("woff")}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/golos-text-cyrillic-400-normal-C7us6pn1.woff2)format("woff2"),url(/assets/golos-text-cyrillic-400-normal-BwL4n7Pb.woff)format("woff")}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/golos-text-cyrillic-600-normal-lpQ9rVRR.woff2)format("woff2"),url(/assets/golos-text-cyrillic-600-normal-BgvEFMNR.woff)format("woff")}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/golos-text-latin-400-normal-Coi1FYaD.woff2)format("woff2"),url(/assets/golos-text-latin-400-normal-DOuJOmdK.woff)format("woff")}@font-face{font-family:Golos Text;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/golos-text-latin-600-normal-Bhk8uV1U.woff2)format("woff2"),url(/assets/golos-text-latin-600-normal-B_o32mE8.woff)format("woff")}:root{--stone:#1c1727;--stone-2:#2a2238;--well:#16121f;--mortar:#4a3f5c;--parchment:#efe3c4;--dust:#a99cba;--gold:#f6c85f;--ember:#ff8a3d;--moss:#7bc46a;--frost:#7fd3e6;--blood:#e8606a;--ink:var(--stone);--ink-2:var(--stone-2);--white:var(--parchment);--steel:var(--dust);--slate:var(--mortar);--dark:#332a45;--navy:#352b4b;--cyan:var(--frost);--lime:var(--moss);--green:var(--moss);--orange:var(--ember);--red:var(--blood);--sky:var(--frost);--plum:#5a3a66;--blue:#5a4b78;--frame-fill:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect fill='%230f0c16' x='2' y='0' width='3' height='1'/%3E%3Crect fill='%230f0c16' x='1' y='1' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='5' y='1' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='0' y='2' width='1' height='3'/%3E%3Crect fill='%230f0c16' x='6' y='2' width='1' height='3'/%3E%3Crect fill='%230f0c16' x='1' y='5' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='5' y='5' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='2' y='6' width='3' height='1'/%3E%3Crect fill='%23b5e89c' x='2' y='1' width='3' height='1'/%3E%3Crect fill='%23b5e89c' x='1' y='2' width='1' height='3'/%3E%3Crect fill='%234f8f45' x='5' y='2' width='1' height='3'/%3E%3Crect fill='%234f8f45' x='2' y='5' width='3' height='1'/%3E%3Crect fill='%237bc46a' x='2' y='2' width='3' height='3'/%3E%3C/svg%3E");--font-title:"Handjet", ui-monospace, monospace;--font-body:"Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;--px:2px;--frame:6px;--frame-panel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect fill='%230f0c16' x='2' y='0' width='3' height='1'/%3E%3Crect fill='%230f0c16' x='1' y='1' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='5' y='1' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='0' y='2' width='1' height='3'/%3E%3Crect fill='%230f0c16' x='6' y='2' width='1' height='3'/%3E%3Crect fill='%230f0c16' x='1' y='5' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='5' y='5' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='2' y='6' width='3' height='1'/%3E%3Crect fill='%233b3150' x='2' y='1' width='3' height='1'/%3E%3Crect fill='%233b3150' x='1' y='2' width='1' height='3'/%3E%3Crect fill='%231d1828' x='5' y='2' width='1' height='3'/%3E%3Crect fill='%231d1828' x='2' y='5' width='3' height='1'/%3E%3Crect fill='%232a2238' x='2' y='2' width='3' height='3'/%3E%3C/svg%3E");--frame-well:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect fill='%234a3f5c' x='2' y='0' width='3' height='1'/%3E%3Crect fill='%234a3f5c' x='1' y='1' width='1' height='1'/%3E%3Crect fill='%234a3f5c' x='5' y='1' width='1' height='1'/%3E%3Crect fill='%234a3f5c' x='0' y='2' width='1' height='3'/%3E%3Crect fill='%234a3f5c' x='6' y='2' width='1' height='3'/%3E%3Crect fill='%234a3f5c' x='1' y='5' width='1' height='1'/%3E%3Crect fill='%234a3f5c' x='5' y='5' width='1' height='1'/%3E%3Crect fill='%234a3f5c' x='2' y='6' width='3' height='1'/%3E%3Crect fill='%230f0c16' x='2' y='1' width='3' height='1'/%3E%3Crect fill='%230f0c16' x='1' y='2' width='1' height='3'/%3E%3Crect fill='%232a2238' x='5' y='2' width='1' height='3'/%3E%3Crect fill='%232a2238' x='2' y='5' width='3' height='1'/%3E%3Crect fill='%2316121f' x='2' y='2' width='3' height='3'/%3E%3C/svg%3E");--frame-gold:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect fill='%23f6c85f' x='2' y='0' width='3' height='1'/%3E%3Crect fill='%23f6c85f' x='1' y='1' width='1' height='1'/%3E%3Crect fill='%23f6c85f' x='5' y='1' width='1' height='1'/%3E%3Crect fill='%23f6c85f' x='0' y='2' width='1' height='3'/%3E%3Crect fill='%23f6c85f' x='6' y='2' width='1' height='3'/%3E%3Crect fill='%23f6c85f' x='1' y='5' width='1' height='1'/%3E%3Crect fill='%23f6c85f' x='5' y='5' width='1' height='1'/%3E%3Crect fill='%23f6c85f' x='2' y='6' width='3' height='1'/%3E%3Crect fill='%234a3c62' x='2' y='1' width='3' height='1'/%3E%3Crect fill='%234a3c62' x='1' y='2' width='1' height='3'/%3E%3Crect fill='%23211b2e' x='5' y='2' width='1' height='3'/%3E%3Crect fill='%23211b2e' x='2' y='5' width='3' height='1'/%3E%3Crect fill='%23352b4b' x='2' y='2' width='3' height='3'/%3E%3C/svg%3E");--frame-ember:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect fill='%23ff8a3d' x='2' y='0' width='3' height='1'/%3E%3Crect fill='%23ff8a3d' x='1' y='1' width='1' height='1'/%3E%3Crect fill='%23ff8a3d' x='5' y='1' width='1' height='1'/%3E%3Crect fill='%23ff8a3d' x='0' y='2' width='1' height='3'/%3E%3Crect fill='%23ff8a3d' x='6' y='2' width='1' height='3'/%3E%3Crect fill='%23ff8a3d' x='1' y='5' width='1' height='1'/%3E%3Crect fill='%23ff8a3d' x='5' y='5' width='1' height='1'/%3E%3Crect fill='%23ff8a3d' x='2' y='6' width='3' height='1'/%3E%3Crect fill='%233b3150' x='2' y='1' width='3' height='1'/%3E%3Crect fill='%233b3150' x='1' y='2' width='1' height='3'/%3E%3Crect fill='%231d1828' x='5' y='2' width='1' height='3'/%3E%3Crect fill='%231d1828' x='2' y='5' width='3' height='1'/%3E%3Crect fill='%232a2238' x='2' y='2' width='3' height='3'/%3E%3C/svg%3E");--frame-moss:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect fill='%237bc46a' x='2' y='0' width='3' height='1'/%3E%3Crect fill='%237bc46a' x='1' y='1' width='1' height='1'/%3E%3Crect fill='%237bc46a' x='5' y='1' width='1' height='1'/%3E%3Crect fill='%237bc46a' x='0' y='2' width='1' height='3'/%3E%3Crect fill='%237bc46a' x='6' y='2' width='1' height='3'/%3E%3Crect fill='%237bc46a' x='1' y='5' width='1' height='1'/%3E%3Crect fill='%237bc46a' x='5' y='5' width='1' height='1'/%3E%3Crect fill='%237bc46a' x='2' y='6' width='3' height='1'/%3E%3Crect fill='%233b3150' x='2' y='1' width='3' height='1'/%3E%3Crect fill='%233b3150' x='1' y='2' width='1' height='3'/%3E%3Crect fill='%231d1828' x='5' y='2' width='1' height='3'/%3E%3Crect fill='%231d1828' x='2' y='5' width='3' height='1'/%3E%3Crect fill='%232a2238' x='2' y='2' width='3' height='3'/%3E%3C/svg%3E");--frame-frost:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect fill='%237fd3e6' x='2' y='0' width='3' height='1'/%3E%3Crect fill='%237fd3e6' x='1' y='1' width='1' height='1'/%3E%3Crect fill='%237fd3e6' x='5' y='1' width='1' height='1'/%3E%3Crect fill='%237fd3e6' x='0' y='2' width='1' height='3'/%3E%3Crect fill='%237fd3e6' x='6' y='2' width='1' height='3'/%3E%3Crect fill='%237fd3e6' x='1' y='5' width='1' height='1'/%3E%3Crect fill='%237fd3e6' x='5' y='5' width='1' height='1'/%3E%3Crect fill='%237fd3e6' x='2' y='6' width='3' height='1'/%3E%3Crect fill='%233b3150' x='2' y='1' width='3' height='1'/%3E%3Crect fill='%233b3150' x='1' y='2' width='1' height='3'/%3E%3Crect fill='%231d1828' x='5' y='2' width='1' height='3'/%3E%3Crect fill='%231d1828' x='2' y='5' width='3' height='1'/%3E%3Crect fill='%232a2238' x='2' y='2' width='3' height='3'/%3E%3C/svg%3E");--frame-btn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect fill='%230f0c16' x='2' y='0' width='3' height='1'/%3E%3Crect fill='%230f0c16' x='1' y='1' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='5' y='1' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='0' y='2' width='1' height='3'/%3E%3Crect fill='%230f0c16' x='6' y='2' width='1' height='3'/%3E%3Crect fill='%230f0c16' x='1' y='5' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='5' y='5' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='2' y='6' width='3' height='1'/%3E%3Crect fill='%23ffe7a8' x='2' y='1' width='3' height='1'/%3E%3Crect fill='%23ffe7a8' x='1' y='2' width='1' height='3'/%3E%3Crect fill='%23d18a2c' x='5' y='2' width='1' height='3'/%3E%3Crect fill='%23d18a2c' x='2' y='5' width='3' height='1'/%3E%3Crect fill='%23f6c85f' x='2' y='2' width='3' height='3'/%3E%3C/svg%3E");--frame-btn2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect fill='%230f0c16' x='2' y='0' width='3' height='1'/%3E%3Crect fill='%230f0c16' x='1' y='1' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='5' y='1' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='0' y='2' width='1' height='3'/%3E%3Crect fill='%230f0c16' x='6' y='2' width='1' height='3'/%3E%3Crect fill='%230f0c16' x='1' y='5' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='5' y='5' width='1' height='1'/%3E%3Crect fill='%230f0c16' x='2' y='6' width='3' height='1'/%3E%3Crect fill='%237d6c9e' x='2' y='1' width='3' height='1'/%3E%3Crect fill='%237d6c9e' x='1' y='2' width='1' height='3'/%3E%3Crect fill='%233a2f52' x='5' y='2' width='1' height='3'/%3E%3Crect fill='%233a2f52' x='2' y='5' width='3' height='1'/%3E%3Crect fill='%235a4b78' x='2' y='2' width='3' height='3'/%3E%3C/svg%3E");--frame-ghost:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Crect fill='%234a3f5c' x='2' y='0' width='3' height='1'/%3E%3Crect fill='%234a3f5c' x='1' y='1' width='1' height='1'/%3E%3Crect fill='%234a3f5c' x='5' y='1' width='1' height='1'/%3E%3Crect fill='%234a3f5c' x='0' y='2' width='1' height='3'/%3E%3Crect fill='%234a3f5c' x='6' y='2' width='1' height='3'/%3E%3Crect fill='%234a3f5c' x='1' y='5' width='1' height='1'/%3E%3Crect fill='%234a3f5c' x='5' y='5' width='1' height='1'/%3E%3Crect fill='%234a3f5c' x='2' y='6' width='3' height='1'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--stone);color:var(--parchment);font:16px/1.55 var(--font-body);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}#root{max-width:480px;padding:16px 16px calc(28px + env(safe-area-inset-bottom));flex-direction:column;min-height:100vh;margin:0 auto;display:flex}h1,h2,h3{font-family:var(--font-title);letter-spacing:.3px;color:var(--parchment);margin:0 0 12px;font-weight:600;line-height:1.1}h1{font-size:36px}h2{font-size:28px}h3{margin-top:2px;font-size:23px}p{margin:0 0 12px}a{color:var(--frost);text-underline-offset:3px}b,strong{font-weight:600}.muted{color:var(--dust)}.small{font-size:15px}.center{text-align:center}.stack{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.spacer{flex:1}.panel,.btn,.choice,.tab,.badge,.rating-row,.how-icon,.stat-grid>div,input[type=email],input[type=password],input[type=text],select,.textarea,.ref-link,.alert,.banner{border:var(--frame) solid transparent;border-image:var(--frame-well) 3 fill / var(--frame) stretch;background:0 0;border-radius:0}.panel{border-image-source:var(--frame-panel);margin-bottom:18px;padding:14px}.hint-panel{border-image-source:var(--frame-frost)}.warn-panel{border-image-source:var(--frame-ember)}.visit-open{border-image-source:var(--frame-moss)}.btn{width:100%;font:600 24px/1.1 var(--font-title);color:var(--stone);border-image-source:var(--frame-btn);text-align:center;cursor:pointer;touch-action:manipulation;filter:drop-shadow(0 4px #0f0c16);padding:11px 12px 12px;text-decoration:none;display:block}.btn:active:not(:disabled){filter:none;transform:translateY(4px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.secondary{color:var(--parchment);border-image-source:var(--frame-btn2)}.btn.ghost{color:var(--dust);border-image-source:var(--frame-ghost);filter:none}.btn.ghost:active:not(:disabled){color:var(--parchment);transform:none}.btn.small-btn{padding:4px 10px 5px;font-size:20px}.btn:focus-visible,.choice:focus-visible,.tab:focus-visible,.settings-toggle:focus-visible,input:focus-visible,select:focus-visible,.textarea:focus-visible,a:focus-visible{outline:3px solid var(--frost);outline-offset:3px}label.field{flex-direction:column;gap:6px;display:flex}label.field>span{color:var(--dust);font-size:15px}input[type=email],input[type=password],input[type=text],select{width:100%;font:17px var(--font-body);color:var(--parchment);appearance:none;padding:8px 10px}select{background:linear-gradient(45deg, transparent 50%, var(--dust) 50%) right 14px center / 7px 7px no-repeat, linear-gradient(-45deg, transparent 50%, var(--dust) 50%) right 21px center / 7px 7px no-repeat;background-clip:padding-box;padding-right:34px}input:focus,select:focus,.textarea:focus{border-image-source:var(--frame-frost);outline:none}.field-error{color:var(--ember);font-size:15px}.check{cursor:pointer;align-items:flex-start;gap:12px;font-size:15px;display:flex}.check input{appearance:none;border:var(--frame) solid transparent;border-image:var(--frame-well) 3 fill / var(--frame) stretch;cursor:pointer;flex:none;width:26px;height:26px;margin:0}.check input:checked{border-image-source:var(--frame-fill)}.alert{border-image-source:var(--frame-ember);color:var(--ember);padding:8px 10px;font-size:15px}.choices{gap:8px;display:grid}.choices.cols-2{grid-template-columns:1fr 1fr}.choices.cols-3{grid-template-columns:repeat(3,1fr)}.choices.cols-4{grid-template-columns:repeat(4,1fr)}.choices>*{min-width:0}.choice{font:16px/1.4 var(--font-body);color:var(--parchment);text-align:left;cursor:pointer;padding:8px 9px}.choice.center{text-align:center}.choice[aria-pressed=true]{border-image-source:var(--frame-gold)}.choice .title{font:600 22px/1.25 var(--font-title);color:var(--parchment);margin-bottom:2px;display:block}.choice[aria-pressed=true] .title{color:var(--gold)}.choice .num{font:600 28px var(--font-title)}.sprite{object-fit:contain;object-position:center bottom;display:block}.hero-pick{flex-direction:column;align-items:center;gap:6px;padding:4px 0;display:flex}.hero-pick b{font-size:17px}.hero-future{align-items:flex-end;gap:4px;display:flex}.class-pick{justify-content:space-between;align-items:center;gap:10px;display:flex}.class-pick .sprite{flex:none}.hero-card{padding:0;overflow:hidden}.hero-head{align-items:center;gap:10px;padding:12px 12px 0;display:flex}.hero-head h2{overflow-wrap:anywhere;margin:0;font-size:26px}.hero-head .muted{font-size:14px;line-height:1.3}.hero-stage{background:radial-gradient(60% 46% at 34% 100%, #ff8a3d4d, transparent 70%), radial-gradient(1.5px 1.5px at 18% 22%, var(--parchment) 98%, transparent) , radial-gradient(1.5px 1.5px at 62% 12%, var(--dust) 98%, transparent), radial-gradient(1.5px 1.5px at 84% 40%, var(--dust) 98%, transparent);grid-template-columns:1fr auto;align-items:end;min-height:196px;padding:8px 16px 0 4px;display:grid;position:relative}.hero-stage:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 22px, #0f0c16 22px 24px), repeating-conic-gradient(#3b3150 0 25%, #2f2742 0 50%) 0 0 / 4px 4px;border-top:2px solid #4f4366;height:14px;position:absolute;bottom:0;left:0;right:0}.hero-stage .sprite{z-index:1;justify-self:center;margin-bottom:10px;position:relative}.hero-level{z-index:1;text-align:center;align-self:center;padding-bottom:14px;position:relative}.hero-level .num{font:700 88px/.9 var(--font-title);color:var(--gold);text-shadow:3px 3px #a3541f,6px 6px #0f0c16;display:block}.hero-level .cap{font:500 19px var(--font-title);color:var(--dust)}.hero-body{padding:12px 14px 14px}.hero-title{font:600 28px/1.2 var(--font-title);margin:0}.hero-title span{color:var(--dust);font-weight:400}.hero-next{color:var(--dust);margin:2px 0 12px;font-size:14px}.lead{font:500 25px/1.3 var(--font-title);color:var(--parchment);margin:8px 0 0}.growth{justify-content:space-between;align-items:flex-end;display:flex}.growth-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;display:flex;position:relative}.growth-step b{font:600 20px var(--font-title)}.growth-step .lvl{font:500 16px/1.4 var(--font-title);color:var(--gold)}.growth-arrow{color:var(--ember);font-size:14px;position:absolute;top:34%;left:-6px}.how{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.how li{align-items:flex-start;gap:12px;display:flex}.how-icon{flex:none;place-items:center;width:46px;height:46px;display:grid}.gicon{image-rendering:pixelated;image-rendering:crisp-edges;flex:none;display:block}.inline-icon{vertical-align:middle;margin:-6px 6px -4px 0;display:inline-block}.how b{font:600 22px/1.3 var(--font-title);color:var(--parchment)}.bar{border:var(--frame) solid transparent;border-image:var(--frame-well) 3 fill / var(--frame) stretch;height:22px;position:relative}.bar>i{background:linear-gradient(#ffffff40 0 2px, transparent 2px), repeating-linear-gradient(90deg, transparent 0 8px, #0000002e 8px 10px), var(--moss);height:100%;display:block}.bar.xp>i{background:linear-gradient(#ffd9a840 0 2px, transparent 2px), repeating-linear-gradient(90deg, transparent 0 8px, #0000002e 8px 10px), var(--ember)}.bar-label{justify-content:space-between;gap:8px;margin-bottom:4px;font-size:15px;display:flex}.bar-label>:last-child{font:500 20px var(--font-title);color:var(--dust)}.pips{gap:6px;display:flex}.pips i{border:var(--frame) solid transparent;border-image:var(--frame-well) 3 fill / var(--frame) stretch;flex:1;height:22px}.pips i.on{border-image-source:var(--frame-fill)}.steps{gap:6px;margin-bottom:16px;display:flex}.steps i{background:var(--mortar);flex:1;height:8px}.steps i.done{background:var(--gold)}.stats{text-align:center;color:var(--dust);grid-template-columns:repeat(3,1fr);gap:8px;font-size:15px;display:grid}.stats b{font:600 32px/1.2 var(--font-title);margin-top:2px;display:block}.stat-str b{color:var(--blood)}.stat-end b{color:var(--moss)}.stat-agi b{color:var(--frost)}.logo{font:700 60px/1 var(--font-title);color:var(--gold);text-shadow:3px 3px #a3541f,6px 6px #0f0c16;letter-spacing:3px}.install-steps{flex-direction:column;gap:8px;margin:0;padding-left:22px;font-size:15px;display:flex}.install-steps ::marker{font-family:var(--font-title);color:var(--gold)}.install-steps b{color:var(--parchment);font-weight:600}.big{font:600 30px var(--font-title)}.hint{color:var(--dust);margin:6px 0 0;font-size:14px;line-height:1.45}.visit-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.visit-list li{border-bottom:2px dotted var(--mortar);justify-content:space-between;align-items:baseline;gap:8px;padding:7px 0;font-size:15px;display:flex}.visit-list li:last-child{border-bottom:0}.visit-status{color:var(--dust);flex:none;font-size:14px;font-weight:600}.visit-status.counted{color:var(--moss)}.visit-status.rejected,.visit-status.revoked{color:var(--ember)}.sticker{color:#1c1727;text-align:center;background:#fff;border:4px solid #1c1727;padding:16px}.sticker h2{color:#1c1727;margin:0 0 8px;font-size:18px}.sticker .qr svg{width:100%;height:auto;image-rendering:pixelated;display:block}.sticker p{margin:8px 0 0;font-weight:600}@media print{body{background:#fff}#root{max-width:none;padding:0}.no-print{display:none!important}.sticker{border:0;padding:0}}.xp-burst{font:700 70px/1.1 var(--font-title);color:var(--ember);text-shadow:3px 3px #7a2f12,6px 6px #0f0c16;letter-spacing:2px;margin:4px 0 8px}.banner{border-image-source:var(--frame-btn2);font:600 23px var(--font-title);padding:8px 10px}.banner.gold{border-image-source:var(--frame-btn);color:var(--stone)}.growth-arrow-inline{color:var(--ember);padding:0 8px 40px;font-size:20px}.reward-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reward-list li{border-bottom:2px dotted var(--mortar);justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:15px;display:flex}.reward-list li:last-child{border-bottom:0}.reward-list b{color:var(--moss);font:600 22px var(--font-title);flex:none}.reward-list b.neg{color:var(--ember)}.gold-text{color:var(--gold);font-weight:600}.badges{grid-template-columns:1fr 1fr;gap:8px;display:grid}.badge{flex-direction:column;gap:2px;padding:8px;display:flex}.badge:not(.earned){opacity:.5}.badge.earned{border-image-source:var(--frame-gold)}.badge-icon{margin-bottom:2px}.badge:not(.earned) .badge-icon{filter:grayscale()brightness(.9)}.badge b{font:600 20px/1.25 var(--font-title)}.badge.earned b{color:var(--gold)}.badge .small{font-size:13px;line-height:1.35}.settings-toggle{width:100%;color:var(--parchment);font:600 22px var(--font-title);cursor:pointer;background:0 0;border:0;justify-content:space-between;padding:0;display:flex}.tabs{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px;display:grid}.tab{font:600 22px var(--font-title);color:var(--dust);cursor:pointer;padding:4px 6px 5px}.tab[aria-selected=true]{border-image-source:var(--frame-gold);color:var(--gold)}.neg-text{color:var(--ember)}.challenge-link{color:var(--parchment);align-items:center;gap:12px;text-decoration:none;display:flex}.challenge-link b{font:600 22px/1.3 var(--font-title);color:var(--parchment)}.challenge-link:active{border-image-source:var(--frame-gold)}.rating{flex-direction:column;gap:4px;margin:0 0 18px;padding:0;list-style:none;display:flex}.rating-row{border-image-source:var(--frame-panel);align-items:center;gap:10px;padding:4px 8px 4px 4px;display:flex}.rating-row.mine{border-image-source:var(--frame-gold)}.rating-rank{text-align:center;width:34px;font:600 25px var(--font-title);color:var(--dust);flex:none}.rating-rank.top1{color:var(--gold);text-shadow:2px 2px #a3541f;font-size:32px}.rating-rank.top2{color:var(--parchment);font-size:30px}.rating-rank.top3{color:var(--ember);font-size:28px}.rating-name{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.rating-name .small{font-size:13px}.rating-points{font:600 25px var(--font-title);color:var(--gold);flex:none}.rating-pinned{bottom:calc(8px + env(safe-area-inset-bottom));z-index:5;position:sticky}.rating-pinned .rating{filter:drop-shadow(0 -6px 10px var(--stone));margin:0 0 12px}.ref-link{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:8px 10px;font-size:15px}.friend{align-items:flex-start;gap:10px;display:flex}.home-links{grid-template-columns:1fr 1fr;gap:10px;display:grid}.home-links .panel{margin-bottom:18px;padding:10px}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat-grid>div{flex-direction:column;gap:2px;padding:8px;display:flex}.stat-grid b{font:600 32px var(--font-title);color:var(--gold)}.stat-grid span{color:var(--dust);font-size:13px;line-height:1.3}.offline-banner{z-index:10;background:var(--ember);color:var(--stone);text-align:center;margin:-16px -16px 16px;padding:10px 16px;font-size:14px;font-weight:600;position:sticky;top:0}.danger-zone{border-top:2px dotted var(--mortar);padding-top:12px}.print-sheet{color:#1c1727;background:#fff;border:4px solid #1c1727;padding:20px}.print-sheet h2,.print-sheet h3{color:#1c1727;font-family:var(--font-body);font-weight:700}.print-sheet h2{font-size:28px}.print-sheet h3{margin:16px 0 6px;font-size:17px}.print-sheet p,.print-sheet li,.print-sheet dd,.print-sheet dt{font-size:14px;line-height:1.45}.print-sheet dt{margin-top:8px;font-weight:700}.print-sheet dd{margin:2px 0 0}.print-sheet .logo{color:#1c1727;text-shadow:3px 3px 0 var(--gold)}.print-sheet .muted{color:#5a4b78}.print-head{text-align:center;margin-bottom:12px}.print-lead{margin:8px 0 0;font-size:20px;font-weight:700}.print-heroes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;display:grid}.print-hero{text-align:center;border:2px solid #a99cba;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:13px;display:flex}.print-hero b{font-size:15px}.print-steps{flex-direction:column;gap:8px;padding-left:22px;font-size:15px;display:flex}.print-steps li{font-size:15px}.print-foot{text-align:center;border-top:2px solid #1c1727;margin-top:14px;padding-top:10px;font-size:13px}.print-hero .row{flex-wrap:nowrap;min-width:0}.print-hero .row .sprite:first-child{width:30px;height:30px}.print-hero .row .sprite:last-child{width:44px;height:44px}@media print{.offline-banner{display:none}.print-sheet{border:0;padding:0}.print-sheet:not(.reception) .logo{font-size:72px}.print-sheet:not(.reception) .print-lead{margin-top:14px;font-size:30px}.print-heroes{margin:28px 0}.print-hero .row .sprite:first-child{width:72px;height:72px}.print-hero .row .sprite:last-child{width:118px;height:118px}.print-hero b{font-size:20px}.print-hero span{font-size:15px}.print-steps{gap:16px}.print-steps li{font-size:20px;line-height:1.4}.print-foot{margin-top:26px;font-size:15px}.reception p,.reception li,.reception dd,.reception dt{font-size:15px}}.avatar{border:3px solid var(--mortar);background:#352b4b;flex:none;display:inline-block;overflow:hidden;box-shadow:3px 3px #0f0c16}.avatar.highlight{border-color:var(--gold)}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar img.avatar-default{object-position:center top;transform-origin:50% 8%;transform:scale(1.35)}.textarea{width:100%;font:16px/1.45 var(--font-body);color:var(--parchment);resize:vertical;padding:8px 10px}.ok-text{color:var(--moss)!important}.report-scroll{overflow-x:auto}.report{border-collapse:collapse;width:100%;font-size:14px}.report th,.report td{text-align:right;border-bottom:2px dotted var(--mortar);white-space:nowrap;padding:6px}.report th{color:var(--dust);font-size:12px;font-weight:600}.report th:first-child,.report td:first-child{text-align:left}.legal h2{margin-top:20px}.legal p,.legal li{font-size:15px}@media (prefers-reduced-motion:no-preference){.bob{animation:1.2s steps(2,end) infinite bob}@keyframes bob{50%{transform:translateY(-4px)}}.bar.xp>i{transform-origin:0;animation:.9s steps(12,end) both fill}@keyframes fill{0%{transform:scaleX(0)}}}