:root{--background:#080f15;--foreground:#eaf0f5;--card:#101920;--card-foreground:#eaf0f5;--popover:#17232c;--popover-foreground:#eaf0f5;--primary:#9b83f9;--primary-foreground:#0c111b;--secondary:#18242e;--muted:#17232b;--muted-foreground:#99a9b6;--accent:#20303c;--border:#26333e;--input:#344450;--ring:#8cafff}body{background:radial-gradient(ellipse at 80% 0,#142330 0,transparent 45%),#080f15;font-family:Inter,Arial,Helvetica,sans-serif}.panel{background:linear-gradient(135deg,#121d25,#0d151d);border-color:#26333e;box-shadow:0 10px 30px #00000016}.top{border-color:#24303a}.brand{letter-spacing:.08em;font-size:26px}.brand span{color:#70ccec}.brand span:last-child{display:none}.eyebrow{color:#8cb4f4}.muted{color:#97a8b7}.btn{background:linear-gradient(135deg,#699ffa,#a58cf2);color:#09121d;border-radius:10px}.btn.ghost{border-color:#30404c;color:#b1c4d4}.btn.secondary{background:#1a2834;border-color:#334652;color:#deebf4}.pill{border-color:#344550;color:#bbcbd7}.heroquest{background:linear-gradient(145deg,#201e36,#101a25 70%);border-color:#444065}.field input,.field textarea{background:#0b141c;border-color:#31404d}.notice{background:#182532;border-color:#3d5264}.notice.error{background:#392029;border-color:#875061}.bioitem{border-color:#25333d}.iconbox{background:#24253e}.metrics>div{border-color:#526fa3}.footer{color:#738592}.quick-quest{display:flex;align-items:center;justify-content:center;background:#1e303f!important;border:1px solid #516678!important;color:#a4c9ff!important;min-width:46px;min-height:46px}.character-overview{display:none}.character-stage{position:relative;max-width:700px;margin:0 auto 32px;overflow:hidden;background:#0b131c;border:1px solid #25333e;border-radius:20px}.character-stage>img{width:100%;height:600px;object-fit:cover;object-position:50% 22%}.character-stage-caption{position:absolute;inset:auto 0 0;padding:30px;background:linear-gradient(transparent,#07111af5 45%)}.character-stage-caption h1{margin:8px 0}.character-stage-caption .btn{margin-top:16px}.character-stage-caption p{color:#b9c8d3}.timer-ring{display:grid;place-items:center;width:170px;height:170px;border-radius:50%;position:relative;isolation:isolate;font-size:38px;margin:20px 0}.timer-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#101923;z-index:-1}.timer-ring>span{letter-spacing:-1.5px}.timer-ring+button{flex-shrink:0}[data-domain]{--domain:#9b83f9}[data-domain=body]{--domain:#f47770}[data-domain=tech]{--domain:#58bffa}[data-domain=music]{--domain:#be8bfa}[data-domain=construction],[data-domain=drone]{--domain:#f0c365}[data-domain=creative]{--domain:#6bd0af}[data-domain=languages]{--domain:#6ba7fa}[data-domain=general]{--domain:#6dd4be}.talent-map{background:radial-gradient(ellipse at 50% 0,#25263f 0,transparent 60%),#0c141d}.character-root{background:#192431;border-color:#53607e}.branch-node{background:#101b25;border-color:#35404d}.branch-node strong,.branch-node svg{color:var(--domain)}.branch-node.selected{background:#182431;border-color:var(--domain);box-shadow:0 0 18px color-mix(in srgb,var(--domain) 12%,transparent)}.talent-leaf{background:#111d28;border-color:#334455}.talent-leaf.selected{background:#222a3e;border-color:#9a85d4}.node{background:#192333;border-color:#525074}.node.locked{background:#101a22;border-color:#2d3a45;color:#85939f}.node.selected{outline-color:#b48bec}.reward{background:#14202b;border-color:#41425c}.reward:not(.locked){border-color:#a78b51}.reward.locked{opacity:.65}@media(max-width:650px){body{background:#080f15;font-size:14px}.shell{padding:0 16px calc(106px + env(safe-area-inset-bottom));max-width:520px;min-height:100dvh}.top{height:70px;gap:10px;border-bottom:0}.brand{font-size:22px;white-space:nowrap}.topright{gap:8px}.topright>.pill{display:none}.topright>a{font-size:12px!important}.topright [data-slot=select-trigger]{font-size:12px;min-height:34px;padding:7px;gap:5px}.topright [data-slot=select-trigger]>svg{width:12px}.topright [data-slot=select-value]{min-width:22px}.nav{position:fixed!important;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px)!important;z-index:40;justify-content:space-around!important;align-items:center!important;flex-wrap:nowrap!important;margin:0!important;padding:9px 8px calc(9px + env(safe-area-inset-bottom))!important;background:#0b141cf5!important;border-top:1px solid #2a3944!important;border-radius:0!important;box-shadow:0 -10px 28px #0003;backdrop-filter:blur(12px)}.nav,.nav button{display:flex!important}.nav button{flex-direction:column;gap:5px!important;border-radius:9px!important;min-height:48px;min-width:0;flex:1;font-size:10px!important;line-height:1.15!important;padding:7px 4px!important;color:#8da0b0!important;background:transparent!important;white-space:normal!important;text-align:center}.nav button[data-state=active]{color:#83b0ff!important;background:transparent!important;box-shadow:none!important}.nav button[data-state=active] svg{filter:drop-shadow(0 0 6px #4b8bff66)}.nav button.quick-quest{width:46px!important;max-width:46px;height:46px;min-height:46px;border-radius:50%!important;padding:0!important;margin:0 7px;background:linear-gradient(#243643,#16222d)!important;border:1px solid #536976!important;color:#d2e3f2!important;box-shadow:0 0 12px #31527928}.character-overview{display:block;margin:0 0 22px}.character-hero{position:relative;display:block;width:100%;height:355px;padding:0;overflow:hidden;border:1px solid #22333e;border-radius:15px;text-align:left;background:#0c141b;color:#edf3f7}.character-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0;opacity:.94}.character-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09121a,transparent 64%)}.character-caption{position:absolute;z-index:1;bottom:16px;left:17px;right:17px}.character-caption h1{font-size:35px;margin:5px 0 4px;letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:anywhere}.character-caption p{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#cbd9e2;margin-bottom:12px}.character-caption small{font-size:10px;color:#a3b5c4}.character-caption .eyebrow{font-size:10px}.level-track{height:5px;border-radius:4px;background:#25323c;margin-bottom:8px;overflow:hidden}.level-track>span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#5a9dfa,#80dcf0);box-shadow:0 0 10px #55b5ec66}.character-motto{position:absolute;top:30px;left:18px;z-index:1;font-size:10px;line-height:1.7;letter-spacing:.15em;color:#c1d1dc}.character-open{position:absolute;top:15px;right:15px;color:#aac1d0;z-index:1}.domain-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}.domain-card{display:flex;align-items:center;gap:10px;min-height:78px;padding:12px 10px;border:1px solid #24333f;border-radius:11px;background:linear-gradient(145deg,#14202a,#0d161e);text-align:left;color:var(--domain)}.domain-card>svg:first-child{flex-shrink:0;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--domain) 30%,transparent))}.domain-card>svg:last-child{margin-left:auto;align-self:flex-start;flex-shrink:0;opacity:.65}.domain-card>div{min-width:0}.domain-card strong{display:block;font-size:11px;line-height:1.35;overflow-wrap:anywhere}.domain-card small{display:block;font-size:10px;color:#91a5b5;margin-top:5px}.today-heading{display:none}.heading{margin:18px 0 22px;gap:14px}.heading h1{font-size:29px}.heading p{font-size:13px}.heading .eyebrow{font-size:10px}.panel{padding:17px;border-radius:13px}.heroquest{padding:20px}.heroquest h2{font-size:24px;margin:14px 0 10px}.heroquest p{font-size:14px}.grid,.stack,.tree-layout{gap:14px}.btn{font-size:13px;padding:11px 13px;min-height:44px}.pill{font-size:11px;padding:5px 8px}.row{gap:9px}.metrics{gap:8px;margin-top:18px}.metrics>div{padding-left:10px}.metrics small{font-size:11px}.metric{font-size:24px}.bioitem{padding:13px 0}.bioitem strong{font-size:13px}.iconbox{height:36px;width:36px;border-radius:9px}.notice{font-size:13px;padding:12px}.timer-ring{width:160px;height:160px;font-size:35px}.room{border-radius:10px}.roomname{font-size:12px;padding:8px 10px;left:10px;bottom:10px}.roomname .muted{display:none}.footer{font-size:9px;letter-spacing:.09em;margin-top:27px;text-align:center;line-height:1.7}.character-stage{margin:0 -2px 25px;border-radius:14px}.character-stage>img{height:520px;object-position:50% 25%}.character-stage-caption{padding:23px}.character-stage-caption h1{font-size:32px}.rewardgrid{gap:9px;margin-top:16px}.reward{padding:14px}.reward h3{font-size:14px}.reward p{font-size:12px!important}.talent-map{padding:18px 12px}.character-root{max-width:180px;padding:16px;border-radius:12px}.character-root strong{font-size:18px}.talent-branches{gap:12px;padding-top:30px}.talent-branches:not(:empty):before{height:30px}.branch-node{min-height:115px;border-radius:11px;padding:16px 8px;gap:8px}.branch-node strong{font-size:12px}.branch-node small{font-size:11px}.talent-leaf{padding:13px;gap:12px}.talent-leaf h3{font-size:15px}.node{padding:12px;border-radius:10px}.node h3{font-size:12px}.node small{font-size:10px}.node .number{font-size:11px;margin-bottom:10px}.tier{gap:13px}.tier+.tier{padding-top:25px}.tier+.tier:before{height:25px}.savebar{flex-wrap:wrap}.formgrid{grid-template-columns:1fr}.path-toolbar{gap:10px}.path-toolbar .btn{flex:1;font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}