:root{color:#fff7dc;font-synthesis:none;text-rendering:optimizelegibility;background:#110906;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:#110906;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.game-frame{--gold:#f3c461;--deep-gold:#a96822;--red:#8d1717;--bright-red:#d84325;isolation:isolate;background-color:#160c09;background-image:var(--monthly-background);background-position:top;background-size:cover;background-attachment:fixed;min-height:100dvh;position:relative;overflow:hidden}.game-frame:before{content:"";z-index:-2;background:linear-gradient(#0805042e 0%,#0d06041f 38%,#0f0705c7 100%),radial-gradient(circle at 50% 35%,#0000 0%,#0a05033d 70%);position:fixed;inset:0}.screen-world:before{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:linear-gradient(#0905049e 0%,#0c0705d1 30%,#0b0604f0 100%)}.game-viewport{width:min(100%,480px);min-height:100dvh;margin:0 auto;position:relative}.screen-splash{background-color:#160c09;background-image:none}.screen-splash:before{content:none}.screen-splash .mist{display:none}.screen-splash .game-viewport{background-color:#291712;background-image:var(--splash-background);height:100dvh;min-height:0;box-shadow:none;background-position:top;background-repeat:no-repeat;background-size:cover}.screen-splash .splash-content{min-height:100%}.screen-identity{background-color:#120d12;background-image:none}.screen-identity:before{content:none}.screen-identity .mist{display:none}.screen-identity .game-viewport{background-color:#120d12;background-image:var(--identity-background);height:100dvh;min-height:0;box-shadow:none;background-position:top;background-repeat:no-repeat;background-size:cover}.screen-identity .identity-content{min-height:100%}.screen-faction{background-color:#150d09;background-image:none}.screen-faction:before{content:none}.screen-faction .mist{display:none}.screen-faction .game-viewport{background-color:#150d09;background-image:var(--faction-background);height:100dvh;min-height:0;box-shadow:none;background-position:top;background-repeat:no-repeat;background-size:cover}.screen-faction .faction-content{min-height:100%}.screen-login{background-color:#ece6dc;background-image:none}.screen-login:before{content:none}.screen-login .mist{display:none}.screen-login .game-viewport{background-color:#291712;background-image:var(--monthly-background);height:100dvh;min-height:0;box-shadow:none;background-position:top;background-repeat:no-repeat;background-size:cover}.screen-login .login-content{min-height:100%}.mist{z-index:-1;opacity:.14;filter:blur(35px);pointer-events:none;background:#fff0d3;border-radius:50%;width:80vw;height:22vh;animation:14s ease-in-out infinite alternate mist-drift;position:fixed}.mist-one{top:45%;left:-35vw}.mist-two{animation-delay:-7s;top:68%;right:-40vw}@keyframes mist-drift{to{transform:translate(16vw,-4vh)scale(1.15)}}.game-logo{object-fit:contain;filter:drop-shadow(0 10px 16px #18000080);display:block}.dev-preview-badge{top:max(8px, env(safe-area-inset-top));z-index:100;color:#fff0bd;letter-spacing:.04em;text-align:center;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#4f150ee6;border:1px solid #ffe19ab3;border-radius:999px;max-width:calc(100vw - 24px);padding:5px 10px;font-size:9px;font-weight:800;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 5px 18px #00000061}.splash-content{flex-direction:column;align-items:center;min-height:100dvh;padding:max(34px,6vh) 18px max(30px,5vh);display:flex}.splash-logo{width:min(92vw,430px);margin-top:1vh;animation:1.1s both logo-reveal}@keyframes logo-reveal{0%{opacity:0;transform:scale(.82)translateY(-15px)}to{opacity:1;transform:scale(1)}}.splash-spacer{flex:1;min-height:120px}.loading-copy{color:#ffe4a4;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 8px #000;justify-content:space-between;width:min(82vw,400px);margin:0 0 -5px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.loading-copy strong{color:#fff2ba}.loading-art{aspect-ratio:3;width:min(88vw,430px);position:relative;overflow:hidden}.loading-art img{object-fit:contain;height:100%;display:block}.loading-art-base{opacity:.32;filter:saturate(.2)brightness(.65);width:100%}.loading-art-progress{transition:width .14s ease-out;position:absolute;inset:0 auto 0 0;overflow:hidden}.loading-art-progress img{filter:drop-shadow(0 0 12px #ff9f2fa6);width:min(88vw,430px);max-width:none}.splash-note{color:#ffefc5d1;letter-spacing:.14em;text-shadow:0 2px 8px #000;margin:-16px 0 0;font-family:Georgia,Times New Roman,serif;font-size:12px}.login-content,.onboarding-content{flex-direction:column;align-items:center;min-height:100dvh;padding:18px 14px 28px;display:flex}.login-content{justify-content:flex-end;padding:0 4px}.ornate-panel{-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:linear-gradient(145deg,#35100bf5,#120c0af5),radial-gradient(circle at top,#c44d2059,#0000 50%);border:1px solid #f2c35db8;border-radius:20px 20px 28px 28px;width:100%;position:relative;box-shadow:0 20px 60px #00000094,inset 0 0 0 3px #f3c46114}.ornate-panel:before,.ornate-panel:after{content:"◆";color:#f7d179;text-shadow:0 0 8px #a82a17;font-size:21px;position:absolute;top:-13px}.ornate-panel:before{left:18px}.ornate-panel:after{right:18px}.panel-ribbon{color:#fff0b9;letter-spacing:.1em;text-align:center;background:linear-gradient(#a32c1d,#64130f);border:1px solid #ffdd87;border-radius:6px 6px 14px 14px;min-width:245px;padding:10px 24px;font-family:Georgia,Times New Roman,serif;font-size:14px;font-weight:800;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 8px 18px #00000059,inset 0 1px #ffffff40}.panel-lead{color:#d9c7a7;text-align:center;max-width:320px;margin:0 auto 20px;font-size:12px;line-height:1.55}.game-field{color:#f1d18d;letter-spacing:.07em;text-transform:uppercase;gap:7px;margin:14px 0;font-size:11px;font-weight:800;display:grid}.field-control{background:#0a0807ad;border:1px solid #dda84a7a;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;min-height:51px;display:grid;overflow:hidden;box-shadow:inset 0 0 18px #00000052}.field-control:focus-within{border-color:#f3c461;box-shadow:0 0 0 3px #f3c4611f,inset 0 0 18px #00000052}.field-control i{color:#e5b557;text-align:center;font-family:Georgia,serif;font-size:18px;font-style:normal}.field-control input{color:#fff8e8;background:0 0;border:0;outline:0;width:100%;min-width:0;height:49px;font-size:14px}.field-control input::placeholder{color:#887a68}.reveal-button{color:#caa861;background:0 0;border:0;align-self:stretch;padding:0 12px;font-size:10px;font-weight:800}.gold-button{color:#42120b;letter-spacing:.05em;text-shadow:0 1px #ffffff40;background:linear-gradient(#ffe49b 0%,#e7aa43 52%,#b96b20 100%);border:1px solid #ffe19a;border-radius:10px;width:100%;min-height:50px;font-family:Georgia,Times New Roman,serif;font-size:16px;font-weight:900;position:relative;box-shadow:0 8px 20px #00000059,inset 0 1px #ffffffb8,inset 0 -2px #69290a47}.gold-button:not(:disabled):active{transform:translateY(1px)}.gold-button:disabled{filter:grayscale(.35);opacity:.56}.login-button{margin-top:10px}.game-alert{color:#ffd8c7;text-align:center;background:#7916128f;border:1px solid #f9735285;border-radius:9px;margin:12px 0;padding:10px 12px;font-size:12px;line-height:1.45}.privacy-seal{color:#aa9a82;border-top:1px solid #f3c46124;align-items:flex-start;gap:8px;margin-top:16px;padding-top:14px;font-size:10px;line-height:1.5;display:flex}.privacy-seal span{color:#a8dbac;border:1px solid #6ea77c;border-radius:50%;flex:0 0 19px;place-items:center;width:19px;height:19px;display:grid}.login-art-panel{aspect-ratio:1086/1448;flex:none;width:min(68.6%,294px);position:relative;transform:translateY(5%)}.login-frame-art{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.login-art-form{position:absolute;inset:0}.login-art-field{width:76.4%;height:7.45%;position:absolute;left:11.8%}.login-art-username{top:42.35%}.login-art-password{top:55.05%}.login-art-control{color:#ffd981;grid-template-columns:13% minmax(0,1fr) auto;align-items:center;width:100%;height:100%;display:grid}.login-art-icon{border-right:1px solid #f5be5338;place-items:center;height:61%;display:grid}.login-art-icon svg{fill:currentColor;filter:drop-shadow(0 1px 2px #490c00b3);width:44%;max-width:21px}.login-art-control input{color:#fff5d9;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 4%;font-size:clamp(10px,3vw,14px);font-weight:650}.login-art-control input::placeholder{color:#e7ddcb94}.login-art-field:focus-within{filter:drop-shadow(0 0 7px #ffac35a6)}.login-art-reveal{color:#ffd981;background:0 0;border:0;align-self:stretch;align-items:center;gap:3px;padding:0 7px 0 3px;font-size:clamp(8px,2.2vw,10px);font-weight:850;display:flex}.login-art-reveal svg{fill:currentColor;width:16px}.login-art-alert{color:#ffd4c8;text-align:center;text-shadow:0 1px 4px #450700;width:68%;font-size:clamp(7px,2vw,9px);line-height:1.3;position:absolute;top:63.4%;left:16%}.login-art-submit{background:0 0;border:0;width:82%;padding:0;transition:filter .18s,transform .18s,opacity .18s;position:absolute;top:64.3%;left:9%}.login-art-submit img{width:100%;height:auto;display:block}.login-art-submit:not(:disabled):hover{filter:brightness(1.08)drop-shadow(0 0 10px #ff90189e);transform:scale(1.015)}.login-art-submit:not(:disabled):active{transform:scale(.99)}.login-art-submit:disabled{opacity:.66;filter:saturate(.72)}.login-art-submit.busy img{opacity:.38}.login-art-submit>span{color:#641809;text-shadow:0 1px #ffffff59;place-items:center;font-family:Georgia,serif;font-size:clamp(10px,3vw,15px);font-weight:900;display:grid;position:absolute;inset:0}.onboarding-content{justify-content:flex-end;padding-top:4px}.identity-content{justify-content:center;padding:0 4px}.identity-art-panel{aspect-ratio:1086/1448;flex:none;width:min(68.6%,294px);position:relative;transform:none}.identity-art-frame{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.identity-art-options{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1%;width:83%;display:grid;position:absolute;top:40%;left:8.5%}.identity-art-option{opacity:.82;filter:saturate(.82)brightness(.84);background:0 0;border:0;min-width:0;padding:0;transition:filter .18s,opacity .18s,transform .18s}.identity-art-option img{width:100%;height:auto;display:block}.identity-art-option:hover{opacity:1;filter:saturate()brightness(1.02);transform:translateY(-1%)}.identity-art-option.selected{opacity:1;filter:saturate(1.08)brightness(1.08)drop-shadow(0 0 7px #ff9627e0);transform:translateY(-2%)scale(1.025)}.identity-art-continue{background:0 0;border:0;width:84%;padding:0;transition:filter .18s,opacity .18s,transform .18s;position:absolute;top:79%;left:8%}.identity-art-continue img{width:100%;height:auto;display:block}.identity-art-continue:not(:disabled):hover{filter:brightness(1.08)drop-shadow(0 0 9px #ff95239e);transform:scale(1.015)}.identity-art-continue:not(:disabled):active{transform:scale(.99)}.identity-art-continue:disabled{opacity:.45;filter:saturate(.45)brightness(.78)}.faction-content{justify-content:center;padding:0 3px}.faction-art-panel{aspect-ratio:1086/1448;flex:none;width:min(84%,350px);position:relative}.faction-art-frame{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.faction-art-copy{color:#f4dfbd;text-align:center;text-shadow:0 1px 3px #2b0700;width:74%;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(7px,2vw,9px);line-height:1.25;position:absolute;top:35.1%;left:13%}.faction-art-copy.error{color:#ffd0c5}.faction-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2% 1.6%;width:85.6%;display:grid;position:absolute;top:39.2%;left:7.2%}.faction-art-option{aspect-ratio:3;opacity:.76;filter:saturate(.74)brightness(.78);background:0 0;border:0;min-width:0;padding:0;transition:filter .18s,opacity .18s,transform .18s;position:relative}.faction-art-option img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.faction-art-option[data-faction=Hoa\ Sơn] img{object-fit:fill;height:80%;top:16%}.faction-art-option:hover{opacity:1;filter:saturate()brightness(1.02);transform:translateY(-1%)}.faction-art-option.selected{z-index:1;opacity:1;filter:saturate(1.08)brightness(1.08)drop-shadow(0 0 6px #ff8f17eb);transform:scale(1.025)}.faction-art-option:disabled{opacity:.26;filter:grayscale(.8)saturate(.25)brightness(.55);cursor:not-allowed;transform:none}.faction-art-actions{grid-template-columns:.65fr 1.25fr;align-items:center;gap:2%;width:86%;display:grid;position:absolute;top:84.2%;left:7%}.faction-art-back,.faction-art-enter{background:0 0;border:0;min-width:0;padding:0;transition:filter .18s,opacity .18s,transform .18s;position:relative}.faction-art-back img,.faction-art-enter img{width:100%;height:auto;display:block}.faction-art-back:hover,.faction-art-enter:not(:disabled):hover{filter:brightness(1.08)drop-shadow(0 0 8px #ff972694);transform:scale(1.015)}.faction-art-back:active,.faction-art-enter:not(:disabled):active{transform:scale(.99)}.faction-art-enter:disabled{opacity:.46;filter:saturate(.45)brightness(.8)}.faction-art-enter.busy img{opacity:.34}.faction-art-enter>span{color:#641809;text-shadow:0 1px #ffffff59;place-items:center;font-family:Georgia,serif;font-size:clamp(8px,2.4vw,12px);font-weight:900;display:grid;position:absolute;inset:0}.onboarding-logo{width:min(58vw,270px);margin:-26px auto -34px}.onboarding-panel{text-align:center;padding:27px 18px 20px}.step-dots{justify-content:center;gap:7px;margin-bottom:14px;display:flex}.step-dots span{background:#574432;border-radius:9px;width:25px;height:3px}.step-dots span.active{background:linear-gradient(90deg,#d98c30,#ffe79d);box-shadow:0 0 8px #d98c30}.chapter-kicker{color:#d79c47;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.onboarding-panel h1{color:#fff1bd;margin:5px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:27px}.chapter-copy{color:#b7a78e;max-width:350px;margin:0 auto 17px;font-size:11px;line-height:1.55}.character-grid{grid-template-columns:1fr 1fr;gap:13px;margin:18px 0 21px;display:grid}.character-option{background:0 0;border:0;padding:0}.character-seal{color:#d0b77f;background:linear-gradient(#912a1938,#110c0ad1);border:1px solid #dba64a59;border-radius:80px 80px 18px 18px;place-items:center;min-height:174px;transition:all .2s;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #00000073}.character-seal.active{color:#ffe5a0;border-color:#f6ce72;transform:translateY(-3px);box-shadow:0 0 0 3px #f6ce721f,inset 0 0 36px #a63c1c57}.character-seal>span{z-index:1;text-shadow:0 6px 13px #000;font-family:Georgia,serif;font-size:66px}.character-seal small{z-index:1;margin-top:-33px;font-family:Georgia,serif;font-size:13px;font-weight:800}.character-moon{opacity:.72;background:radial-gradient(circle at 35% 35%,#ffe2a0,#a64a2a 65%,#0000 67%);border-radius:50%;width:105px;height:105px;position:absolute;top:18px}.character-seal.female .character-moon{background:radial-gradient(circle at 35% 35%,#fff0e8,#b95254 65%,#0000 67%)}.faction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:min(50vh,415px);margin:14px 0 17px;padding:3px;display:grid;overflow-y:auto}.faction-option{color:#d6c3a1;text-align:left;background:#0f0a08a8;border:1px solid #d8a64d42;border-radius:11px;grid-template-columns:43px 1fr;align-items:center;min-height:62px;padding:8px;transition:all .18s;display:grid}.faction-option.active{color:#fff0b4;background:linear-gradient(135deg,#8f2318bd,#30110ce6);border-color:#f3c461;box-shadow:0 0 0 2px #f3c46117}.faction-option span{color:#f6ce72;background:#2c1710;border:1px solid #9c672e;border-radius:50%;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:19px;display:grid}.faction-option strong{font-family:Georgia,serif;font-size:12px}.onboarding-actions{grid-template-columns:.72fr 1.5fr;gap:9px;display:grid}.ghost-button{color:#c9af7c;background:#180f0bb8;border:1px solid #806437;border-radius:9px;font-size:12px;font-weight:700}.screen-world{overflow:visible}.screen-world .game-viewport{background:#0d080673;border-inline:1px solid #f4c5691a;box-shadow:0 0 70px #0000008c}.world-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#190b08f2,#190b08c2);border-bottom:1px solid #ecb7523d;justify-content:space-between;align-items:center;height:78px;padding:5px 13px 6px;display:flex;position:sticky;top:0}.world-logo{object-fit:contain;width:134px;height:70px}.player-chip{text-align:left;background:#25110ccc;border:1px solid #f1c05b5c;border-radius:22px 8px 8px 22px;grid-template-columns:37px auto;align-items:center;gap:7px;max-width:210px;padding:4px 8px 4px 4px;display:grid}.player-chip>span{color:#ffe3a1;background:linear-gradient(145deg,#8e2b1c,#32130e);border:1px solid #d29239;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:17px;display:grid}.player-chip strong,.player-chip small{text-overflow:ellipsis;white-space:nowrap;max-width:130px;display:block;overflow:hidden}.player-chip strong{color:#fbe5ad;font-size:11px}.player-chip small{color:#a99068;margin-top:2px;font-size:9px}.world-scroll{min-height:calc(100dvh - 78px);padding:14px 12px 116px}.realm-card{background:radial-gradient(circle at 85% 30%,#c6432259,#0000 40%),linear-gradient(135deg,#631a12e3,#1a0f0ce8);border:1px solid #e8b54f6e;border-radius:17px;grid-template-columns:minmax(0,1fr) 91px;align-items:center;gap:10px;min-height:133px;padding:18px;display:grid;box-shadow:0 14px 32px #0000004d,inset 0 0 0 2px #ffd57e0d}.realm-copy p,.section-heading p,.profile-banner p{color:#dc9d43;letter-spacing:.16em;margin:0;font-size:9px;font-weight:900}.realm-copy h1{color:#fff1c3;margin:6px 0 7px;font-family:Georgia,serif;font-size:22px;line-height:1.12}.realm-copy>span{color:#c7b79c;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.progress-orb{background:conic-gradient(#ffd77c var(--progress), #ffffff1f 0);border-radius:50%;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 0 25px #d154223d}.progress-orb:before{content:"";background:radial-gradient(circle,#3c1810,#170c08);border-radius:50%;grid-area:1/1;width:69px;height:69px;box-shadow:inset 0 0 15px #000}.progress-orb div{z-index:1;text-align:center;grid-area:1/1}.progress-orb strong,.progress-orb small{display:block}.progress-orb strong{color:#ffe8aa;font-family:Georgia,serif;font-size:18px}.progress-orb small{color:#b5925e;margin-top:2px;font-size:8px}.course-scroll{scrollbar-width:none;gap:8px;margin:12px -12px 0;padding:0 12px 4px;display:flex;overflow-x:auto}.course-scroll::-webkit-scrollbar{display:none}.course-scroll button{color:#a89372;text-align:left;background:#190e0bc7;border:1px solid #cfa14d3b;border-radius:9px;flex:0 0 142px;min-height:49px;padding:7px 9px}.course-scroll button.active{color:#f6ddaa;background:#6b1f15d4;border-color:#e6b459}.course-scroll span,.course-scroll strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.course-scroll span{text-transform:uppercase;font-size:8px}.course-scroll strong{margin-top:3px;font-size:10px}.journey-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px;display:grid}.journey-stats div{text-align:center;background:#170e0bc2;border:1px solid #d3a6502e;border-radius:10px;padding:10px 6px}.journey-stats strong,.journey-stats span{display:block}.journey-stats strong{color:#ffe0a0;font-family:Georgia,serif;font-size:17px}.journey-stats span{color:#8f7c65;text-transform:uppercase;margin-top:3px;font-size:8px}.section-heading{justify-content:space-between;align-items:flex-end;gap:10px;margin:22px 2px 11px;display:flex}.section-heading h2{color:#f7e6bc;margin:4px 0 0;font-family:Georgia,serif;font-size:18px}.section-heading button{color:#d8a64e;background:0 0;border:0;padding:6px 0;font-size:10px;font-weight:800}.section-heading button:disabled{opacity:.45}.skill-list{gap:9px;display:grid}.skill-card{background:linear-gradient(120deg,#1f120ef0,#120c0ae6);border:1px solid #d3a34a36;border-radius:13px;grid-template-columns:49px minmax(0,1fr);gap:10px;padding:11px;display:grid;box-shadow:0 8px 18px #0003}.skill-card.status-completed{background:linear-gradient(120deg,#152d1fe8,#0f1511eb);border-color:#68ad7557}.skill-card.status-running{border-color:#eba534a3;box-shadow:0 0 0 2px #eba53412,0 8px 18px #0003}.skill-card.exam-card{background:linear-gradient(120deg,#4b1612ed,#180d0bf0);border-color:#c742357d}.skill-medallion{color:#f8d687;background:radial-gradient(circle,#6c2718,#22110c 72%);border:1px solid #a9712f;border-radius:50%;place-items:center;width:45px;height:45px;display:grid;box-shadow:inset 0 0 0 3px #f3c46114}.skill-medallion span{font-family:Georgia,serif;font-size:15px;font-weight:900}.skill-body{min-width:0}.skill-heading{justify-content:space-between;gap:8px;display:flex}.skill-heading p{color:#a77238;letter-spacing:.12em;margin:0 0 2px;font-size:7px;font-weight:900}.skill-heading h3{color:#f4deb0;margin:0;font-family:Georgia,serif;font-size:13px;line-height:1.25}.skill-status{color:#bda881;background:#ffffff0f;border-radius:20px;flex:none;align-self:start;padding:4px 7px;font-size:7px;font-weight:800}.status-completed .skill-status{color:#aee2b5;background:#58ab6a29}.status-running .skill-status{color:#ffd583;background:#d88b2429}.exam-card .skill-status{color:#ffb6a7;background:#c23d2d33}.real-lesson{color:#90816e;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 8px;font-size:9px;line-height:1.35;overflow:hidden}.skill-progress{background:#3b2d24;border-radius:99px;height:4px;overflow:hidden}.skill-progress span{border-radius:inherit;background:linear-gradient(90deg,#a83a21,#f5c665);height:100%;display:block;box-shadow:0 0 8px #d78b33}.skill-meta{color:#7e6e5b;justify-content:space-between;margin-top:5px;font-size:7px;display:flex}.exam-notice{color:#e8ab94;background:#8c251930;border-radius:6px;padding:6px 8px;font-size:8px}.cultivation-dock{z-index:10;background:linear-gradient(#0000,#0c0705eb 25%);margin:13px -3px 0;padding-top:7px;position:sticky;bottom:72px}.cultivate-button{min-height:61px}.cultivate-button span,.cultivate-button small{display:block}.cultivate-button small{letter-spacing:0;margin-top:3px;font-family:Segoe UI,sans-serif;font-size:8px;font-weight:700}.active-cultivation{color:#d8ba7f;background:#2a160ef0;border:1px solid #e3a84363;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;padding:8px 10px;display:flex}.active-cultivation span,.active-cultivation strong{display:block}.active-cultivation span{color:#cf8730;letter-spacing:.12em;font-size:7px;font-weight:900}.active-cultivation strong{text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-top:2px;font-size:9px;overflow:hidden}.active-cultivation em{color:#ffe19a;font-family:Georgia,serif;font-size:14px;font-style:normal;font-weight:900}.floating-alert{z-index:12;position:sticky;bottom:142px}.empty-scroll{margin-top:15px}.compact-panel{text-align:center;padding:28px 22px}.empty-emblem{color:#f3c96e;background:#30150f;border:1px solid #bc7d33;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 10px;font-family:Georgia,serif;font-size:28px;display:grid}.compact-panel h2{margin:7px 0;font-family:Georgia,serif}.compact-panel p{color:#a18f75;margin:0 0 18px;font-size:11px;line-height:1.5}.page-title{margin-top:5px}.current-job{background:linear-gradient(135deg,#671e14e6,#1b0f0bed);border:1px solid #a66e2f;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:15px;display:grid}.current-job span,.current-job strong{display:block}.current-job span{color:#d79439;letter-spacing:.12em;font-size:8px;font-weight:900}.current-job strong{color:#f3ddb0;margin-top:4px;font-size:11px;line-height:1.45}.current-job em{color:#ffe098;font-family:Georgia,serif;font-size:18px;font-style:normal;font-weight:900}.job-track{background:#3c271d;border-radius:9px;grid-column:1/-1;height:5px;overflow:hidden}.job-track i{border-radius:inherit;background:linear-gradient(90deg,#b33b22,#efbe5d);height:100%;display:block}.event-timeline{gap:0;margin-top:14px;display:grid;position:relative}.event-timeline:before{content:"";background:#d9a34845;width:1px;position:absolute;top:20px;bottom:20px;left:16px}.event-timeline article{grid-template-columns:34px minmax(0,1fr);gap:10px;min-height:62px;padding:10px 0;display:grid;position:relative}.event-rune{z-index:1;color:#d9a74d;background:#26140e;border:1px solid #865a2d;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.event-rune.success{color:#8fd29f;border-color:#467e55}.event-rune.error{color:#ef8b72;border-color:#884132}.event-timeline strong,.event-timeline small{display:block}.event-timeline strong{color:#ddc9a4;font-size:10px;line-height:1.45}.event-timeline small{color:#756958;margin-top:4px;font-size:8px}.empty-line{color:#95836a;text-align:center;font-size:11px}.profile-view{padding-top:6px}.profile-edit-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.profile-edit-actions .gold-button{letter-spacing:0;min-width:0;min-height:48px;padding:10px 5px;font-size:12px}.profile-edit-cancel{top:max(16px, env(safe-area-inset-top,0px));z-index:25;min-height:44px;padding:10px 14px;position:absolute;left:16px}.profile-edit-cancel:focus-visible{outline-offset:3px;outline:2px solid #fff0b6}.profile-edit-cancel:disabled{opacity:.5}.profile-banner{background:linear-gradient(135deg,#661d14e8,#1a0f0bed);border:1px solid #e7b24e63;border-radius:17px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;padding:15px;display:grid}.profile-banner .character-seal{border-radius:60px 60px 14px 14px;min-height:132px}.profile-banner .character-seal>span{font-size:48px}.profile-banner .character-seal small{margin-top:-25px;font-size:10px}.profile-banner .character-moon{width:78px;height:78px}.profile-banner h2{color:#ffe7ad;margin:6px 0 4px;font-family:Georgia,serif;font-size:21px}.profile-banner>div>span{color:#a49377;font-size:10px}.security-card{background:#160e0be8;border:1px solid #d6a64e38;border-radius:15px;gap:13px;margin-top:13px;padding:18px;display:grid}.security-card h3{color:#edd29a;margin:0 0 4px;font-family:Georgia,serif}.security-card>div{grid-template-columns:27px minmax(0,1fr);gap:10px;display:grid}.security-card>div>span{color:#9bd0a4;border:1px solid #4f8e5e;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.security-card p{margin:0}.security-card strong,.security-card small{display:block}.security-card strong{color:#dbc8a7;font-size:10px}.security-card small{color:#857765;margin-top:3px;font-size:9px;line-height:1.45}.logout-button{color:#e8a08c;background:#5b1b1480;border:1px solid #b7493680;border-radius:10px;width:100%;margin-top:14px;padding:13px;font-size:11px;font-weight:800}.bottom-nav{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#140b08f5;border-top:1px solid #e7b4504a;grid-template-columns:repeat(3,1fr);width:min(100%,480px);min-height:70px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 28px #00000052}.bottom-nav button{color:#786a58;background:0 0;border:0;align-content:center;place-items:center;gap:2px;display:grid}.bottom-nav button.active{color:#f1c76d;background:radial-gradient(circle,#9a301a4f,#0000 66%)}.bottom-nav span{font-family:Georgia,serif;font-size:21px}.bottom-nav small{font-size:8px;font-weight:800}@media (width>=700px){.game-frame{padding:18px 0}.game-viewport{border-radius:24px;min-height:calc(100vh - 36px);overflow:hidden;box-shadow:0 20px 80px #000000a6}.screen-login .game-viewport,.screen-splash .game-viewport,.screen-identity .game-viewport,.screen-faction .game-viewport{height:calc(100dvh - 36px);min-height:0}.bottom-nav{border-radius:0 0 24px 24px;bottom:18px}.world-header{top:0}}@media (height<=700px){.login-art-panel{width:min(63%,245px);transform:translateY(6%)}.identity-art-panel{width:min(63%,245px);transform:none}.faction-art-panel{width:min(78%,300px)}.onboarding-logo{display:none}.character-seal{min-height:135px}.character-seal>span{font-size:50px}.faction-grid{max-height:320px}}.screen-world{background-color:#180b08;background-image:none}.screen-world:before{content:none}.screen-world .mist{display:none}.screen-world .game-viewport{background:#24100b var(--world-background) center top / cover no-repeat;box-shadow:none;border:0;container-type:inline-size}.screen-world .world-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;height:27cqw;padding:0 3.8cqw;position:relative}.screen-world .world-logo{object-fit:contain;width:43cqw;height:26cqw}.screen-world .player-chip{isolation:isolate;aspect-ratio:1948/544;background:0 0;border:0;border-radius:0;flex:0 0 47cqw;grid-template-columns:8.2cqw minmax(0,1fr);gap:1.2cqw;width:47cqw;max-width:none;padding:1cqw 2.1cqw 1cqw 1.2cqw;position:relative;transform:translateY(2.5cqw)}.player-chip-art{z-index:-1;pointer-events:none;width:111.5%;height:auto;position:absolute;top:-15.44%;left:-5.75%}.screen-world .player-chip>span{color:#ffe8ac;background:0 0;border:0;width:8.2cqw;height:8.2cqw;font-size:5.1cqw}.screen-world .player-chip>div{min-width:0}.screen-world .player-chip strong,.screen-world .player-chip small{max-width:none}.screen-world .player-chip strong{color:#fff0c4;font-size:2.7cqw;line-height:1.3}.screen-world .player-chip small{color:#c1a479;margin-top:.7cqw;font-size:2.3cqw}.screen-world .world-scroll{min-height:calc(100dvh - 27cqw);padding:0 3.8cqw 33cqw}.screen-world .realm-card{isolation:isolate;aspect-ratio:1672/560;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:6.1% 5.9% 5%;display:block;position:relative}.realm-art-clip{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.realm-art-clip img{width:100%;height:auto;position:absolute;top:-32.14%;left:0}.screen-world .realm-copy{width:73%}.screen-world .realm-copy p{color:#eab252;letter-spacing:.12em;font-size:2.2cqw}.screen-world .realm-copy p:before{content:"◇ "}.screen-world .realm-copy p:after{content:" ◇"}.screen-world .realm-copy h1{color:#fff1c1;text-shadow:0 2px 2px #431205;margin:1.7cqw 0;font-size:6.1cqw;font-weight:700;line-height:1.1}.screen-world .realm-copy>span{color:#e0c899;font-size:2.5cqw;line-height:1.45}.screen-world .progress-orb{width:22.4%;height:62%;box-shadow:none;background:0 0;border:0;position:absolute;top:22%;left:73.4%}.screen-world .progress-orb:before{content:none}.screen-world .progress-orb strong{color:#ffe8ac;font-size:5.2cqw}.screen-world .progress-orb small{color:#e2b471;margin-top:.8cqw;font-size:2.3cqw}.sync-art-panel{isolation:isolate;aspect-ratio:1086/980;width:100%;margin-top:3cqw;position:relative}.sync-panel-art-clip{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sync-panel-art-clip img{width:100%;height:auto;position:absolute;top:-22.45%;left:0}.sync-art-status{color:#e9d6b0;text-align:center;overflow-wrap:anywhere;align-content:center;width:78%;min-height:8%;margin:0;font-size:2.9cqw;line-height:1.4;display:grid;position:absolute;top:57.2%;left:11%}.sync-art-button{background:0 0;border:0;border-radius:5cqw;place-items:center;width:85.6%;height:18.9%;padding:0;display:grid;position:absolute;top:64.4%;left:7.2%}.sync-art-button:not(:disabled):hover{box-shadow:0 0 4cqw #ffb84966,inset 0 0 3cqw #fff2b333}.screen-world button:focus-visible{outline-offset:4px;outline:2px solid #fff0b6}.sync-idle-heading{isolation:isolate;color:#ffe5a6;text-align:center;text-shadow:0 2px 3px #4e1204;place-items:center;width:84%;height:13.6%;margin:0;font-family:Georgia,Times New Roman,serif;font-size:5.8cqw;line-height:1.15;display:grid;position:absolute;top:43.9%;left:8%}.sync-idle-heading:before{content:"";z-index:-1;background-image:var(--sync-panel-background);background-position:50% 54.8%;background-size:112% 2400%;position:absolute;inset:-6% -3%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 16% 84%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.sync-art-button-label{isolation:isolate;color:#3c1205;text-shadow:0 1px #ffe9ab;place-items:center;width:64%;height:56%;font-family:Georgia,Times New Roman,serif;font-size:4.4cqw;font-weight:700;display:grid;position:relative}.sync-art-button-label:before{content:"";z-index:-1;background:linear-gradient(#f0c47c,#dca257);position:absolute;inset:-5% -8%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.screen-world .bottom-nav{isolation:isolate;min-height:25cqw;padding:2.5cqw 3.5cqw calc(2cqw + env(safe-area-inset-bottom,0px));box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0}.screen-world .bottom-nav:before{content:"";z-index:-1;background:linear-gradient(90deg,#190b08ef,#271007f5 50%,#190b08ef);border-block:2px solid #c98e39;border-radius:12% 12% 9% 9%/22% 22% 18% 18%;position:absolute;inset:0;box-shadow:inset 0 3px #ffce6d66,inset 0 -4px #ac642a88,0 -2px 5px #f79e4544}.screen-world .bottom-nav button{color:#af9c7b;background:0 0;gap:.2cqw;padding:0 0 2cqw;position:relative}.screen-world .bottom-nav button:after{content:"◇";color:#8c6b41;background:linear-gradient(90deg,#0000,#b1783433 40%,#0000 42% 58%,#b1783433 60%,#0000) 50%/100% 1px no-repeat;width:70%;margin-top:.6cqw;font-size:2cqw;display:block}.screen-world .bottom-nav span{color:#d6c097;background:var(--world-nav-medallion) center / contain no-repeat;filter:grayscale(.75)brightness(.6);place-items:center;width:13cqw;height:13cqw;padding-bottom:.3cqw;font-size:6.6cqw;line-height:1;display:grid}.screen-world .bottom-nav button.active{color:#fff0bb}.screen-world .bottom-nav button.active span{color:#fff0b2;filter:drop-shadow(0 0 1.5cqw #ff9b26a6)}.screen-world .bottom-nav button.active:after{color:#ffcb74;text-shadow:0 0 6px #ff9600}.screen-world .bottom-nav small{font-size:2.7cqw;font-weight:700}.screen-world .cultivation-dock{bottom:calc(26cqw + env(safe-area-inset-bottom,0px))}.screen-world .floating-alert{bottom:calc(40cqw + env(safe-area-inset-bottom,0px))}@media (width>=700px){.screen-world .game-viewport,.screen-world .bottom-nav{width:clamp(320px,56.28dvh - 20.2608px,480px)}.screen-world .world-scroll{min-height:calc(100dvh - 36px - 27cqw)}}html:has(.screen-world){scrollbar-width:none}html:has(.screen-world)::-webkit-scrollbar{display:none}.frame-artwork{z-index:-1;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.screen-world .skills-world-header{height:35cqw}.screen-world .skills-world-header+.world-scroll{min-height:calc(100dvh - 35cqw)}.screen-world .world-scroll:has(>.skills-realm-card){flex-direction:column;display:flex}.screen-world .world-scroll:has(>.skills-realm-card)>.cultivation-dock{margin-top:auto;padding-top:4.2cqw}.skills-world-header .world-logo{width:45cqw;height:34cqw}.skills-world-header .player-chip{transform:translateY(3cqw)}.screen-world .skills-realm-card{aspect-ratio:1672/588;padding-top:5.7%}.screen-world .skills-realm-card .realm-copy{width:68%}.screen-world .skills-realm-card .realm-copy h1{margin-block:2cqw;font-size:6.2cqw}.screen-world .skills-realm-card .realm-copy>span{font-family:Georgia,Times New Roman,serif;font-size:2.9cqw;line-height:1.3}.screen-world .skills-realm-card .progress-orb{width:23.6%;height:65%;top:22%;left:72.3%}.screen-world .skills-realm-card .progress-orb strong{font-size:6.3cqw}.screen-world .skills-realm-card .progress-orb small{font-family:Georgia,Times New Roman,serif;font-size:2.6cqw}.screen-world .course-scroll{scroll-snap-type:x proximity;grid-auto-columns:calc(50% - .7cqw);grid-auto-flow:column;gap:1.4cqw;margin:2.4cqw 0 0;padding:.8cqw .2cqw;scroll-padding-inline:.2cqw;display:grid}.screen-world .course-scroll .course-art-card{isolation:isolate;aspect-ratio:2.65;color:#f4deb0;scroll-snap-align:start;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;min-height:0;padding:3.8% 5.4% 3%;transition:filter .18s;display:flex;position:relative}.screen-world .course-scroll .course-art-card.active{color:#fff2c9;filter:drop-shadow(0 0 .5cqw #ffac3555);background:0 0}.screen-world .course-scroll .course-art-card:hover{filter:brightness(1.12)}.screen-world .course-art-card .course-art-kicker{color:#ffe8a6;letter-spacing:.05em;max-width:70%;font-family:Georgia,Times New Roman,serif;font-size:2.1cqw;font-weight:700}.screen-world .course-art-card .course-art-kicker:before{content:"◇ ";color:#c48637}.screen-world .course-art-card strong{width:70%;color:inherit;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:1cqw;font-family:Georgia,Times New Roman,serif;font-size:2.4cqw;line-height:1.14;display:-webkit-box;overflow:hidden}.screen-world .course-art-card .course-art-arrow{color:#ffe9af;background:#261005dd;border:1px solid #c48f42;border-radius:50%;place-items:center;width:4.4cqw;height:4.4cqw;font-family:Georgia,serif;font-size:4cqw;line-height:1;display:grid;position:absolute;bottom:11%;right:5%}.screen-world .journey-stats{gap:1.4cqw;margin-top:1.8cqw}.screen-world .journey-stats .stat-art-card{isolation:isolate;aspect-ratio:2;background:0 0;border:0;border-radius:0;min-width:0;padding:0;position:relative}.screen-world .journey-stats .stat-art-copy{background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:center;padding:0;display:flex;position:absolute;inset:17% 5% 15% 57%}.screen-world .stat-art-copy strong{color:#fff0c6;text-shadow:0 1px 2px #160700;font-size:4.1cqw;line-height:1}.screen-world .stat-art-copy span{color:#eedaae;text-transform:uppercase;margin-top:.9cqw;font-family:Georgia,Times New Roman,serif;font-size:1.7cqw;line-height:1.2}.screen-world .skills-section-heading{align-items:center;gap:1cqw;margin:6.4cqw 1cqw 3.8cqw}.skills-section-heading>div{min-width:0}.screen-world .skills-section-heading p{letter-spacing:.17em;font-family:Georgia,Times New Roman,serif;font-size:2.2cqw}.screen-world .skills-section-heading p:before{content:"◇ "}.screen-world .skills-section-heading p:after{content:" ◇"}.screen-world .skills-section-heading h2{color:#fff0c5;white-space:nowrap;text-shadow:0 1px 4px #8c260c;margin-top:1.5cqw;font-size:4.4cqw}.screen-world .skills-section-heading .skills-sync-button{color:#ffe4a0;white-space:nowrap;background:linear-gradient(130deg,#3a2112ee,#160b06ee);border:1px solid #bb883a;border-radius:2.2cqw .8cqw;flex:none;align-items:center;gap:1cqw;padding:1.2cqw 1.6cqw;font-family:Georgia,Times New Roman,serif;font-size:2.5cqw;font-weight:700;display:flex;box-shadow:inset 0 0 0 2px #f0c16e22}.skills-sync-button>span{font-family:Segoe UI,sans-serif;font-size:4.3cqw;line-height:1}.skills-sync-button:not(:disabled):hover{filter:brightness(1.18)}.screen-world .cultivation-dock{background:0 0;margin-top:4.2cqw;padding:0}.screen-world .cultivation-outcome{color:#f3ddb0;overflow-wrap:anywhere;background:#26140ef5;border:1px solid #a66e2f;border-radius:2cqw;margin:0 0 1.6cqw;padding:2.4cqw;font-size:2.6cqw;line-height:1.45}.screen-world .active-cultivation>div{flex:1;min-width:0}.screen-world .active-cultivation strong{white-space:normal;overflow-wrap:anywhere}.screen-world .active-cultivation>button{flex-shrink:0;font-size:2.2cqw}.screen-world .cultivate-art-button{isolation:isolate;aspect-ratio:5.1;color:#401100;background:0 0;border:0;border-radius:0;width:100%;min-height:0;padding:0;transition:filter .18s,transform .18s;display:block;position:relative}.screen-world .cultivate-art-copy{flex-direction:column;justify-content:center;display:flex;position:absolute;inset:26% 11% 19%}.screen-world .cultivate-art-copy>span{text-shadow:0 1px #fff1bd;font-family:Georgia,Times New Roman,serif;font-size:5.5cqw;font-weight:700;line-height:1.1}.screen-world .cultivate-art-copy small{margin-top:1cqw;font-family:Georgia,Times New Roman,serif;font-size:2.1cqw;font-weight:700;line-height:1.2}.cultivate-art-button:disabled{filter:saturate(.75)brightness(.91)}.cultivate-art-button:not(:disabled):hover{filter:brightness(1.12)drop-shadow(0 0 1cqw #ffb13977)}.cultivate-art-button:not(:disabled):active{transform:scale(.985)}.screen-world .bottom-nav span svg{filter:drop-shadow(0 1px 1px #2b1004);width:7.3cqw;height:7.3cqw}@media (width>=700px){.screen-world .skills-world-header+.world-scroll{min-height:calc(100dvh - 36px - 35cqw)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}