*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;font-family:Arial,'Malgun Gothic',sans-serif;background:#100d19;color:#f7f0ff;overflow:hidden}button,input,textarea{font:inherit}button{border:0;cursor:pointer;color:#fff;background:#33294a;border-radius:14px;padding:11px 13px;font-weight:800;box-shadow:0 10px 22px rgba(0,0,0,.22);transition:.15s}button:active{transform:scale(.96);filter:brightness(1.2)}input,textarea{width:100%;border:1px solid #51436d;background:#181326;color:#fff;border-radius:14px;padding:14px;outline:none}h1,h2,h3,p{margin:0}h1{font-size:21px}h2{font-size:20px}h3{font-size:15px;margin-bottom:8px}.topbar{height:64px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;background:rgba(21,17,35,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}.topbar p{font-size:12px;color:#b9a8d8;margin-top:3px}.game-screen{height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(460px,1.25fr) minmax(300px,.75fr);grid-template-rows:1fr auto;gap:10px;padding:10px;max-width:1200px;margin:0 auto}.panel{background:linear-gradient(180deg,#201933,#171225);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px;box-shadow:0 20px 50px rgba(0,0,0,.22);min-height:0}.stage-panel{grid-row:span 2}.stage{height:100%;min-height:420px;border-radius:16px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 70%,#4d3468 0,#211936 42%,#121020 100%)}.stage:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 70%,rgba(0,0,0,.36)),repeating-linear-gradient(90deg,transparent 0 70px,rgba(255,255,255,.03) 71px 72px)}.world-info{position:absolute;left:12px;top:12px;z-index:2;display:flex;gap:8px;flex-wrap:wrap}.world-info span,.monster-card{background:rgba(13,10,21,.75);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 10px;font-size:12px;color:#e9dcff}.monster-card{position:absolute;right:12px;top:12px;z-index:2;border-radius:14px;width:210px}.monster-card b,.monster-card span{display:block}.monster-card span{font-size:12px;color:#cfc1e8;margin:3px 0}.player{position:absolute;left:23%;bottom:82px;width:94px;height:120px;background:linear-gradient(160deg,#8dff85,#2aa64a);border-radius:48% 48% 34% 34%;filter:drop-shadow(0 18px 12px rgba(0,0,0,.35));animation:walk 1.2s infinite ease-in-out}.player:before{content:"";position:absolute;left:18px;right:18px;bottom:-22px;height:40px;background:#236c37;border-radius:20px}.horn{position:absolute;top:-20px;width:24px;height:36px;background:#d4c1a0;border-radius:80% 10%}.horn.left{left:14px;transform:rotate(-25deg)}.horn.right{right:14px;transform:rotate(25deg)}.eye{position:absolute;top:42px;width:14px;height:14px;background:#120a1a;border-radius:50%}.eye.left{left:26px}.eye.right{right:26px}.mouth{position:absolute;left:33px;top:74px;width:28px;height:10px;border-bottom:4px solid #182014;border-radius:50%}.enemy{position:absolute;right:22%;bottom:78px;width:84px;height:70px;background:linear-gradient(#ff80a7,#a9235a);border-radius:50% 50% 36% 36%;animation:enemyMove 1.8s infinite}.enemy-eye{position:absolute;top:24px;width:10px;height:10px;background:#fff;border-radius:50%}.enemy-eye.left{left:24px}.enemy-eye.right{right:24px}.aura{position:absolute;left:calc(23% - 50px);bottom:42px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(196,132,252,.32),transparent 62%);opacity:.2;animation:pulse 2s infinite}.char-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.char-head p,.bars label,.stats-grid span{color:#b9a8d8;font-size:12px}.small{padding:8px 10px;border-radius:11px;font-size:12px}.bars label{display:flex;justify-content:space-between;margin:7px 2px 4px}.bar{height:12px;background:#0d0a15;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff3864,#ffb86b);border-radius:20px}.bar.exp i{background:linear-gradient(90deg,#60a5fa,#a78bfa)}.bar.monster{height:9px}.bar.monster i{background:linear-gradient(90deg,#fb7185,#f97316)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.stats-grid div{background:#120e1d;border-radius:14px;padding:9px}.stats-grid b{display:block;font-size:19px;margin-top:2px}.primary{background:linear-gradient(135deg,#7c3aed,#db2777)}.danger{background:linear-gradient(135deg,#be123c,#7f1d1d)}.ghost{background:#221a34}.wide{width:100%;margin-top:10px}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-passives{display:grid;gap:7px;overflow:hidden}.passive,.choice-card{background:#120e1d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px}.passive b,.choice-card b{display:flex;justify-content:space-between;gap:8px;align-items:center}.passive p,.choice-card p{font-size:12px;color:#cfc1e8;margin-top:5px;line-height:1.35}.passive.mini{padding:8px}.passive.mini p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.choice-card small{display:block;color:#b9a8d8;margin-top:7px}.grade{font-size:12px;padding:4px 8px;border-radius:999px;background:#51436d;white-space:nowrap}.g-normal{color:#cbd5e1}.g-magic{color:#60a5fa}.g-rare{color:#34d399}.g-unique{color:#c084fc}.g-legend{color:#f59e0b}.g-epic{color:#fb7185}.g-god{color:#fde68a;text-shadow:0 0 10px #facc15}.log{height:150px;overflow:auto;color:#d6c7ef;font-size:12px;line-height:1.55}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:14px;z-index:20}.modal.active{display:flex}.modal-box{width:min(480px,100%);max-height:92vh;overflow:auto;background:#1d162f;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.5)}.modal-box p{color:#b9a8d8;margin:8px 0 14px}.choice-list{display:grid;gap:10px}.choice-card{text-align:left;width:100%;box-shadow:none}.row,.modal-title{display:flex;gap:10px;justify-content:flex-end;align-items:center;margin-top:10px}.modal-title{justify-content:space-between;margin:0 0 10px}.passive-box{width:min(720px,100%)}.passive-summary{background:#120e1d;border-radius:14px;padding:10px;margin-bottom:10px;color:#d6c7ef;font-size:13px}.passive-list{display:grid;gap:8px;max-height:58vh;overflow:auto;padding-right:4px}.empty{color:#b9a8d8;font-size:13px}#floatingText{position:absolute;left:50%;top:46%;font-size:25px;font-weight:900;color:#fff;text-shadow:0 2px 10px #000;opacity:0;pointer-events:none}.float{animation:floatText .8s ease-out}.shake{animation:shake .18s linear 2}@keyframes walk{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(18px) translateY(-4px)}}@keyframes enemyMove{0%,100%{transform:translateX(0)}50%{transform:translateX(-18px)}}@keyframes pulse{0%,100%{transform:scale(.9);opacity:.18}50%{transform:scale(1.15);opacity:.45}}@keyframes floatText{0%{opacity:0;transform:translate(-50%,20px)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-40px)}}@keyframes shake{0%,100%{transform:translateX(0)}50%{transform:translateX(-8px)}}
@media(max-width:820px){html,body{overflow:hidden}.topbar{height:52px;padding:8px 10px}.topbar p{display:none}h1{font-size:18px}.game-screen{height:calc(100vh - 52px);grid-template-columns:1fr;grid-template-rows:44vh auto auto 1fr;gap:7px;padding:7px}.stage-panel{grid-row:auto}.stage{min-height:0;height:100%}.info-panel,.quick-panel,.log-panel{padding:9px}.player{left:16%;bottom:52px;transform:scale(.82)}.enemy{right:10%;bottom:48px}.aura{left:calc(16% - 50px);bottom:16px}.monster-card{width:180px;right:8px;top:8px;padding:6px 8px}.world-info{left:8px;top:8px}.stats-grid{grid-template-columns:repeat(6,1fr);gap:5px}.stats-grid div{padding:6px}.stats-grid span{font-size:10px}.stats-grid b{font-size:15px}.btn-grid{grid-template-columns:repeat(4,1fr);gap:5px}.btn-grid button{padding:9px 5px;font-size:12px}.quick-passives{grid-template-columns:1fr 1fr}.passive.mini:nth-child(n+3){display:none}.log{height:100%;min-height:64px}.char-head h2{font-size:17px}}
@media(max-width:480px){.game-screen{grid-template-rows:40vh auto auto 1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.btn-grid{grid-template-columns:1fr 1fr}.quick-passives{grid-template-columns:1fr}.passive.mini:nth-child(n+3){display:none}.monster-card{top:auto;bottom:10px;left:10px;right:auto;width:calc(100% - 20px)}.player{width:76px;height:98px}.enemy{width:72px;height:60px}.horn{top:-17px;width:19px;height:30px}.eye{top:34px}.mouth{left:25px;top:62px}.stage{border-radius:14px}}

/* v5 mobile layout + requested grade colors */
html,body{min-height:100%;height:auto;overflow:auto;overscroll-behavior:none}.game-screen{min-height:calc(100svh - 64px);height:auto}.stage{height:100%;min-height:420px}.g-normal,.normal{color:#fff}.g-magic{color:#7dd3fc}.g-rare{color:#c084fc}.g-unique{color:#fde047}.g-legend{color:#ef4444}.g-epic{color:#22c55e}.g-god{background:linear-gradient(90deg,#ff4d4d,#ffb020,#fff04a,#33e06f,#38bdf8,#a78bfa,#ff4fd8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 12px rgba(255,255,255,.3)}
.enemy{transition:.25s,width .25s,height .25s,filter .25s}.enemy:before,.enemy:after{content:"";position:absolute;display:none}.monster-tier-1{width:92px;height:76px;background:linear-gradient(#fb7185,#be185d);filter:drop-shadow(0 0 8px rgba(251,113,133,.25))}.monster-tier-2{width:104px;height:88px;background:linear-gradient(#f97316,#991b1b);border-radius:44% 44% 30% 30%}.monster-tier-2:before{display:block;left:14px;top:-18px;width:18px;height:30px;background:#facc15;border-radius:80% 10%;transform:rotate(-28deg)}.monster-tier-2:after{display:block;right:14px;top:-18px;width:18px;height:30px;background:#facc15;border-radius:10% 80%;transform:rotate(28deg)}.monster-tier-3{width:120px;height:102px;background:linear-gradient(#7c3aed,#3b0764);border-radius:38% 38% 28% 28%;filter:drop-shadow(0 0 16px rgba(124,58,237,.45))}.monster-tier-3:before{display:block;left:12px;right:12px;bottom:-12px;height:18px;background:#2e1065;border-radius:999px}.monster-tier-4{width:136px;height:116px;background:linear-gradient(#dc2626,#450a0a);border-radius:34% 34% 24% 24%;filter:drop-shadow(0 0 22px rgba(220,38,38,.55))}.monster-tier-4:before{display:block;left:8px;top:-28px;width:34px;height:48px;background:#111827;clip-path:polygon(50% 0,100% 100%,0 100%)}.monster-tier-4:after{display:block;right:8px;top:-28px;width:34px;height:48px;background:#111827;clip-path:polygon(50% 0,100% 100%,0 100%)}.monster-tier-5,.monster-tier-6,.monster-tier-7{width:154px;height:128px;background:radial-gradient(circle at 50% 20%,#fef3c7,#7f1d1d 42%,#020617 80%);border-radius:30% 30% 22% 22%;filter:drop-shadow(0 0 34px rgba(250,204,21,.65))}.monster-tier-5:before,.monster-tier-6:before,.monster-tier-7:before{display:block;inset:-22px;border:3px solid rgba(250,204,21,.45);border-radius:50%;animation:pulse 1.2s infinite}.monster-tier-6{transform:scale(1.08)}.monster-tier-7{transform:scale(1.16)}
@media(max-width:820px){html,body{overflow:auto}.topbar{position:sticky;top:0;z-index:5}.game-screen{height:auto;min-height:calc(100svh - 52px);grid-template-rows:minmax(270px,38svh) auto auto auto}.stage{min-height:270px}.log{height:96px;min-height:96px}.modal-box{max-height:88svh}.enemy.monster-tier-4,.enemy.monster-tier-5,.enemy.monster-tier-6,.enemy.monster-tier-7{right:6%;transform:scale(.78)}}
@media(max-width:480px){.game-screen{grid-template-rows:minmax(250px,36svh) auto auto auto;padding-bottom:14px}.stage{min-height:250px}.topbar .ghost{padding:8px 10px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-grid b{font-size:14px}.char-head{align-items:center}.quick-panel h3,.log-panel h3{font-size:13px}.monster-card{font-size:11px}.world-info span{font-size:11px}.enemy.monster-tier-4,.enemy.monster-tier-5,.enemy.monster-tier-6,.enemy.monster-tier-7{right:4%;transform:scale(.68)}}

/* v7 layout: recent passive panel removed, log moved upward */
.game-screen{grid-template-rows:1fr auto}.quick-panel.log-panel{grid-column:2;grid-row:2}.log{height:170px}.effect-layer{position:absolute;inset:0;pointer-events:none;z-index:4}.player{z-index:3;transition:.25s,width .25s,height .25s,filter .25s,background .25s}.enemy{z-index:3}.attack-effect{position:absolute;left:36%;bottom:118px;font-weight:900;font-size:13px;text-shadow:0 2px 8px #000;white-space:nowrap;animation:slashFly .65s ease-out forwards}.normal-effect:before{content:"";position:absolute;left:18px;top:18px;width:92px;height:4px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff,rgba(255,255,255,0));border-radius:999px;transform:rotate(-17deg);box-shadow:0 0 12px rgba(255,255,255,.8)}.skill-effect{color:#fef3c7;left:34%;bottom:132px;animation:magicFly .75s ease-out forwards}.skill-effect:before{content:"";position:absolute;left:28px;top:17px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#fef08a,rgba(168,85,247,.75) 42%,rgba(59,130,246,0) 72%);filter:blur(.2px);box-shadow:0 0 24px rgba(250,204,21,.75)}.player-effect{position:absolute;left:21%;bottom:205px;padding:4px 8px;border-radius:999px;background:rgba(15,23,42,.75);border:1px solid rgba(255,255,255,.18);font-size:12px;font-weight:900;animation:playerBuff .85s ease-out forwards;z-index:5}.player-effect.heal{color:#86efac}.player-effect.exp{color:#93c5fd}.player-tier-0{background:linear-gradient(160deg,#8dff85,#2aa64a)}.player-tier-1{background:linear-gradient(160deg,#9fffa8,#16a34a);filter:drop-shadow(0 18px 12px rgba(0,0,0,.35)) drop-shadow(0 0 8px rgba(34,197,94,.45))}.player-tier-2{width:102px;height:128px;background:linear-gradient(160deg,#7dd3fc,#2563eb);filter:drop-shadow(0 0 14px rgba(125,211,252,.55))}.player-tier-2:after{content:"";position:absolute;left:-16px;right:-16px;bottom:18px;height:16px;border-radius:50%;border:2px solid rgba(125,211,252,.55)}.player-tier-3{width:110px;height:138px;background:linear-gradient(160deg,#c084fc,#6d28d9);filter:drop-shadow(0 0 20px rgba(192,132,252,.7))}.player-tier-3:after{content:"";position:absolute;left:-22px;right:-22px;bottom:20px;height:20px;border-radius:50%;border:3px solid rgba(192,132,252,.6);box-shadow:0 0 18px rgba(192,132,252,.5)}.player-tier-4{width:118px;height:148px;background:linear-gradient(160deg,#fde047,#f97316);filter:drop-shadow(0 0 24px rgba(250,204,21,.75))}.player-tier-4:after{content:"";position:absolute;inset:-16px;border-radius:48%;border:2px dashed rgba(254,240,138,.75);animation:pulse 1.5s infinite}.player-tier-5{width:128px;height:158px;background:linear-gradient(160deg,#fb7185,#7f1d1d);filter:drop-shadow(0 0 30px rgba(248,113,113,.9))}.player-tier-5:after{content:"";position:absolute;inset:-23px;border-radius:48%;background:radial-gradient(circle,rgba(239,68,68,.22),transparent 64%);border:3px solid rgba(248,113,113,.45);animation:pulse 1.1s infinite}.player-tier-6{width:136px;height:168px;background:linear-gradient(135deg,#ff4d4d,#ffb020,#fff04a,#33e06f,#38bdf8,#a78bfa,#ff4fd8);filter:drop-shadow(0 0 38px rgba(255,255,255,.95))}.player-tier-6:after{content:"";position:absolute;inset:-32px;border-radius:50%;background:conic-gradient(from 0deg,rgba(255,0,0,.4),rgba(255,255,0,.4),rgba(0,255,100,.4),rgba(0,200,255,.4),rgba(180,90,255,.4),rgba(255,0,160,.4),rgba(255,0,0,.4));animation:spinAura 3s linear infinite;z-index:-1}.aura-tier-0{background:radial-gradient(circle,rgba(196,132,252,.32),transparent 62%)}.aura-tier-1{background:radial-gradient(circle,rgba(34,197,94,.36),transparent 62%)}.aura-tier-2{background:radial-gradient(circle,rgba(56,189,248,.42),transparent 64%)}.aura-tier-3{background:radial-gradient(circle,rgba(192,132,252,.55),transparent 65%)}.aura-tier-4{background:radial-gradient(circle,rgba(250,204,21,.62),transparent 66%)}.aura-tier-5{background:radial-gradient(circle,rgba(239,68,68,.68),transparent 68%)}.aura-tier-6{background:conic-gradient(rgba(255,0,0,.36),rgba(255,255,0,.36),rgba(0,255,128,.36),rgba(0,180,255,.36),rgba(180,80,255,.36),rgba(255,0,180,.36),rgba(255,0,0,.36));animation:pulse 1s infinite, spinAura 5s linear infinite}
@keyframes slashFly{0%{opacity:0;transform:translate(0,12px) scale(.8)}20%{opacity:1}100%{opacity:0;transform:translate(250px,-20px) scale(1.15)}}@keyframes magicFly{0%{opacity:0;transform:translate(0,20px) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translate(260px,-26px) scale(1.3)}}@keyframes playerBuff{0%{opacity:0;transform:translateY(10px)}20%{opacity:1}100%{opacity:0;transform:translateY(-44px)}}@keyframes spinAura{to{transform:rotate(360deg)}}
@media(max-width:820px){.game-screen{grid-template-rows:minmax(270px,38svh) auto auto}.quick-panel.log-panel{grid-column:1;grid-row:auto}.log{height:110px}.attack-effect{left:28%;bottom:96px}.skill-effect{left:26%;bottom:108px}.player-effect{left:13%;bottom:170px}.player-tier-4,.player-tier-5,.player-tier-6{transform:scale(.82)}}
@media(max-width:480px){.game-screen{grid-template-rows:minmax(250px,36svh) auto auto}.log{height:104px}.attack-effect{left:25%;bottom:84px;font-size:11px}.skill-effect{left:22%;bottom:96px}.player-effect{left:10%;bottom:145px}.player-tier-2,.player-tier-3{transform:scale(.86)}.player-tier-4,.player-tier-5,.player-tier-6{transform:scale(.72)}}

/* v8 refined character skins */
.player{border:2px solid rgba(255,255,255,.22);box-shadow:inset 10px 10px 18px rgba(255,255,255,.18),inset -12px -14px 20px rgba(0,0,0,.28)}
.player:after{content:"";position:absolute;left:22px;top:27px;width:46px;height:25px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.38),transparent);pointer-events:none}
.eye{box-shadow:0 0 9px rgba(255,255,255,.9),inset 0 -3px 2px rgba(0,0,0,.45)}.horn{box-shadow:inset 5px 4px 7px rgba(255,255,255,.35),inset -5px -5px 7px rgba(0,0,0,.3)}
.enemy{border:2px solid rgba(255,255,255,.18);box-shadow:inset 9px 9px 15px rgba(255,255,255,.18),inset -12px -12px 18px rgba(0,0,0,.32),0 16px 22px rgba(0,0,0,.35)}
.enemy:after{display:block;content:"";left:18%;right:18%;top:10px;height:20px;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent);opacity:.75}.enemy-eye{box-shadow:0 0 9px #fff, inset 0 -2px 2px rgba(0,0,0,.3)}

/* v9 layout fixes: bottom ad slot and mobile scrolling */
html,body{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}
#app{min-height:100dvh;display:flex;flex-direction:column}
.game-screen{height:calc(100dvh - 64px - 74px);min-height:520px}
.ad-slot{height:64px;margin:0 auto 10px;padding:10px 14px;width:calc(100% - 20px);max-width:1200px;border:1px dashed rgba(255,255,255,.22);border-radius:16px;background:linear-gradient(180deg,#181225,#110d1b);display:flex;align-items:center;justify-content:center;gap:10px;color:#cfc1e8;box-shadow:0 12px 32px rgba(0,0,0,.2)}
.ad-slot span{font-weight:900;color:#fff}.ad-slot small{font-size:12px;color:#a996c9}
@media(max-width:820px){
  .topbar{position:relative;height:auto;min-height:58px}.topbar p{display:none}
  .game-screen{height:auto;min-height:0;display:flex;flex-direction:column;gap:10px;padding:10px;overflow:visible}
  .stage{height:38svh;min-height:260px}.stage-panel{min-height:0}.info-panel,.quick-panel{width:100%}
  .ad-slot{height:72px;margin-bottom:14px;flex-direction:column;gap:2px;flex-shrink:0}
}
@media(max-width:480px){
  .stage{height:34svh;min-height:235px}.stats-grid{grid-template-columns:repeat(2,1fr)}.btn-grid{grid-template-columns:1fr 1fr}
  .monster-card{width:185px;font-size:11px}.world-info span{font-size:11px;padding:6px 8px}
  .ad-slot{width:calc(100% - 18px);height:70px}
}

/* v10 side ads, no-player-HP UI, skill encyclopedia */
.side-ad{position:fixed;top:84px;bottom:84px;width:128px;border:1px dashed rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(180deg,#181225,#100c19);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#cfc1e8;z-index:1;box-shadow:0 16px 40px rgba(0,0,0,.24);pointer-events:none;text-align:center;padding:12px}
.side-ad-left{left:14px}.side-ad-right{right:14px}.side-ad span{font-weight:900;color:#fff}.side-ad small{font-size:12px;color:#a996c9}.game-screen,.topbar,.ad-slot{position:relative;z-index:2}.bars.compact{margin-top:8px}.btn-grid{grid-template-columns:1fr 1fr;gap:8px}.skilldex-box{max-width:920px}.dex-tabs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:10px 0 12px}.dex-tabs button{padding:9px 6px;border:1px solid rgba(255,255,255,.08);background:#171126}.dex-tabs button.active{outline:2px solid rgba(255,255,255,.32);filter:brightness(1.18)}.dex-tabs span{display:block;font-weight:900}.dex-tabs small{display:block;margin-top:2px;color:#b9a8d8;font-size:11px}.dex-list{max-height:62svh}.dex-item.locked{opacity:.42;filter:grayscale(.35)}.dex-item.owned{border-color:rgba(255,255,255,.18);background:rgba(124,58,237,.12)}
@media(max-width:1480px){.side-ad{width:90px}.side-ad small{display:none}}
@media(max-width:1240px){.side-ad{display:none}}
@media(max-width:820px){.dex-tabs{grid-template-columns:repeat(4,1fr)}.dex-list{max-height:58svh}.btn-grid{grid-template-columns:1fr 1fr}.ad-slot{position:relative;z-index:2}}
@media(max-width:480px){.dex-tabs{grid-template-columns:repeat(2,1fr)}.skilldex-box{width:94vw}.btn-grid{grid-template-columns:1fr 1fr}.btn-grid button{padding:10px 8px;font-size:13px}}

/* v11: mobile ad visibility, right status drawer, scroll fix */
.top-actions{display:flex;align-items:center;gap:8px}.mobile-status-btn{display:none;background:linear-gradient(135deg,#2563eb,#7c3aed)}
.info-panel.status-panel{position:relative;z-index:3}.info-panel.status-panel:before{content:"상태창";display:block;margin-bottom:8px;font-size:13px;font-weight:900;color:#c4b5fd;letter-spacing:.08em}
@media(min-width:1241px){
  #app{padding-left:150px;padding-right:150px}.side-ad{display:flex}.game-screen,.topbar,.ad-slot{max-width:1200px;width:100%}
}
@media(max-width:1240px) and (min-width:821px){
  .side-ad{display:flex;position:fixed;width:72px;top:84px;bottom:84px;padding:8px}.side-ad-left{left:8px}.side-ad-right{right:8px}.side-ad span{writing-mode:vertical-rl;font-size:12px}.side-ad small{display:none}
  #app{padding-left:82px;padding-right:82px}.game-screen,.topbar,.ad-slot{width:100%}
}
@media(max-width:820px){
  html,body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;position:relative!important}.top-actions{gap:6px}.mobile-status-btn{display:inline-block;padding:8px 10px;border-radius:11px;font-size:12px}.topbar{order:1;position:sticky;top:0;z-index:20}.game-screen{order:2;height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:8px}.ad-slot{order:4}.side-ad{display:flex!important;position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;order:3;width:calc(100% - 20px)!important;height:58px;margin:0 auto 8px;border-radius:14px;flex-direction:row;pointer-events:auto}.side-ad-left span:after{content:" · 좌측 슬롯"}.side-ad-right span:after{content:" · 우측 슬롯"}.side-ad small{display:none!important}
  .info-panel.status-panel{position:fixed;right:10px;top:66px;bottom:10px;width:min(330px,calc(100vw - 20px));transform:translateX(calc(100% + 16px));transition:transform .22s ease;z-index:40;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.55)}.info-panel.status-panel.open{transform:translateX(0)}
  .stage-panel,.quick-panel.log-panel{width:100%;flex:none}.log{height:150px;overflow-y:auto}.modal{overflow-y:auto;padding:18px 10px}.modal-box{max-height:92dvh;overflow-y:auto}
  body:after{content:"";display:block;height:8px}.stage{height:42svh;min-height:265px;max-height:none}.stats-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:480px){
  .topbar{padding:8px 10px}.topbar h1{font-size:18px}.top-actions .ghost,.mobile-status-btn{padding:8px 9px;font-size:12px}.game-screen{padding:8px 8px 10px}.stage{height:40svh;min-height:250px}.side-ad{height:54px;width:calc(100% - 16px)!important}.ad-slot{margin-bottom:12px}.log{height:160px}.info-panel.status-panel{top:58px;right:8px;bottom:8px;width:calc(100vw - 16px)}
}

/* v12: repaired mobile layout, smaller sprites, status and notice UI */
.status-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.status-detail-grid div{background:#120e1d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}.status-detail-grid span{display:block;color:#b9a8d8;font-size:12px;margin-bottom:4px}.status-detail-grid b{font-size:20px}.notice-list{display:grid;gap:10px}.notice-item{background:#120e1d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px}.notice-item p{margin:6px 0 0;color:#cfc1e8;font-size:13px;line-height:1.5}.notice-box,.status-detail-box{width:min(620px,100%)}
@media(max-width:820px){
  html,body{height:auto!important;min-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important;position:static!important}
  #app{min-height:100svh!important;height:auto!important;display:flex!important;flex-direction:column!important;padding-left:0!important;padding-right:0!important;overflow:visible!important}
  .topbar{order:1!important;position:sticky!important;top:0!important;z-index:50!important;height:auto!important;min-height:54px!important;padding:8px 10px!important}.topbar p{display:none!important}.top-actions{display:flex!important;gap:5px!important;flex-wrap:nowrap}.top-actions button{padding:8px 8px!important;font-size:12px!important}.mobile-status-btn{display:inline-block!important}
  .game-screen{order:2!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important;margin:0!important;overflow:visible!important}.panel{border-radius:14px!important;padding:10px!important}.stage-panel{order:1!important;width:100%!important;min-height:0!important}.stage{height:330px!important;min-height:330px!important;width:100%!important;border-radius:14px!important;overflow:hidden!important}
  .info-panel.status-panel{order:2!important;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:none!important;transform:none!important;transition:none!important;display:block!important;z-index:2!important;overflow:visible!important;box-shadow:0 20px 50px rgba(0,0,0,.22)!important}.info-panel.status-panel:before{content:"기본 정보"!important}.quick-panel.log-panel{order:3!important;width:100%!important;display:block!important}.log{height:155px!important;min-height:155px!important;overflow-y:auto!important}
  .side-ad{display:flex!important;position:relative!important;order:3!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:calc(100% - 16px)!important;height:54px!important;margin:0 auto 8px!important;flex-direction:row!important;pointer-events:auto!important}.ad-slot{order:4!important;width:calc(100% - 16px)!important;height:62px!important;margin:0 auto 12px!important;position:relative!important;z-index:2!important}.side-ad small,.ad-slot small{display:none!important}
  .player{left:18%!important;bottom:48px!important;width:64px!important;height:82px!important;transform:scale(1)!important}.player:before{left:13px!important;right:13px!important;bottom:-14px!important;height:28px!important}.player:after{left:14px!important;top:18px!important;width:32px!important;height:18px!important}.horn{top:-15px!important;width:16px!important;height:25px!important}.horn.left{left:10px!important}.horn.right{right:10px!important}.eye{top:28px!important;width:10px!important;height:10px!important}.eye.left{left:18px!important}.eye.right{right:18px!important}.mouth{left:22px!important;top:50px!important;width:20px!important;height:7px!important;border-bottom-width:3px!important}.enemy{right:16%!important;bottom:48px!important;width:62px!important;height:52px!important;transform:scale(1)!important}.enemy-eye{top:18px!important;width:7px!important;height:7px!important}.enemy-eye.left{left:17px!important}.enemy-eye.right{right:17px!important}.aura{left:calc(18% - 42px)!important;bottom:8px!important;width:150px!important;height:150px!important}.player-tier-4,.player-tier-5,.player-tier-6{transform:scale(.9)!important}.monster-card{right:8px!important;top:8px!important;bottom:auto!important;left:auto!important;width:185px!important;padding:6px 8px!important}.world-info{left:8px!important;top:8px!important}.world-info span{font-size:11px!important;padding:6px 8px!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.stats-grid div{padding:8px!important}.stats-grid b{font-size:16px!important}.btn-grid{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}.btn-grid button{padding:10px 7px!important;font-size:13px!important}.modal{align-items:flex-start!important;overflow-y:auto!important;padding:16px 8px!important}.modal-box{max-height:90svh!important;overflow-y:auto!important}.status-detail-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:480px){
  .stage{height:300px!important;min-height:300px!important}.player{left:15%!important;bottom:44px!important;width:56px!important;height:74px!important}.enemy{right:12%!important;bottom:44px!important;width:56px!important;height:47px!important}.aura{left:calc(15% - 38px)!important;width:132px!important;height:132px!important}.monster-card{width:170px!important;font-size:10px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.topbar h1{font-size:17px!important}.status-detail-grid{grid-template-columns:1fr!important}.log{height:145px!important}
}

/* v14: mission UI and stronger grade clarity */
.mission-list{display:grid;gap:9px;margin-top:12px}.mission-list h3{margin:8px 0 2px;color:#e9d5ff}.mission-item{background:#120e1d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:11px}.mission-item.done{border-color:rgba(52,211,153,.45);background:rgba(16,185,129,.1)}.mission-item p{margin-top:5px;color:#cfc1e8;font-size:13px;line-height:1.45}.mission-box{width:min(680px,100%)}
@media(max-width:820px){.mission-list{gap:8px}.mission-item{padding:10px}.top-actions button{padding-left:7px!important;padding-right:7px!important}}

/* v15: support button/modal and mobile monster info spacing */
.support-btn{grid-column:1 / -1;position:relative;overflow:hidden;background:#151020;border:2px solid transparent;background-image:linear-gradient(#151020,#151020),linear-gradient(90deg,#ff3b3b,#ffb000,#35ff72,#38bdf8,#8b5cf6,#ff3bd5,#ff3b3b);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 0 18px rgba(255,255,255,.16),0 0 26px rgba(139,92,246,.28);animation:supportGlow 1.4s linear infinite}.support-btn:before{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 48%,transparent 60%);transform:translateX(-55%);animation:supportShine 2.1s infinite}.support-btn{min-height:48px}.support-btn::after{content:"";position:absolute;inset:3px;border-radius:11px;border:1px solid rgba(255,255,255,.22);pointer-events:none}.support-box{width:min(560px,100%)}.support-box p{color:#cfc1e8;line-height:1.55;margin:8px 0 14px}.support-mail{background:linear-gradient(135deg,rgba(124,58,237,.22),rgba(14,165,233,.14));border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px}.support-mail span{display:block;font-size:12px;color:#b9a8d8;margin-bottom:5px}.support-mail b{font-size:22px;letter-spacing:.02em}@keyframes supportGlow{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}@keyframes supportShine{0%{transform:translateX(-65%) rotate(8deg)}55%,100%{transform:translateX(65%) rotate(8deg)}}
@media(max-width:820px){.monster-card{top:42px!important;right:8px!important;width:178px!important}.world-info{max-width:calc(100% - 10px)!important}.world-info span{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-btn{min-height:46px!important}}
@media(max-width:480px){.monster-card{top:44px!important;right:8px!important;width:158px!important}.monster-card span{font-size:10px!important}.world-info span{max-width:128px!important}.support-mail b{font-size:18px}}


/* v16: mobile modal close visibility and full-page scroll fix */
@media (max-width:820px){
  html, body{
    width:100%!important;
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body{
    position:relative!important;
    min-height:100svh!important;
  }
  #app{
    height:auto!important;
    min-height:100svh!important;
    overflow:visible!important;
    padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
  }
  .topbar{position:sticky!important;top:0!important;z-index:12!important}
  .game-screen{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    padding-bottom:18px!important;
  }
  .stage{height:300px!important;min-height:300px!important}
  .player{width:56px!important;height:72px!important;bottom:44px!important}
  .enemy{width:56px!important;height:47px!important;bottom:44px!important}
  .aura{width:130px!important;height:130px!important;bottom:8px!important}
  .ad-slot,.side-ad{flex-shrink:0!important}

  .modal.active{
    display:block!important;
    align-items:initial!important;
    justify-content:initial!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:calc(14px + env(safe-area-inset-top)) 10px calc(28px + env(safe-area-inset-bottom))!important;
  }
  .modal-box{
    width:100%!important;
    max-width:560px!important;
    max-height:none!important;
    min-height:0!important;
    margin:0 auto 26px!important;
    overflow:visible!important;
    padding:14px!important;
    border-radius:18px!important;
  }
  .modal-title{
    position:sticky!important;
    top:0!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:-14px -14px 12px!important;
    padding:12px 14px!important;
    background:rgba(29,22,47,.96)!important;
    border-bottom:1px solid rgba(255,255,255,.1)!important;
    border-radius:18px 18px 0 0!important;
    backdrop-filter:blur(8px)!important;
  }
  .modal-title h2{font-size:18px!important;line-height:1.2!important}
  .modal-title button{flex:0 0 auto!important;white-space:nowrap!important;min-width:58px!important;padding:9px 10px!important}
  .passive-list,.dex-list{max-height:none!important;overflow:visible!important;padding-right:0!important}
  .choice-list,.notice-list,.mission-list{max-height:none!important;overflow:visible!important}
  #dataBox{min-height:180px!important}
}

/* v17: passive stat summary and upgraded monster skins */
.passive-summary-head{font-weight:900;color:#efe7ff;margin-bottom:8px}
.passive-stat-total{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:8px}
.passive-stat-total div{background:linear-gradient(180deg,#211936,#130f21);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px}
.passive-stat-total span{display:block;font-size:11px;color:#b9a8d8;margin-bottom:3px}
.passive-stat-total b{font-size:14px;color:#fff}

.enemy{isolation:isolate;box-shadow:inset 0 10px 18px rgba(255,255,255,.18), inset 0 -14px 28px rgba(0,0,0,.36)}
.enemy:before,.enemy:after{z-index:-1}.enemy-eye{box-shadow:0 0 8px currentColor;background:#fff}.enemy .enemy-eye.left,.enemy-eye.left{color:#fff}.enemy .enemy-eye.right,.enemy-eye.right{color:#fff}
.monster-skin-0{background:radial-gradient(circle at 35% 22%,#d9fff2 0 12%,transparent 13%),linear-gradient(160deg,#88f7ce,#1d9d76 58%,#09523e);border-radius:55% 45% 38% 42%;filter:drop-shadow(0 12px 10px rgba(0,0,0,.35)) drop-shadow(0 0 12px rgba(80,255,190,.2))}
.monster-skin-0:before{display:block;left:18%;right:18%;bottom:-8px;height:14px;background:rgba(6,48,40,.9);border-radius:50%;filter:blur(1px)}
.monster-skin-1{background:linear-gradient(150deg,#fda4af,#be185d 65%,#500724);border-radius:48% 52% 36% 36%;box-shadow:inset 0 12px 16px rgba(255,255,255,.15), inset 0 -18px 22px rgba(68,6,35,.55)}
.monster-skin-1:before{display:block;left:16px;top:-23px;width:17px;height:35px;background:linear-gradient(#fee2e2,#fb7185);border-radius:80% 15% 70% 15%;transform:rotate(-22deg);box-shadow:46px 14px 0 -1px #fb7185}.monster-skin-1:after{display:block;right:17px;top:-18px;width:16px;height:32px;background:linear-gradient(#fee2e2,#fb7185);border-radius:15% 80% 15% 70%;transform:rotate(22deg)}
.monster-skin-2{background:linear-gradient(160deg,#84cc16,#3f6212 62%,#1a2e05);border-radius:42% 42% 30% 30%;filter:drop-shadow(0 0 14px rgba(132,204,22,.35))}.monster-skin-2:before{display:block;left:-14px;top:20px;width:28px;height:38px;background:#365314;border-radius:70% 20%;transform:rotate(-22deg);box-shadow:104px 32px 0 -2px #365314}.monster-skin-2:after{display:block;left:30px;right:30px;bottom:-12px;height:18px;background:#172554;border-radius:999px}
.monster-skin-3{background:linear-gradient(160deg,#64748b,#1e293b 60%,#020617);border-radius:44% 44% 28% 28%;filter:drop-shadow(0 0 18px rgba(148,163,184,.35))}.monster-skin-3:before{display:block;left:-22px;top:30px;width:46px;height:24px;background:linear-gradient(90deg,#94a3b8,#334155);border-radius:50% 10% 10% 50%;transform:rotate(-16deg);box-shadow:120px 38px 0 -3px #334155}.monster-skin-3:after{display:block;left:18px;right:18px;top:-20px;height:32px;background:linear-gradient(#e2e8f0,#334155);clip-path:polygon(0 100%,20% 0,38% 100%,62% 0,80% 100%,100% 0,100% 100%)}
.monster-skin-4{background:linear-gradient(160deg,#fb923c,#9a3412 58%,#431407);border-radius:34% 34% 22% 22%;filter:drop-shadow(0 0 22px rgba(251,146,60,.42))}.monster-skin-4:before{display:block;left:-16px;top:16px;width:34px;height:88px;background:linear-gradient(#7c2d12,#1c1917);border-radius:20px;transform:rotate(18deg);box-shadow:136px -10px 0 -2px #7c2d12}.monster-skin-4:after{display:block;left:10px;right:10px;top:-32px;height:48px;background:linear-gradient(#fef3c7,#92400e);clip-path:polygon(0 100%,18% 0,35% 100%,50% 0,65% 100%,82% 0,100% 100%)}
.monster-skin-5{background:radial-gradient(circle at 50% 16%,#fee2e2 0 10%,transparent 11%),linear-gradient(160deg,#ef4444,#7f1d1d 54%,#111827);border-radius:32% 32% 18% 18%;filter:drop-shadow(0 0 28px rgba(239,68,68,.6))}.monster-skin-5:before{display:block;inset:-18px;border:2px solid rgba(239,68,68,.5);border-radius:45%;animation:pulse 1.1s infinite}.monster-skin-5:after{display:block;left:8px;right:8px;top:-34px;height:54px;background:#020617;clip-path:polygon(0 100%,14% 0,29% 100%,43% 0,57% 100%,71% 0,86% 100%,100% 0,100% 100%)}
.monster-skin-6{background:radial-gradient(circle at 50% 18%,#fef9c3 0 12%,transparent 13%),radial-gradient(circle,#7e22ce,#312e81 55%,#020617 82%);border-radius:28% 28% 16% 16%;filter:drop-shadow(0 0 34px rgba(168,85,247,.7))}.monster-skin-6:before{display:block;inset:-28px;border:3px solid rgba(168,85,247,.45);border-radius:50%;box-shadow:0 0 24px rgba(168,85,247,.55);animation:pulse 1s infinite}.monster-skin-6:after{display:block;left:-28px;right:-28px;top:35px;height:16px;background:linear-gradient(90deg,transparent,#facc15,transparent);filter:blur(1px)}
.monster-skin-7{background:conic-gradient(from 90deg,#f43f5e,#f97316,#facc15,#22c55e,#38bdf8,#a855f7,#f43f5e);border-radius:26% 26% 14% 14%;filter:drop-shadow(0 0 44px rgba(250,204,21,.75))}.monster-skin-7:before{display:block;inset:-34px;border:4px solid rgba(255,255,255,.35);border-radius:50%;box-shadow:0 0 30px rgba(255,255,255,.45),0 0 60px rgba(168,85,247,.45);animation:pulse .9s infinite}.monster-skin-7:after{display:block;left:50%;top:-38px;width:86px;height:72px;transform:translateX(-50%);background:linear-gradient(#fff7ed,#f59e0b);clip-path:polygon(50% 0,62% 33%,100% 35%,70% 56%,82% 100%,50% 72%,18% 100%,30% 56%,0 35%,38% 33%)}
@media(max-width:560px){.passive-stat-total{grid-template-columns:1fr}.passive-stat-total div{padding:7px}.passive-stat-total b{font-size:13px}}

/* v18: hard mobile scroll repair */
@media (max-width: 820px){
  html{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body{
    height:auto!important;
    min-height:100%!important;
    overflow-x:hidden!important;
    overflow-y:visible!important;
    position:static!important;
    touch-action:pan-y!important;
    -webkit-overflow-scrolling:touch!important;
  }
  #app{
    display:block!important;
    height:auto!important;
    min-height:auto!important;
    overflow:visible!important;
    padding-bottom:calc(220px + env(safe-area-inset-bottom))!important;
    touch-action:pan-y!important;
  }
  .topbar{
    position:sticky!important;
    top:0!important;
    z-index:80!important;
  }
  .game-screen{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:8px!important;
    margin:0!important;
  }
  .game-screen > .panel{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:0 0 8px!important;
  }
  .stage-panel{height:auto!important;min-height:0!important;}
  .stage{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  .info-panel.status-panel{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    transform:none!important;
    margin-bottom:8px!important;
  }
  .quick-panel.log-panel{
    display:block!important;
    height:auto!important;
    min-height:180px!important;
    overflow:visible!important;
  }
  .log{
    height:155px!important;
    min-height:155px!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .side-ad,.ad-slot{
    position:relative!important;
    display:flex!important;
    width:calc(100% - 16px)!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    margin:0 auto 10px!important;
    transform:none!important;
  }
  .side-ad{height:56px!important;}
  .ad-slot{height:68px!important;}
  .modal.active{
    position:fixed!important;
    inset:0!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}
@media (max-width:480px){
  .stage{height:285px!important;min-height:285px!important;max-height:285px!important;}
  #app{padding-bottom:calc(260px + env(safe-area-inset-bottom))!important;}
}

/* v19: final mobile scroll container repair + monster info alignment */
@media (max-width: 820px){
  html, body{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    position:relative!important;
    overscroll-behavior-y:auto!important;
  }
  body{
    touch-action:auto!important;
  }
  #app{
    width:100%!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:contain!important;
    touch-action:pan-y!important;
    display:flex!important;
    flex-direction:column!important;
    padding-bottom:calc(28px + env(safe-area-inset-bottom))!important;
  }
  .topbar{
    position:sticky!important;
    top:0!important;
    z-index:90!important;
    flex:0 0 auto!important;
    order:1!important;
  }
  .game-screen{
    order:2!important;
    flex:0 0 auto!important;
    display:block!important;
    height:auto!important;
    min-height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:8px!important;
    margin:0!important;
  }
  .game-screen > .panel{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin-bottom:8px!important;
  }
  .stage-panel{
    height:auto!important;
    min-height:0!important;
    flex:0 0 auto!important;
  }
  .stage{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    overflow:hidden!important;
    touch-action:pan-y!important;
  }
  .stage *, .panel *, .topbar *{
    touch-action:manipulation;
  }
  .stage, .stage:before, .aura, .effect-layer, .player, .enemy, #floatingText{
    touch-action:pan-y!important;
  }
  .world-info{
    top:8px!important;
    left:8px!important;
    right:auto!important;
    max-width:calc(100% - 196px)!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:6px!important;
  }
  .monster-card{
    top:8px!important;
    right:8px!important;
    bottom:auto!important;
    left:auto!important;
    width:182px!important;
    z-index:5!important;
  }
  .side-ad{
    order:3!important;
    flex:0 0 auto!important;
    position:relative!important;
    display:flex!important;
    width:calc(100% - 16px)!important;
    height:56px!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    margin:0 auto 8px!important;
    transform:none!important;
  }
  .ad-slot{
    order:4!important;
    flex:0 0 auto!important;
    position:relative!important;
    display:flex!important;
    width:calc(100% - 16px)!important;
    height:68px!important;
    margin:0 auto 12px!important;
    transform:none!important;
  }
  .log{
    height:155px!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:pan-y!important;
  }
}
@media (max-width:480px){
  #app{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow-y:scroll!important;
    padding-bottom:calc(36px + env(safe-area-inset-bottom))!important;
  }
  .stage{
    height:285px!important;
    min-height:285px!important;
    max-height:285px!important;
  }
  .world-info{
    max-width:calc(100% - 168px)!important;
    gap:4px!important;
  }
  .world-info span{
    font-size:10px!important;
    padding:5px 6px!important;
    max-width:112px!important;
  }
  .monster-card{
    top:8px!important;
    right:8px!important;
    width:154px!important;
    padding:5px 7px!important;
  }
  .monster-card b{font-size:11px!important;}
  .monster-card span{font-size:10px!important;}
}


/* v20: mobile modal close button visibility + 30% lower EXP requirement */
@media (max-width: 820px){
  .modal{
    z-index:9999!important;
  }
  .modal.active{
    position:fixed!important;
    inset:0!important;
    display:block!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding:calc(24px + env(safe-area-inset-top)) 10px calc(42px + env(safe-area-inset-bottom))!important;
    background:rgba(0,0,0,.82)!important;
  }
  .modal-box{
    margin:0 auto 32px!important;
    max-height:none!important;
    overflow:visible!important;
    padding-top:0!important;
  }
  .modal-title{
    position:sticky!important;
    top:calc(8px + env(safe-area-inset-top))!important;
    z-index:10000!important;
    margin:0 -14px 12px!important;
    padding:12px 14px!important;
    background:rgba(29,22,47,.98)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:0 10px 22px rgba(0,0,0,.35)!important;
  }
  .modal-title button{
    position:relative!important;
    z-index:10001!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:38px!important;
  }
}

/* v21 player skin quality upgrade */
.player{
  overflow:visible!important;
  border:2px solid rgba(255,255,255,.42)!important;
  box-shadow:
    inset 12px 10px 18px rgba(255,255,255,.28),
    inset -14px -18px 24px rgba(0,0,0,.38),
    0 18px 16px rgba(0,0,0,.42),
    0 0 18px rgba(255,255,255,.18)!important;
}
.player:before{
  border:2px solid rgba(255,255,255,.16);
  box-shadow:inset 0 10px 12px rgba(255,255,255,.12), inset 0 -14px 16px rgba(0,0,0,.35);
}
.player:after{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  top:18px!important;
  width:62px!important;
  height:74px!important;
  border-radius:44% 44% 34% 34%!important;
  background:
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.62),transparent 18%),
    linear-gradient(180deg,rgba(255,255,255,.18),transparent 44%),
    linear-gradient(90deg,transparent 0 42%,rgba(255,255,255,.2) 44% 56%,transparent 58%)!important;
  border-left:1px solid rgba(255,255,255,.18)!important;
  border-right:1px solid rgba(0,0,0,.18)!important;
  pointer-events:none!important;
  z-index:1!important;
}
.horn{
  background:linear-gradient(135deg,#fff7d6,#b38b5e 58%,#5b3b27)!important;
  border:1px solid rgba(255,255,255,.3)!important;
  box-shadow:inset 4px 6px 8px rgba(255,255,255,.25), inset -3px -5px 8px rgba(0,0,0,.3), 0 0 8px rgba(255,246,196,.28)!important;
}
.eye{
  z-index:2!important;
  background:radial-gradient(circle at 35% 35%,#fff,#fef08a 28%,#fb7185 58%,#240912 72%)!important;
  box-shadow:0 0 12px rgba(251,113,133,.9),0 0 22px rgba(250,204,21,.35)!important;
  border:1px solid rgba(255,255,255,.55)!important;
}
.mouth{
  z-index:2!important;
  border-bottom-color:rgba(20,8,18,.92)!important;
  box-shadow:0 3px 0 rgba(255,255,255,.08)!important;
}
.player-tier-0{background:linear-gradient(145deg,#b7ffae 0%,#3cc765 42%,#126b34 100%)!important}
.player-tier-1{background:linear-gradient(145deg,#d6ffd0 0%,#5ee079 38%,#12813d 100%)!important}
.player-tier-2{background:linear-gradient(145deg,#bff3ff 0%,#38bdf8 34%,#2563eb 72%,#172554 100%)!important}
.player-tier-3{background:linear-gradient(145deg,#f0d6ff 0%,#c084fc 35%,#7c3aed 72%,#30105e 100%)!important}
.player-tier-4{background:linear-gradient(145deg,#fff7ad 0%,#fde047 28%,#f97316 68%,#7c2d12 100%)!important}
.player-tier-5{background:linear-gradient(145deg,#ffd1d9 0%,#fb7185 28%,#dc2626 62%,#450a0a 100%)!important}
.player-tier-6{background:linear-gradient(135deg,#fff,#ff4d4d 16%,#ffb020 30%,#fff04a 44%,#33e06f 58%,#38bdf8 72%,#a78bfa 86%,#ff4fd8 100%)!important}
.player-tier-2 .eye,.player-tier-3 .eye,.player-tier-4 .eye,.player-tier-5 .eye,.player-tier-6 .eye{box-shadow:0 0 16px currentColor,0 0 28px rgba(255,255,255,.48)!important}
.player-tier-3:before,.player-tier-4:before,.player-tier-5:before,.player-tier-6:before{filter:brightness(1.1)}

.aura{
  mix-blend-mode:screen;
  filter:blur(.2px) saturate(1.3);
  box-shadow:0 0 26px rgba(255,255,255,.18), inset 0 0 28px rgba(255,255,255,.1);
}
.aura:before,.aura:after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.18);
  border-top-color:rgba(255,255,255,.75);
  border-bottom-color:rgba(255,255,255,.06);
  animation:spinAura 7s linear infinite;
}
.aura:after{
  inset:30px;
  border-style:dashed;
  opacity:.7;
  animation:spinAura 4.8s linear infinite reverse;
}
.aura-tier-0{background:radial-gradient(circle,rgba(196,132,252,.28),transparent 60%)!important}
.aura-tier-1{background:radial-gradient(circle,rgba(34,197,94,.38),rgba(74,222,128,.14) 38%,transparent 66%)!important}
.aura-tier-2{background:radial-gradient(circle,rgba(56,189,248,.5),rgba(37,99,235,.22) 42%,transparent 68%)!important}
.aura-tier-3{background:radial-gradient(circle,rgba(216,180,254,.62),rgba(124,58,237,.3) 45%,transparent 70%)!important}
.aura-tier-4{background:radial-gradient(circle,rgba(254,240,138,.72),rgba(249,115,22,.28) 48%,transparent 72%)!important}
.aura-tier-5{background:radial-gradient(circle,rgba(252,165,165,.8),rgba(220,38,38,.36) 50%,transparent 74%)!important}
.aura-tier-6{background:conic-gradient(from 0deg,rgba(255,0,0,.5),rgba(255,196,0,.48),rgba(255,255,60,.48),rgba(0,255,130,.48),rgba(0,190,255,.48),rgba(160,90,255,.48),rgba(255,0,180,.5),rgba(255,0,0,.5))!important;filter:blur(.1px) saturate(1.8) brightness(1.15)!important;box-shadow:0 0 42px rgba(255,255,255,.42),0 0 74px rgba(168,85,247,.36)!important}
.aura-tier-6:before{border-width:3px;border-top-color:#fff;border-left-color:#60a5fa;border-right-color:#f472b6;border-bottom-color:#fde047;box-shadow:0 0 22px rgba(255,255,255,.7)}
.aura-tier-6:after{border-width:2px;border-style:solid;border-top-color:#4ade80;border-left-color:#facc15;border-right-color:#38bdf8;border-bottom-color:#fb7185;box-shadow:0 0 18px rgba(255,255,255,.55)}

@media(max-width:480px){
  .player:after{left:12px!important;top:13px!important;width:36px!important;height:46px!important}
  .aura:before{inset:10px!important}.aura:after{inset:24px!important}
}
/* v22 zone system */
.stage{transition:background .55s ease, box-shadow .55s ease}
.stage.zone-0{background:radial-gradient(circle at 50% 75%,#5fa86a 0,#2f6847 38%,#14251d 100%)}
.stage.zone-1{background:radial-gradient(circle at 35% 35%,rgba(181,255,216,.25),transparent 28%),linear-gradient(160deg,#203d35,#182a31 55%,#0d111b)}
.stage.zone-2{background:radial-gradient(circle at 55% 78%,#a7442f 0,#5f2525 42%,#160d13 100%)}
.stage.zone-3{background:radial-gradient(circle at 50% 30%,rgba(180,180,210,.2),transparent 30%),linear-gradient(160deg,#43364f,#201a2f 55%,#0d0b14)}
.stage.zone-4{background:radial-gradient(circle at 48% 80%,#225646 0,#12372f 45%,#080f13 100%)}
.stage.zone-5{background:radial-gradient(circle at 50% 82%,#ff6b2f 0,#6d1e15 42%,#13070a 100%)}
.stage.zone-6{background:radial-gradient(circle at 48% 70%,#bce7ff 0,#355d7b 40%,#0a1320 100%)}
.stage.zone-7{background:radial-gradient(circle at 50% 35%,rgba(118,96,255,.42),transparent 28%),linear-gradient(160deg,#33216b,#17112c 56%,#080713)}
.stage.zone-8{background:radial-gradient(circle at 52% 80%,#c22727 0,#431010 38%,#080305 100%)}
.stage.zone-9{background:conic-gradient(from 180deg at 50% 55%,#1d0b37,#1e40af,#7e22ce,#be123c,#1d0b37)}
.stage.zone-0:after,.stage.zone-1:after,.stage.zone-2:after,.stage.zone-3:after,.stage.zone-4:after,.stage.zone-5:after,.stage.zone-6:after,.stage.zone-7:after,.stage.zone-8:after,.stage.zone-9:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;pointer-events:none;opacity:.75;background:linear-gradient(transparent,rgba(0,0,0,.45))}
.zone-monster-8{filter:drop-shadow(0 0 46px rgba(239,68,68,.75)) drop-shadow(0 18px 14px rgba(0,0,0,.45))!important;transform:scale(1.12)}
.zone-monster-9{filter:drop-shadow(0 0 58px rgba(255,255,255,.75)) drop-shadow(0 0 36px rgba(168,85,247,.65))!important;transform:scale(1.18)}
@media(max-width:820px){.world-info{right:8px!important}.monster-card{top:44px!important}.world-info span:first-child{max-width:calc(100vw - 28px)!important}.world-info span:last-child{margin-left:auto}}


/* v23: remove battle monster level label + keep mobile monster HP card at the top */
#monsterLevelText{display:none!important;}
@media(max-width:820px){
  .world-info{
    max-width:calc(100% - 132px)!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    z-index:8!important;
  }
  .world-info span{
    max-width:calc(100vw - 150px)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .monster-card{
    top:8px!important;
    right:6px!important;
    bottom:auto!important;
    left:auto!important;
    width:126px!important;
    min-width:126px!important;
    padding:4px 6px!important;
    border-radius:11px!important;
    z-index:9!important;
    line-height:1.15!important;
  }
  .monster-card b{
    font-size:10px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .monster-card span{
    font-size:9px!important;
    line-height:1.15!important;
    margin:2px 0!important;
    display:block!important;
    white-space:normal!important;
  }
  .bar.monster{height:6px!important;}
}
@media(max-width:480px){
  .world-info{
    max-width:calc(100% - 116px)!important;
  }
  .world-info span{
    max-width:calc(100vw - 132px)!important;
    font-size:9px!important;
    padding:4px 5px!important;
  }
  .monster-card{
    top:7px!important;
    right:5px!important;
    width:108px!important;
    min-width:108px!important;
    padding:4px 5px!important;
  }
  .monster-card b{font-size:9px!important;}
  .monster-card span{font-size:8px!important;}
}

/* v24: distinct zone backgrounds, monster skins, player aura upgrades */
.stage{isolation:isolate}
.stage:before{z-index:0}.stage>*{z-index:2}.stage .effect-layer{z-index:5}
.stage.zone-0{background:linear-gradient(180deg,#8bdc7d 0%,#477d45 44%,#132719 100%)!important}
.stage.zone-0:before{background:radial-gradient(ellipse at 50% 100%,rgba(177,255,128,.5),transparent 33%),linear-gradient(transparent 68%,rgba(34,80,36,.85)),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 2px,transparent 2px 70px)!important}
.stage.zone-1{background:linear-gradient(180deg,#a7f3d0 0%,#31544c 45%,#101827 100%)!important}
.stage.zone-1:before{background:radial-gradient(circle at 25% 28%,rgba(210,255,240,.5),transparent 18%),radial-gradient(circle at 78% 20%,rgba(255,255,255,.22),transparent 16%),linear-gradient(transparent 55%,rgba(12,28,25,.9)),repeating-linear-gradient(100deg,rgba(255,255,255,.06) 0 2px,transparent 2px 58px)!important;filter:saturate(1.1)}
.stage.zone-2{background:linear-gradient(180deg,#ffb05f 0%,#8f3429 45%,#1d1010 100%)!important}
.stage.zone-2:before{background:radial-gradient(ellipse at 50% 100%,rgba(255,90,44,.55),transparent 36%),linear-gradient(135deg,transparent 0 46%,rgba(60,19,17,.7) 47% 53%,transparent 54%),repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 80px)!important}
.stage.zone-3{background:linear-gradient(180deg,#6b647d 0%,#342a48 45%,#0d0b15 100%)!important}
.stage.zone-3:before{background:radial-gradient(circle at 50% 18%,rgba(220,220,255,.32),transparent 23%),linear-gradient(transparent 56%,rgba(7,6,12,.92)),repeating-linear-gradient(90deg,rgba(210,210,255,.06) 0 4px,transparent 4px 88px)!important}
.stage.zone-4{background:linear-gradient(180deg,#2dd4bf 0%,#17443d 42%,#07100f 100%)!important}
.stage.zone-4:before{background:radial-gradient(ellipse at 54% 100%,rgba(20,184,166,.55),transparent 35%),radial-gradient(circle at 18% 64%,rgba(20,255,165,.22),transparent 14%),linear-gradient(transparent 58%,rgba(4,16,16,.92)),repeating-linear-gradient(70deg,rgba(0,0,0,.15) 0 10px,transparent 10px 80px)!important}
.stage.zone-5{background:linear-gradient(180deg,#ff9a3d 0%,#8c1d18 44%,#120405 100%)!important}
.stage.zone-5:before{background:radial-gradient(circle at 50% 86%,rgba(255,80,0,.9),transparent 28%),radial-gradient(circle at 76% 42%,rgba(255,222,80,.28),transparent 11%),linear-gradient(transparent 55%,rgba(39,8,5,.9)),repeating-linear-gradient(105deg,rgba(255,200,80,.08) 0 3px,transparent 3px 60px)!important}
.stage.zone-6{background:linear-gradient(180deg,#dff8ff 0%,#4b85ad 44%,#091522 100%)!important}
.stage.zone-6:before{background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.55),transparent 18%),linear-gradient(transparent 52%,rgba(7,22,36,.88)),repeating-linear-gradient(120deg,rgba(240,255,255,.18) 0 2px,transparent 2px 46px)!important}
.stage.zone-7{background:linear-gradient(180deg,#6366f1 0%,#3b1e75 43%,#080713 100%)!important}
.stage.zone-7:before{background:radial-gradient(circle at 46% 22%,rgba(255,255,255,.38),transparent 18%),radial-gradient(circle at 70% 32%,rgba(168,85,247,.48),transparent 18%),linear-gradient(transparent 58%,rgba(8,7,19,.92)),repeating-linear-gradient(90deg,rgba(147,197,253,.08) 0 2px,transparent 2px 66px)!important}
.stage.zone-8{background:linear-gradient(180deg,#ef4444 0%,#541313 44%,#050204 100%)!important}
.stage.zone-8:before{background:radial-gradient(circle at 50% 78%,rgba(220,38,38,.8),transparent 31%),radial-gradient(circle at 28% 20%,rgba(255,166,0,.22),transparent 12%),linear-gradient(transparent 55%,rgba(10,2,2,.95)),repeating-linear-gradient(100deg,rgba(255,0,0,.12) 0 3px,transparent 3px 82px)!important}
.stage.zone-9{background:conic-gradient(from 180deg at 50% 55%,#020617,#1e40af,#7e22ce,#be123c,#facc15,#22c55e,#020617)!important}
.stage.zone-9:before{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.36),transparent 16%),radial-gradient(circle at 20% 25%,rgba(56,189,248,.35),transparent 13%),radial-gradient(circle at 80% 26%,rgba(244,114,182,.36),transparent 14%),linear-gradient(transparent 58%,rgba(0,0,0,.82))!important;animation:zonePulse 4s ease-in-out infinite}
@keyframes zonePulse{0%,100%{filter:hue-rotate(0deg) brightness(1)}50%{filter:hue-rotate(35deg) brightness(1.18)}}
.enemy{overflow:visible;border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 10px 18px rgba(255,255,255,.22),inset 0 -12px 18px rgba(0,0,0,.24),0 16px 26px rgba(0,0,0,.35)}
.enemy:before,.enemy:after{content:"";position:absolute;pointer-events:none}
.zone-monster-0{background:linear-gradient(180deg,#a7f36c,#4aaa35 62%,#1d5c23)!important;border-radius:54% 54% 42% 42%!important}
.zone-monster-0:before{left:12px;right:12px;bottom:-12px;height:16px;border-radius:50%;background:rgba(106,190,60,.55)}
.zone-monster-1{background:linear-gradient(180deg,#bdfbd9,#315a53 60%,#152826)!important;border-radius:42% 58% 35% 50%!important;filter:drop-shadow(0 0 18px rgba(167,243,208,.6))}
.zone-monster-1:before{inset:-12px;border-radius:50%;border:2px solid rgba(190,255,230,.35);filter:blur(1px)}
.zone-monster-2{background:linear-gradient(180deg,#ff884d,#a83822 58%,#48120c)!important;border-radius:48% 48% 30% 30%!important;transform:scale(1.04)}
.zone-monster-2:before{left:-11px;top:18px;width:28px;height:16px;border-radius:60% 10% 60% 10%;background:#3b160e;box-shadow:106px 0 0 #3b160e}
.zone-monster-3{background:linear-gradient(180deg,#c7c7d8,#726b86 55%,#292535)!important;border-radius:35% 35% 18% 18%!important;box-shadow:inset 0 12px 16px rgba(255,255,255,.25),0 0 18px rgba(210,210,255,.35)}
.zone-monster-3:before{left:20px;right:20px;top:-16px;height:24px;border-radius:7px;background:linear-gradient(#e5e7eb,#646272)}
.zone-monster-4{background:linear-gradient(180deg,#34d399,#0f766e 55%,#083a38)!important;border-radius:60% 42% 52% 35%!important;filter:drop-shadow(0 0 20px rgba(20,184,166,.6))}
.zone-monster-4:before{left:-12px;top:38px;width:26px;height:10px;border-radius:999px;background:#14b8a6;box-shadow:110px -8px 0 #14b8a6,40px 42px 0 #115e59}
.zone-monster-5{background:linear-gradient(180deg,#facc15,#ef4444 54%,#5b0b0b)!important;border-radius:45% 45% 32% 32%!important;filter:drop-shadow(0 0 24px rgba(239,68,68,.75))}
.zone-monster-5:before{left:12px;top:-26px;width:18px;height:34px;border-radius:80% 20%;background:linear-gradient(#fff08a,#ef4444);box-shadow:48px 0 0 #f97316}
.zone-monster-6{background:linear-gradient(180deg,#e0f2fe,#60a5fa 55%,#1e3a8a)!important;border-radius:36% 36% 24% 24%!important;filter:drop-shadow(0 0 26px rgba(186,230,253,.75))}
.zone-monster-6:before{left:-10px;top:10px;width:24px;height:52px;background:linear-gradient(#f8fafc,#93c5fd);clip-path:polygon(50% 0,100% 100%,0 100%);box-shadow:108px 0 0 #93c5fd}
.zone-monster-7{background:linear-gradient(180deg,#c4b5fd,#6d28d9 55%,#1e103e)!important;border-radius:50% 50% 26% 26%!important;filter:drop-shadow(0 0 30px rgba(168,85,247,.8))}
.zone-monster-7:before{left:-22px;top:20px;width:34px;height:42px;border-radius:80% 15%;background:linear-gradient(135deg,rgba(167,139,250,.9),rgba(59,130,246,.25));box-shadow:116px 0 0 rgba(167,139,250,.65)}
.zone-monster-8{background:linear-gradient(180deg,#ff4d4d,#7f1d1d 55%,#250606)!important;border-radius:44% 44% 18% 18%!important;filter:drop-shadow(0 0 38px rgba(239,68,68,.9))!important;transform:scale(1.13)}
.zone-monster-8:before{left:7px;top:-30px;width:22px;height:38px;border-radius:80% 12%;background:#111827;box-shadow:55px 0 0 #111827}
.zone-monster-9{background:conic-gradient(from 120deg,#fff,#60a5fa,#a78bfa,#f472b6,#facc15,#fff)!important;border-radius:46% 46% 22% 22%!important;filter:drop-shadow(0 0 44px rgba(255,255,255,.88)) drop-shadow(0 0 36px rgba(168,85,247,.78))!important;transform:scale(1.2)}
.zone-monster-9:before{inset:-20px;border-radius:50%;border:3px solid rgba(255,255,255,.45);box-shadow:0 0 30px rgba(255,255,255,.5);animation:spinAura 3s linear infinite}
.player{border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 12px 18px rgba(255,255,255,.25),inset 0 -16px 22px rgba(0,0,0,.24),0 18px 28px rgba(0,0,0,.34)}
.player:after{content:"";position:absolute;left:20px;top:18px;width:54px;height:28px;border-radius:50%;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,0));pointer-events:none}
.player-tier-0{background:linear-gradient(160deg,#9cff91,#2ab34a 65%,#14532d)!important}
.player-tier-1{background:linear-gradient(160deg,#bbf7d0,#16a34a 55%,#065f46)!important}
.player-tier-2{background:linear-gradient(160deg,#7dd3fc,#2563eb 58%,#172554)!important}
.player-tier-3{background:linear-gradient(160deg,#d8b4fe,#7c3aed 58%,#3b0764)!important}
.player-tier-4{background:linear-gradient(160deg,#fde68a,#f97316 58%,#7c2d12)!important}
.player-tier-5{background:linear-gradient(160deg,#fecaca,#ef4444 55%,#450a0a)!important}
.player-tier-6{background:conic-gradient(from 90deg,#ff4d4d,#ffb020,#fff04a,#33e06f,#38bdf8,#a78bfa,#ff4fd8,#ff4d4d)!important;animation:walk 1.2s infinite ease-in-out, divineSkin 3.5s linear infinite!important}
@keyframes divineSkin{0%{filter:hue-rotate(0deg) drop-shadow(0 0 38px rgba(255,255,255,.95))}100%{filter:hue-rotate(360deg) drop-shadow(0 0 38px rgba(255,255,255,.95))}}
.aura{mix-blend-mode:screen;box-shadow:0 0 36px rgba(255,255,255,.14)}
.aura:before{animation:spinAura 5s linear infinite reverse}.aura:after{animation:spinAura 7s linear infinite}

/* v25: ranking UI and non-circular, stage-specific aura effects */
.ranking-box{width:min(760px,100%)}
.ranking-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 12px}
.ranking-tabs button{background:#261d3a}.ranking-tabs button.active{background:linear-gradient(135deg,#7c3aed,#db2777)}
.ranking-list{display:grid;gap:7px;max-height:60vh;overflow:auto;padding-right:4px}
.rank-row{display:grid;grid-template-columns:42px 1fr 86px 150px;gap:8px;align-items:center;background:#120e1d;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px 12px;color:#eee}
.rank-row b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#30254a;color:#fef3c7}
.rank-row span{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-row em{font-style:normal;color:#c4b5fd;font-weight:900}.rank-row small{color:#b9a8d8;font-size:12px;text-align:right}.rank-row.me{border-color:#38bdf8;box-shadow:0 0 18px rgba(56,189,248,.35), inset 0 0 18px rgba(56,189,248,.08)}.rank-row.me b{background:linear-gradient(135deg,#06b6d4,#8b5cf6)}
.rank-row.rival{opacity:.92}
.rank-row.rival span:after{content:" NPC";font-size:10px;color:#8b7aa8;margin-left:6px;font-weight:800}

.aura{overflow:visible!important;background:transparent!important;border-radius:0!important;mix-blend-mode:screen;filter:saturate(1.35);pointer-events:none}.aura:before,.aura:after{content:"";position:absolute;inset:0;pointer-events:none}.aura-tier-0:before{left:46px;top:34px;width:96px;height:120px;border-radius:42% 58% 54% 46%;background:radial-gradient(circle,rgba(134,239,172,.34),transparent 58%);box-shadow:0 0 22px rgba(134,239,172,.32)}.aura-tier-0:after{left:76px;top:10px;width:28px;height:150px;background:linear-gradient(180deg,transparent,rgba(187,247,208,.5),transparent);filter:blur(7px);animation:auraRise 2.6s infinite ease-in-out}
.aura-tier-1:before{left:25px;top:24px;width:140px;height:140px;background:linear-gradient(90deg,transparent 0 20%,rgba(74,222,128,.45) 50%,transparent 80%);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);filter:blur(.3px);animation:auraSpinSlow 4.5s linear infinite}.aura-tier-1:after{left:48px;top:46px;width:90px;height:90px;border:2px solid rgba(134,239,172,.7);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(45deg);box-shadow:0 0 18px rgba(74,222,128,.55);animation:auraSpinSlow 3.2s linear infinite reverse}
.aura-tier-2:before{left:18px;top:30px;width:155px;height:105px;background:linear-gradient(90deg,rgba(56,189,248,.0),rgba(56,189,248,.42),rgba(147,197,253,.0));clip-path:polygon(0 50%,28% 22%,44% 48%,64% 10%,82% 44%,100% 50%,82% 56%,64% 90%,44% 52%,28% 78%);filter:drop-shadow(0 0 14px rgba(56,189,248,.75));animation:auraWave 1.8s infinite ease-in-out}.aura-tier-2:after{left:72px;top:0;width:42px;height:170px;background:linear-gradient(180deg,transparent,rgba(125,211,252,.58),transparent);clip-path:polygon(45% 0,62% 36%,50% 36%,70% 100%,34% 50%,48% 50%);filter:drop-shadow(0 0 12px rgba(125,211,252,.85));animation:auraFlicker 1.1s infinite alternate}
.aura-tier-3:before{left:10px;top:20px;width:170px;height:150px;background:conic-gradient(from 0deg,transparent,rgba(216,180,254,.72),transparent,rgba(167,139,250,.58),transparent);clip-path:polygon(50% 0,59% 31%,95% 18%,72% 49%,100% 76%,62% 68%,50% 100%,38% 68%,0 76%,28% 49%,5% 18%,41% 31%);filter:drop-shadow(0 0 18px rgba(192,132,252,.85));animation:auraSpinSlow 3s linear infinite}.aura-tier-3:after{left:42px;top:42px;width:105px;height:105px;border:3px double rgba(216,180,254,.85);transform:rotate(45deg);box-shadow:0 0 24px rgba(192,132,252,.6);animation:auraPulse 1.4s infinite ease-in-out}
.aura-tier-4:before{left:20px;top:-4px;width:148px;height:190px;background:linear-gradient(180deg,rgba(254,240,138,.82),rgba(249,115,22,.38),transparent);clip-path:polygon(50% 0,60% 24%,78% 6%,72% 36%,100% 28%,78% 54%,96% 70%,66% 68%,50% 100%,34% 68%,4% 70%,22% 54%,0 28%,28% 36%,22% 6%,40% 24%);filter:drop-shadow(0 0 20px rgba(251,191,36,.95));animation:auraFlame .95s infinite alternate}.aura-tier-4:after{left:60px;top:30px;width:70px;height:135px;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(253,224,71,.5),transparent);clip-path:polygon(50% 0,70% 35%,58% 35%,78% 100%,35% 48%,50% 48%);filter:drop-shadow(0 0 18px rgba(253,224,71,.9));animation:auraFlicker .8s infinite alternate}
.aura-tier-5:before{left:0;top:8px;width:190px;height:170px;background:radial-gradient(circle at 50% 62%,rgba(248,113,113,.34),transparent 42%),linear-gradient(115deg,transparent 8%,rgba(239,68,68,.62) 18%,transparent 28% 38%,rgba(244,63,94,.62) 48%,transparent 58% 68%,rgba(220,38,38,.62) 78%,transparent 88%);clip-path:polygon(50% 0,63% 30%,100% 18%,76% 48%,100% 78%,64% 72%,50% 100%,36% 72%,0 78%,24% 48%,0 18%,37% 30%);filter:drop-shadow(0 0 24px rgba(239,68,68,.95));animation:auraPulse .9s infinite ease-in-out}.aura-tier-5:after{left:18px;top:6px;width:154px;height:154px;border:4px solid rgba(248,113,113,.72);border-left-color:transparent;border-right-color:rgba(244,63,94,.2);transform:rotate(20deg);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 28px rgba(248,113,113,.75);animation:auraSpinSlow 2.2s linear infinite}
.aura-tier-6:before{left:-16px;top:-18px;width:225px;height:225px;background:conic-gradient(from 0deg,#ff003c,#ffb000,#fff34d,#00ff80,#00c8ff,#8b5cf6,#ff2bd6,#ff003c);clip-path:polygon(50% 0,58% 28%,86% 8%,72% 39%,100% 50%,72% 61%,86% 92%,58% 72%,50% 100%,42% 72%,14% 92%,28% 61%,0 50%,28% 39%,14% 8%,42% 28%);filter:drop-shadow(0 0 30px rgba(255,255,255,.95)) drop-shadow(0 0 48px rgba(168,85,247,.75));animation:auraSpinSlow 1.8s linear infinite}.aura-tier-6:after{left:32px;top:-8px;width:128px;height:220px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(96,165,250,.4),rgba(244,114,182,.42),transparent);clip-path:polygon(50% 0,62% 30%,48% 30%,74% 100%,28% 48%,45% 48%);filter:drop-shadow(0 0 22px rgba(255,255,255,.9));animation:auraFlicker .55s infinite alternate}
@keyframes auraSpinSlow{to{transform:rotate(360deg)}}@keyframes auraPulse{0%,100%{transform:scale(.92) rotate(45deg);opacity:.6}50%{transform:scale(1.12) rotate(45deg);opacity:1}}@keyframes auraRise{0%,100%{transform:translateY(12px);opacity:.35}50%{transform:translateY(-12px);opacity:.95}}@keyframes auraWave{0%,100%{transform:scaleX(.9) translateY(0);opacity:.65}50%{transform:scaleX(1.12) translateY(-7px);opacity:1}}@keyframes auraFlicker{0%{opacity:.45;transform:scale(.94) skewX(-4deg)}100%{opacity:1;transform:scale(1.08) skewX(5deg)}}@keyframes auraFlame{0%{transform:scaleY(.94) translateY(5px);opacity:.72}100%{transform:scaleY(1.08) translateY(-7px);opacity:1}}
@media(max-width:820px){.rank-row{grid-template-columns:34px 1fr 64px;gap:6px;padding:9px}.rank-row small{grid-column:2/4;text-align:left}.ranking-list{max-height:62svh}.aura:before,.aura:after{transform-origin:center!important}}

.empty-rank{padding:18px;border-radius:14px;background:#120e1d;border:1px solid rgba(255,255,255,.1);color:#c4b5fd;text-align:center;font-weight:800}

/* v29 hard fixes */
.modal-title .modal-x, .modal-x{
  display:inline-flex!important; align-items:center!important; justify-content:center!important;
  min-width:58px!important; height:36px!important; padding:8px 12px!important;
  border-radius:12px!important; background:#392b55!important; color:#fff!important;
  position:relative!important; z-index:999!important; opacity:1!important; visibility:visible!important;
}
#createModal .modal-box{position:relative!important; padding-top:18px!important;}
#createCloseBottom{display:block!important; margin-top:10px!important; background:#2b2241!important;}
.empty-rank{padding:18px;border-radius:14px;background:#120e1d;color:#d6c7ef;line-height:1.5}
@media(max-width:820px){
  #createModal .modal-box{max-height:calc(100dvh - 28px)!important; margin-top:18px!important;}
  .modal-title{position:sticky!important; top:0!important; background:#1d162f!important; padding:6px 0 10px!important; z-index:100!important;}
  .modal-title .modal-x{position:relative!important; right:auto!important; top:auto!important; flex:0 0 auto!important;}
}

/* v30 hard fixes */
.create-modal-box{position:relative;padding-top:22px!important;}
.create-title{padding-right:72px;}
.modal-x{display:inline-flex!important;align-items:center;justify-content:center;min-width:56px;height:36px;background:linear-gradient(135deg,#7c3aed,#db2777)!important;color:#fff!important;position:absolute;top:14px;right:14px;z-index:100002!important;opacity:1!important;visibility:visible!important;}
.create-close-fixed{position:fixed!important;top:calc(env(safe-area-inset-top,0px) + 14px)!important;right:14px!important;z-index:100001!important;background:linear-gradient(135deg,#7c3aed,#db2777)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;box-shadow:0 10px 30px rgba(0,0,0,.55)!important;padding:10px 14px!important;border-radius:14px!important;font-weight:900!important;display:block!important;opacity:1!important;visibility:visible!important;}
.empty-rank{padding:18px;border-radius:16px;background:#120e1d;color:#d6c7ef;line-height:1.55;text-align:center;}


/* v32: create modal close cleanup - only the bottom '창 닫기' button is visible */
.create-close-fixed,
#createModal .modal-x,
#createModal .create-close-fixed,
#createModal [id^="createCloseTop"],
#createModal [data-extra-create-close="true"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#createCloseBottom{
  display:block!important;
  width:100%!important;
  margin-top:10px!important;
  position:static!important;
  background:#2b2241!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
#createModal .modal-title{position:static!important;padding:0!important;background:transparent!important;}


/* v33: 새 캐릭터 생성창 닫기 버튼 강제 정리 */
.create-close-fixed,
.modal-x,
#createModal .modal-title button,
#createModal button:not(#createBtn):not(#createCloseBottom){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#createCloseBottom{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:static!important;
  width:100%!important;
  margin-top:10px!important;
  background:#2b2241!important;
}


/* v34 final create-modal cleanup: 생성창에는 하단 '창 닫기'만 표시 */
body > button.create-close-fixed,
body > .create-close-fixed,
.create-close-fixed,
.modal-x,
#createModal .modal-x,
#createModal .create-close-fixed,
#createModal .modal-title button,
#createModal button[id*="CloseTop"],
#createModal button[data-extra-create-close="true"]{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
}
#createModal #createCloseBottom{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:static!important;
  width:100%!important;
  height:auto!important;
  padding:11px 13px!important;
  margin-top:10px!important;
  overflow:visible!important;
  background:#2b2241!important;
  color:#fff!important;
}
#createModal .create-title{padding-right:0!important;}
#createModal .modal-title{position:static!important;background:transparent!important;padding:0!important;}


/* v44 clean Elevator119 image ad: no leftover text, no layout breaking */
.e119-left-ad{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  z-index:3!important;
  width:128px!important;
  top:84px!important;
  bottom:84px!important;
  left:14px!important;
  display:block!important;
}
.e119-ad-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.e119-ad-img img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  border:0!important;
  border-radius:18px!important;
}
.e119-left-ad .e119-ad-pc{
  width:128px!important;
  height:100%!important;
  border-radius:18px!important;
  box-shadow:0 16px 40px rgba(0,0,0,.34)!important;
}
.mobile-e119-ad{
  display:none!important;
}
@media(max-width:900px){
  html,body{
    overflow:auto!important;
  }
  .side-ad-left,.side-ad-right{
    display:none!important;
  }
  .mobile-e119-ad{
    display:block!important;
    position:relative!important;
    z-index:4!important;
    width:100%!important;
    max-width:760px!important;
    margin:8px auto 6px!important;
    padding:0 10px!important;
  }
  .mobile-e119-ad .e119-ad-mobile{
    display:block!important;
    width:100%!important;
    height:120px!important;
    min-height:120px!important;
    border-radius:16px!important;
    overflow:hidden!important;
    box-shadow:0 10px 24px rgba(0,0,0,.32)!important;
  }
  .game-screen{
    height:auto!important;
    min-height:calc(100vh - 64px - 134px)!important;
  }
}
@media(max-width:480px){
  .mobile-e119-ad{
    padding:0 6px!important;
    margin:6px auto 5px!important;
  }
  .mobile-e119-ad .e119-ad-mobile{
    height:96px!important;
    min-height:96px!important;
    border-radius:14px!important;
  }
  .game-screen{
    min-height:calc(100vh - 64px - 107px)!important;
  }
}

/* v50: original polished banner asset, URL line removed by natural crop only */
@media (min-width:901px){
  .e119-left-ad .e119-ad-pc,
  .side-ad-left .e119-pc-image-ad{
    overflow:hidden!important;
    position:relative!important;
  }
  .e119-left-ad .e119-ad-pc img,
  .side-ad-left .e119-pc-image-ad{
    object-fit:cover!important;
    object-position:center top!important;
  }
  .e119-left-ad .e119-ad-pc img{
    height:calc(100% + 28px)!important;
    max-height:none!important;
  }
}

/* v52 aura fix: additional high-tier aura visuals only; original layout preserved */

.aura-tier-7:before{left:-24px;top:-22px;width:238px;height:238px;background:radial-gradient(circle,rgba(15,23,42,.18),transparent 42%),conic-gradient(from 90deg,transparent 0 8%,rgba(59,130,246,.92) 10%,transparent 16% 25%,rgba(124,58,237,.9) 30%,transparent 38% 48%,rgba(236,72,153,.92) 52%,transparent 60% 70%,rgba(34,211,238,.9) 76%,transparent 84% 100%);clip-path:polygon(50% 0,56% 24%,78% 5%,70% 32%,98% 26%,76% 48%,100% 62%,72% 64%,84% 94%,58% 76%,50% 100%,42% 76%,16% 94%,28% 64%,0 62%,24% 48%,2% 26%,30% 32%,22% 5%,44% 24%);filter:drop-shadow(0 0 34px rgba(96,165,250,.9)) drop-shadow(0 0 54px rgba(168,85,247,.65));animation:auraSpinSlow 1.55s linear infinite}.aura-tier-7:after{left:18px;top:12px;width:154px;height:190px;background:linear-gradient(180deg,rgba(191,219,254,.72),rgba(167,139,250,.38),transparent);clip-path:polygon(50% 0,64% 28%,52% 28%,78% 100%,30% 48%,46% 48%);filter:drop-shadow(0 0 25px rgba(147,197,253,.95));animation:auraFlicker .46s infinite alternate}
.aura-tier-8:before{left:-36px;top:-40px;width:270px;height:270px;background:conic-gradient(from 0deg,#020617,#7c3aed,#0ea5e9,#111827,#ec4899,#020617);clip-path:polygon(50% 0,61% 30%,94% 12%,77% 45%,100% 71%,65% 68%,50% 100%,35% 68%,0 71%,23% 45%,6% 12%,39% 30%);filter:drop-shadow(0 0 38px rgba(14,165,233,.82)) drop-shadow(0 0 62px rgba(15,23,42,.95));animation:auraSpinSlow 1.25s linear infinite reverse}.aura-tier-8:after{left:6px;top:34px;width:180px;height:132px;background:linear-gradient(100deg,transparent,rgba(14,165,233,.58),transparent 34%,rgba(236,72,153,.5),transparent 70%,rgba(167,139,250,.56),transparent);clip-path:polygon(0 52%,18% 35%,38% 47%,52% 12%,68% 49%,100% 34%,80% 55%,100% 78%,66% 62%,52% 96%,38% 59%,18% 75%);filter:drop-shadow(0 0 24px rgba(56,189,248,.85));animation:auraWave 1.05s infinite ease-in-out}
.aura-tier-9:before{left:-28px;top:-34px;width:250px;height:250px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.35),transparent 28%),conic-gradient(from 45deg,rgba(255,255,255,.98),rgba(251,191,36,.95),rgba(251,113,133,.7),rgba(255,255,255,.98));clip-path:polygon(50% 0,57% 31%,83% 9%,74% 40%,100% 50%,74% 60%,83% 91%,57% 69%,50% 100%,43% 69%,17% 91%,26% 60%,0 50%,26% 40%,17% 9%,43% 31%);filter:drop-shadow(0 0 40px rgba(255,255,255,.96)) drop-shadow(0 0 68px rgba(251,191,36,.8));animation:auraSpinSlow 2s linear infinite}.aura-tier-9:after{left:40px;top:-18px;width:112px;height:215px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(254,240,138,.48),transparent);clip-path:polygon(50% 0,62% 24%,88% 20%,68% 44%,82% 100%,50% 62%,18% 100%,32% 44%,12% 20%,38% 24%);filter:drop-shadow(0 0 28px rgba(254,240,138,.98));animation:auraFlicker .62s infinite alternate}
.aura-tier-10:before{left:-38px;top:-44px;width:272px;height:272px;background:radial-gradient(circle,rgba(255,255,255,.88) 0 8%,rgba(2,6,23,.9) 10% 28%,transparent 30%),conic-gradient(from 0deg,#fff,#020617,#fff,#020617,#fff);clip-path:circle(50% at 50% 50%);filter:drop-shadow(0 0 48px rgba(255,255,255,.96)) drop-shadow(0 0 72px rgba(2,6,23,.9));animation:auraSpinSlow 1.8s linear infinite reverse}.aura-tier-10:after{left:-2px;top:8px;width:196px;height:178px;border:5px double rgba(255,255,255,.84);border-left-color:rgba(2,6,23,.85);border-bottom-color:rgba(2,6,23,.85);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);box-shadow:0 0 34px rgba(255,255,255,.72),inset 0 0 24px rgba(255,255,255,.38);animation:auraPulse 1.12s infinite ease-in-out}
.aura-tier-11:before{left:-52px;top:-58px;width:300px;height:300px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.85) 0 6%,rgba(168,85,247,.44) 8% 18%,transparent 22%),conic-gradient(from 0deg,#fff,#38bdf8,#a78bfa,#f472b6,#facc15,#34d399,#fff);clip-path:polygon(50% 0,57% 24%,76% 4%,70% 31%,97% 21%,78% 45%,100% 59%,72% 61%,90% 88%,61% 75%,50% 100%,39% 75%,10% 88%,28% 61%,0 59%,22% 45%,3% 21%,30% 31%,24% 4%,43% 24%);filter:drop-shadow(0 0 48px rgba(255,255,255,1)) drop-shadow(0 0 82px rgba(168,85,247,.96));animation:auraSpinSlow 1.05s linear infinite}.aura-tier-11:after{left:16px;top:-18px;width:166px;height:230px;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(56,189,248,.5),rgba(244,114,182,.42),transparent);clip-path:polygon(50% 0,62% 27%,49% 27%,80% 100%,30% 48%,45% 48%);filter:drop-shadow(0 0 34px rgba(255,255,255,.98));animation:auraFlicker .38s infinite alternate}

/* v53: aura square-box artifact fix */
.aura{
  background-color:transparent!important;
  border-radius:50%!important;
  overflow:hidden!important;
  filter:saturate(1.25)!important;
  -webkit-mask-image:radial-gradient(circle,#000 0 72%,rgba(0,0,0,.6) 74%,transparent 78%)!important;
  mask-image:radial-gradient(circle,#000 0 72%,rgba(0,0,0,.6) 74%,transparent 78%)!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
  background-clip:padding-box!important;
}
.aura:before,.aura:after{
  background:transparent!important;
  box-sizing:border-box!important;
}
.aura-tier-6{
  background:
    radial-gradient(circle,rgba(255,255,255,.34) 0 10%,rgba(255,0,160,.24) 24%,rgba(0,200,255,.22) 42%,rgba(255,255,0,.16) 58%,transparent 76%)!important;
  box-shadow:0 0 42px rgba(255,255,255,.34),0 0 74px rgba(168,85,247,.28)!important;
}
.player-tier-6:after{
  border-radius:50%!important;
  overflow:hidden!important;
  -webkit-mask-image:radial-gradient(circle,#000 0 70%,transparent 74%)!important;
  mask-image:radial-gradient(circle,#000 0 70%,transparent 74%)!important;
}

/* v54: dramatic differentiated aura upgrade, no square artifact */
.aura{
  width:210px!important;height:210px!important;left:calc(23% - 60px)!important;bottom:32px!important;
  border-radius:50%!important;overflow:visible!important;background:transparent!important;
  opacity:.95!important;filter:none!important;mix-blend-mode:screen;pointer-events:none;
  -webkit-mask-image:none!important;mask-image:none!important;
}
.aura:before,.aura:after{content:""!important;position:absolute!important;inset:auto!important;box-sizing:border-box!important;border-radius:50%;pointer-events:none;background:none!important;}
.aura-tier-0{background:radial-gradient(circle,rgba(134,239,172,.25),rgba(34,197,94,.12) 45%,transparent 72%)!important;box-shadow:0 0 18px rgba(34,197,94,.22)!important;animation:auraBreathe 2.4s ease-in-out infinite!important}.aura-tier-0:before{left:43px!important;top:43px!important;width:124px!important;height:124px!important;border:2px solid rgba(134,239,172,.32)!important;animation:auraSpin 8s linear infinite!important}
.aura-tier-1{background:radial-gradient(circle,rgba(34,197,94,.36),rgba(16,185,129,.16) 50%,transparent 76%)!important;box-shadow:0 0 24px rgba(74,222,128,.38)!important;animation:auraBreathe 2s ease-in-out infinite!important}.aura-tier-1:before{left:30px!important;top:22px!important;width:150px!important;height:165px!important;background:conic-gradient(from 20deg,transparent,rgba(134,239,172,.8),transparent,rgba(52,211,153,.55),transparent)!important;clip-path:polygon(50% 0,62% 35%,100% 50%,62% 65%,50% 100%,38% 65%,0 50%,38% 35%)!important;filter:drop-shadow(0 0 14px rgba(74,222,128,.75))!important;animation:auraSpin 4.5s linear infinite!important}.aura-tier-1:after{left:60px!important;top:18px!important;width:90px!important;height:170px!important;background:linear-gradient(180deg,rgba(187,247,208,.55),transparent)!important;clip-path:polygon(50% 0,70% 55%,50% 100%,30% 55%)!important;animation:auraRise 1.5s ease-in-out infinite!important}
.aura-tier-2{background:radial-gradient(circle,rgba(125,211,252,.45),rgba(37,99,235,.18) 48%,transparent 76%)!important;box-shadow:0 0 32px rgba(96,165,250,.5)!important;animation:auraBreathe 1.8s ease-in-out infinite!important}.aura-tier-2:before{left:18px!important;top:18px!important;width:174px!important;height:174px!important;border:4px dashed rgba(147,197,253,.68)!important;filter:drop-shadow(0 0 14px rgba(59,130,246,.9))!important;animation:auraSpin 2.8s linear infinite!important}.aura-tier-2:after{left:36px!important;top:8px!important;width:138px!important;height:194px!important;background:linear-gradient(180deg,rgba(219,234,254,.74),rgba(96,165,250,.34),transparent)!important;clip-path:polygon(50% 0,66% 38%,54% 38%,76% 100%,28% 52%,44% 52%)!important;filter:drop-shadow(0 0 18px rgba(147,197,253,.95))!important;animation:auraFlicker .8s infinite alternate!important}
.aura-tier-3{background:radial-gradient(circle,rgba(216,180,254,.45),rgba(126,34,206,.18) 48%,transparent 78%)!important;box-shadow:0 0 36px rgba(192,132,252,.55)!important;animation:auraBreathe 1.55s ease-in-out infinite!important}.aura-tier-3:before{left:12px!important;top:12px!important;width:186px!important;height:186px!important;background:conic-gradient(from 0deg,transparent 0 9%,rgba(216,180,254,.9) 10% 13%,transparent 14% 24%,rgba(168,85,247,.72) 25% 29%,transparent 30% 100%)!important;clip-path:polygon(50% 0,62% 34%,98% 34%,69% 56%,80% 92%,50% 70%,20% 92%,31% 56%,2% 34%,38% 34%)!important;filter:drop-shadow(0 0 22px rgba(168,85,247,.9))!important;animation:auraSpin 2.2s linear infinite reverse!important}.aura-tier-3:after{left:48px!important;top:26px!important;width:114px!important;height:158px!important;border:3px solid rgba(233,213,255,.58)!important;box-shadow:0 0 26px rgba(216,180,254,.7)!important;animation:auraPulseStrong 1.2s ease-in-out infinite!important}
.aura-tier-4{background:radial-gradient(circle,rgba(251,191,36,.46),rgba(249,115,22,.18) 50%,transparent 78%)!important;box-shadow:0 0 42px rgba(251,191,36,.66)!important;animation:auraBreathe 1.25s ease-in-out infinite!important}.aura-tier-4:before{left:18px!important;top:-2px!important;width:174px!important;height:210px!important;background:linear-gradient(180deg,rgba(254,240,138,.92),rgba(249,115,22,.5),transparent)!important;clip-path:polygon(50% 0,61% 26%,82% 8%,73% 39%,100% 32%,77% 55%,92% 78%,63% 70%,50% 100%,37% 70%,8% 78%,23% 55%,0 32%,27% 39%,18% 8%,39% 26%)!important;filter:drop-shadow(0 0 26px rgba(251,191,36,.95))!important;animation:auraFlame .7s infinite alternate!important}.aura-tier-4:after{left:62px!important;top:18px!important;width:86px!important;height:176px!important;background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(253,224,71,.5),transparent)!important;clip-path:polygon(50% 0,70% 42%,55% 42%,78% 100%,32% 55%,47% 55%)!important;animation:auraFlicker .45s infinite alternate!important}
.aura-tier-5{background:radial-gradient(circle,rgba(248,113,113,.48),rgba(190,18,60,.2) 50%,transparent 78%)!important;box-shadow:0 0 48px rgba(248,113,113,.72)!important;animation:auraBreathe 1.05s ease-in-out infinite!important}.aura-tier-5:before{left:2px!important;top:2px!important;width:206px!important;height:206px!important;background:conic-gradient(from 90deg,rgba(239,68,68,.95),transparent 12%,rgba(244,63,94,.9),transparent 28%,rgba(248,113,113,.9),transparent 48%,rgba(220,38,38,.95),transparent 72%,rgba(239,68,68,.95))!important;clip-path:polygon(50% 0,63% 30%,100% 18%,76% 48%,100% 78%,64% 72%,50% 100%,36% 72%,0 78%,24% 48%,0 18%,37% 30%)!important;filter:drop-shadow(0 0 30px rgba(239,68,68,1))!important;animation:auraSpin 1.35s linear infinite!important}.aura-tier-5:after{left:28px!important;top:22px!important;width:154px!important;height:166px!important;border:5px solid rgba(254,202,202,.62)!important;border-left-color:transparent!important;border-bottom-color:transparent!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;animation:auraPulseStrong .8s ease-in-out infinite!important}
.aura-tier-6{background:radial-gradient(circle,rgba(255,255,255,.38),rgba(34,211,238,.2) 30%,rgba(217,70,239,.22) 52%,transparent 80%)!important;box-shadow:0 0 56px rgba(255,255,255,.58),0 0 84px rgba(168,85,247,.55)!important;animation:auraBreathe .9s ease-in-out infinite!important}.aura-tier-6:before{left:-8px!important;top:-8px!important;width:226px!important;height:226px!important;background:conic-gradient(from 0deg,#ff1744,#ffb000,#fff34d,#00ff80,#00c8ff,#8b5cf6,#ff2bd6,#ff1744)!important;clip-path:polygon(50% 0,58% 28%,86% 8%,72% 39%,100% 50%,72% 61%,86% 92%,58% 72%,50% 100%,42% 72%,14% 92%,28% 61%,0 50%,28% 39%,14% 8%,42% 28%)!important;filter:drop-shadow(0 0 34px rgba(255,255,255,1)) drop-shadow(0 0 54px rgba(168,85,247,.82))!important;animation:auraSpin .95s linear infinite!important}.aura-tier-6:after{left:36px!important;top:-16px!important;width:138px!important;height:238px!important;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(96,165,250,.52),rgba(244,114,182,.42),transparent)!important;clip-path:polygon(50% 0,63% 31%,49% 31%,78% 100%,29% 49%,45% 49%)!important;filter:drop-shadow(0 0 26px rgba(255,255,255,.95))!important;animation:auraFlicker .34s infinite alternate!important}
.aura-tier-7{background:radial-gradient(circle,rgba(147,197,253,.5),rgba(88,28,135,.22) 45%,transparent 80%)!important;box-shadow:0 0 62px rgba(96,165,250,.7),0 0 96px rgba(168,85,247,.58)!important;animation:auraBreathe .8s ease-in-out infinite!important}.aura-tier-7:before{left:-18px!important;top:-20px!important;width:246px!important;height:246px!important;background:conic-gradient(from 90deg,transparent 0 7%,rgba(59,130,246,1) 9% 13%,transparent 15% 25%,rgba(124,58,237,.95) 29% 34%,transparent 38% 48%,rgba(236,72,153,1) 52% 57%,transparent 61% 70%,rgba(34,211,238,.95) 75% 80%,transparent 84% 100%)!important;clip-path:polygon(50% 0,56% 24%,78% 5%,70% 32%,98% 26%,76% 48%,100% 62%,72% 64%,84% 94%,58% 76%,50% 100%,42% 76%,16% 94%,28% 64%,0 62%,24% 48%,2% 26%,30% 32%,22% 5%,44% 24%)!important;filter:drop-shadow(0 0 38px rgba(96,165,250,1)) drop-shadow(0 0 60px rgba(168,85,247,.9))!important;animation:auraSpin .78s linear infinite!important}.aura-tier-7:after{left:22px!important;top:-6px!important;width:166px!important;height:222px!important;background:linear-gradient(180deg,rgba(219,234,254,.9),rgba(167,139,250,.44),transparent)!important;clip-path:polygon(50% 0,64% 28%,52% 28%,80% 100%,28% 48%,46% 48%)!important;filter:drop-shadow(0 0 30px rgba(147,197,253,1))!important;animation:auraFlicker .32s infinite alternate!important}
.aura-tier-8{background:radial-gradient(circle,rgba(14,165,233,.42),rgba(2,6,23,.38) 45%,rgba(236,72,153,.18) 62%,transparent 82%)!important;box-shadow:0 0 70px rgba(14,165,233,.72),0 0 106px rgba(15,23,42,.95)!important;animation:auraBreathe .75s ease-in-out infinite!important}.aura-tier-8:before{left:-30px!important;top:-34px!important;width:270px!important;height:270px!important;background:conic-gradient(from 0deg,#020617,#7c3aed,#0ea5e9,#111827,#ec4899,#020617)!important;clip-path:polygon(50% 0,61% 30%,94% 12%,77% 45%,100% 71%,65% 68%,50% 100%,35% 68%,0 71%,23% 45%,6% 12%,39% 30%)!important;filter:drop-shadow(0 0 42px rgba(14,165,233,.9)) drop-shadow(0 0 66px rgba(15,23,42,1))!important;animation:auraSpin .62s linear infinite reverse!important}.aura-tier-8:after{left:0!important;top:38px!important;width:210px!important;height:130px!important;background:linear-gradient(100deg,transparent,rgba(14,165,233,.72),transparent 30%,rgba(236,72,153,.62),transparent 64%,rgba(167,139,250,.72),transparent)!important;clip-path:polygon(0 52%,18% 35%,38% 47%,52% 12%,68% 49%,100% 34%,80% 55%,100% 78%,66% 62%,52% 96%,38% 59%,18% 75%)!important;filter:drop-shadow(0 0 30px rgba(56,189,248,1))!important;animation:auraWave .58s infinite ease-in-out!important}
.aura-tier-9{background:radial-gradient(circle,rgba(255,255,255,.54),rgba(251,191,36,.28) 42%,transparent 80%)!important;box-shadow:0 0 78px rgba(255,255,255,.78),0 0 116px rgba(251,191,36,.68)!important;animation:auraBreathe .68s ease-in-out infinite!important}.aura-tier-9:before{left:-24px!important;top:-28px!important;width:258px!important;height:258px!important;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.62),transparent 26%),conic-gradient(from 45deg,rgba(255,255,255,1),rgba(251,191,36,1),rgba(251,113,133,.86),rgba(255,255,255,1))!important;clip-path:polygon(50% 0,57% 31%,83% 9%,74% 40%,100% 50%,74% 60%,83% 91%,57% 69%,50% 100%,43% 69%,17% 91%,26% 60%,0 50%,26% 40%,17% 9%,43% 31%)!important;filter:drop-shadow(0 0 46px rgba(255,255,255,1)) drop-shadow(0 0 72px rgba(251,191,36,.9))!important;animation:auraSpin 1s linear infinite!important}.aura-tier-9:after{left:46px!important;top:-24px!important;width:118px!important;height:244px!important;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(254,240,138,.62),transparent)!important;clip-path:polygon(50% 0,62% 24%,88% 20%,68% 44%,84% 100%,50% 62%,16% 100%,32% 44%,12% 20%,38% 24%)!important;filter:drop-shadow(0 0 34px rgba(254,240,138,1))!important;animation:auraFlicker .25s infinite alternate!important}
.aura-tier-10{background:radial-gradient(circle,rgba(255,255,255,.64),rgba(2,6,23,.5) 38%,transparent 80%)!important;box-shadow:0 0 84px rgba(255,255,255,.88),0 0 126px rgba(2,6,23,1)!important;animation:auraBreathe .62s ease-in-out infinite!important}.aura-tier-10:before{left:-34px!important;top:-38px!important;width:278px!important;height:278px!important;background:radial-gradient(circle,rgba(255,255,255,.92) 0 7%,rgba(2,6,23,.98) 10% 26%,transparent 29%),conic-gradient(from 0deg,#fff,#020617,#fff,#020617,#fff)!important;clip-path:circle(50% at 50% 50%)!important;filter:drop-shadow(0 0 54px rgba(255,255,255,1)) drop-shadow(0 0 78px rgba(2,6,23,1))!important;animation:auraSpin .8s linear infinite reverse!important}.aura-tier-10:after{left:3px!important;top:10px!important;width:204px!important;height:190px!important;border:6px double rgba(255,255,255,.95)!important;border-left-color:rgba(2,6,23,.95)!important;border-bottom-color:rgba(2,6,23,.95)!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;box-shadow:0 0 40px rgba(255,255,255,.9),inset 0 0 28px rgba(255,255,255,.52)!important;animation:auraPulseStrong .5s infinite ease-in-out!important}
.aura-tier-11{background:radial-gradient(circle,rgba(255,255,255,.72),rgba(168,85,247,.34) 32%,rgba(56,189,248,.2) 58%,transparent 82%)!important;box-shadow:0 0 96px rgba(255,255,255,1),0 0 144px rgba(168,85,247,.95),0 0 180px rgba(56,189,248,.55)!important;animation:auraBreathe .55s ease-in-out infinite!important}.aura-tier-11:before{left:-46px!important;top:-52px!important;width:302px!important;height:302px!important;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.94) 0 6%,rgba(168,85,247,.54) 8% 18%,transparent 22%),conic-gradient(from 0deg,#fff,#38bdf8,#a78bfa,#f472b6,#facc15,#34d399,#fff)!important;clip-path:polygon(50% 0,57% 24%,76% 4%,70% 31%,97% 21%,78% 45%,100% 59%,72% 61%,90% 88%,61% 75%,50% 100%,39% 75%,10% 88%,28% 61%,0 59%,22% 45%,3% 21%,30% 31%,24% 4%,43% 24%)!important;filter:drop-shadow(0 0 56px rgba(255,255,255,1)) drop-shadow(0 0 92px rgba(168,85,247,1))!important;animation:auraSpin .46s linear infinite!important}.aura-tier-11:after{left:17px!important;top:-28px!important;width:176px!important;height:260px!important;background:linear-gradient(180deg,rgba(255,255,255,1),rgba(56,189,248,.62),rgba(244,114,182,.5),transparent)!important;clip-path:polygon(50% 0,62% 27%,49% 27%,82% 100%,28% 48%,45% 48%)!important;filter:drop-shadow(0 0 42px rgba(255,255,255,1))!important;animation:auraFlicker .2s infinite alternate!important}
@keyframes auraSpin{to{transform:rotate(360deg)}}
@keyframes auraBreathe{0%,100%{transform:scale(.92);opacity:.72}50%{transform:scale(1.08);opacity:1}}
@keyframes auraPulseStrong{0%,100%{transform:scale(.86) rotate(45deg);opacity:.55}50%{transform:scale(1.14) rotate(45deg);opacity:1}}
@media(max-width:820px){.aura{left:calc(16% - 60px)!important;bottom:6px!important;transform:scale(.84);transform-origin:center bottom}.aura:before,.aura:after{transform-origin:center!important}}


/* v55: bind aura to the character so it moves as one body, especially on mobile */
.stage > .aura{display:none!important}
.player{overflow:visible!important;isolation:isolate!important}
.player .aura{position:absolute!important;left:50%!important;bottom:-50px!important;width:210px!important;height:210px!important;margin-left:-105px!important;border-radius:50%!important;pointer-events:none!important;z-index:-1!important;transform-origin:center center!important;mix-blend-mode:screen}
.player .aura:before,.player .aura:after{transform-origin:center center!important}
.player .horn,.player .eye,.player .mouth{z-index:2}
.player:before{z-index:1}
@media(max-width:820px){.player .aura{left:50%!important;bottom:-48px!important;width:178px!important;height:178px!important;margin-left:-89px!important;transform-origin:center center!important}.player .aura:before,.player .aura:after{transform-origin:center center!important}}


/* v56: mobile aura centering fix - keep aura on the same 210px coordinate system as desktop so tier shapes do not drift */
@media(max-width:820px){
  .stage .player{left:16%!important;bottom:52px!important;overflow:visible!important;isolation:isolate!important;}
  .stage > .aura{display:none!important;}
  .player .aura{
    position:absolute!important;
    left:50%!important;
    bottom:-52px!important;
    width:210px!important;
    height:210px!important;
    margin-left:-105px!important;
    border-radius:50%!important;
    pointer-events:none!important;
    z-index:-1!important;
    transform-origin:105px 105px!important;
    mix-blend-mode:screen!important;
  }
  .player .aura:before,.player .aura:after{transform-origin:105px 105px!important;}
}


/* v57: aura progression rebalance - weak early, clearly stronger late, bound to character */
.player .aura{opacity:1!important;}
.aura-tier-0{background:radial-gradient(circle,rgba(134,239,172,.13),rgba(34,197,94,.045) 48%,transparent 72%)!important;box-shadow:0 0 9px rgba(74,222,128,.13)!important;animation:auraBreatheSoft 3.2s ease-in-out infinite!important;}
.aura-tier-0:before{left:58px!important;top:58px!important;width:94px!important;height:94px!important;border:1px solid rgba(187,247,208,.18)!important;background:none!important;filter:none!important;clip-path:none!important;animation:auraSpin 12s linear infinite!important;}
.aura-tier-0:after{display:none!important;}

.aura-tier-1{background:radial-gradient(circle,rgba(134,239,172,.19),rgba(16,185,129,.075) 50%,transparent 74%)!important;box-shadow:0 0 14px rgba(74,222,128,.22)!important;animation:auraBreatheSoft 2.9s ease-in-out infinite!important;}
.aura-tier-1:before{left:50px!important;top:48px!important;width:110px!important;height:116px!important;border:1px solid rgba(134,239,172,.28)!important;background:none!important;filter:drop-shadow(0 0 7px rgba(74,222,128,.35))!important;clip-path:circle(50% at 50% 50%)!important;animation:auraSpin 9s linear infinite!important;}
.aura-tier-1:after{display:block!important;left:84px!important;top:26px!important;width:42px!important;height:120px!important;background:linear-gradient(180deg,rgba(187,247,208,.18),transparent)!important;clip-path:polygon(50% 0,62% 45%,50% 100%,38% 45%)!important;filter:none!important;animation:auraRise 2.5s ease-in-out infinite!important;}

.aura-tier-2{background:radial-gradient(circle,rgba(125,211,252,.23),rgba(37,99,235,.095) 48%,transparent 75%)!important;box-shadow:0 0 20px rgba(96,165,250,.3)!important;animation:auraBreatheSoft 2.55s ease-in-out infinite!important;}
.aura-tier-2:before{left:42px!important;top:40px!important;width:126px!important;height:130px!important;border:2px solid rgba(147,197,253,.33)!important;border-top-color:rgba(219,234,254,.55)!important;background:none!important;clip-path:circle(50% at 50% 50%)!important;filter:drop-shadow(0 0 9px rgba(96,165,250,.45))!important;animation:auraSpin 6.8s linear infinite!important;}
.aura-tier-2:after{left:70px!important;top:28px!important;width:70px!important;height:145px!important;background:linear-gradient(180deg,rgba(219,234,254,.27),rgba(96,165,250,.14),transparent)!important;clip-path:polygon(50% 0,64% 42%,54% 42%,70% 100%,32% 56%,45% 56%)!important;filter:drop-shadow(0 0 8px rgba(147,197,253,.42))!important;animation:auraFlicker 1.4s infinite alternate!important;}

.aura-tier-3{background:radial-gradient(circle,rgba(216,180,254,.28),rgba(126,34,206,.11) 48%,transparent 76%)!important;box-shadow:0 0 25px rgba(192,132,252,.36)!important;animation:auraBreatheSoft 2.2s ease-in-out infinite!important;}
.aura-tier-3:before{left:34px!important;top:32px!important;width:142px!important;height:146px!important;background:conic-gradient(from 0deg,transparent 0 12%,rgba(216,180,254,.46) 13% 16%,transparent 17% 31%,rgba(168,85,247,.36) 32% 36%,transparent 37% 100%)!important;clip-path:circle(50% at 50% 50%)!important;filter:drop-shadow(0 0 11px rgba(168,85,247,.45))!important;animation:auraSpin 5.2s linear infinite reverse!important;}
.aura-tier-3:after{left:58px!important;top:44px!important;width:94px!important;height:112px!important;border:2px solid rgba(233,213,255,.28)!important;background:none!important;box-shadow:0 0 12px rgba(216,180,254,.32)!important;clip-path:circle(50% at 50% 50%)!important;animation:auraPulseSoft 1.7s ease-in-out infinite!important;}

.aura-tier-4{background:radial-gradient(circle,rgba(251,191,36,.34),rgba(249,115,22,.13) 50%,transparent 77%)!important;box-shadow:0 0 32px rgba(251,191,36,.48)!important;animation:auraBreathe 1.7s ease-in-out infinite!important;}
.aura-tier-4:before{left:28px!important;top:18px!important;width:154px!important;height:178px!important;background:linear-gradient(180deg,rgba(254,240,138,.48),rgba(249,115,22,.25),transparent)!important;clip-path:polygon(50% 0,60% 32%,78% 13%,71% 42%,96% 37%,76% 57%,88% 78%,63% 71%,50% 100%,37% 71%,12% 78%,24% 57%,4% 37%,29% 42%,22% 13%,40% 32%)!important;filter:drop-shadow(0 0 17px rgba(251,191,36,.65))!important;animation:auraFlame 1s infinite alternate!important;}
.aura-tier-4:after{left:72px!important;top:25px!important;width:66px!important;height:158px!important;background:linear-gradient(180deg,rgba(255,255,255,.36),rgba(253,224,71,.24),transparent)!important;clip-path:polygon(50% 0,68% 42%,55% 42%,74% 100%,34% 55%,47% 55%)!important;animation:auraFlicker .75s infinite alternate!important;}

.aura-tier-5{background:radial-gradient(circle,rgba(248,113,113,.39),rgba(190,18,60,.16) 50%,transparent 78%)!important;box-shadow:0 0 38px rgba(248,113,113,.58)!important;animation:auraBreathe 1.45s ease-in-out infinite!important;}
.aura-tier-5:before{left:18px!important;top:18px!important;width:174px!important;height:174px!important;background:conic-gradient(from 90deg,rgba(239,68,68,.62),transparent 13%,rgba(244,63,94,.54),transparent 30%,rgba(248,113,113,.55),transparent 50%,rgba(220,38,38,.6),transparent 72%,rgba(239,68,68,.62))!important;clip-path:polygon(50% 0,62% 31%,94% 20%,74% 49%,96% 75%,63% 72%,50% 100%,37% 72%,4% 75%,26% 49%,6% 20%,38% 31%)!important;filter:drop-shadow(0 0 22px rgba(239,68,68,.72))!important;animation:auraSpin 2.2s linear infinite!important;}
.aura-tier-5:after{left:38px!important;top:32px!important;width:134px!important;height:146px!important;border:3px solid rgba(254,202,202,.4)!important;border-left-color:transparent!important;border-bottom-color:transparent!important;background:none!important;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)!important;animation:auraPulseStrong 1.25s ease-in-out infinite!important;}

.aura-tier-6{background:radial-gradient(circle,rgba(255,255,255,.34),rgba(34,211,238,.17) 30%,rgba(217,70,239,.17) 54%,transparent 79%)!important;box-shadow:0 0 46px rgba(255,255,255,.46),0 0 70px rgba(168,85,247,.42)!important;animation:auraBreathe 1.25s ease-in-out infinite!important;}
.aura-tier-6:before{left:4px!important;top:4px!important;width:202px!important;height:202px!important;background:conic-gradient(from 0deg,rgba(255,23,68,.76),rgba(255,176,0,.62),rgba(255,243,77,.72),rgba(0,255,128,.58),rgba(0,200,255,.72),rgba(139,92,246,.68),rgba(255,43,214,.7),rgba(255,23,68,.76))!important;clip-path:polygon(50% 0,58% 30%,84% 10%,71% 40%,98% 50%,71% 60%,84% 90%,58% 70%,50% 100%,42% 70%,16% 90%,29% 60%,2% 50%,29% 40%,16% 10%,42% 30%)!important;filter:drop-shadow(0 0 26px rgba(255,255,255,.72)) drop-shadow(0 0 42px rgba(168,85,247,.62))!important;animation:auraSpin 1.55s linear infinite!important;}
.aura-tier-6:after{left:48px!important;top:-4px!important;width:114px!important;height:218px!important;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(96,165,250,.34),rgba(244,114,182,.28),transparent)!important;clip-path:polygon(50% 0,63% 31%,49% 31%,76% 100%,30% 50%,45% 50%)!important;filter:drop-shadow(0 0 18px rgba(255,255,255,.7))!important;animation:auraFlicker .55s infinite alternate!important;}

.aura-tier-7{background:radial-gradient(circle,rgba(147,197,253,.43),rgba(88,28,135,.2) 45%,transparent 80%)!important;box-shadow:0 0 56px rgba(96,165,250,.6),0 0 88px rgba(168,85,247,.52)!important;animation:auraBreathe 1.05s ease-in-out infinite!important;}
.aura-tier-7:before{left:-12px!important;top:-14px!important;width:234px!important;height:234px!important;background:conic-gradient(from 90deg,transparent 0 7%,rgba(59,130,246,.92) 9% 13%,transparent 15% 25%,rgba(124,58,237,.86) 29% 34%,transparent 38% 48%,rgba(236,72,153,.9) 52% 57%,transparent 61% 70%,rgba(34,211,238,.86) 75% 80%,transparent 84% 100%)!important;clip-path:polygon(50% 0,56% 24%,78% 5%,70% 32%,98% 26%,76% 48%,100% 62%,72% 64%,84% 94%,58% 76%,50% 100%,42% 76%,16% 94%,28% 64%,0 62%,24% 48%,2% 26%,30% 32%,22% 5%,44% 24%)!important;filter:drop-shadow(0 0 32px rgba(96,165,250,.9)) drop-shadow(0 0 52px rgba(168,85,247,.78))!important;animation:auraSpin 1.1s linear infinite!important;}
.aura-tier-7:after{left:28px!important;top:0!important;width:154px!important;height:214px!important;background:linear-gradient(180deg,rgba(219,234,254,.72),rgba(167,139,250,.38),transparent)!important;clip-path:polygon(50% 0,64% 28%,52% 28%,80% 100%,28% 48%,46% 48%)!important;filter:drop-shadow(0 0 24px rgba(147,197,253,.82))!important;animation:auraFlicker .45s infinite alternate!important;}

.aura-tier-8,.aura-tier-9,.aura-tier-10,.aura-tier-11{transform:scale(1.03);}
.aura-tier-8{box-shadow:0 0 76px rgba(14,165,233,.78),0 0 112px rgba(15,23,42,.95)!important;}
.aura-tier-9{box-shadow:0 0 86px rgba(255,255,255,.82),0 0 128px rgba(251,191,36,.76)!important;}
.aura-tier-10{box-shadow:0 0 94px rgba(255,255,255,.95),0 0 140px rgba(2,6,23,1)!important;}
.aura-tier-11{transform:scale(1.08);box-shadow:0 0 110px rgba(255,255,255,1),0 0 160px rgba(168,85,247,1),0 0 205px rgba(56,189,248,.65)!important;}
@keyframes auraBreatheSoft{0%,100%{transform:scale(.95);opacity:.42}50%{transform:scale(1.04);opacity:.68}}
@keyframes auraPulseSoft{0%,100%{transform:scale(.9);opacity:.32}50%{transform:scale(1.08);opacity:.56}}
@media(max-width:820px){.player .aura{bottom:-50px!important}.aura-tier-0,.aura-tier-1,.aura-tier-2,.aura-tier-3{transform:scale(.94)!important}.aura-tier-8,.aura-tier-9,.aura-tier-10{transform:scale(1)!important}.aura-tier-11{transform:scale(1.04)!important}}


/* v58: mobile aura lock - smaller, centered, character-bound */
@media(max-width:820px){
  .player{overflow:visible!important;transform-origin:50% 100%!important;}
  .player .aura{
    left:50%!important;
    top:50%!important;
    bottom:auto!important;
    width:142px!important;
    height:142px!important;
    margin-left:-71px!important;
    margin-top:-74px!important;
    transform-origin:71px 71px!important;
    z-index:-1!important;
    opacity:.88!important;
  }
  .player .aura:before,.player .aura:after{transform-origin:71px 71px!important;}

  .player .aura-tier-0{transform:scale(.56)!important;}
  .player .aura-tier-1{transform:scale(.60)!important;}
  .player .aura-tier-2{transform:scale(.64)!important;}
  .player .aura-tier-3{transform:scale(.68)!important;}
  .player .aura-tier-4{transform:scale(.72)!important;}
  .player .aura-tier-5{transform:scale(.76)!important;}
  .player .aura-tier-6{transform:scale(.80)!important;}
  .player .aura-tier-7{transform:scale(.84)!important;}
  .player .aura-tier-8{transform:scale(.88)!important;}
  .player .aura-tier-9{transform:scale(.92)!important;}
  .player .aura-tier-10{transform:scale(.96)!important;}
  .player .aura-tier-11{transform:scale(1)!important;}

  .player .aura-tier-0:before{left:36px!important;top:36px!important;width:70px!important;height:70px!important;}
  .player .aura-tier-1:before{left:30px!important;top:28px!important;width:82px!important;height:86px!important;}
  .player .aura-tier-1:after{left:57px!important;top:14px!important;width:28px!important;height:94px!important;}
  .player .aura-tier-2:before{left:24px!important;top:23px!important;width:94px!important;height:96px!important;}
  .player .aura-tier-2:after{left:48px!important;top:18px!important;width:46px!important;height:106px!important;}
  .player .aura-tier-3:before{left:20px!important;top:19px!important;width:102px!important;height:104px!important;}
  .player .aura-tier-3:after{left:39px!important;top:28px!important;width:64px!important;height:78px!important;}
  .player .aura-tier-4:before{left:18px!important;top:10px!important;width:106px!important;height:124px!important;}
  .player .aura-tier-4:after{left:50px!important;top:16px!important;width:42px!important;height:112px!important;}
  .player .aura-tier-5:before{left:12px!important;top:12px!important;width:118px!important;height:118px!important;}
  .player .aura-tier-5:after{left:26px!important;top:23px!important;width:90px!important;height:96px!important;}
  .player .aura-tier-6:before{left:4px!important;top:4px!important;width:134px!important;height:134px!important;}
  .player .aura-tier-6:after{left:34px!important;top:-2px!important;width:74px!important;height:146px!important;}
  .player .aura-tier-7:before{left:-2px!important;top:-3px!important;width:146px!important;height:146px!important;}
  .player .aura-tier-7:after{left:26px!important;top:2px!important;width:90px!important;height:138px!important;}
}
@media(max-width:480px){
  .player .aura{
    width:118px!important;
    height:118px!important;
    margin-left:-59px!important;
    margin-top:-62px!important;
    transform-origin:59px 59px!important;
  }
  .player .aura:before,.player .aura:after{transform-origin:59px 59px!important;}
  .player .aura-tier-0{transform:scale(.52)!important;}
  .player .aura-tier-1{transform:scale(.56)!important;}
  .player .aura-tier-2{transform:scale(.60)!important;}
  .player .aura-tier-3{transform:scale(.64)!important;}
  .player .aura-tier-4{transform:scale(.68)!important;}
  .player .aura-tier-5{transform:scale(.72)!important;}
  .player .aura-tier-6{transform:scale(.76)!important;}
  .player .aura-tier-7{transform:scale(.80)!important;}
  .player .aura-tier-8{transform:scale(.84)!important;}
  .player .aura-tier-9{transform:scale(.88)!important;}
  .player .aura-tier-10{transform:scale(.92)!important;}
  .player .aura-tier-11{transform:scale(.96)!important;}
}

/* v59: aura redesign - weak early, magic-circle and ribbon aura late */
.player .aura{
  overflow:visible!important;
  border-radius:50%!important;
  mix-blend-mode:screen;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 56%, rgba(255,255,255,.18), rgba(167,139,250,.12) 35%, transparent 72%)!important;
}
.player .aura:before,.player .aura:after{content:"";position:absolute;pointer-events:none;border-radius:50%;box-sizing:border-box;}
.aura-tier-0{opacity:.14!important;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(134,239,172,.08) 45%,transparent 72%)!important;box-shadow:0 0 10px rgba(134,239,172,.22)!important;animation:auraBreathTiny 2.6s ease-in-out infinite!important;}
.aura-tier-0:before{left:74px!important;top:76px!important;width:62px!important;height:54px!important;background:radial-gradient(ellipse,rgba(187,247,208,.26),transparent 70%)!important;clip-path:ellipse(45% 35% at 50% 50%)!important;filter:blur(.5px)!important;animation:auraFloatSoft 2.4s ease-in-out infinite!important;}
.aura-tier-0:after{display:none!important;}
.aura-tier-1{opacity:.28!important;background:radial-gradient(circle,rgba(74,222,128,.22),rgba(16,185,129,.08) 48%,transparent 74%)!important;box-shadow:0 0 16px rgba(74,222,128,.28)!important;animation:auraBreathTiny 2.35s ease-in-out infinite!important;}
.aura-tier-1:before{left:60px!important;top:46px!important;width:90px!important;height:118px!important;background:linear-gradient(180deg,rgba(187,247,208,.26),transparent 73%),linear-gradient(110deg,transparent 8%,rgba(134,239,172,.38) 45%,transparent 80%)!important;clip-path:polygon(48% 0,58% 38%,51% 100%,43% 39%)!important;filter:drop-shadow(0 0 10px rgba(74,222,128,.5))!important;animation:auraRibbonUp 1.9s ease-in-out infinite!important;}
.aura-tier-1:after{left:66px!important;top:66px!important;width:78px!important;height:78px!important;border:1px solid rgba(187,247,208,.22)!important;background:none!important;box-shadow:0 0 10px rgba(134,239,172,.2)!important;animation:auraCircleSlow 5s linear infinite!important;}
.aura-tier-2{opacity:.42!important;background:radial-gradient(circle,rgba(125,211,252,.28),rgba(37,99,235,.1) 48%,transparent 76%)!important;box-shadow:0 0 24px rgba(96,165,250,.38)!important;animation:auraBreathSmall 2s ease-in-out infinite!important;}
.aura-tier-2:before{left:44px!important;top:34px!important;width:122px!important;height:142px!important;background:linear-gradient(160deg,transparent 6%,rgba(147,197,253,.46) 18%,transparent 36%,rgba(96,165,250,.38) 58%,transparent 82%)!important;clip-path:polygon(45% 0,54% 30%,50% 100%,40% 56%,25% 72%,36% 38%)!important;filter:drop-shadow(0 0 14px rgba(96,165,250,.62))!important;animation:auraRibbonWave 1.55s ease-in-out infinite!important;}
.aura-tier-2:after{left:48px!important;top:48px!important;width:114px!important;height:114px!important;border:2px dashed rgba(147,197,253,.32)!important;background:radial-gradient(circle,transparent 56%,rgba(147,197,253,.16) 58%,transparent 61%)!important;box-shadow:0 0 16px rgba(96,165,250,.28)!important;animation:auraCircleSlow 4.2s linear infinite!important;}
.aura-tier-3{opacity:.55!important;background:radial-gradient(circle,rgba(216,180,254,.31),rgba(126,34,206,.12) 48%,transparent 78%)!important;box-shadow:0 0 30px rgba(192,132,252,.45)!important;animation:auraBreathSmall 1.8s ease-in-out infinite!important;}
.aura-tier-3:before{left:34px!important;top:28px!important;width:142px!important;height:152px!important;background:linear-gradient(18deg,transparent 0 16%,rgba(233,213,255,.46) 18% 25%,transparent 31% 43%,rgba(192,132,252,.42) 45% 55%,transparent 62% 100%)!important;clip-path:polygon(50% 0,60% 34%,53% 100%,46% 100%,40% 34%)!important;filter:drop-shadow(0 0 16px rgba(168,85,247,.72))!important;animation:auraRibbonWave 1.35s ease-in-out infinite!important;}
.aura-tier-3:after{left:38px!important;top:38px!important;width:134px!important;height:134px!important;background:repeating-conic-gradient(from 0deg,rgba(216,180,254,.48) 0 8deg,transparent 9deg 30deg),radial-gradient(circle,transparent 52%,rgba(216,180,254,.22) 54% 56%,transparent 58% 65%,rgba(216,180,254,.14) 66% 68%,transparent 70%)!important;border:1px solid rgba(233,213,255,.24)!important;filter:drop-shadow(0 0 18px rgba(168,85,247,.55))!important;animation:auraCircleSlow 3.4s linear infinite reverse!important;}
.aura-tier-4{opacity:.67!important;background:radial-gradient(circle,rgba(251,191,36,.34),rgba(249,115,22,.13) 50%,transparent 78%)!important;box-shadow:0 0 36px rgba(251,191,36,.55)!important;animation:auraBreathMedium 1.55s ease-in-out infinite!important;}
.aura-tier-4:before{left:24px!important;top:12px!important;width:162px!important;height:190px!important;background:linear-gradient(180deg,rgba(254,240,138,.58),rgba(249,115,22,.22),transparent),linear-gradient(35deg,transparent 15%,rgba(255,255,255,.45) 22%,transparent 32%)!important;clip-path:polygon(50% 0,60% 26%,74% 12%,68% 42%,88% 34%,72% 57%,82% 80%,61% 68%,50% 100%,39% 68%,18% 80%,28% 57%,12% 34%,32% 42%,26% 12%,40% 26%)!important;filter:drop-shadow(0 0 20px rgba(251,191,36,.8))!important;animation:auraFlameTall .95s ease-in-out infinite alternate!important;}
.aura-tier-4:after{left:36px!important;top:44px!important;width:138px!important;height:138px!important;background:repeating-conic-gradient(from 22deg,rgba(254,240,138,.42) 0 7deg,transparent 8deg 24deg),radial-gradient(circle,transparent 49%,rgba(254,240,138,.28) 51% 53%,transparent 55% 64%,rgba(251,191,36,.18) 65% 67%,transparent 69%)!important;border:1px solid rgba(254,240,138,.28)!important;filter:drop-shadow(0 0 18px rgba(251,191,36,.62))!important;animation:auraCircleSlow 2.8s linear infinite!important;}
.aura-tier-5{opacity:.76!important;background:radial-gradient(circle,rgba(248,113,113,.38),rgba(190,18,60,.16) 48%,transparent 79%)!important;box-shadow:0 0 44px rgba(248,113,113,.64)!important;animation:auraBreathMedium 1.35s ease-in-out infinite!important;}
.aura-tier-5:before{left:14px!important;top:2px!important;width:182px!important;height:208px!important;background:linear-gradient(175deg,rgba(254,202,202,.58),rgba(239,68,68,.35) 46%,transparent 83%),linear-gradient(28deg,transparent 12%,rgba(255,255,255,.38) 18%,transparent 27%,rgba(251,113,133,.4) 45%,transparent 62%)!important;clip-path:polygon(50% 0,60% 22%,79% 5%,72% 37%,96% 28%,76% 52%,93% 76%,64% 69%,50% 100%,36% 69%,7% 76%,24% 52%,4% 28%,28% 37%,21% 5%,40% 22%)!important;filter:drop-shadow(0 0 26px rgba(239,68,68,.9))!important;animation:auraFlameTall .72s ease-in-out infinite alternate!important;}
.aura-tier-5:after{left:24px!important;top:30px!important;width:162px!important;height:162px!important;background:repeating-conic-gradient(from 90deg,rgba(254,202,202,.5) 0 9deg,transparent 10deg 25deg),radial-gradient(circle,transparent 46%,rgba(254,202,202,.25) 48% 51%,transparent 53% 62%,rgba(248,113,113,.18) 63% 65%,transparent 68%)!important;border:2px solid rgba(254,202,202,.32)!important;filter:drop-shadow(0 0 22px rgba(239,68,68,.72))!important;animation:auraCircleSlow 2.1s linear infinite reverse!important;}
.aura-tier-6{opacity:.84!important;background:radial-gradient(circle,rgba(255,255,255,.34),rgba(34,211,238,.16) 30%,rgba(217,70,239,.18) 54%,transparent 80%)!important;box-shadow:0 0 54px rgba(255,255,255,.55),0 0 78px rgba(168,85,247,.45)!important;animation:auraBreathMedium 1.15s ease-in-out infinite!important;}
.aura-tier-6:before{left:0!important;top:-12px!important;width:210px!important;height:236px!important;background:linear-gradient(172deg,rgba(255,255,255,.62),rgba(96,165,250,.34) 35%,rgba(244,114,182,.3) 62%,transparent 86%),linear-gradient(38deg,transparent 6%,rgba(34,211,238,.54) 13%,transparent 22%,rgba(255,255,255,.4) 42%,transparent 56%,rgba(244,114,182,.52) 71%,transparent 88%)!important;clip-path:polygon(50% 0,58% 23%,79% 7%,72% 36%,100% 47%,73% 55%,88% 86%,61% 72%,50% 100%,39% 72%,12% 86%,27% 55%,0 47%,28% 36%,21% 7%,42% 23%)!important;filter:drop-shadow(0 0 30px rgba(255,255,255,.78)) drop-shadow(0 0 42px rgba(168,85,247,.65))!important;animation:auraRibbonStorm .88s ease-in-out infinite alternate!important;}
.aura-tier-6:after{left:10px!important;top:10px!important;width:190px!important;height:190px!important;background:repeating-conic-gradient(from 12deg,rgba(255,255,255,.6) 0 5deg,transparent 6deg 18deg,rgba(34,211,238,.44) 19deg 24deg,transparent 25deg 40deg),radial-gradient(circle,transparent 41%,rgba(255,255,255,.26) 43% 45%,transparent 47% 56%,rgba(168,85,247,.22) 57% 59%,transparent 61% 70%,rgba(34,211,238,.16) 71% 73%,transparent 75%)!important;border:1px solid rgba(255,255,255,.32)!important;filter:drop-shadow(0 0 26px rgba(96,165,250,.85))!important;animation:auraCircleFast 1.65s linear infinite!important;}
.aura-tier-7{opacity:.9!important;background:radial-gradient(circle,rgba(147,197,253,.38),rgba(88,28,135,.22) 44%,rgba(236,72,153,.12) 64%,transparent 82%)!important;box-shadow:0 0 68px rgba(96,165,250,.68),0 0 100px rgba(168,85,247,.58)!important;animation:auraBreathStrong 1s ease-in-out infinite!important;}
.aura-tier-7:before{left:-12px!important;top:-20px!important;width:234px!important;height:252px!important;background:linear-gradient(165deg,rgba(219,234,254,.68),rgba(124,58,237,.34) 38%,rgba(236,72,153,.3) 66%,transparent 88%),linear-gradient(52deg,transparent 0 7%,rgba(34,211,238,.56) 8% 16%,transparent 20% 38%,rgba(255,255,255,.45) 40% 48%,transparent 53% 63%,rgba(236,72,153,.5) 66% 74%,transparent 80%)!important;clip-path:polygon(50% 0,57% 21%,78% 4%,71% 31%,98% 25%,75% 47%,100% 61%,72% 63%,85% 94%,58% 75%,50% 100%,42% 75%,15% 94%,28% 63%,0 61%,25% 47%,2% 25%,29% 31%,22% 4%,43% 21%)!important;filter:drop-shadow(0 0 36px rgba(96,165,250,.95)) drop-shadow(0 0 58px rgba(168,85,247,.82))!important;animation:auraRibbonStorm .68s ease-in-out infinite alternate!important;}
.aura-tier-7:after{left:-4px!important;top:-2px!important;width:218px!important;height:218px!important;background:repeating-conic-gradient(from 30deg,transparent 0 6deg,rgba(147,197,253,.72) 7deg 10deg,transparent 11deg 24deg,rgba(236,72,153,.5) 25deg 30deg,transparent 31deg 44deg),radial-gradient(circle,transparent 35%,rgba(255,255,255,.28) 37% 39%,transparent 41% 52%,rgba(147,197,253,.24) 53% 56%,transparent 58% 67%,rgba(236,72,153,.17) 68% 71%,transparent 73%)!important;border:1px solid rgba(219,234,254,.4)!important;filter:drop-shadow(0 0 30px rgba(147,197,253,1))!important;animation:auraCircleFast 1.25s linear infinite reverse!important;}
.aura-tier-8,.aura-tier-9,.aura-tier-10,.aura-tier-11{opacity:.95!important;}
.aura-tier-8{background:radial-gradient(circle,rgba(14,165,233,.4),rgba(2,6,23,.35) 42%,rgba(236,72,153,.16) 62%,transparent 82%)!important;box-shadow:0 0 80px rgba(14,165,233,.76),0 0 120px rgba(15,23,42,.9)!important;animation:auraBreathStrong .88s ease-in-out infinite!important;}
.aura-tier-8:before{left:-28px!important;top:-28px!important;width:266px!important;height:266px!important;background:linear-gradient(130deg,transparent 0 10%,rgba(14,165,233,.62) 12% 20%,transparent 24% 38%,rgba(236,72,153,.52) 40% 50%,transparent 54% 70%,rgba(167,139,250,.62) 73% 82%,transparent 88%),conic-gradient(from 0deg,rgba(2,6,23,.5),rgba(124,58,237,.55),rgba(14,165,233,.62),rgba(236,72,153,.52),rgba(2,6,23,.5))!important;clip-path:polygon(50% 0,61% 30%,94% 12%,77% 45%,100% 71%,65% 68%,50% 100%,35% 68%,0 71%,23% 45%,6% 12%,39% 30%)!important;filter:drop-shadow(0 0 42px rgba(14,165,233,.95)) drop-shadow(0 0 66px rgba(15,23,42,.9))!important;animation:auraRibbonStorm .58s ease-in-out infinite alternate!important;}
.aura-tier-8:after{left:-16px!important;top:-16px!important;width:242px!important;height:242px!important;background:repeating-conic-gradient(from 0deg,rgba(14,165,233,.78) 0 4deg,transparent 5deg 15deg,rgba(236,72,153,.6) 16deg 21deg,transparent 22deg 37deg,rgba(167,139,250,.68) 38deg 42deg,transparent 43deg 55deg),radial-gradient(circle,transparent 31%,rgba(14,165,233,.3) 33% 35%,transparent 37% 49%,rgba(236,72,153,.24) 50% 53%,transparent 55% 66%,rgba(255,255,255,.16) 67% 70%,transparent 72%)!important;border:1px solid rgba(147,197,253,.38)!important;filter:drop-shadow(0 0 34px rgba(56,189,248,1))!important;animation:auraCircleFast 1s linear infinite!important;}
.aura-tier-9{background:radial-gradient(circle,rgba(255,255,255,.5),rgba(251,191,36,.26) 42%,rgba(251,113,133,.12) 62%,transparent 82%)!important;box-shadow:0 0 90px rgba(255,255,255,.82),0 0 132px rgba(251,191,36,.76)!important;animation:auraBreathStrong .78s ease-in-out infinite!important;}
.aura-tier-9:before{left:-30px!important;top:-40px!important;width:270px!important;height:286px!important;background:linear-gradient(160deg,rgba(255,255,255,.72),rgba(251,191,36,.42) 38%,rgba(251,113,133,.28) 66%,transparent 88%),linear-gradient(42deg,transparent 4%,rgba(255,255,255,.68) 10%,transparent 18%,rgba(251,191,36,.58) 34%,transparent 46%,rgba(255,255,255,.6) 64%,transparent 74%)!important;clip-path:polygon(50% 0,58% 25%,84% 7%,74% 39%,100% 50%,74% 61%,84% 93%,58% 72%,50% 100%,42% 72%,16% 93%,26% 61%,0 50%,26% 39%,16% 7%,42% 25%)!important;filter:drop-shadow(0 0 48px rgba(255,255,255,1)) drop-shadow(0 0 72px rgba(251,191,36,.9))!important;animation:auraRibbonStorm .48s ease-in-out infinite alternate!important;}
.aura-tier-9:after{left:-24px!important;top:-24px!important;width:258px!important;height:258px!important;background:repeating-conic-gradient(from 45deg,rgba(255,255,255,.9) 0 4deg,transparent 5deg 14deg,rgba(251,191,36,.72) 15deg 20deg,transparent 21deg 34deg,rgba(251,113,133,.56) 35deg 39deg,transparent 40deg 53deg),radial-gradient(circle,transparent 28%,rgba(255,255,255,.36) 30% 32%,transparent 34% 45%,rgba(251,191,36,.3) 46% 49%,transparent 51% 61%,rgba(255,255,255,.22) 62% 65%,transparent 67%)!important;border:2px solid rgba(255,255,255,.42)!important;filter:drop-shadow(0 0 40px rgba(255,255,255,1))!important;animation:auraCircleFast .9s linear infinite reverse!important;}
.aura-tier-10{background:radial-gradient(circle,rgba(255,255,255,.56),rgba(15,23,42,.38) 38%,rgba(99,102,241,.2) 58%,transparent 82%)!important;box-shadow:0 0 98px rgba(255,255,255,.9),0 0 146px rgba(2,6,23,1)!important;animation:auraBreathStrong .68s ease-in-out infinite!important;}
.aura-tier-10:before{left:-42px!important;top:-50px!important;width:294px!important;height:308px!important;background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(15,23,42,.4) 36%,rgba(99,102,241,.36) 66%,transparent 88%),linear-gradient(30deg,transparent 0 5%,rgba(255,255,255,.76) 7% 13%,transparent 18% 30%,rgba(129,140,248,.62) 32% 42%,transparent 48% 63%,rgba(255,255,255,.68) 66% 73%,transparent 82%)!important;clip-path:polygon(50% 0,58% 22%,77% 4%,72% 29%,98% 20%,78% 45%,100% 60%,74% 63%,88% 96%,59% 75%,50% 100%,41% 75%,12% 96%,26% 63%,0 60%,22% 45%,2% 20%,28% 29%,23% 4%,42% 22%)!important;filter:drop-shadow(0 0 54px rgba(255,255,255,1)) drop-shadow(0 0 82px rgba(99,102,241,.9))!important;animation:auraRibbonStorm .42s ease-in-out infinite alternate!important;}
.aura-tier-10:after{left:-34px!important;top:-34px!important;width:278px!important;height:278px!important;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.92) 0 3deg,transparent 4deg 12deg,rgba(129,140,248,.72) 13deg 18deg,transparent 19deg 31deg,rgba(15,23,42,.6) 32deg 36deg,transparent 37deg 50deg),radial-gradient(circle,transparent 25%,rgba(255,255,255,.42) 27% 29%,transparent 31% 42%,rgba(129,140,248,.32) 43% 46%,transparent 48% 58%,rgba(255,255,255,.22) 59% 62%,transparent 64% 73%,rgba(129,140,248,.16) 74% 76%,transparent 78%)!important;border:2px solid rgba(255,255,255,.5)!important;filter:drop-shadow(0 0 46px rgba(255,255,255,1))!important;animation:auraCircleFast .75s linear infinite!important;}
.aura-tier-11{background:radial-gradient(circle,rgba(255,255,255,.64),rgba(168,85,247,.34) 32%,rgba(56,189,248,.24) 55%,transparent 84%)!important;box-shadow:0 0 115px rgba(255,255,255,1),0 0 170px rgba(168,85,247,1),0 0 220px rgba(56,189,248,.7)!important;animation:auraBreathFinal .55s ease-in-out infinite!important;}
.aura-tier-11:before{left:-56px!important;top:-66px!important;width:322px!important;height:342px!important;background:linear-gradient(156deg,rgba(255,255,255,.84),rgba(168,85,247,.5) 34%,rgba(56,189,248,.42) 62%,transparent 86%),linear-gradient(35deg,transparent 0 4%,rgba(255,255,255,.85) 6% 12%,transparent 16% 28%,rgba(56,189,248,.68) 30% 40%,transparent 46% 59%,rgba(244,114,182,.7) 62% 72%,transparent 80%),linear-gradient(115deg,transparent 0 18%,rgba(255,255,255,.55) 20% 26%,transparent 31% 48%,rgba(168,85,247,.62) 51% 60%,transparent 65% 100%)!important;clip-path:polygon(50% 0,57% 20%,78% 2%,72% 28%,99% 18%,78% 44%,100% 59%,73% 62%,90% 98%,59% 76%,50% 100%,41% 76%,10% 98%,27% 62%,0 59%,22% 44%,1% 18%,28% 28%,22% 2%,43% 20%)!important;filter:drop-shadow(0 0 60px rgba(255,255,255,1)) drop-shadow(0 0 92px rgba(168,85,247,1)) drop-shadow(0 0 120px rgba(56,189,248,.85))!important;animation:auraRibbonStorm .34s ease-in-out infinite alternate!important;}
.aura-tier-11:after{left:-48px!important;top:-48px!important;width:306px!important;height:306px!important;background:repeating-conic-gradient(from 45deg,rgba(255,255,255,1) 0 3deg,transparent 4deg 10deg,rgba(56,189,248,.84) 11deg 16deg,transparent 17deg 27deg,rgba(168,85,247,.88) 28deg 34deg,transparent 35deg 46deg,rgba(244,114,182,.7) 47deg 51deg,transparent 52deg 64deg),radial-gradient(circle,transparent 21%,rgba(255,255,255,.48) 23% 25%,transparent 27% 38%,rgba(56,189,248,.38) 39% 42%,transparent 44% 54%,rgba(168,85,247,.34) 55% 58%,transparent 60% 69%,rgba(255,255,255,.25) 70% 73%,transparent 75% 82%,rgba(244,114,182,.18) 83% 85%,transparent 87%)!important;border:2px solid rgba(255,255,255,.6)!important;filter:drop-shadow(0 0 52px rgba(255,255,255,1)) drop-shadow(0 0 76px rgba(56,189,248,.95))!important;animation:auraCircleFast .58s linear infinite reverse!important;}
@keyframes auraBreathTiny{0%,100%{transform:scale(.94);filter:saturate(1)}50%{transform:scale(1.02);filter:saturate(1.2)}}
@keyframes auraBreathSmall{0%,100%{transform:scale(.94)}50%{transform:scale(1.05)}}
@keyframes auraBreathMedium{0%,100%{transform:scale(.96)}50%{transform:scale(1.08)}}
@keyframes auraBreathStrong{0%,100%{transform:scale(.98)}50%{transform:scale(1.1)}}
@keyframes auraBreathFinal{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
@keyframes auraFloatSoft{0%,100%{transform:translateY(2px);opacity:.5}50%{transform:translateY(-6px);opacity:.9}}
@keyframes auraRibbonUp{0%,100%{transform:translateY(4px) skewX(-4deg);opacity:.55}50%{transform:translateY(-8px) skewX(6deg);opacity:.95}}
@keyframes auraRibbonWave{0%,100%{transform:translateY(6px) rotate(-4deg);opacity:.65}50%{transform:translateY(-10px) rotate(5deg);opacity:1}}
@keyframes auraFlameTall{0%{transform:translateY(8px) scaleX(.94);opacity:.75}100%{transform:translateY(-8px) scaleX(1.06);opacity:1}}
@keyframes auraRibbonStorm{0%{transform:translateY(10px) rotate(-3deg) scaleX(.94);opacity:.78}100%{transform:translateY(-10px) rotate(4deg) scaleX(1.06);opacity:1}}
@keyframes auraCircleSlow{to{transform:rotate(360deg)}}
@keyframes auraCircleFast{to{transform:rotate(360deg)}}

@media(max-width:820px){
  .player .aura{width:132px!important;height:132px!important;margin-left:-66px!important;margin-top:-72px!important;transform-origin:66px 66px!important;}
  .player .aura:before,.player .aura:after{transform-origin:66px 66px!important;}
  .player .aura-tier-0{transform:scale(.50)!important}.player .aura-tier-1{transform:scale(.54)!important}.player .aura-tier-2{transform:scale(.58)!important}.player .aura-tier-3{transform:scale(.62)!important}.player .aura-tier-4{transform:scale(.66)!important}.player .aura-tier-5{transform:scale(.70)!important}.player .aura-tier-6{transform:scale(.74)!important}.player .aura-tier-7{transform:scale(.78)!important}.player .aura-tier-8{transform:scale(.82)!important}.player .aura-tier-9{transform:scale(.86)!important}.player .aura-tier-10{transform:scale(.90)!important}.player .aura-tier-11{transform:scale(.94)!important}
}
@media(max-width:480px){
  .player .aura{width:112px!important;height:112px!important;margin-left:-56px!important;margin-top:-63px!important;transform-origin:56px 56px!important;}
  .player .aura:before,.player .aura:after{transform-origin:56px 56px!important;}
  .player .aura-tier-0{transform:scale(.46)!important}.player .aura-tier-1{transform:scale(.50)!important}.player .aura-tier-2{transform:scale(.54)!important}.player .aura-tier-3{transform:scale(.58)!important}.player .aura-tier-4{transform:scale(.62)!important}.player .aura-tier-5{transform:scale(.66)!important}.player .aura-tier-6{transform:scale(.70)!important}.player .aura-tier-7{transform:scale(.74)!important}.player .aura-tier-8{transform:scale(.78)!important}.player .aura-tier-9{transform:scale(.82)!important}.player .aura-tier-10{transform:scale(.86)!important}.player .aura-tier-11{transform:scale(.90)!important}
}

/* v60: visible aura progression fix - early tiers are no longer just weak circles.
   Tier 3 is the purple star/magic-circle stage, so passive Lv 8~11 is visibly purple. */
.player .aura{
  isolation:isolate!important;
  opacity:1!important;
  filter:saturate(1.22) brightness(1.08)!important;
}
.aura-tier-1{
  opacity:.58!important;
  background:radial-gradient(circle at 50% 55%,rgba(134,239,172,.34),rgba(16,185,129,.12) 44%,transparent 74%)!important;
  box-shadow:0 0 24px rgba(74,222,128,.38),0 0 44px rgba(16,185,129,.20)!important;
}
.aura-tier-1:before{
  left:50px!important;top:38px!important;width:110px!important;height:132px!important;
  background:linear-gradient(180deg,rgba(187,247,208,.46),rgba(74,222,128,.16) 48%,transparent 82%),linear-gradient(118deg,transparent 8%,rgba(134,239,172,.55) 44%,transparent 78%)!important;
  clip-path:polygon(50% 0,60% 37%,52% 100%,42% 41%)!important;
  filter:drop-shadow(0 0 15px rgba(74,222,128,.72))!important;
}
.aura-tier-1:after{
  left:51px!important;top:51px!important;width:108px!important;height:108px!important;
  border:2px dashed rgba(187,247,208,.40)!important;
  background:radial-gradient(circle,transparent 48%,rgba(134,239,172,.24) 51%,transparent 55%,transparent 66%,rgba(187,247,208,.15) 69%,transparent 72%)!important;
  filter:drop-shadow(0 0 14px rgba(134,239,172,.48))!important;
}
.aura-tier-2{
  opacity:.72!important;
  background:radial-gradient(circle at 50% 54%,rgba(125,211,252,.38),rgba(37,99,235,.18) 48%,transparent 77%)!important;
  box-shadow:0 0 34px rgba(96,165,250,.54),0 0 60px rgba(59,130,246,.25)!important;
}
.aura-tier-2:before{
  left:36px!important;top:24px!important;width:138px!important;height:164px!important;
  background:linear-gradient(156deg,transparent 0 8%,rgba(219,234,254,.60) 14%,transparent 28%,rgba(96,165,250,.50) 52%,transparent 78%)!important;
  clip-path:polygon(48% 0,58% 31%,51% 100%,43% 58%,25% 75%,36% 40%)!important;
  filter:drop-shadow(0 0 20px rgba(96,165,250,.86))!important;
}
.aura-tier-2:after{
  left:36px!important;top:36px!important;width:138px!important;height:138px!important;
  border:2px dashed rgba(147,197,253,.48)!important;
  background:repeating-conic-gradient(from 15deg,rgba(147,197,253,.46) 0 5deg,transparent 6deg 22deg),radial-gradient(circle,transparent 48%,rgba(147,197,253,.24) 51%,transparent 55%,transparent 64%,rgba(219,234,254,.14) 67%,transparent 70%)!important;
  filter:drop-shadow(0 0 19px rgba(96,165,250,.62))!important;
}
.aura-tier-3{
  opacity:.92!important;
  background:radial-gradient(circle at 50% 55%,rgba(233,213,255,.44),rgba(168,85,247,.25) 40%,rgba(59,7,100,.18) 61%,transparent 82%)!important;
  box-shadow:0 0 46px rgba(192,132,252,.72),0 0 82px rgba(126,34,206,.42)!important;
  animation:auraBreathPurple 1.25s ease-in-out infinite!important;
}
.aura-tier-3:before{
  left:18px!important;top:12px!important;width:174px!important;height:190px!important;
  background:linear-gradient(166deg,rgba(255,255,255,.48),rgba(216,180,254,.36) 30%,rgba(168,85,247,.28) 62%,transparent 88%),linear-gradient(42deg,transparent 0 10%,rgba(233,213,255,.66) 12% 18%,transparent 22% 42%,rgba(192,132,252,.56) 45% 54%,transparent 60% 100%)!important;
  clip-path:polygon(50% 0,60% 28%,88% 12%,72% 43%,96% 63%,65% 66%,50% 100%,35% 66%,4% 63%,28% 43%,12% 12%,40% 28%)!important;
  filter:drop-shadow(0 0 26px rgba(216,180,254,.96)) drop-shadow(0 0 38px rgba(168,85,247,.78))!important;
  animation:auraRibbonStorm .85s ease-in-out infinite alternate!important;
}
.aura-tier-3:after{
  left:22px!important;top:22px!important;width:166px!important;height:166px!important;
  border:2px solid rgba(233,213,255,.52)!important;
  background:repeating-conic-gradient(from 0deg,rgba(233,213,255,.74) 0 4deg,transparent 5deg 18deg,rgba(168,85,247,.62) 19deg 24deg,transparent 25deg 40deg),radial-gradient(circle,transparent 36%,rgba(233,213,255,.30) 38% 41%,transparent 43% 54%,rgba(192,132,252,.24) 56% 59%,transparent 61% 72%)!important;
  filter:drop-shadow(0 0 27px rgba(192,132,252,.88))!important;
  animation:auraCircleFast 1.45s linear infinite reverse!important;
}
.aura-tier-4{opacity:.96!important;box-shadow:0 0 56px rgba(251,191,36,.74),0 0 92px rgba(249,115,22,.38)!important;}
.aura-tier-5,.aura-tier-6,.aura-tier-7,.aura-tier-8,.aura-tier-9,.aura-tier-10,.aura-tier-11{opacity:.98!important;}
@keyframes auraBreathPurple{0%,100%{transform:scale(.98);filter:saturate(1.2) brightness(1)}50%{transform:scale(1.09);filter:saturate(1.45) brightness(1.18)}}

@media(max-width:820px){
  .player .aura{width:126px!important;height:126px!important;margin-left:-63px!important;margin-top:-70px!important;transform-origin:63px 63px!important;}
  .player .aura:before,.player .aura:after{transform-origin:63px 63px!important;}
  .player .aura-tier-1{transform:scale(.68)!important}.player .aura-tier-2{transform:scale(.74)!important}.player .aura-tier-3{transform:scale(.82)!important}.player .aura-tier-4{transform:scale(.88)!important}.player .aura-tier-5{transform:scale(.92)!important}.player .aura-tier-6{transform:scale(.96)!important}.player .aura-tier-7,.player .aura-tier-8,.player .aura-tier-9,.player .aura-tier-10,.player .aura-tier-11{transform:scale(1)!important}
  .player .aura-tier-3:before{left:10px!important;top:6px!important;width:106px!important;height:116px!important;}
  .player .aura-tier-3:after{left:8px!important;top:8px!important;width:110px!important;height:110px!important;}
}
@media(max-width:480px){
  .player .aura{width:110px!important;height:110px!important;margin-left:-55px!important;margin-top:-62px!important;transform-origin:55px 55px!important;}
  .player .aura:before,.player .aura:after{transform-origin:55px 55px!important;}
  .player .aura-tier-1{transform:scale(.66)!important}.player .aura-tier-2{transform:scale(.72)!important}.player .aura-tier-3{transform:scale(.80)!important}.player .aura-tier-4{transform:scale(.86)!important}.player .aura-tier-5{transform:scale(.90)!important}.player .aura-tier-6{transform:scale(.94)!important}.player .aura-tier-7,.player .aura-tier-8,.player .aura-tier-9,.player .aura-tier-10,.player .aura-tier-11{transform:scale(.98)!important}
  .player .aura-tier-3:before{left:7px!important;top:5px!important;width:96px!important;height:102px!important;}
  .player .aura-tier-3:after{left:7px!important;top:7px!important;width:96px!important;height:96px!important;}
}


/* v61: keep the character solid, and make character evolution visible without letting aura cover the body */
.player{
  opacity:1!important;
  mix-blend-mode:normal!important;
  z-index:8!important;
  background-clip:padding-box!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:inset 10px 12px 18px rgba(255,255,255,.25), inset -14px -18px 22px rgba(0,0,0,.24)!important;
}
.player .aura{
  z-index:-3!important;
  opacity:.74!important;
  mix-blend-mode:normal!important;
  filter:saturate(1.08) brightness(.96)!important;
}
.player .aura:before,.player .aura:after{
  z-index:-3!important;
  opacity:.72!important;
}
.player .horn,.player .eye,.player .mouth{z-index:5!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;}
.player:before{z-index:4!important;opacity:1!important;mix-blend-mode:normal!important;}
.player:after{pointer-events:none!important;z-index:-1!important;mix-blend-mode:normal!important;}

.player-tier-0{
  width:94px!important;height:120px!important;
  background:linear-gradient(145deg,#b9ffb0 0%,#49d76b 40%,#127239 100%)!important;
  filter:drop-shadow(0 18px 12px rgba(0,0,0,.35)) drop-shadow(0 0 7px rgba(74,222,128,.25))!important;
}
.player-tier-1{
  width:98px!important;height:124px!important;
  background:linear-gradient(145deg,#dcffd7 0%,#5ee079 35%,#159447 76%,#064e2a 100%)!important;
  filter:drop-shadow(0 18px 12px rgba(0,0,0,.35)) drop-shadow(0 0 12px rgba(74,222,128,.45))!important;
}
.player-tier-1:after{content:""!important;position:absolute!important;left:-6px!important;right:-6px!important;bottom:12px!important;height:10px!important;border-radius:50%!important;border:1px solid rgba(187,247,208,.46)!important;box-shadow:0 0 12px rgba(74,222,128,.42)!important;background:transparent!important;}
.player-tier-2{
  width:104px!important;height:132px!important;
  background:linear-gradient(145deg,#dff9ff 0%,#55d5ff 30%,#2563eb 68%,#13205f 100%)!important;
  filter:drop-shadow(0 18px 12px rgba(0,0,0,.35)) drop-shadow(0 0 16px rgba(96,165,250,.62))!important;
}
.player-tier-2:after{content:""!important;position:absolute!important;left:-12px!important;right:-12px!important;bottom:18px!important;height:15px!important;border-radius:50%!important;border:2px solid rgba(147,197,253,.58)!important;box-shadow:0 0 18px rgba(96,165,250,.52)!important;background:transparent!important;}
.player-tier-3{
  width:110px!important;height:138px!important;
  background:linear-gradient(145deg,#fff 0%,#e9d5ff 12%,#c084fc 36%,#7c3aed 70%,#2e1065 100%)!important;
  filter:drop-shadow(0 18px 12px rgba(0,0,0,.35)) drop-shadow(0 0 20px rgba(192,132,252,.76))!important;
}
.player-tier-3:after{content:""!important;position:absolute!important;left:-18px!important;right:-18px!important;bottom:22px!important;height:21px!important;border-radius:50%!important;border:3px double rgba(233,213,255,.76)!important;box-shadow:0 0 22px rgba(192,132,252,.66)!important;background:radial-gradient(ellipse,rgba(168,85,247,.12),transparent 68%)!important;}
.player-tier-4{
  width:116px!important;height:146px!important;
  background:linear-gradient(145deg,#fffde1 0%,#fde047 28%,#f97316 67%,#7c2d12 100%)!important;
  filter:drop-shadow(0 18px 12px rgba(0,0,0,.35)) drop-shadow(0 0 25px rgba(250,204,21,.82))!important;
}
.player-tier-4:after{content:""!important;position:absolute!important;inset:-14px!important;border-radius:49%!important;border:2px dashed rgba(254,240,138,.72)!important;box-shadow:0 0 24px rgba(251,191,36,.62)!important;background:transparent!important;animation:spinAura 5.5s linear infinite!important;}
.player-tier-5{
  width:124px!important;height:154px!important;
  background:linear-gradient(145deg,#fff1f2 0%,#fb7185 28%,#dc2626 62%,#450a0a 100%)!important;
  filter:drop-shadow(0 18px 12px rgba(0,0,0,.35)) drop-shadow(0 0 31px rgba(248,113,113,.9))!important;
}
.player-tier-5:after{content:""!important;position:absolute!important;inset:-18px!important;border-radius:50%!important;border:3px solid rgba(254,202,202,.55)!important;box-shadow:0 0 30px rgba(248,113,113,.76)!important;background:radial-gradient(circle,rgba(239,68,68,.10),transparent 66%)!important;animation:pulse 1.5s infinite!important;}
.player-tier-6{
  width:132px!important;height:164px!important;
  background:linear-gradient(135deg,#fff 0%,#ff5a5a 16%,#ffb020 30%,#fff04a 44%,#33e06f 58%,#38bdf8 72%,#a78bfa 86%,#ff4fd8 100%)!important;
  filter:drop-shadow(0 18px 12px rgba(0,0,0,.35)) drop-shadow(0 0 38px rgba(255,255,255,.95)) drop-shadow(0 0 58px rgba(168,85,247,.58))!important;
}
.player-tier-6:after{content:""!important;position:absolute!important;inset:-24px!important;border-radius:50%!important;border:3px double rgba(255,255,255,.72)!important;box-shadow:0 0 38px rgba(255,255,255,.88),0 0 58px rgba(168,85,247,.55)!important;background:conic-gradient(from 0deg,rgba(255,0,0,.14),rgba(255,255,0,.14),rgba(0,255,100,.14),rgba(0,200,255,.14),rgba(180,90,255,.14),rgba(255,0,160,.14),rgba(255,0,0,.14))!important;animation:spinAura 4s linear infinite!important;}

.player-tier-2 .horn{background:linear-gradient(135deg,#eff6ff,#60a5fa 60%,#1e3a8a)!important;box-shadow:0 0 12px rgba(96,165,250,.65)!important;}
.player-tier-3 .horn{background:linear-gradient(135deg,#faf5ff,#c084fc 60%,#581c87)!important;box-shadow:0 0 14px rgba(192,132,252,.75)!important;}
.player-tier-4 .horn{background:linear-gradient(135deg,#fff7ad,#f59e0b 60%,#7c2d12)!important;box-shadow:0 0 16px rgba(251,191,36,.78)!important;}
.player-tier-5 .horn{background:linear-gradient(135deg,#ffe4e6,#fb7185 58%,#7f1d1d)!important;box-shadow:0 0 18px rgba(248,113,113,.84)!important;}
.player-tier-6 .horn{background:linear-gradient(135deg,#fff,#fde047 25%,#38bdf8 55%,#c084fc 80%,#fff)!important;box-shadow:0 0 22px rgba(255,255,255,.95)!important;}
.player-tier-3 .eye,.player-tier-4 .eye,.player-tier-5 .eye,.player-tier-6 .eye{width:15px!important;height:15px!important;background:radial-gradient(circle at 35% 35%,#fff,#fef08a 26%,#fb7185 58%,#1f0520 76%)!important;}
.player-tier-6 .eye{box-shadow:0 0 18px rgba(255,255,255,1),0 0 30px rgba(250,204,21,.8)!important;}

@media(max-width:820px){
  .player{border-width:1px!important;box-shadow:inset 7px 8px 13px rgba(255,255,255,.24), inset -10px -13px 18px rgba(0,0,0,.24)!important;}
  .player .aura{opacity:.68!important;filter:saturate(1.0) brightness(.92)!important;}
  .player .aura:before,.player .aura:after{opacity:.64!important;}
  .player-tier-0{width:76px!important;height:98px!important;}
  .player-tier-1{width:78px!important;height:100px!important;}
  .player-tier-2{width:82px!important;height:104px!important;}
  .player-tier-3{width:86px!important;height:108px!important;}
  .player-tier-4{width:90px!important;height:112px!important;}
  .player-tier-5{width:94px!important;height:116px!important;}
  .player-tier-6{width:98px!important;height:120px!important;}
  .player-tier-3:after{left:-12px!important;right:-12px!important;bottom:17px!important;height:16px!important;}
  .player-tier-4:after{inset:-10px!important;}
  .player-tier-5:after{inset:-13px!important;}
  .player-tier-6:after{inset:-16px!important;}
}
@media(max-width:480px){
  .player-tier-0{width:76px!important;height:98px!important;}
  .player-tier-1{width:77px!important;height:99px!important;}
  .player-tier-2{width:80px!important;height:102px!important;}
  .player-tier-3{width:83px!important;height:105px!important;}
  .player-tier-4{width:86px!important;height:108px!important;}
  .player-tier-5{width:89px!important;height:111px!important;}
  .player-tier-6{width:92px!important;height:114px!important;}
}

/* v64: mobile player size balance - make player closer to enemy scale */
@media(max-width:820px){
  .stage .player{left:17%!important;bottom:46px!important;transform:scale(1)!important;transform-origin:50% 100%!important;}
  .player-tier-0{width:58px!important;height:76px!important;}
  .player-tier-1{width:60px!important;height:78px!important;}
  .player-tier-2{width:62px!important;height:80px!important;}
  .player-tier-3{width:64px!important;height:82px!important;}
  .player-tier-4{width:66px!important;height:84px!important;}
  .player-tier-5{width:68px!important;height:86px!important;}
  .player-tier-6{width:70px!important;height:88px!important;}
  .player:before{left:11px!important;right:11px!important;bottom:-13px!important;height:25px!important;}
  .player:after{left:12px!important;top:14px!important;width:34px!important;height:18px!important;}
  .horn{top:-14px!important;width:15px!important;height:24px!important;}
  .horn.left{left:9px!important;}
  .horn.right{right:9px!important;}
  .eye{top:27px!important;width:9px!important;height:9px!important;}
  .eye.left{left:17px!important;}
  .eye.right{right:17px!important;}
  .mouth{left:21px!important;top:48px!important;width:18px!important;height:7px!important;border-bottom-width:3px!important;}
  .player-tier-3 .eye,.player-tier-4 .eye,.player-tier-5 .eye,.player-tier-6 .eye{width:10px!important;height:10px!important;}
  .player-tier-1:after{left:-4px!important;right:-4px!important;bottom:9px!important;height:8px!important;}
  .player-tier-2:after{left:-7px!important;right:-7px!important;bottom:11px!important;height:10px!important;}
  .player-tier-3:after{left:-9px!important;right:-9px!important;bottom:13px!important;height:12px!important;}
  .player-tier-4:after{inset:-7px!important;}
  .player-tier-5:after{inset:-9px!important;}
  .player-tier-6:after{inset:-11px!important;}
  .player .aura{width:104px!important;height:104px!important;margin-left:-52px!important;margin-top:-58px!important;bottom:auto!important;top:50%!important;transform-origin:52px 52px!important;}
  .player .aura:before,.player .aura:after{transform-origin:52px 52px!important;}
  .player .aura-tier-0{transform:scale(.56)!important;}
  .player .aura-tier-1{transform:scale(.60)!important;}
  .player .aura-tier-2{transform:scale(.64)!important;}
  .player .aura-tier-3{transform:scale(.68)!important;}
  .player .aura-tier-4{transform:scale(.72)!important;}
  .player .aura-tier-5{transform:scale(.76)!important;}
  .player .aura-tier-6{transform:scale(.80)!important;}
  .player .aura-tier-7{transform:scale(.84)!important;}
  .player .aura-tier-8{transform:scale(.88)!important;}
  .player .aura-tier-9{transform:scale(.92)!important;}
  .player .aura-tier-10{transform:scale(.96)!important;}
  .player .aura-tier-11{transform:scale(1)!important;}
}
@media(max-width:480px){
  .stage .player{left:16%!important;bottom:43px!important;}
  .player-tier-0{width:54px!important;height:70px!important;}
  .player-tier-1{width:55px!important;height:71px!important;}
  .player-tier-2{width:56px!important;height:72px!important;}
  .player-tier-3{width:58px!important;height:74px!important;}
  .player-tier-4{width:60px!important;height:76px!important;}
  .player-tier-5{width:62px!important;height:78px!important;}
  .player-tier-6{width:64px!important;height:80px!important;}
  .player:before{left:10px!important;right:10px!important;bottom:-12px!important;height:22px!important;}
  .player:after{left:11px!important;top:13px!important;width:31px!important;height:16px!important;}
  .horn{top:-13px!important;width:14px!important;height:22px!important;}
  .horn.left{left:8px!important;}
  .horn.right{right:8px!important;}
  .eye{top:25px!important;width:8px!important;height:8px!important;}
  .eye.left{left:16px!important;}
  .eye.right{right:16px!important;}
  .mouth{left:19px!important;top:44px!important;width:17px!important;height:6px!important;border-bottom-width:3px!important;}
  .player-tier-3 .eye,.player-tier-4 .eye,.player-tier-5 .eye,.player-tier-6 .eye{width:9px!important;height:9px!important;}
  .player .aura{width:92px!important;height:92px!important;margin-left:-46px!important;margin-top:-52px!important;transform-origin:46px 46px!important;}
  .player .aura:before,.player .aura:after{transform-origin:46px 46px!important;}
  .player .aura-tier-7,.player .aura-tier-8,.player .aura-tier-9,.player .aura-tier-10,.player .aura-tier-11{transform:scale(.9)!important;}
}