@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:dark;font-family:Inter,sans-serif;color:#e8e4d8;background:#090b10;font-synthesis:none;--gold:#d7a94f;--line:#2b2d31;--panel:#12151b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% 0%,#222019 0,transparent 32%),radial-gradient(circle at 10% 70%,#151b24 0,transparent 40%),#090b10}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Cinzel,serif}.eyebrow{color:var(--gold);font-size:.68rem;letter-spacing:.24em;font-weight:700}.center{min-height:100vh;display:grid;place-content:center;text-align:center;color:#8c8d90}.sigil{width:58px;height:58px;margin:0 auto 20px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);font:600 1.7rem Cinzel;transform:rotate(45deg);box-shadow:0 0 30px #d7a94f1c}.sigil:first-letter{transform:rotate(-45deg)}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.lore{display:flex;flex-direction:column;justify-content:center;padding:8vw;border-right:1px solid #ffffff10;background:linear-gradient(100deg,#090b10 30%,transparent),radial-gradient(circle at 70% 40%,#4b361b42,transparent 45%)}.lore h1{font-size:clamp(4rem,9vw,8rem);line-height:.82;margin:22px 0 34px;letter-spacing:-.06em}.lore h1 i,.app-shell header i{color:var(--gold);font-weight:500}.lore p{color:#9e9b91;font-size:1.1rem;letter-spacing:.04em}.auth-card{width:min(390px,82%);align-self:center;justify-self:center;padding:42px;background:#11141add;border:1px solid var(--line);box-shadow:0 28px 90px #0009}.auth-card h2{text-align:center;margin-bottom:8px}.auth-card>p{text-align:center;color:#777a80;margin-bottom:30px;font-size:.85rem}label{display:block;color:#aaa9a4;font-size:.78rem;margin:18px 0}input{width:100%;margin-top:8px;padding:13px 14px;color:#eee;border:1px solid #32353b;background:#090b10;outline:none}input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d7a94f13}button{border:1px solid #80652f;background:linear-gradient(#d7a94f,#b58129);color:#111;padding:12px 18px;font-weight:700;transition:.18s}button:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}.auth-card button[type=submit]{width:100%;margin-top:8px}.link{width:100%;background:none;border:0;color:#8c8d90;font-size:.8rem;margin-top:12px}.error{color:#e0877e;font-size:.83rem}.ghost{background:transparent;border:1px solid #393b40;color:#a9a9a7;padding:9px 14px}.creation{min-height:100vh;text-align:center;padding:8vh 5vw;position:relative}.creation h1{font-size:clamp(2.2rem,5vw,4rem);margin:12px 0 45px}.logout{position:absolute;right:4vw;top:4vh}.class-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1000px;margin:auto}.class-card{background:linear-gradient(145deg,#171a20,#0e1015);border:1px solid var(--line);color:#e8e4d8;min-height:310px;padding:30px;text-align:left}.class-card.selected{border-color:var(--gold);box-shadow:0 0 40px #d7a94f10;transform:translateY(-5px)}.class-icon{font:600 3.2rem Cinzel;color:#5a4a2e}.class-card h2{margin:10px 0 15px}.class-card p{color:#8f9195;line-height:1.6;min-height:76px}.class-card small{color:var(--gold);font-size:.68rem}.creation form{max-width:530px;display:flex;margin:35px auto 0}.creation form input{margin:0}.creation form button{min-width:200px}.app-shell{min-height:100vh;max-width:1440px;margin:auto;padding:0 4vw}.app-shell header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.app-shell header h1{margin:5px 0 0;font-size:1.7rem}.dashboard{display:grid;grid-template-columns:340px 1fr;gap:20px;padding:26px 0}.hero-card{grid-column:1/-1;min-height:145px;display:flex;align-items:center;gap:24px;padding:24px 30px;background:linear-gradient(100deg,#181b21,#101318);border:1px solid var(--line);position:relative;overflow:hidden}.hero-card:after{content:"MU IDLE";position:absolute;right:30px;font:700 7rem Cinzel;color:#ffffff04;letter-spacing:.08em}.avatar{width:86px;height:86px;display:grid;place-items:center;border:1px solid #79602f;background:#d7a94f0d;color:var(--gold);font:600 2.8rem Cinzel}.hero-card h2{font-size:2rem;margin:5px 0}.hero-card p{color:#898b90;margin:0}.hero-card p b{color:var(--gold)}.xp{margin-left:auto;width:min(370px,35%);height:7px;background:#080a0d;position:relative;z-index:1}.xp>span{display:block;height:100%;background:linear-gradient(90deg,#8b6629,var(--gold))}.xp small{display:block;color:#73767b;margin-top:9px;text-align:right;font-size:.67rem}.panel{background:#11141a;border:1px solid var(--line);padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:18px}.panel-title h3{margin:0;font-size:1rem}.panel-title span{color:#777a80;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.stats{grid-row:2 / span 2}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.stat{background:#0b0e12;border:1px solid #24272c;padding:15px;display:grid;grid-template-columns:26px 1fr}.stat i{color:var(--gold);font-style:normal;grid-row:1/3}.stat span{color:#73767b;font-size:.66rem;text-transform:uppercase}.stat b{font:600 1.25rem Cinzel}.attribute{width:100%;margin-top:8px;display:grid;grid-template-columns:1fr 35px 25px;text-align:left;background:#171a20;color:#d9d8d3;border-color:#2c2f35;padding:11px}.attribute em{color:var(--gold);font-style:normal;text-align:center}.zones{min-width:0}.zone{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:16px;border:1px solid #25282e;background:linear-gradient(90deg,#171a20,#101218);margin-top:10px}.zone h4{margin:3px 0 5px}.zone p{color:#7f8287;font-size:.78rem;margin:0}.zone-level{color:var(--gold);font-size:.63rem;text-transform:uppercase}.zone.locked{filter:grayscale(1);opacity:.55}.inventory{min-width:0}.empty{padding:35px 15px;border:1px dashed #2c2f34;color:#6f7277;text-align:center;font-size:.8rem}.items{display:grid;grid-template-columns:1fr 1fr;gap:8px}.item{background:#0c0f13;border:1px solid #282b31;color:#ddd;padding:12px;display:grid;grid-template-columns:1fr auto;text-align:left;position:relative}.item small{color:#777a80;text-transform:capitalize}.item strong{display:block;margin-top:4px}.item>span{font-size:.65rem;color:#a5a49f;align-self:center}.item.rare{border-left:3px solid #557bd4}.item.epic{border-left:3px solid #9a55d4}.item.uncommon{border-left:3px solid #58a46b}.item.equipped{background:#d7a94f0a;border-color:#80652f}.item em{color:var(--gold);font-size:.6rem;font-style:normal;position:absolute;right:8px;top:5px}.toast{margin-top:20px;padding:14px 18px;display:flex;gap:12px;border:1px solid;font-size:.8rem}.toast span{color:#a8aaa9}.toast.reward{border-color:#69552d;background:#d7a94f0c}.toast.error{border-color:#6d3634;background:#d45b5410}footer{color:#575a60;font-size:.67rem;text-align:center;padding:10px 0 30px}@media(max-width:800px){.auth-page{grid-template-columns:1fr}.lore{display:none}.dashboard{grid-template-columns:1fr}.hero-card{flex-wrap:wrap}.hero-card:after{display:none}.xp{width:100%;margin:8px 0 12px}.stats{grid-row:auto}.class-grid{grid-template-columns:1fr}.class-card{min-height:auto}.creation form{flex-direction:column;gap:8px}.items{grid-template-columns:1fr}.toast{flex-direction:column}.app-shell{padding:0 15px}}