:root{color:#eeeafa;background:#111424;font-family:'Trebuchet MS',Arial,sans-serif}body{background:radial-gradient(ellipse at 90% 0,#342650 0,transparent 45%),#111424;min-height:100vh}header{background:#131626;border-bottom:1px solid #3b3750;padding:16px 28px;gap:18px}.brand{font-family:Georgia,serif;font-size:26px;color:#fff1c8}.brand span{color:#dcb86a}.tag{color:#aaa0bc;letter-spacing:2px}main{max-width:1240px;margin:28px auto;padding:0 24px 60px}.stats{gap:7px;justify-content:flex-end}.pill{background:#24263e;color:#e7d4a2;font-size:14px;padding:9px 11px}.currency{color:#ffe396;border:1px solid #705d37}.navbtn{font-size:14px;background:transparent;border-color:transparent;color:#c9c5dc;padding:9px;min-height:44px}.navbtn:hover{color:#fff1cb;background:#2b2943}.premium-nav{color:#efcf85}h1,h2{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(28px,4vw,44px);font-weight:normal;color:#fff3d8;line-height:1.12}h2{font-weight:normal;color:#f6eddc}p{color:#bfc0d5;line-height:1.65}.eyebrow{color:#d9b974;font-size:12px;letter-spacing:1.8px}.muted{color:#b2aec5}.card{background:#1c2035;border:1px solid #3d3c52;box-shadow:0 5px 0 #0a0d17;border-radius:20px}.primary{background:#e1bd72;color:#292033;box-shadow:0 4px 0 #8d6d35;border:1px solid #f4d696}.primary:hover{background:#efd28f}.secondary{background:#30314c;color:#e6e0f6;border:1px solid #50506c;box-shadow:0 3px 0 #151726}.textbtn{color:#d7bb80;font-size:14px}.primary:disabled,.secondary:disabled{opacity:.55;box-shadow:none}.progress{height:10px;background:#0f1324;border:1px solid #3c3a56}.progress i{background:linear-gradient(90deg,#7b68d9,#c0a9ff)}.scene{background-image:url('assets/scenes.png');background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:3/2}.sprite{background-size:300% 200%;background-repeat:no-repeat;aspect-ratio:1}.hero-sprite{background-image:url('assets/heroes.png')}.gear-sprite{background-image:url('assets/gear.png')}.camp-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.mission-card{border:1px solid #655174;border-radius:22px;overflow:hidden;background:#25223a;position:relative;min-width:0}.mission-art{width:100%;aspect-ratio:2.1;min-height:220px;background-size:300% 200%}.mission-copy{padding:26px 30px;background:linear-gradient(180deg,#282339,#1c2035);position:relative}.mission-copy h1{margin:12px 0}.mission-copy p{margin:0 0 24px}.mission-time{font-size:13px;margin-left:16px;color:#b8aecb;display:inline-block;margin-top:16px}.character-card{background:linear-gradient(145deg,#28223f,#1a2036);border:1px solid #544462;border-radius:22px;padding:22px;text-align:center;align-self:stretch}.character-card h2{margin:16px 0 12px}.character-card>.secondary{margin-top:20px;width:100%}.avatar-display{position:relative;max-width:350px;margin:18px auto 10px;border:3px solid #b89b69;border-radius:22px;box-shadow:0 9px 30px #080b1890}.avatar-body{border-radius:18px;width:100%}.avatar-slot{position:absolute;width:27%;bottom:7%;border-radius:16px;border:2px solid #c9aa73;box-shadow:0 4px 12px #0008;overflow:hidden}.avatar-slot>.sprite{width:100%}.weapon-slot{right:-8%}.shield-slot{left:-8%}.camp-avatar{width:88%;margin-top:24px}.level-line{display:flex;justify-content:space-between;font-size:14px;color:#e6d59f;text-align:left;gap:10px;margin:18px 0 10px}.level-line span{font-size:12px;color:#b3aac7}.journey-strip{margin:24px 0 32px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #3d3b53;background:#191d30;border-radius:18px;padding:18px}.journey-strip>div{text-align:center;border-right:1px solid #39364d}.journey-strip>div:last-child{border:0}.journey-strip b{display:block;color:#ecd398;font-size:23px}.journey-strip span{display:block;color:#a7a3bc;font-size:13px;margin-top:5px}.sectionhead{margin-top:36px}.sectionhead .eyebrow{margin-bottom:12px}.region-tabs{display:flex;gap:9px;overflow-x:auto;padding:4px 2px 14px;margin-top:16px}.region-tab{background:#202238;border:1px solid #42405a;color:#b7b4cd;border-radius:12px;padding:13px 17px;flex-shrink:0;font-size:14px;min-height:48px}.region-tab.active{background:#473959;border-color:#b78d5a;color:#f8de9e}.quest-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:12px 0 32px}.quest-node{display:flex;align-items:center;gap:14px;text-align:left;padding:18px;background:#20243b;border:1px solid #49455f;color:#e5dff0;border-radius:15px;min-height:108px}.quest-node.current{border:2px solid #e5b95e;box-shadow:0 4px 0 #6a502b;background:#323044}.quest-node.complete{border-color:#5e857c;background:#25353f}.quest-node:disabled{opacity:.5}.quest-num{font-weight:bold;font-size:19px;min-width:42px;color:#e6c77e}.quest-node b{display:block;font-size:16px;line-height:1.3}.quest-node small{display:block;color:#aaa7bc;font-size:12px;margin-top:7px;line-height:1.35}.comic-heading{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:12px 0 25px}.comic-heading h1{width:100%;margin:0;font-size:clamp(28px,4vw,40px)}.comic-strip{display:grid;grid-template-columns:1fr 1fr;gap:22px}.comic-panel{background:#fcf3db;border:4px solid #080b17;border-radius:6px;overflow:hidden;box-shadow:5px 6px 0 #050711;align-self:start}.panel-art{position:relative;aspect-ratio:3/2}.panel-number{position:absolute;left:14px;top:14px;background:#f7de94;color:#382638;font-family:Georgia,serif;font-size:23px;padding:6px 12px;border:2px solid #282238}.speech{padding:21px 24px 16px;border-top:3px solid #242033;min-height:210px}.speaker{font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:1.6px;color:#79502b}.speech p{font-size:18px;line-height:1.6;color:#352d40;margin:12px 0}.speech .textbtn{color:#79502b;padding-left:0}.comic-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px}.comic-actions p{font-size:15px}.listen{background:#3b3858;color:#efdcaa;border:1px solid #696081}.learn{background:#252a43;border-color:#49415e;color:#f1e9d9}.learn small{color:#bbb2cf}.option{background:#272b45;border-color:#514a69;color:#f1ecfa}.option:hover:not(:disabled){background:#3d3552;border-color:#c7a669}.option.good{background:#284b46;border-color:#6cac98}.option.bad{background:#584228;border-color:#d2a963}.feedback{background:#302e49;color:#e2dcee;border:1px solid #544966}.feedback p{color:#c4bcd3}.chip{background:#34334f;border-color:#625675;color:#eee3f9}.sentence{border-color:#6d6182;background:#15192c;color:#ecd5a0;font-size:20px}.mission-question{border-bottom:1px solid #49405d;padding-bottom:20px;margin-bottom:22px}.mission-question span{display:block;color:#ecd295;font-family:Georgia,serif;font-size:23px}.mission-question small{display:block;color:#b2aac5;font-size:13px;margin-top:8px}input,select{background:#14192c;border-color:#57506c;color:#f3eafb}label{color:#d9d4e7}th{color:#d3bd88}td,th{border-color:#454058}table{color:#e0daed}.mine{background:#37334c}details{border-color:#49415e}summary{color:#cdb987}.reward-card{padding:36px}.reward-tokens{display:flex;justify-content:center;gap:14px}.reward-tokens span{background:#322d43;border:1px solid #9e7e49;color:#f0d182;padding:16px 24px;border-radius:14px;font-size:24px}.wardrobe{display:grid;grid-template-columns:310px minmax(0,1fr);gap:32px}.wardrobe-preview{align-self:start;position:sticky;top:20px}.wardrobe-preview p{font-size:14px}.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:30px}.inventory-item{background:#24283f;border:2px solid #494260;border-radius:16px;color:#e5dff0;padding:10px;text-align:left}.inventory-item .sprite,.inventory-item .aura-swatch{border-radius:10px;margin-bottom:12px}.inventory-item.equipped{border-color:#ddb869}.inventory-item b{display:block;font-size:14px}.inventory-item small{display:block;font-size:13px;color:#d8b976;margin:7px 0}.inventory-item:disabled{opacity:.5}.shop-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:28px}.wallet{background:linear-gradient(135deg,#39304b,#29213d);border:1px solid #957044;border-radius:20px;min-width:240px;padding:25px;text-align:center}.wallet span,.wallet small{display:block;font-size:14px;color:#c9b9d4}.wallet b{display:block;color:#f4d388;font-size:45px;margin:12px}.shop-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.shop-item{background:#22263d;border:1px solid #48415d;border-radius:18px;padding:16px;display:flex;flex-direction:column}.shop-item.premium-item{border-color:#966ba5}.item-top{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#c6b4e0;min-height:26px}.shop-item .sprite,.shop-item .aura-swatch{width:100%;border-radius:12px;margin:8px 0 16px}.shop-item h2{font-size:21px;margin:0;min-height:48px}.shop-item p{font-size:13px;margin:9px 0 18px}.shop-item button{font-size:14px;padding:13px 10px;min-height:50px;margin-top:auto}.aura-swatch{aspect-ratio:1;border:4px solid #a395c5;background:#191e37;display:flex;align-items:center;justify-content:center}.aura-swatch span{font-size:70px;color:#fff5c4}.aura-frost{border-color:#8bddff;box-shadow:0 0 24px #4293bd88}.aura-ember{border-color:#ef9e5b;box-shadow:0 0 24px #d2674477}.aura-constellation{border-color:#d8adf3;box-shadow:0 0 30px #b97efb99}.aura-plain{border-color:#b89b69}.premium-banner{text-align:center;padding:36px;border:1px solid #9375b2;border-radius:25px;background:radial-gradient(ellipse at top,#614b76,#242239 75%)}.premium-banner h1{font-size:clamp(34px,5vw,58px)}.premium-status{display:inline-block;border:1px solid #a482bd;padding:12px 22px;border-radius:30px;color:#f4ddb2}.premium-lineup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding:32px 0;text-align:center}.premium-lineup .sprite{border-radius:20px;border:2px solid #b28ec9;max-width:290px;margin:auto}.premium-lineup h2{font-size:22px}.premium-state{color:#ebca86!important}.auth-art{max-width:740px;margin:0 auto;border-radius:24px 24px 0 0;aspect-ratio:2.4;background-size:300% 300%}.auth-card{border-radius:0 0 24px 24px;margin-top:0}.auth-card h1{margin-bottom:20px}
@media(max-width:1050px){.shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quest-map{grid-template-columns:repeat(2,minmax(0,1fr))}.camp-layout{grid-template-columns:minmax(0,1fr) 250px}header{padding:16px 20px}.stats{justify-content:flex-start}.wardrobe{grid-template-columns:250px minmax(0,1fr)}}
@media(max-width:720px){main{padding:0 15px 40px;margin-top:18px}header{padding:15px}.brand{font-size:24px}.navbtn{font-size:13px;padding:9px 8px}.stats{gap:3px}.account{max-width:100%;overflow-wrap:anywhere}.camp-layout{grid-template-columns:1fr}.mission-art{aspect-ratio:1.7;min-height:180px}.mission-copy{padding:22px}.camp-layout>.character-card{display:none}.journey-strip{padding:15px 8px;gap:5px}.journey-strip b{font-size:18px}.journey-strip span{font-size:11px}.quest-map{grid-template-columns:1fr;gap:10px}.quest-node{min-height:90px}.comic-strip{grid-template-columns:1fr;gap:22px}.speech{min-height:0;padding:18px}.speech p{font-size:17px}.comic-actions{align-items:stretch;flex-direction:column;gap:8px}.comic-actions .primary{width:100%}.comic-heading{gap:15px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.shop-item{padding:12px}.shop-item h2{font-size:19px;min-height:44px}.item-top{font-size:11px;flex-wrap:wrap}.shop-heading{align-items:stretch;flex-direction:column;gap:10px}.wallet{min-width:0;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.wallet b{font-size:30px;margin:0}.wallet small{display:none}.wardrobe{grid-template-columns:1fr;gap:20px}.wardrobe-preview{position:static;max-width:100%;padding:24px 42px}.wardrobe-preview .avatar-display{max-width:260px}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-lineup{gap:12px}.premium-lineup h2{font-size:16px}.premium-lineup p{font-size:12px}.premium-banner{padding:28px 18px}.reward-tokens span{padding:13px 18px;font-size:21px}.aura-swatch span{font-size:50px}.auth-art{aspect-ratio:1.8}}

/* Registration and premium plans */
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.price{display:block;font-size:clamp(2rem,5vw,3.5rem);margin:12px 0;color:#f8da8b}.checkline{display:flex;align-items:flex-start;gap:12px;line-height:1.6;margin:20px 0}.checkline input{width:20px;min-width:20px;margin-top:4px}.bot-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.auth-card>.secondary{margin-top:16px}#payment-history small{overflow-wrap:anywhere}.feedback button{margin:5px}.pricing-grid .primary{width:100%}@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}.checkline{font-size:.9rem}}