/* STAR-MU v2.2 — local illustrated assets, cinematic effects, no CDN. */
:root{--magic:#8fbaff;--violet:#af80ff;--ember:#f8c474}
.game-art{display:block;position:relative;flex-shrink:0;aspect-ratio:1;background-repeat:no-repeat;background-size:400% 300%;background-color:#080e19;overflow:hidden;isolation:isolate}
.art-world{background-image:url('art/world.png')}.art-items{background-image:url('art/items.png')}.art-monsters{background-image:url('art/monsters.png')}
.col-0{background-position-x:0%}.col-1{background-position-x:33.333333%}.col-2{background-position-x:66.666667%}.col-3{background-position-x:100%}.row-0{background-position-y:0%}.row-1{background-position-y:50%}.row-2{background-position-y:100%}
.art-world.row-0{background-size:400% 329.091%}.art-world.row-1{background-size:400% 298.352%;background-position-y:45.706%}.art-world.row-2{background-size:400% 277.041%}
.magic-particles{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.8}.app-shell,.login-layout,.admin-shell{position:relative;z-index:2}.languages{z-index:3;flex-wrap:wrap;align-items:center}.motion-toggle{margin-right:auto;color:#c0ceeb;background:#121d32;border-color:#304362;font-size:12px!important}.languages a{font-size:12px!important;padding:8px 11px}
body{background:radial-gradient(ellipse at 0 0,#26305555,transparent 50%),radial-gradient(ellipse at 100% 70%,#42276b33,transparent 55%),#080d16}.ambient:before,.ambient:after{content:'';position:fixed;width:65vw;height:65vw;left:-15vw;top:-35vw;background:radial-gradient(circle,#457aff20,transparent 65%);animation:aurora-drift 28s ease-in-out infinite alternate;pointer-events:none}.ambient:after{left:45vw;top:30vh;background:radial-gradient(circle,#ad5dff18,transparent 60%);animation-delay:-14s}
.brand-mark{box-shadow:0 0 26px #6791ff33,inset 0 0 12px #92b9ff22;animation:crest-glow 5s ease-in-out infinite}.primary{box-shadow:0 4px 20px #789bff22;position:relative;overflow:hidden}.primary:before{content:'';position:absolute;inset:-100% 0;background:linear-gradient(100deg,transparent 38%,#ffffff40 48%,transparent 58%);transform:translateX(-150%);animation:button-shine 8s ease-in-out infinite;pointer-events:none}.card{transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{border-color:#6077a4;box-shadow:0 12px 35px #0005,0 0 24px #5473c312;transform:translateY(-3px)}.card.locked .game-art{filter:saturate(.45) brightness(.65)}
.cinematic-banner{position:relative;overflow:hidden;isolation:isolate;min-height:325px;border-color:#546a96;padding-right:32%}.cinematic-banner>.banner-art{position:absolute;right:0;top:0;width:60%;min-height:100%;z-index:-2;opacity:.9;animation:scene-breathe 20s ease-in-out infinite alternate}.cinematic-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e172bf5 8%,#15243cea 35%,#101e3288 65%,#11182e22),linear-gradient(0deg,#10192dd9,transparent 45%);z-index:-1;pointer-events:none}.cinematic-banner:after{display:none}.cinematic-banner h1{font-size:clamp(30px,3.4vw,45px);text-shadow:0 3px 24px #000b}.cinematic-banner p{color:#c9d5e9}.cinematic-banner .primary{margin-top:5px}
.zone-card{overflow:hidden;position:relative}.zone-art{height:190px;margin:-24px -24px 18px;overflow:hidden;position:relative;background:#08101d}.zone-art>.game-art{width:100%;min-height:100%;animation:scene-breathe 18s ease-in-out infinite alternate;transform-origin:50% 35%}.zone-card:nth-child(2) .game-art{animation-delay:-5s}.zone-card:nth-child(3) .game-art{animation-delay:-9s}.zone-card:nth-child(4) .game-art{animation-delay:-13s}.zone-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#152036,transparent 65%);pointer-events:none}.zone-mist{position:absolute;inset:30% -70% -15%;background:radial-gradient(ellipse,#adbeea24,transparent 60%);animation:mist-drift 15s ease-in-out infinite alternate;pointer-events:none}.zone-card .card-top{margin-top:-49px;position:relative;z-index:1}.zone-card .zone-symbol{width:42px;height:42px;display:grid;place-items:center;font-size:22px;background:#0d182be6;border:1px solid #6e88b8;border-radius:12px;box-shadow:0 4px 20px #0008}.zone-card .badge{backdrop-filter:blur(8px);background:#0d172ae8}
.boss-card{position:relative;isolation:isolate;overflow:hidden;min-height:350px;padding-right:38%;border-color:#7653a5}.boss-portrait{position:absolute;right:-3%;top:0;bottom:0;width:65%;height:100%;aspect-ratio:auto;z-index:-2;animation:dragon-breathe 7s ease-in-out infinite}.boss-card:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15152cf7 10%,#19182cdc 48%,#19182c30 100%);z-index:-1}.boss-card .boss-header p{color:#c6bfdc}.boss-card .eyebrow{color:#d4b2ff}.boss-card progress{box-shadow:0 0 18px #a56af144}
.character-showcase{display:flex;align-items:center;gap:30px;padding:24px;background:radial-gradient(ellipse at 20% 50%,#5a398c55,transparent 60%),#101b2b;border:1px solid #465b87;border-radius:16px;margin:0 0 25px;overflow:hidden}.character-showcase>.game-art{width:42%;max-width:290px;box-shadow:0 0 50px #6598ff33;border-radius:14px;animation:portrait-float 7s ease-in-out infinite}.character-showcase h2{font-size:32px}.character-showcase p{color:#a8bad7}.character-showcase>div{flex:1;min-width:0}.hero-avatar{width:70px;height:78px;padding:0;overflow:hidden;flex-shrink:0;box-shadow:0 0 20px #7194ff30}.hero-avatar>.game-art{width:100%;height:100%;border-radius:12px}.list-portrait{width:45px;height:50px;border:1px solid #506189;border-radius:8px}.rank-num{color:#d7be84;text-shadow:0 0 16px #d9b87844}
.item-picture{width:100%;max-width:215px;aspect-ratio:1;margin:auto;filter:drop-shadow(0 0 12px #6794ff25);border-radius:12px;animation:item-hover 6s ease-in-out infinite}.card:has(.item-picture) .card-top{position:relative;display:block}.card:has(.item-picture) .badge{position:absolute;right:0;top:0;background:#17203aee}.card.rare{border-color:#356895}.card.epic{border-color:#784bab}.card.legendary{border-color:#a77d3e;box-shadow:0 0 25px #b2842920}.card.legendary .item-picture{filter:drop-shadow(0 0 18px #e9b96155)}.potion-icon{width:37px;height:37px;border-radius:8px;flex-shrink:0;margin-right:9px}.rightbar button:has(.potion-icon){font-size:12px!important;text-align:left;gap:4px}.rightbar button:has(.potion-icon) span:last-child{flex:1}.achievement-art{width:105px;border-radius:50%;margin:0 0 18px;border:1px solid #8468b2;box-shadow:0 0 24px #a26bf62a}.achievement-art.claimed{box-shadow:0 0 28px #d9b66466;border-color:#eac177;animation:crest-glow 5s infinite}.feature-art{height:250px;overflow:hidden;position:relative;margin:0 0 25px;border:1px solid #3c4e75;border-radius:15px}.feature-art>.game-art{width:100%;height:100%;aspect-ratio:auto;background-size:400% 277.041%;animation:scene-breathe 20s ease-in-out infinite alternate}.feature-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101827c9,transparent 50%);pointer-events:none}.ranking-art{height:200px}.ranking-art>.game-art{background-size:400% 277.041%}
.login-layout{max-width:1450px;gap:70px}.intro{isolation:isolate;padding:20px 0}.intro h1{max-width:610px;font-size:clamp(42px,4.8vw,68px);text-shadow:0 3px 25px #020611}.intro>p,.intro-tags,.intro>small{position:relative;text-shadow:0 2px 8px #000}.intro>p{color:#d1d9eb}.login-art{position:absolute;inset:-70px -70px -50px -120px;overflow:hidden;z-index:-2;border-radius:20px;opacity:.64;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 85%,transparent)}.login-art>.game-art{width:100%;height:100%;aspect-ratio:auto;animation:scene-breathe 24s ease-in-out infinite alternate}.login-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080e19cf,#0a122477),linear-gradient(0deg,#080d16 0%,transparent 25%,transparent 75%,#080d16 100%)}.portal-ring{width:250px;height:250px;border:1px solid #789cf755;border-radius:50%;position:absolute;right:15%;top:30%;box-shadow:0 0 50px #7c8bfd30,inset 0 0 40px #8175df30;animation:portal-turn 30s linear infinite}.portal-ring:after{content:'';position:absolute;inset:13px;border:1px dashed #9baaff55;border-radius:50%}.class-icon{width:63px;height:69px;overflow:hidden;flex-shrink:0;border-radius:9px}.class-icon>.game-art{width:100%;height:100%}.class-option{transition:border-color .3s,box-shadow .3s,transform .3s}.class-option:hover{transform:translateX(3px);box-shadow:0 0 20px #7894ff25}.auth-card{backdrop-filter:blur(14px);background:linear-gradient(145deg,#172337ee,#101626ed);border-color:#536185;box-shadow:0 24px 100px #0008}
dialog{width:min(760px,94vw);background:radial-gradient(ellipse at top,#2e2458,#0d1523 70%)}dialog::backdrop{background:#030711dc;backdrop-filter:blur(8px)}.duel{gap:20px}.duel>div{min-width:0;flex:1}.duel-icon{position:relative;display:block;width:150px;height:165px;max-width:100%;margin:0 auto 12px;border:1px solid #607bac;border-radius:14px;overflow:visible;box-shadow:0 0 30px #759af522;isolation:isolate;font-size:0;animation:portrait-float 7s ease-in-out infinite}.duel-icon>.game-art{width:100%;height:100%;border-radius:13px}.duel-icon.enemy{border-color:#985984;box-shadow:0 0 30px #e865a822}.duel-icon.impact:after{content:'';position:absolute;inset:0;border-radius:13px;background:linear-gradient(130deg,transparent 40%,#c9ddff88 49%,transparent 58%);animation:slash .36s ease-out both;pointer-events:none}.damage-float{position:absolute;top:45%;left:35%;color:#ffe2a2;font:bold 28px system-ui;text-shadow:0 2px 3px #000,0 0 16px #f55;z-index:5;animation:damage-rise .85s ease-out forwards;pointer-events:none}.duel .versus{color:#c4a5ff;text-shadow:0 0 20px #9b62ff;align-self:center}#combat-log p{animation:log-in .25s ease-out}#combat-log .hero{border-left:2px solid #748fff;padding-left:9px}#combat-log .enemy{border-left:2px solid #cc739b;padding-left:9px}.result-win{border-color:#d4b66a;box-shadow:0 0 65px #c6a14a30}.result-win #combat-title{color:#f5d588}.result-loss{border-color:#975979}.result-loss #combat-title{color:#ffb3bf}.reward-burst{position:fixed;left:50%;top:40%;z-index:10000;pointer-events:none}.reward-burst i{position:absolute;width:5px;height:9px;background:#c5a6ff;border-radius:2px;box-shadow:0 0 12px #c9b0ff;animation:reward-fly 1.4s ease-out forwards;transform:rotate(var(--angle))}.reward-burst i:nth-child(even){background:#ffe0a5;box-shadow:0 0 12px #ffbd5b}.reward-burst .burst-0{--angle:0deg}.burst-1{--angle:30deg}.burst-2{--angle:60deg}.burst-3{--angle:90deg}.burst-4{--angle:120deg}.burst-5{--angle:150deg}.burst-6{--angle:180deg}.burst-7{--angle:210deg}.burst-8{--angle:240deg}.burst-9{--angle:270deg}.burst-10{--angle:300deg}.burst-11{--angle:330deg}
@keyframes scene-breathe{from{transform:scale(1.025)}to{transform:scale(1.1)}}@keyframes aurora-drift{to{transform:translate(15vw,10vh)}}@keyframes crest-glow{50%{box-shadow:0 0 28px #879cff55,inset 0 0 18px #a8bcff25}}@keyframes button-shine{0%,75%{transform:translateX(-150%)}100%{transform:translateX(150%)}}@keyframes mist-drift{to{transform:translateX(25%)}}@keyframes dragon-breathe{50%{transform:scale(1.035);filter:brightness(1.12)}}@keyframes portrait-float{50%{transform:translateY(-4px)}}@keyframes item-hover{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes portal-turn{to{transform:rotate(360deg)}}@keyframes slash{from{opacity:.8;transform:translateX(-10%)}to{opacity:0;transform:translateX(10%)}}@keyframes damage-rise{from{opacity:1;transform:translateY(0) scale(.9)}to{opacity:0;transform:translateY(-70px) scale(1.2)}}@keyframes reward-fly{from{opacity:1;transform:rotate(var(--angle)) translateY(0)}to{opacity:0;transform:rotate(var(--angle)) translateY(-160px)}}@keyframes log-in{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1250px){.zone-art{height:180px}.cinematic-banner{padding-right:26%}.boss-card{padding-right:28%}.duel-icon{width:135px;height:145px}}
@media(max-width:720px){.languages{padding:8px 15px;gap:5px}.languages a{padding:7px 8px;font-size:11px!important}.motion-toggle{padding:8px 9px;min-height:44px}.zone-art{margin:-18px -18px 18px;height:200px}.cinematic-banner{padding:27px 21px;min-height:310px}.cinematic-banner>.banner-art{width:85%;opacity:.6}.cinematic-banner:before{background:linear-gradient(90deg,#101a2bef,#162139b0 70%,#101a2b70)}.cinematic-banner p{max-width:90%}.boss-card{padding:23px 20px}.boss-portrait{width:90%;opacity:.6}.boss-card:before{background:linear-gradient(90deg,#161a2ef5,#181b30bb 75%,#14152877)}.boss-header{max-width:85%}.character-showcase{gap:17px;padding:16px}.character-showcase h2{font-size:24px}.character-showcase p{font-size:13px}.character-showcase>.game-art{width:40%}.login-layout{gap:25px}.login-art{inset:-20px -20px -20px -30px}.intro h1{font-size:43px}.intro{padding:20px 0}.class-icon{width:55px;height:62px}.feature-art{height:210px}.duel-icon{width:115px;height:128px}.duel{gap:12px}.damage-float{font-size:23px}#combat-log{height:160px}dialog{padding:20px}.item-picture{max-width:230px}.magic-particles{opacity:.55}}
html[data-motion=low] *,html[data-motion=low] *:before,html[data-motion=low] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=low] .magic-particles{display:none}html[data-page-hidden=true] *,html[data-page-hidden=true] *:before,html[data-page-hidden=true] *:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.magic-particles{display:none}}

.currency-art{display:inline-block;width:30px;height:30px;vertical-align:middle;border-radius:8px}.xp-label{display:flex;align-items:center;gap:5px}.xp-art{width:20px;height:20px;border-radius:4px}.armory-art{height:220px}