:root{
  --bg:#02070d;--panel:#061523;--panel2:#091d2d;--blue:#28bfff;--blue2:#0c77cb;
  --gold:#e3b957;--text:#eaf7ff;--muted:#8ca5b7;--line:rgba(62,190,255,.25);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Rajdhani,Arial,sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:linear-gradient(90deg,rgba(0,190,255,.025) 1px,transparent 1px),linear-gradient(rgba(0,190,255,.02) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent)}
h1,h2,h3{font-family:Cinzel,serif;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
#particles{position:fixed;inset:0;z-index:3;pointer-events:none}
.preloader{position:fixed;inset:0;background:#01060a;z-index:9999;display:grid;place-items:center;transition:.7s}.preloader.hide{opacity:0;visibility:hidden}.preloader img{width:min(520px,70vw)}.preloader span{position:absolute;width:220px;height:2px;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:load 1.3s infinite}@keyframes load{from{transform:translateX(-240px)}to{transform:translateX(240px)}}
.topbar{height:78px;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;z-index:100;background:linear-gradient(#02080ee8,#02080e66);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.brand img{width:150px}.topbar nav{display:flex;align-items:center;gap:28px}.topbar nav a{font-weight:700;letter-spacing:1px;color:#b9cfdd}.topbar nav a:hover{color:var(--blue)}.nav-download{padding:11px 19px;border:1px solid var(--gold);color:#ffe29d!important}.menu-btn{display:none;background:none;border:0}.menu-btn span{display:block;width:27px;height:2px;background:#fff;margin:6px}
.hero{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,transparent 0,#02070d66 42%,#02070de6 86%),linear-gradient(to bottom,#02070d66,#02070d 98%)}.hero-content{position:relative;z-index:5;text-align:center;padding-top:55px;width:min(920px,92vw)}.hero-logo{width:min(680px,82vw);margin:auto;filter:drop-shadow(0 0 26px #087dc3)}.hero-kicker{letter-spacing:7px;color:#8edcff;font-weight:700;margin-top:-20px}.hero h1{font-size:clamp(34px,5vw,72px);margin:18px 0 12px;text-shadow:0 4px 25px #000}.hero h1 span{color:var(--gold);display:block;font-size:.52em;letter-spacing:10px}.hero p{font-size:20px;color:#b9cfdd}.countdown{display:flex;justify-content:center;gap:14px;margin:30px 0}.countdown div{width:112px;padding:14px 8px;background:#071622b8;border:1px solid var(--line);box-shadow:inset 0 0 25px #0a6ba522}.countdown b{font-size:34px;color:#fff}.countdown span{display:block;text-transform:uppercase;letter-spacing:2px;color:var(--blue);font-size:12px}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:170px;padding:14px 24px;border:1px solid var(--blue);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;transition:.25s}.btn.primary{background:linear-gradient(135deg,#167dc0,#1ac4ff);box-shadow:0 0 30px #128fc75c}.btn.ghost{background:#03101bb8}.btn:hover{transform:translateY(-3px);box-shadow:0 0 30px #1bc5ff88}.scroll-down{position:absolute;z-index:6;bottom:24px;font-size:11px;letter-spacing:3px;color:#89c9ec}.scroll-down i{display:block;width:1px;height:40px;background:linear-gradient(var(--blue),transparent);margin:8px auto}
.section{padding:110px 6vw;position:relative;background:linear-gradient(180deg,#02070d,#04111c,#02070d)}.section-head{text-align:center;max-width:900px;margin:0 auto 55px}.section-head small,.chapter,.system-copy>span,.scene-copy>span{color:var(--blue);letter-spacing:5px;font-weight:700}.section-head h2{font-size:clamp(38px,5vw,66px);margin:8px 0;background:linear-gradient(#fff,#70d8ff);-webkit-background-clip:text;color:transparent}.section-head p{font-size:20px;color:var(--muted)}
.feature-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{min-height:92px;padding:21px 24px;border:1px solid var(--line);background:linear-gradient(145deg,#071a29cc,#03101acc);font-family:Cinzel,serif;font-size:19px;color:#fff;position:relative;overflow:hidden;transition:.25s}.feature-grid article:after{content:"";position:absolute;inset:auto -35px -55px auto;width:120px;height:120px;border:1px solid #1cbcff40;border-radius:50%}.feature-grid article:hover{transform:translateY(-5px);border-color:#5fd6ff;box-shadow:0 12px 45px #006aa533}.feature-grid span{display:block;font-family:Rajdhani;color:var(--gold);font-size:16px;margin-top:6px}
.story-section,.system-panel,.reward-scene{position:relative;overflow:hidden}.story-section{min-height:760px;display:flex;align-items:center}.story-bg,.system-bg,.scene-bg{position:absolute;inset:0;background-size:cover;background-position:center}.story-bg:after,.system-bg:after,.scene-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02070de8 0,#02070d55 47%,#02070de8 100%),linear-gradient(to bottom,#02070d,#02070d22 15%,#02070d 100%)}.story-inner{position:relative;z-index:2;width:min(1280px,90vw);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.visual-stage{min-height:600px;display:grid;place-items:center;position:relative}.visual-stage img{max-height:560px;filter:drop-shadow(0 30px 25px #000) drop-shadow(0 0 30px #128bd455)}.blue-orbit{position:absolute;width:480px;height:480px;border:1px solid #31bfff77;border-radius:50%;box-shadow:0 0 80px #0782c766,inset 0 0 70px #0782c744;animation:orbit 8s linear infinite}.blue-orbit:after{content:"";position:absolute;inset:40px;border:1px dashed #ebc56e55;border-radius:50%}@keyframes orbit{to{transform:rotate(360deg)}}.story-copy{padding:45px;background:#03111bd9;border-left:3px solid var(--blue);box-shadow:0 20px 60px #0009}.story-copy h2,.system-copy h2{font-size:clamp(38px,5vw,65px);margin:12px 0}.story-copy p,.system-copy p,.scene-copy p{color:#c2d1db;font-size:21px;line-height:1.6}.story-copy ul{list-style:none;padding:0}.story-copy li{padding:10px 0;border-bottom:1px solid var(--line);color:#9ddfff}
.transforms{padding-top:82px;padding-bottom:82px;background:radial-gradient(circle at 50% 30%,#0b2b43,#02070d 65%)}
.transform-row{max-width:960px;margin:18px auto;padding:22px;border:1px solid var(--line);background:#06131ed9}
.transform-row h3{text-align:center;color:#fff;font-size:20px;margin-bottom:16px}
.transform-chain{display:flex;justify-content:center;align-items:center;gap:14px}
.transform-chain figure{margin:0;text-align:center}
.item-stage{width:148px;height:188px;display:grid;place-items:center;background:radial-gradient(circle,#0e496d88,#03101a 64%);border:1px solid #2ebfff55;clip-path:polygon(12% 0,88% 0,100% 10%,100% 90%,88% 100%,12% 100%,0 90%,0 10%);position:relative}
.item-stage:after{content:"";position:absolute;inset:7px;border:1px solid #e3b95733}
.item-stage img{max-height:145px;max-width:95px;object-fit:contain;filter:drop-shadow(0 12px 10px #000) drop-shadow(0 0 8px #4acbff);animation:itemFloat 3s ease-in-out infinite}
@keyframes itemFloat{50%{transform:translateY(-5px) rotateY(7deg)}}
.transform-chain figcaption{font-family:Cinzel;margin-top:8px;color:#ffe4a1;font-size:12px}
.arrow{font-size:27px;color:var(--blue);filter:drop-shadow(0 0 7px var(--blue))}
.compact .item-stage{height:150px}
.system-panel{min-height:700px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:90px 8vw;gap:60px}.system-panel.reverse{grid-template-columns:.85fr 1.15fr}.system-panel.reverse .system-art{order:2}.system-panel.reverse .system-copy{order:1}.system-art,.system-copy{position:relative;z-index:2}.system-art{display:grid;place-items:center}.ui-shot{max-height:430px;filter:drop-shadow(0 28px 35px #000) drop-shadow(0 0 18px #12a4e866);transform:perspective(900px) rotateY(-5deg)}.ui-shot.large{max-height:500px}.system-copy{padding:42px;background:#020c14d9;border:1px solid var(--line)}.system-copy em{color:#7290a4}.auto-showcase{position:relative;width:min(520px,90vw);min-height:380px;display:grid;place-items:center}
.auto-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#45d8ff55 0,#0a77bd33 42%,transparent 72%);filter:blur(4px);animation:autoPulse 2.8s ease-in-out infinite}
.auto-main-icon{position:relative;z-index:2;width:170px;image-rendering:auto;filter:drop-shadow(0 0 18px #26c4ff) drop-shadow(0 22px 25px #000);transform:scale(1.25)}
.auto-mini-panel{position:absolute;z-index:3;right:4%;bottom:8%;width:270px;padding:20px 22px;background:linear-gradient(145deg,#071824ee,#03101aee);border:1px solid #39c9ff88;box-shadow:0 18px 50px #0008}
.auto-mini-panel b{display:block;font-family:Cinzel;font-size:22px}.auto-mini-panel span,.auto-mini-panel small{display:block;color:#abc6d7;margin-top:8px}.auto-mini-panel i{display:block;width:80px;height:2px;margin:13px 0;background:linear-gradient(90deg,var(--blue),transparent)}
@keyframes autoPulse{50%{transform:scale(1.08);opacity:.72}}
.dice-showcase{position:relative;display:grid;place-items:center;min-height:460px;width:min(620px,92vw)}
.dice-ring{position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid #f0c45c66;box-shadow:0 0 60px #0eaee955,inset 0 0 45px #e7bb4b22;animation:diceSpin 14s linear infinite}
.dice-ring:before,.dice-ring:after{content:"";position:absolute;inset:28px;border:1px dashed #37c8ff55;border-radius:50%}.dice-ring:after{inset:76px;border-style:solid;border-color:#f0c45c44}
.dice-ui{position:relative;z-index:2;max-height:350px!important;transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}
.dice-action{position:absolute;z-index:4;bottom:-18px;display:flex;align-items:center;gap:14px;padding:12px 14px;background:#03101be8;border:1px solid #2ac5ff55;box-shadow:0 14px 40px #0009;backdrop-filter:blur(10px)}
.web-die{position:relative;width:58px;height:58px;border-radius:13px;background:linear-gradient(145deg,#f9fdff,#b7d7e8);border:2px solid #8edcff;box-shadow:inset -7px -8px 12px #6f93a655,inset 6px 6px 10px #fff,0 0 20px #25c6ff88;transition:transform .15s ease}
.web-die.rolling{animation:webDiceRoll .8s cubic-bezier(.2,.8,.2,1)}
.pip{position:absolute;width:8px;height:8px;border-radius:50%;background:#06213a;box-shadow:inset 1px 1px 1px #0008}
.p1{left:10px;top:10px}.p2{right:10px;top:10px}.p3{left:10px;bottom:10px}.p4{right:10px;bottom:10px}.p5{left:25px;top:25px}.p6{left:25px;top:10px}
.web-die[data-value="1"] .pip:not(.p5){display:none}
.web-die[data-value="2"] .pip:not(.p1):not(.p4){display:none}
.web-die[data-value="3"] .pip:not(.p1):not(.p4):not(.p5){display:none}
.web-die[data-value="4"] .pip:not(.p1):not(.p2):not(.p3):not(.p4){display:none}
.web-die[data-value="5"] .pip:not(.p1):not(.p2):not(.p3):not(.p4):not(.p5){display:none}
.web-die[data-value="6"] .pip:not(.p1):not(.p2):not(.p3):not(.p4):not(.p5):not(.p6){display:block}
.dice-chip{position:relative;z-index:3;padding:11px 20px;background:linear-gradient(145deg,#0a2435,#061522);border:1px solid var(--gold);color:#ffe198;font-family:Cinzel;letter-spacing:2px;box-shadow:0 0 22px #d7a83b33;cursor:pointer;transition:.25s}
.dice-chip:hover{transform:translateY(-2px);box-shadow:0 0 28px #e7b84866}
.dice-chip:disabled{opacity:.55;cursor:wait}
.dice-result{min-width:170px;color:#a9c7d8;font-size:13px}
@keyframes webDiceRoll{
  0%{transform:rotate(0) scale(1)}
  25%{transform:rotate(110deg) scale(1.2)}
  50%{transform:rotate(240deg) scale(.88)}
  75%{transform:rotate(390deg) scale(1.12)}
  100%{transform:rotate(540deg) scale(1)}
}
@keyframes diceSpin{to{transform:rotate(360deg)}}
.rewards{background:#02070d;padding-top:100px}.reward-scene{min-height:620px;display:flex;align-items:center;padding:80px 9vw;margin-bottom:2px}.reward-scene .scene-bg{transition:transform 8s ease}.reward-scene:hover .scene-bg{transform:scale(1.05)}.scene-copy{position:relative;z-index:3;width:min(620px,80vw);padding:38px;background:linear-gradient(90deg,#020a11ef,#061727c7);border-left:3px solid var(--blue);box-shadow:0 25px 70px #000}.scene-copy h3{font-size:clamp(34px,5vw,62px);margin:12px 0}.scene-ui{position:absolute;z-index:3;right:8%;max-height:420px;filter:drop-shadow(0 25px 25px #000) drop-shadow(0 0 16px #2bc8ff)}.guild .scene-copy,.ronark .scene-copy{margin-left:auto}.guild .scene-bg:after,.ronark .scene-bg:after{background:linear-gradient(90deg,#02070dee,#02070d44,#02070ddd),linear-gradient(to bottom,#02070d,#02070d22,#02070d)}.metin-stone{position:absolute;z-index:2;width:230px;height:360px;background:linear-gradient(140deg,#384a56,#10151a 55%,#26333b);clip-path:polygon(50% 0,86% 14%,100% 55%,76% 100%,23% 94%,0 55%,15% 16%);box-shadow:0 0 45px #1e9fe2;opacity:.82}.metin-stone:after{content:"雷";position:absolute;inset:0;display:grid;place-items:center;font-size:84px;color:#31c7ff;text-shadow:0 0 25px #31c7ff}.metin-stone.left{left:8%;transform:rotate(-8deg)}.metin-stone.right{right:8%;transform:rotate(8deg)}.metin .scene-copy,.vs .scene-copy{margin:auto;text-align:center}.duel-silhouette{position:absolute;inset:0;z-index:2;display:flex;justify-content:space-between;align-items:end;padding:0 8%}.duel-silhouette i{width:230px;height:480px;background:linear-gradient(#1f5c85,#02070d);clip-path:polygon(42% 0,62% 4%,70% 18%,87% 29%,78% 50%,100% 72%,65% 68%,72% 100%,34% 100%,39% 65%,0 74%,25% 49%,18% 28%,38% 18%);opacity:.72;filter:drop-shadow(0 0 20px #2bbfff)}.duel-silhouette i:last-child{transform:scaleX(-1)}
.cta{text-align:center;padding:120px 20px;background:radial-gradient(circle,#0b304a,#02070d 65%)}.cta img{width:min(600px,75vw);margin:auto}.cta h2{font-size:clamp(35px,5vw,65px);margin:15px}.cta>div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}footer{text-align:center;padding:28px;color:#6f8797;border-top:1px solid var(--line)}
.reveal{opacity:0;transform:translateY(30px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.topbar nav{position:absolute;top:78px;left:0;right:0;background:#020b12f5;display:none;flex-direction:column;padding:30px}.topbar nav.open{display:flex}.menu-btn{display:block}.feature-grid{grid-template-columns:1fr 1fr}.story-inner,.system-panel,.system-panel.reverse{grid-template-columns:1fr}.system-panel.reverse .system-art,.system-panel.reverse .system-copy{order:initial}.visual-stage{min-height:450px}.scene-ui{position:relative;right:auto;margin-left:30px;max-width:45%}.transform-chain{gap:8px}.item-stage{width:150px;height:220px}.arrow{font-size:25px}.metin-stone{width:150px;height:280px;opacity:.45}}
@media(max-width:600px){.brand img{width:115px}.hero-kicker{letter-spacing:3px;margin-top:0}.countdown div{width:76px}.countdown b{font-size:25px}.feature-grid{grid-template-columns:1fr}.section{padding:80px 20px}.story-section{padding:60px 0}.story-inner{width:92vw;gap:20px}.visual-stage{min-height:390px}.blue-orbit{width:320px;height:320px}.story-copy{padding:25px}.transform-row{padding:15px 6px}.transform-chain{flex-wrap:wrap;gap:8px}.item-stage{width:98px;height:132px}.item-stage img{max-height:98px;max-width:66px}.arrow{font-size:18px}.system-panel{padding:70px 20px}.auto-main-icon{width:115px}.auto-mini-panel{position:relative;right:auto;bottom:auto;margin-top:190px;width:min(290px,86vw)}.dice-ring{width:280px;height:280px}.dice-ui{max-height:265px!important}.reward-scene{min-height:650px;padding:70px 20px;align-items:flex-end}.scene-copy{width:100%;padding:24px}.scene-ui{position:absolute;right:5%;top:70px;max-width:70%;max-height:300px;opacity:.75}.metin-stone{top:80px}.duel-silhouette i{width:135px;height:330px}.guild .scene-copy,.ronark .scene-copy{margin-left:0}}

@media(max-width:600px){
  .dice-action{position:relative;bottom:auto;margin-top:-28px;flex-wrap:wrap;justify-content:center;width:min(330px,92vw)}
  .dice-result{width:100%;text-align:center;min-width:0}
}

/* V4: extra compact transformation presentation */
.transforms{padding-top:62px!important;padding-bottom:62px!important}
.transforms .section-head{margin-bottom:28px}
.transforms .section-head h2{font-size:clamp(32px,4vw,52px)}
.transform-row{max-width:760px!important;margin:12px auto!important;padding:15px 18px!important}
.transform-row h3{font-size:16px!important;margin-bottom:10px!important;letter-spacing:1px}
.transform-chain{gap:8px!important}
.item-stage{width:96px!important;height:116px!important}
.item-stage:after{inset:5px!important}
.item-stage img{max-height:80px!important;max-width:58px!important;animation:none!important;image-rendering:auto!important;filter:drop-shadow(0 8px 7px #000) drop-shadow(0 0 5px #4acbff)!important}
.transform-chain figcaption{font-size:9px!important;margin-top:5px!important;max-width:105px}
.arrow{font-size:19px!important}
.compact .item-stage{height:96px!important}
@media(max-width:600px){
  .transform-row{max-width:94vw!important;padding:12px 5px!important}
  .transform-chain{gap:4px!important}
  .item-stage{width:76px!important;height:96px!important}
  .item-stage img{max-height:64px!important;max-width:46px!important}
  .transform-chain figcaption{font-size:8px!important;max-width:80px}
  .arrow{font-size:15px!important}
}

/* Persistent Discord card */
.discord-float{
  position:fixed;right:20px;top:50%;transform:translateY(-50%);
  z-index:120;width:260px;padding:16px 16px 16px 78px;
  background:linear-gradient(145deg,rgba(13,23,45,.97),rgba(4,10,22,.98));
  border:1px solid rgba(89,145,255,.55);
  box-shadow:0 18px 55px #000b,0 0 28px rgba(58,113,255,.2);
  backdrop-filter:blur(14px);transition:.35s ease;
}
.discord-float:hover{transform:translateY(-50%) translateX(-5px);box-shadow:0 22px 65px #000d,0 0 40px rgba(86,126,255,.35)}
.discord-float.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translateX(120%)}
.discord-orb{
  position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:50px;height:50px;border-radius:17px;
  background:linear-gradient(145deg,#7c8cff,#4857d8);
  display:grid;place-items:center;box-shadow:0 0 24px #6678ff99;
}
.discord-orb:before,.discord-orb:after{content:"";position:absolute;width:13px;height:18px;border:3px solid #fff;border-top:0;border-radius:0 0 15px 15px;top:16px}
.discord-orb:before{left:7px;transform:rotate(16deg)}.discord-orb:after{right:7px;transform:rotate(-16deg)}
.discord-eyes{color:#fff;letter-spacing:8px;margin-left:7px;margin-top:-3px;font-weight:900}
.discord-copy b{display:block;font-family:Cinzel;color:#fff;font-size:15px;letter-spacing:1px}
.discord-copy small{display:block;color:#94a9c7;margin:5px 0 10px;line-height:1.2}
.discord-copy a{display:inline-block;padding:8px 12px;background:linear-gradient(135deg,#6676f5,#8391ff);color:#fff;font-weight:700;font-size:12px;border-radius:3px}
.discord-close{position:absolute;right:6px;top:4px;border:0;background:none;color:#75839e;font-size:18px;cursor:pointer}
.discord-close:hover{color:#fff}
@media(max-width:950px){.discord-float{right:10px;top:auto;bottom:18px;transform:none;width:235px}.discord-float:hover{transform:translateX(-4px)}.discord-float.hidden{transform:translateX(120%)}}
@media(max-width:560px){.discord-float{width:210px;padding-left:64px}.discord-orb{width:40px;height:40px}.discord-copy small{display:none}}

/* More vivid VS tournament scene */
.vs{isolation:isolate}
.vs:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%,rgba(21,180,255,.19),transparent 30%),
    linear-gradient(120deg,transparent 35%,rgba(255,188,65,.08) 50%,transparent 65%);
  animation:vsPulse 3.5s ease-in-out infinite;
}
.vs-trophy-wrap{
  position:absolute;z-index:4;left:50%;top:48%;transform:translate(-50%,-50%);
  width:260px;pointer-events:none;
}
.vs-trophy-wrap img{
  width:100%;filter:drop-shadow(0 20px 30px #000) drop-shadow(0 0 22px rgba(43,190,255,.7));
  animation:trophyFloat 3s ease-in-out infinite;
}
.trophy-rays{
  position:absolute;inset:5%;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(45,194,255,.25) 0 4deg,transparent 4deg 18deg);
  filter:blur(1px);animation:raySpin 18s linear infinite;
}
.vs .scene-copy{margin-left:auto;margin-right:auto;margin-top:330px;max-width:680px}
@keyframes trophyFloat{50%{transform:translateY(-12px) scale(1.03)}}
@keyframes raySpin{to{transform:rotate(360deg)}}
@keyframes vsPulse{50%{opacity:.55}}
@media(max-width:700px){
  .vs-trophy-wrap{width:180px;top:34%}
  .vs .scene-copy{margin-top:260px}
}


/* V5 refinements */
.transforms{padding-top:46px!important;padding-bottom:46px!important}
.transforms .section-head{margin-bottom:20px!important}
.transform-row{max-width:620px!important;margin:8px auto!important;padding:11px 12px!important}
.transform-row h3{font-size:14px!important;margin-bottom:7px!important}
.transform-chain{gap:5px!important}
.item-stage{width:72px!important;height:88px!important}
.item-stage img{max-height:58px!important;max-width:40px!important;filter:drop-shadow(0 5px 5px #000) drop-shadow(0 0 4px #4acbff)!important}
.transform-chain figcaption{font-size:7px!important;max-width:78px!important;margin-top:3px!important}
.arrow{font-size:15px!important}
.compact .item-stage{height:72px!important}
.discord-orb{
  overflow:hidden!important;
  border-radius:50%!important;
  background:#5865F2 url('assets/images/discord-icon-opt.webp') center/108% no-repeat!important;
  box-shadow:0 0 26px rgba(88,101,242,.78)!important;
}
.discord-orb:before,.discord-orb:after,.discord-eyes{display:none!important}
.discord-float{border-color:rgba(108,123,255,.7)!important}
.discord-copy a{background:linear-gradient(135deg,#5865F2,#7b88ff)!important}
.vs-trophy-wrap{width:300px!important}
.vs-trophy-wrap:after{content:'';position:absolute;left:50%;bottom:5%;width:190px;height:28px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,200,83,.62),transparent 70%);filter:blur(8px)}
.vs-trophy-wrap img{filter:drop-shadow(0 24px 35px #000) drop-shadow(0 0 26px rgba(255,194,62,.72)) drop-shadow(0 0 18px rgba(43,190,255,.7))!important}
.vs .scene-copy{background:linear-gradient(90deg,rgba(2,10,17,.96),rgba(8,31,49,.9))!important;border-left-color:#f0bd45!important}
.vs .scene-copy h3{text-shadow:0 0 24px rgba(42,192,255,.34)}
.dice-action{box-shadow:0 18px 48px #000b,0 0 26px rgba(42,198,255,.22)!important}
.web-die{transform-style:preserve-3d}
.web-die.rolling{animation:webDiceRollV5 .9s cubic-bezier(.17,.67,.27,1.2)!important}
@keyframes webDiceRollV5{0%{transform:rotate(0deg) rotateY(0deg) scale(1)}35%{transform:rotate(170deg) rotateY(220deg) scale(1.28)}70%{transform:rotate(410deg) rotateY(500deg) scale(.9)}100%{transform:rotate(720deg) rotateY(720deg) scale(1)}}
@media(max-width:600px){
 .transform-row{max-width:96vw!important;padding:8px 4px!important}
 .item-stage{width:58px!important;height:74px!important}
 .item-stage img{max-height:48px!important;max-width:34px!important}
 .transform-chain figcaption{font-size:6px!important;max-width:64px!important}
 .arrow{font-size:12px!important}
 .vs-trophy-wrap{width:205px!important}
}

.topbar{display:none!important}body{padding-left:112px}
.side-nav{position:fixed;left:0;top:0;bottom:0;width:112px;z-index:130;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,rgba(3,13,22,.98),rgba(2,7,13,.96));border-right:1px solid rgba(46,190,255,.22);box-shadow:12px 0 40px rgba(0,0,0,.36);backdrop-filter:blur(14px)}
.side-brand{padding:18px 10px 12px;border-bottom:1px solid var(--line);width:100%}.side-brand img{width:88px;margin:auto}.side-nav nav{display:flex;flex-direction:column;width:100%;margin-top:28px}.side-nav nav a{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 5px;color:#8ea8ba;font-size:12px;font-weight:700;letter-spacing:.8px;border-left:2px solid transparent;transition:.25s}.side-nav nav a span{font-size:9px;color:#2dbfff;letter-spacing:2px}.side-nav nav a:hover,.side-nav nav a.active{color:#fff;background:linear-gradient(90deg,rgba(24,167,232,.15),transparent);border-left-color:var(--blue);text-shadow:0 0 12px rgba(70,204,255,.55)}.side-download{margin-top:auto;margin-bottom:22px;padding:10px 14px;border:1px solid var(--gold);color:#ffe29b;font-family:Cinzel;font-size:11px;letter-spacing:1px}
@media(max-width:900px){body{padding-left:0}.side-nav{top:auto;right:0;bottom:0;width:auto;height:66px;flex-direction:row;border-right:0;border-top:1px solid rgba(46,190,255,.22)}.side-brand,.side-download{display:none}.side-nav nav{margin:0;flex-direction:row;justify-content:space-around;width:100%}.side-nav nav a{padding:10px 7px;min-width:64px;font-size:10px;border-left:0;border-top:2px solid transparent}.side-nav nav a.active,.side-nav nav a:hover{border-top-color:var(--blue);border-left-color:transparent}}
.discord-orb{background:url('assets/images/discord-icon-opt.webp') center/contain no-repeat!important;box-shadow:none!important;border-radius:0!important}.discord-orb:before,.discord-orb:after,.discord-eyes{display:none!important}
.auto-showcase.refined{min-height:460px;width:min(520px,92vw)}.auto-panel-image{position:relative;z-index:2;max-height:430px;max-width:300px;object-fit:contain;filter:drop-shadow(0 24px 30px #000) drop-shadow(0 0 18px rgba(35,188,255,.5));image-rendering:auto}.auto-tags{position:absolute;z-index:3;right:0;bottom:28px;display:flex;flex-direction:column;gap:8px}.auto-tags span{padding:8px 12px;background:rgba(3,16,27,.9);border:1px solid rgba(53,194,255,.35);color:#bfeeff;font-size:12px;letter-spacing:.6px;box-shadow:0 8px 22px #0007}@media(max-width:600px){.auto-panel-image{max-height:360px;max-width:240px}.auto-tags{position:relative;right:auto;bottom:auto;margin-top:-18px}}
.web-die[data-value="6"] .p1,.web-die[data-value="6"] .p2,.web-die[data-value="6"] .p3,.web-die[data-value="6"] .p4,.web-die[data-value="6"] .p6{display:block!important}.web-die[data-value="6"] .p5{display:none!important}.web-die[data-value="6"] .p6{left:25px;top:auto;bottom:10px}
.vs-trophy-wrap{left:auto!important;right:8%!important;top:50%!important;transform:translateY(-50%)!important;width:220px!important}.vs .scene-copy{margin-left:7%!important;margin-right:auto!important;margin-top:0!important;max-width:620px}@media(max-width:900px){.vs-trophy-wrap{right:4%!important;width:170px!important;opacity:.82}.vs .scene-copy{margin-left:0!important;max-width:72%}}@media(max-width:600px){.vs-trophy-wrap{top:28%!important;right:50%!important;transform:translateX(50%)!important;width:150px!important}.vs .scene-copy{margin-top:240px!important;max-width:100%}}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:125;width:48px;height:48px;border-radius:50%;border:1px solid rgba(75,203,255,.7);background:linear-gradient(145deg,#0a2537,#03101a);color:#dff7ff;font-size:22px;cursor:pointer;box-shadow:0 0 24px rgba(34,190,255,.3);opacity:0;pointer-events:none;transform:translateY(15px);transition:.3s}.back-to-top.show{opacity:1;pointer-events:auto;transform:none}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 0 34px rgba(34,190,255,.55)}@media(max-width:900px){.back-to-top{bottom:82px;right:14px}}


/* V7 Loading */
.preloader{display:grid!important;place-items:center!important}
.loader-core{text-align:center;width:min(560px,82vw)}
.loader-core img{width:min(500px,72vw);margin:auto;filter:drop-shadow(0 0 30px #087fcf)}
.loader-core p{color:#8fdcff;letter-spacing:3px;text-transform:uppercase}
.loader-track{height:5px;background:#061725;border:1px solid #1f7fac;overflow:hidden;margin:18px 0 10px}
.loader-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#0c79bf,#53d8ff,#e3b957);box-shadow:0 0 18px #37c9ff;transition:width .18s}
.loader-core strong{font-family:Cinzel;color:#fff;letter-spacing:2px}

/* Stats */
.live-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1200px;margin:-72px auto 0;position:relative;z-index:8;background:#03101bea;border:1px solid var(--line);box-shadow:0 28px 70px #000b}
.live-stats article{text-align:center;padding:26px 12px;border-right:1px solid var(--line)}
.live-stats article:last-child{border-right:0}
.live-stats b{display:block;font:700 38px Cinzel;color:#7bdcff;text-shadow:0 0 18px #19aee4}
.live-stats span{color:#a9bdca;letter-spacing:1px}
@media(max-width:700px){.live-stats{grid-template-columns:1fr 1fr;margin:-36px 12px 0}.live-stats article:nth-child(2){border-right:0}.live-stats article{border-bottom:1px solid var(--line)}}

/* Cursor particles */
.cursor-particles{position:fixed;inset:0;pointer-events:none;z-index:150}
.cursor-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#6de3ff;box-shadow:0 0 12px #23c8ff;animation:cursorSpark .72s ease-out forwards}
@keyframes cursorSpark{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}

/* Meteors */
.meteor-layer{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:4}
.meteor{position:absolute;width:180px;height:2px;background:linear-gradient(90deg,transparent,#55dcff,#fff);filter:drop-shadow(0 0 8px #2bc6ff);transform:rotate(-25deg);animation:meteorFly 1.5s linear forwards}
.meteor:after{content:"";position:absolute;right:-2px;top:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 18px #4fd8ff}
@keyframes meteorFly{from{transform:translate(0,0) rotate(-25deg);opacity:0}10%{opacity:1}to{transform:translate(-130vw,75vh) rotate(-25deg);opacity:0}}

/* Parallax */
.parallax-layer{will-change:transform;transition:transform .12s ease-out}

/* Transform animation */
.transform-row{position:relative}
.transform-play{display:block;margin:14px auto 0;padding:8px 15px;background:#061522;border:1px solid #2dbfff;color:#bfeeff;font:700 11px Cinzel;letter-spacing:1px;cursor:pointer}
.animated-chain figure{transition:.3s}
.animated-chain.playing figure{opacity:.2;transform:scale(.86)}
.animated-chain.playing figure.active{opacity:1;transform:scale(1.12);filter:drop-shadow(0 0 20px #2fc9ff)}
.animated-chain.playing .arrow{animation:arrowPulse .65s infinite alternate}
@keyframes arrowPulse{to{transform:translateX(6px);color:#fff}}

/* 3D Dice */
.dice-cube-wrap{width:74px;height:74px;perspective:700px;display:grid;place-items:center}
.dice-cube{position:relative;width:56px;height:56px;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(26deg);transition:transform .75s cubic-bezier(.2,.75,.2,1)}
.dice-cube.rolling{animation:cubeRoll .9s cubic-bezier(.15,.75,.2,1)}
.dice-face{position:absolute;inset:0;background:linear-gradient(145deg,#f9fdff,#b8d7e8);border:2px solid #7edfff;border-radius:10px;box-shadow:inset -5px -6px 10px #698ea355,inset 4px 4px 8px #fff,0 0 14px #23bfff66;display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);padding:8px}
.dice-face i{width:7px;height:7px;border-radius:50%;background:#071d31;align-self:center;justify-self:center}
.face-1{transform:translateZ(28px)}.face-2{transform:rotateY(90deg) translateZ(28px)}.face-3{transform:rotateY(180deg) translateZ(28px)}.face-4{transform:rotateY(-90deg) translateZ(28px)}.face-5{transform:rotateX(90deg) translateZ(28px)}.face-6{transform:rotateX(-90deg) translateZ(28px)}
.face-1 i{grid-area:2/2}.face-2 i:nth-child(1){grid-area:1/1}.face-2 i:nth-child(2){grid-area:3/3}
.face-3 i:nth-child(1){grid-area:1/1}.face-3 i:nth-child(2){grid-area:2/2}.face-3 i:nth-child(3){grid-area:3/3}
.face-4 i:nth-child(1){grid-area:1/1}.face-4 i:nth-child(2){grid-area:1/3}.face-4 i:nth-child(3){grid-area:3/1}.face-4 i:nth-child(4){grid-area:3/3}
.face-5 i:nth-child(1){grid-area:1/1}.face-5 i:nth-child(2){grid-area:1/3}.face-5 i:nth-child(3){grid-area:2/2}.face-5 i:nth-child(4){grid-area:3/1}.face-5 i:nth-child(5){grid-area:3/3}
.face-6 i:nth-child(1){grid-area:1/1}.face-6 i:nth-child(2){grid-area:2/1}.face-6 i:nth-child(3){grid-area:3/1}.face-6 i:nth-child(4){grid-area:1/3}.face-6 i:nth-child(5){grid-area:2/3}.face-6 i:nth-child(6){grid-area:3/3}
@keyframes cubeRoll{0%{transform:rotateX(0) rotateY(0)}50%{transform:rotateX(420deg) rotateY(520deg) scale(1.15)}100%{transform:rotateX(720deg) rotateY(900deg)}}

/* Reward card life */
.reward-scene .scene-copy{transition:.4s}
.reward-scene:hover .scene-copy{transform:translateY(-8px);box-shadow:0 25px 80px #000,0 0 36px #0aaee833}
.reward-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(64,207,255,.08) 47%,transparent 64%);transform:translateX(-100%);transition:transform 1.1s}
.reward-scene:hover:after{transform:translateX(100%)}
.scene-ui,.vs-trophy-wrap img{animation:rewardFloat 4s ease-in-out infinite}
@keyframes rewardFloat{50%{transform:translateY(-10px)}}

/* Reduce motion */
@media(prefers-reduced-motion:reduce){.meteor,.cursor-spark,.scene-ui,.vs-trophy-wrap img{animation:none!important}.parallax-layer{transform:none!important}}

.item-orbit-section{min-height:900px;padding:80px 5vw}.item-orbit-layout{position:relative;z-index:3;width:min(1450px,94vw);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px}.item-orbit-stage{position:relative;min-height:700px;display:grid;place-items:center;isolation:isolate}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#126f9c 0,#05263a 42%,#02080e 72%);border:1px solid #52d6ff;box-shadow:0 0 55px #149edc66,inset 0 0 40px #39cfff33;z-index:3}.orbit-core strong{font:700 27px Cinzel;letter-spacing:4px;color:#eafcff;text-shadow:0 0 18px #4dd8ff}.orbit-core small{color:#7fcff3}.core-glow{position:absolute;inset:-35px;border-radius:50%;background:radial-gradient(circle,#23c3ff26,transparent 67%);animation:corePulse 2.8s ease-in-out infinite}.orbit-ring{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none}.ring-a{width:390px;height:390px;margin:-195px;border:1px solid #35c9ff88;box-shadow:0 0 35px #18aee944;animation:ringSpin 19s linear infinite}.ring-b{width:520px;height:520px;margin:-260px;border:1px dashed #dfba5866;animation:ringSpinReverse 26s linear infinite}.ring-c{width:650px;height:650px;margin:-325px;border:1px solid #2aa9e533;animation:ringSpin 34s linear infinite}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes ringSpinReverse{to{transform:rotate(-360deg)}}@keyframes corePulse{50%{transform:scale(1.1);opacity:.55}}.orbit-item{--count:17;--angle:calc(360deg / var(--count) * var(--i));--radius:290px;position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px;transform:rotate(var(--angle)) translateX(var(--radius)) rotate(calc(var(--angle) * -1));border:1px solid #35bde466;border-radius:14px;padding:8px;background:linear-gradient(145deg,#061928e8,#020a11ee);box-shadow:0 10px 22px #000b,0 0 12px #1fb8ec22;cursor:pointer;z-index:5;animation:itemOrbitFloat 3.8s ease-in-out infinite;animation-delay:calc(var(--i) * -.17s);transition:.25s}.orbit-item img{width:100%;height:100%;object-fit:contain;image-rendering:auto;filter:drop-shadow(0 6px 6px #000);transition:.25s}.orbit-item:before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,#47d9ff55 0,#19aee922 38%,transparent 70%);opacity:0;transform:scale(.7);transition:.3s;z-index:-1}.orbit-item:hover,.orbit-item.active{border-color:#8be9ff;box-shadow:0 12px 32px #000c,0 0 24px #2ac8ff99;z-index:20}.orbit-item:hover:before,.orbit-item.active:before{opacity:1;transform:scale(1.35)}.orbit-item:hover img,.orbit-item.active img{transform:scale(1.18);filter:drop-shadow(0 7px 7px #000) drop-shadow(0 0 10px #4fdcff)}@keyframes itemOrbitFloat{0%,100%{margin-top:-34px}50%{margin-top:-42px}}.item-info-panel>h2{font-size:clamp(46px,6vw,78px);margin:10px 0 25px}.item-info-card{min-height:330px;padding:40px 42px;background:linear-gradient(145deg,#03121edd,#061a29e8);border:1px solid #2abbe755;border-left:4px solid var(--blue);box-shadow:0 30px 80px #0009,0 0 35px #0a8fc52b}.item-info-card.flash{animation:infoFlash .38s ease}.item-info-card small{color:#40c9ff;letter-spacing:4px;font-weight:700}.item-info-card h3{font:700 clamp(27px,3vw,42px) Cinzel;margin:16px 0;color:#fff}.item-info-card p{font-size:22px;line-height:1.55;color:#bfd1dc;min-height:80px}.info-line{height:1px;background:linear-gradient(90deg,#3dd4ff,transparent);margin:22px 0}.item-info-card ul{list-style:none;padding:0}.item-info-card li{padding:9px 0;color:#8fd9f5;border-bottom:1px solid #2bb9e72b}@keyframes infoFlash{0%{transform:translateX(8px);box-shadow:0 0 50px #2acfff77}100%{transform:none}}@media(max-width:1100px){.item-orbit-layout{grid-template-columns:1fr;gap:20px}.item-orbit-stage{min-height:700px}.item-info-panel{max-width:760px;margin:auto;width:100%}}@media(max-width:760px){.item-orbit-stage{min-height:560px}.orbit-item{--radius:220px;width:54px;height:54px;margin:-27px}.ring-a{width:300px;height:300px;margin:-150px}.ring-b{width:400px;height:400px;margin:-200px}.ring-c{width:500px;height:500px;margin:-250px}.orbit-core{width:135px;height:135px}}@media(max-width:560px){.item-orbit-stage{min-height:470px}.orbit-item{--radius:180px;width:44px;height:44px;margin:-22px;padding:5px}.ring-a{width:250px;height:250px;margin:-125px}.ring-b{width:330px;height:330px;margin:-165px}.ring-c{width:410px;height:410px;margin:-205px}.orbit-core{width:110px;height:110px}.item-info-card{padding:28px 24px}}


/* V10 electric borders */
.electric-card,.electric-grid article{
  position:relative;
}
.electric-card:before,.electric-grid article:before{
  content:"";position:absolute;inset:-1px;pointer-events:none;z-index:5;
  background:
    linear-gradient(90deg,transparent 0 8%,#4edcff 11%,transparent 14% 46%,#1aa8ff 49%,transparent 53% 100%) top/180% 1px no-repeat,
    linear-gradient(180deg,transparent 0 22%,#5ce5ff 25%,transparent 29% 70%,#149cff 74%,transparent 78% 100%) right/1px 180% no-repeat,
    linear-gradient(270deg,transparent 0 18%,#39cfff 21%,transparent 24% 62%,#73e7ff 66%,transparent 70% 100%) bottom/180% 1px no-repeat,
    linear-gradient(0deg,transparent 0 28%,#31c7ff 31%,transparent 35% 76%,#52dcff 80%,transparent 84% 100%) left/1px 180% no-repeat;
  opacity:0;filter:drop-shadow(0 0 4px #2ac8ff);
}
.electric-card:hover:before,.electric-grid article:hover:before{
  opacity:1;animation:electricBorder .8s linear infinite;
}
@keyframes electricBorder{
  to{background-position:180% 0,100% 180%,0 100%,0 0}
}

/* Portal transition */
.portal-overlay{
  position:fixed;inset:0;z-index:9998;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at center,#0b6fa4 0,#03111d 32%,#01060a 70%);
  opacity:0;visibility:hidden;pointer-events:none;transition:.45s
}
.portal-overlay.active{opacity:1;visibility:visible;pointer-events:auto}
.portal-ring{position:relative;width:min(460px,70vw);height:min(460px,70vw);border-radius:50%;border:3px solid #57dfff;box-shadow:0 0 45px #2fcaff,0 0 120px #0d78ba,inset 0 0 60px #25bcff88;animation:portalPulse 1.4s ease-in-out infinite}
.portal-ring:before{content:"";position:absolute;inset:12%;border-radius:50%;border:2px dashed #c2f6ff;animation:portalSpin 2s linear infinite}
.portal-ring:after{content:"";position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle,#e8fbff 0,#45d8ff 18%,#0b7aba 48%,transparent 70%);filter:blur(2px);animation:portalCore 1s ease-in-out infinite alternate}
.portal-ring i{position:absolute;left:50%;top:50%;width:88%;height:3px;background:linear-gradient(90deg,transparent,#5ce6ff,transparent);transform-origin:center}
.portal-ring i:nth-child(1){transform:translate(-50%,-50%) rotate(20deg)}.portal-ring i:nth-child(2){transform:translate(-50%,-50%) rotate(140deg)}.portal-ring i:nth-child(3){transform:translate(-50%,-50%) rotate(260deg)}
.portal-overlay strong{margin-top:24px;font:700 38px Cinzel;letter-spacing:8px}.portal-overlay span{margin-top:8px;color:#9adcf6;letter-spacing:3px}
@keyframes portalSpin{to{transform:rotate(360deg)}}@keyframes portalPulse{50%{transform:scale(1.05);box-shadow:0 0 65px #63e5ff,0 0 150px #0e84c7,inset 0 0 80px #3acfff99}}@keyframes portalCore{to{transform:scale(1.15);opacity:.72}}

/* Crystal mouse trail */
.crystal-trail-layer{position:fixed;inset:0;z-index:151;pointer-events:none}
.crystal-shard{position:absolute;width:10px;height:18px;background:linear-gradient(160deg,#d9fbff,#39cfff 45%,#095c94 100%);clip-path:polygon(50% 0,100% 35%,72% 100%,20% 82%,0 32%);filter:drop-shadow(0 0 8px #37d6ff);animation:crystalFade .9s ease-out forwards}
@keyframes crystalFade{to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot)) scale(.2);opacity:0}}

/* Large shooting stars */
.big-shooting-star{position:absolute;width:430px;height:4px;background:linear-gradient(90deg,transparent,#43d7ff,#fff);filter:drop-shadow(0 0 14px #30c8ff);transform:rotate(-22deg);animation:bigStarFly 2.2s linear forwards}
.big-shooting-star:after{content:"";position:absolute;right:-6px;top:-5px;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 0 28px #5be0ff}
@keyframes bigStarFly{from{transform:translate(0,0) rotate(-22deg);opacity:0}8%{opacity:1}to{transform:translate(-145vw,85vh) rotate(-22deg);opacity:0}}

/* Metin showcase */
.metin-showcase{position:absolute;inset:0;z-index:2;pointer-events:none}
.metin-wrap{position:absolute;top:50%;width:260px;transform:translateY(-50%);animation:metinFloat 4.5s ease-in-out infinite}
.metin-wrap img{width:100%;filter:drop-shadow(0 24px 28px #000) drop-shadow(0 0 18px currentColor)}
.metin-left{left:7%;color:#65ff8d}.metin-right{right:7%;color:#6fd6ff;animation-delay:-2.1s}
.metin-particles{position:absolute;inset:-40px;border-radius:50%;background:
  radial-gradient(circle at 15% 20%,currentColor 0 2px,transparent 3px),
  radial-gradient(circle at 75% 30%,currentColor 0 2px,transparent 3px),
  radial-gradient(circle at 30% 78%,currentColor 0 2px,transparent 3px),
  radial-gradient(circle at 85% 70%,currentColor 0 2px,transparent 3px),
  radial-gradient(circle at 50% 8%,#fff 0 1px,transparent 2px);
  background-size:90px 90px,120px 120px,110px 110px,130px 130px,80px 80px;
  animation:metinSpark 6s linear infinite;filter:drop-shadow(0 0 6px currentColor);opacity:.72
}
.metin-particles.green{color:#69ff84}.metin-particles.blue{color:#5ed8ff}
.metin .scene-copy{position:relative;z-index:4}
@keyframes metinFloat{50%{transform:translateY(calc(-50% - 12px)) rotate(2deg)}}@keyframes metinSpark{to{background-position:90px 90px,-120px 120px,110px -110px,-130px 130px,80px -80px}}
@media(max-width:900px){.metin-wrap{width:180px;opacity:.8}.metin-left{left:2%}.metin-right{right:2%}}
@media(max-width:600px){.metin-wrap{width:130px;top:28%}.metin .scene-copy{margin-top:180px}}

/* V11 interactive boss tracker */
.boss-tracker-widget{position:relative;z-index:3;width:min(660px,92vw);margin:auto}
.boss-screen{position:relative;width:100%;aspect-ratio:603/603;background:#050807;border:1px solid #397f63;box-shadow:0 28px 55px #000c,0 0 28px #0aa9752a;overflow:hidden}
.boss-screen>img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .24s ease,filter .24s ease,transform .34s ease}
.boss-screen.changing>img{opacity:.25;filter:blur(2px) brightness(1.35);transform:scale(1.015)}
.boss-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none}
.boss-hotspots button{--top-start:6.7%;--row-gap:8.25%;position:absolute;left:3.1%;top:calc(var(--top-start) + var(--row) * var(--row-gap));width:50%;height:7.4%;border:0;background:transparent;cursor:pointer;pointer-events:auto}
.boss-hotspots button:focus-visible{outline:2px solid #71f7ba;outline-offset:-2px}
.boss-hotspots button:hover:not(.unavailable){background:linear-gradient(90deg,rgba(21,210,114,.12),rgba(21,210,114,.03));box-shadow:inset 0 0 0 1px rgba(74,255,165,.45)}
.boss-hotspots button.unavailable{cursor:not-allowed}
.boss-hotspots button.unavailable:hover:after{content:"Görsel bekleniyor";position:absolute;right:8%;top:50%;transform:translateY(-50%);padding:4px 8px;background:#120b0be8;color:#d58f8f;border:1px solid #8f3b3b;font-size:11px}
.boss-change-fx{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at 70% 35%,rgba(65,255,170,.18),transparent 26%),linear-gradient(90deg,transparent 48%,rgba(85,255,190,.13) 60%,transparent 76%)}
.boss-change-fx.active{animation:bossFlash .48s ease}
@keyframes bossFlash{0%{opacity:0;transform:translateX(-15%)}40%{opacity:1}100%{opacity:0;transform:translateX(15%)}}
.boss-selection-label{display:flex;align-items:center;gap:14px;margin-top:14px;padding:12px 16px;background:linear-gradient(90deg,#04140fe8,#061b19e8);border-left:3px solid #32dd8f;border-top:1px solid #225d49}
.boss-selection-label span{font-size:10px;letter-spacing:3px;color:#54eca5}
.boss-selection-label b{font-family:Cinzel;color:#fff}
.boss-selection-label small{margin-left:auto;color:#7f9c91}
@media(max-width:700px){.boss-selection-label{flex-wrap:wrap}.boss-selection-label small{width:100%;margin-left:0}}

/* V14 Zindan dekoru */
.zindan-copy-wrap{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center;isolation:isolate}
.zindan-boss-decor{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.zindan-boss{position:absolute;bottom:0;width:245px;opacity:.4;filter:drop-shadow(0 22px 25px #000);animation:bossIdle 4.8s ease-in-out infinite}
.zindan-boss img{width:100%}
.jotun-decor{right:0;color:#4bd8ff}
.devil-decor{left:0;width:205px;color:#ab6cff;animation-delay:-2.2s}
.boss-aura{position:absolute;inset:-22px;border-radius:50%;background:
radial-gradient(circle at 20% 25%,currentColor 0 2px,transparent 3px),
radial-gradient(circle at 78% 20%,currentColor 0 1.8px,transparent 3px),
radial-gradient(circle at 30% 80%,currentColor 0 1.6px,transparent 3px),
radial-gradient(circle at 86% 74%,currentColor 0 2px,transparent 3px);
background-size:100px 100px,130px 130px,115px 115px,145px 145px;
filter:drop-shadow(0 0 7px currentColor);opacity:.45;animation:bossAuraMove 8s linear infinite}
.boss-aura.blue{color:#51d8ff}.boss-aura.violet{color:#a873ff}
.zindan-copy-wrap .system-copy{position:relative;z-index:3;background:rgba(2,12,20,.88);backdrop-filter:blur(3px)}
@keyframes bossIdle{50%{transform:translateY(-8px) scale(1.012)}}
@keyframes bossAuraMove{to{background-position:100px -100px,-130px 130px,115px -115px,-145px 145px}}
@media(max-width:800px){.zindan-boss{width:170px;opacity:.26}.devil-decor{width:145px}.zindan-copy-wrap{min-height:520px}}

/* V14 yalnız item adı tooltip */
.boss-drop-hotspots{position:absolute;left:59.4%;top:59.1%;width:36.8%;height:26.4%;z-index:7;pointer-events:none}
.drop-hotspot{position:absolute;width:15.1%;height:23.5%;border:0;background:transparent;pointer-events:auto;cursor:help}
.drop-hotspot:hover{box-shadow:inset 0 0 0 1px rgba(110,231,255,.75),0 0 10px rgba(56,207,255,.6)}
.boss-item-tooltip{position:absolute;z-index:12;min-width:150px;max-width:240px;padding:9px 12px;background:#0b0d10f2;border:1px solid #8e753f;box-shadow:0 12px 30px #000c;pointer-events:none;opacity:0;transform:translateY(5px);transition:.14s}
.boss-item-tooltip.show{opacity:1;transform:none}
.boss-item-tooltip b{color:#ffe39a;font-family:Cinzel;font-size:12px}


/* V15 — Ronark reward scene */
.ronark-reward-live{
  min-height:720px;
  isolation:isolate;
}
.ronark-reward-live .scene-bg{
  background-position:center 30%!important;
  background-size:cover!important;
  animation:ronarkSceneBreath 8s ease-in-out infinite;
}
.ronark-reward-live .scene-bg:after{
  background:
    radial-gradient(circle at 47% 46%,transparent 0 18%,rgba(2,7,13,.12) 42%,rgba(2,7,13,.78) 100%),
    linear-gradient(90deg,rgba(2,7,13,.86),rgba(2,7,13,.22) 42%,rgba(2,7,13,.7));
}
.ronark-reward-live .scene-copy{
  margin-left:auto;
  margin-right:3%;
  max-width:560px;
  background:linear-gradient(135deg,rgba(3,15,25,.9),rgba(13,16,27,.82));
  border-left-color:#5ed7ff;
  backdrop-filter:blur(6px);
}
.ronark-boss-glow{
  position:absolute;
  z-index:2;
  left:36%;
  top:22%;
  width:320px;
  height:440px;
  border-radius:48%;
  background:radial-gradient(ellipse,#51d8ff1f 0,#8d66ff14 35%,#ff9d3d0d 52%,transparent 72%);
  filter:blur(8px);
  animation:ronarkGlowPulse 4.2s ease-in-out infinite;
  pointer-events:none;
}
.ronark-particle-field{
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  overflow:hidden;
}
.ronark-particle-field i{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  opacity:.75;
  animation:ronarkParticle 6s linear infinite;
}
.ronark-particle-field i:nth-child(1){left:28%;top:74%;background:#53d8ff;box-shadow:0 0 12px #53d8ff;animation-delay:-.5s}
.ronark-particle-field i:nth-child(2){left:35%;top:82%;background:#9f7cff;box-shadow:0 0 12px #9f7cff;animation-delay:-2s}
.ronark-particle-field i:nth-child(3){left:42%;top:76%;background:#ffb34f;box-shadow:0 0 12px #ffb34f;animation-delay:-3.2s}
.ronark-particle-field i:nth-child(4){left:49%;top:85%;background:#4df0bd;box-shadow:0 0 12px #4df0bd;animation-delay:-1.2s}
.ronark-particle-field i:nth-child(5){left:56%;top:72%;background:#58dfff;box-shadow:0 0 12px #58dfff;animation-delay:-4.1s}
.ronark-particle-field i:nth-child(6){left:31%;top:60%;background:#ff8e45;box-shadow:0 0 12px #ff8e45;animation-delay:-2.7s}
.ronark-particle-field i:nth-child(7){left:51%;top:58%;background:#8e7cff;box-shadow:0 0 12px #8e7cff;animation-delay:-.9s}
.ronark-particle-field i:nth-child(8){left:45%;top:66%;background:#5ae5ff;box-shadow:0 0 12px #5ae5ff;animation-delay:-3.8s}

@keyframes ronarkSceneBreath{
  0%,100%{transform:scale(1.015)}
  50%{transform:scale(1.045) translateY(-5px)}
}
@keyframes ronarkGlowPulse{
  50%{transform:scale(1.08);opacity:.62}
}
@keyframes ronarkParticle{
  0%{transform:translateY(0) translateX(0) scale(.8);opacity:0}
  15%{opacity:.8}
  70%{opacity:.65}
  100%{transform:translateY(-220px) translateX(35px) scale(.2);opacity:0}
}

/* V15 — Larger transformation area */
.transforms{
  padding-top:88px!important;
  padding-bottom:88px!important;
}
.transform-row{
  max-width:1040px!important;
  padding:28px 30px!important;
  margin:22px auto!important;
}
.transform-row h3{
  font-size:22px!important;
  margin-bottom:20px!important;
}
.transform-chain{
  gap:20px!important;
}
.item-stage{
  width:176px!important;
  height:224px!important;
  perspective:800px;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.compact .item-stage{
  height:180px!important;
}
.item-stage img{
  max-height:175px!important;
  max-width:118px!important;
  transition:transform .22s ease,filter .22s ease!important;
  transform-style:preserve-3d;
}
.transform-chain figcaption{
  font-size:13px!important;
  margin-top:10px!important;
}
.arrow{
  font-size:34px!important;
}
.transform-chain figure{
  transition:transform .25s ease;
}
.transform-chain figure:hover{
  transform:translateY(-8px);
}
.transform-chain figure:hover .item-stage{
  border-color:#8feaff!important;
  box-shadow:
    0 18px 40px #000b,
    0 0 28px #3bd1ff99,
    inset 0 0 32px #1ca8df2e;
  transform:rotateX(4deg) rotateY(-5deg) scale(1.035);
}
.transform-chain figure:hover .item-stage:before{
  content:"";
  position:absolute;
  inset:-22px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,#4bdcff40 0,#138fcc1c 38%,transparent 70%);
  animation:itemAuraPulse 1.5s ease-in-out infinite;
}
.transform-chain figure:hover .item-stage img{
  transform:scale(1.12) rotateY(7deg);
  filter:drop-shadow(0 16px 12px #000) drop-shadow(0 0 16px #5ee1ff)!important;
}
@keyframes itemAuraPulse{
  50%{transform:scale(1.12);opacity:.55}
}

@media(max-width:900px){
  .ronark-reward-live{min-height:650px}
  .ronark-reward-live .scene-copy{margin:320px auto 0;max-width:88%}
  .ronark-boss-glow{left:50%;transform:translateX(-50%);top:10%;width:240px;height:340px}
  .item-stage{width:140px!important;height:185px!important}
  .item-stage img{max-height:140px!important;max-width:94px!important}
}
@media(max-width:600px){
  .transform-row{padding:18px 8px!important}
  .transform-chain{gap:8px!important}
  .item-stage{width:98px!important;height:132px!important}
  .compact .item-stage{height:112px!important}
  .item-stage img{max-height:95px!important;max-width:65px!important}
  .transform-chain figcaption{font-size:9px!important}
  .arrow{font-size:20px!important}
}


/* V16 remove boss drop tooltips */
.boss-drop-hotspots,.boss-item-tooltip{display:none!important}

/* Cleaner pseudo-3D presentation for low-resolution item sprites */
.transform-row{
  background:
    radial-gradient(circle at 50% 25%,rgba(39,190,255,.09),transparent 38%),
    linear-gradient(145deg,rgba(5,23,37,.97),rgba(2,10,17,.97))!important;
  border-color:rgba(75,205,255,.34)!important;
}
.item-stage{
  width:190px!important;
  height:245px!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(89,222,255,.22),transparent 36%),
    linear-gradient(145deg,#0a2638,#03101a 62%,#071d2a)!important;
  border:1px solid rgba(102,222,255,.65)!important;
  box-shadow:
    inset 0 0 34px rgba(34,181,235,.14),
    0 24px 45px rgba(0,0,0,.55);
  transform-style:preserve-3d;
}
.compact .item-stage{height:200px!important}
.item-stage:after{
  inset:9px!important;
  border:1px solid rgba(228,190,91,.28)!important;
  box-shadow:inset 0 0 18px rgba(228,190,91,.08);
}
.item-stage img{
  max-height:188px!important;
  max-width:126px!important;
  image-rendering:auto!important;
  filter:
    drop-shadow(0 18px 14px rgba(0,0,0,.9))
    drop-shadow(0 0 11px rgba(95,225,255,.72))!important;
  transform:translateZ(26px);
}
.transform-chain figure:hover .item-stage img{
  transform:translateZ(44px) scale(1.16) rotateY(8deg)!important;
}
.transform-chain figcaption{
  font-size:14px!important;
  letter-spacing:.4px;
}
@media(max-width:900px){
  .item-stage{width:150px!important;height:195px!important}
  .item-stage img{max-height:148px!important;max-width:98px!important}
}
@media(max-width:600px){
  .item-stage{width:102px!important;height:140px!important}
  .compact .item-stage{height:120px!important}
  .item-stage img{max-height:100px!important;max-width:68px!important}
}

/* Metin click-to-break */
.metin-breakable{
  border:0;background:transparent;padding:0;cursor:pointer;
  color:inherit;
}
.metin-breakable:focus-visible{outline:2px solid #74e7ff;outline-offset:10px}
.metin-breakable .metin-cracks{
  position:absolute;inset:10% 15%;opacity:0;pointer-events:none;
  background:
    linear-gradient(72deg,transparent 44%,#d8fbff 46% 48%,transparent 50%) 45% 35%/60% 42% no-repeat,
    linear-gradient(112deg,transparent 45%,#75ddff 47% 49%,transparent 51%) 58% 60%/72% 55% no-repeat,
    linear-gradient(25deg,transparent 46%,#fff 48% 49%,transparent 51%) 38% 74%/54% 45% no-repeat;
  filter:drop-shadow(0 0 6px currentColor);
}
.metin-breakable.breaking img{animation:metinBreak .72s ease}
.metin-breakable.breaking .metin-cracks{animation:crackFlash .72s ease}
.metin-breakable.breaking:after{
  content:"+50 TL";position:absolute;left:50%;top:38%;z-index:6;
  transform:translate(-50%,-50%);
  font:800 26px Cinzel;color:#ffe287;text-shadow:0 0 15px #ffca3d,0 4px 8px #000;
  animation:rewardRise 1s ease forwards
}
@keyframes metinBreak{
  0%{transform:scale(1)}
  28%{transform:scale(1.08) rotate(-2deg)}
  48%{transform:scale(.93) rotate(3deg);filter:brightness(1.7) drop-shadow(0 0 24px currentColor)}
  100%{transform:scale(1)}
}
@keyframes crackFlash{0%,100%{opacity:0}32%,62%{opacity:1}}
@keyframes rewardRise{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-80px) scale(1.15)}}

/* Silent blue dragon fly-by */
.dragon-flyby{
  position:fixed;left:110%;top:12%;z-index:90;width:min(520px,40vw);
  pointer-events:none;opacity:0;
  filter:drop-shadow(0 20px 24px #000) drop-shadow(0 0 24px #3fd8ff);
}
.dragon-flyby img{width:100%;animation:dragonWing 1.4s ease-in-out infinite}
.dragon-flyby.active{animation:dragonCross 7s linear forwards}
@keyframes dragonCross{
  0%{left:110%;top:18%;opacity:0;transform:scale(.65) rotate(-5deg)}
  10%{opacity:.92}
  50%{top:8%;transform:scale(1) rotate(2deg)}
  100%{left:-55%;top:20%;opacity:0;transform:scale(.72) rotate(-3deg)}
}
@keyframes dragonWing{50%{transform:translateY(-8px) scaleY(.97)}}

/* Animated energy edges */
.energy-card,.energy-grid article{
  position:relative;overflow:hidden
}
.energy-card:after,.energy-grid article:after{
  content:"";position:absolute;inset:-1px;pointer-events:none;z-index:8;
  background:
    linear-gradient(90deg,transparent,#64e2ff,transparent) top left/42% 1px no-repeat,
    linear-gradient(180deg,transparent,#38cfff,transparent) top right/1px 42% no-repeat,
    linear-gradient(270deg,transparent,#8cecff,transparent) bottom right/42% 1px no-repeat,
    linear-gradient(0deg,transparent,#2fbfff,transparent) bottom left/1px 42% no-repeat;
  opacity:.2;animation:energyEdge 4.4s linear infinite
}
.energy-card:hover:after,.energy-grid article:hover:after{
  opacity:1;filter:drop-shadow(0 0 6px #42d8ff)
}
@keyframes energyEdge{
  0%{background-position:-45% 0,100% -45%,145% 100%,0 145%}
  100%{background-position:145% 0,100% 145%,-45% 100%,0 -45%}
}

/* Cinematic opening title */
.cinematic-title span,.cinematic-title b{
  display:block;opacity:0
}
.hero-content.visible .cinematic-title span{
  animation:heroKickerIn 1.05s cubic-bezier(.2,.8,.2,1) .25s forwards
}
.hero-content.visible .cinematic-title b{
  animation:heroDateIn 1.25s cubic-bezier(.15,.85,.2,1) .65s forwards
}
.cinematic-title b{font:inherit}
@keyframes heroKickerIn{
  0%{opacity:0;letter-spacing:24px;filter:blur(10px);transform:translateY(-22px)}
  100%{opacity:1;letter-spacing:10px;filter:none;transform:none}
}
@keyframes heroDateIn{
  0%{opacity:0;transform:scale(1.18) translateY(18px);filter:blur(14px);text-shadow:0 0 45px #5ce3ff}
  55%{opacity:1}
  100%{opacity:1;transform:none;filter:none;text-shadow:0 4px 25px #000}
}


/* V17 remove blue dragon */
.dragon-flyby{display:none!important}

/* Persistent subtle glow after cinematic entrance */
.hero-content.visible .cinematic-title span{
  animation:
    heroKickerIn 1.05s cubic-bezier(.2,.8,.2,1) .25s forwards,
    heroTitleGlow 3.8s ease-in-out 1.5s infinite;
}
.hero-content.visible .cinematic-title b{
  animation:
    heroDateIn 1.25s cubic-bezier(.15,.85,.2,1) .65s forwards,
    heroDateGlow 4.2s ease-in-out 1.9s infinite;
}
@keyframes heroTitleGlow{
  0%,100%{
    text-shadow:0 0 8px rgba(82,219,255,.18),0 4px 22px #000;
    filter:brightness(1)
  }
  50%{
    text-shadow:0 0 18px rgba(88,224,255,.52),0 0 36px rgba(34,170,255,.22),0 4px 22px #000;
    filter:brightness(1.08)
  }
}
@keyframes heroDateGlow{
  0%,100%{
    text-shadow:0 0 10px rgba(227,185,87,.16),0 4px 25px #000;
    filter:brightness(1)
  }
  50%{
    text-shadow:0 0 20px rgba(255,218,126,.44),0 0 42px rgba(49,190,255,.18),0 4px 25px #000;
    filter:brightness(1.07)
  }
}

/* VS tournament video background */
.vs-video-scene{
  position:relative;
  min-height:700px;
  overflow:hidden;
  isolation:isolate;
}
.vs-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  opacity:.62;
  filter:saturate(.9) contrast(1.08) brightness(.72);
}
.vs-video-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 50% 45%,transparent 0 22%,rgba(2,7,13,.24) 52%,rgba(2,7,13,.82) 100%),
    linear-gradient(90deg,rgba(2,7,13,.76),rgba(2,7,13,.18) 46%,rgba(2,7,13,.68)),
    linear-gradient(to bottom,rgba(2,7,13,.22),rgba(2,7,13,.1) 40%,rgba(2,7,13,.78));
}
.vs-video-scene .scene-copy{
  position:relative;
  z-index:3;
  margin:0 auto;
  max-width:700px;
  text-align:center;
  background:linear-gradient(145deg,rgba(3,15,25,.88),rgba(6,21,34,.82));
  border-left:0;
  border-top:2px solid rgba(65,205,255,.55);
  backdrop-filter:blur(7px);
}
.vs-video-scene:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 30% 35%,rgba(41,190,255,.12),transparent 22%),
    radial-gradient(circle at 70% 62%,rgba(74,130,255,.11),transparent 26%);
  animation:vsVideoPulse 4.8s ease-in-out infinite;
}
@keyframes vsVideoPulse{
  50%{opacity:.55;transform:scale(1.025)}
}
@media(max-width:700px){
  .vs-video-scene{min-height:620px}
  .vs-video-scene .scene-copy{max-width:92%;margin-top:260px}
}


/* V18 — Guild War video background */
.guild-video-scene{
  position:relative;
  min-height:700px;
  overflow:hidden;
  isolation:isolate;
}
.guild-bg-video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.66;
  filter:saturate(.9) contrast(1.08) brightness(.7);
}
.guild-video-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 52% 42%,transparent 0 22%,rgba(2,7,13,.24) 52%,rgba(2,7,13,.84) 100%),
    linear-gradient(90deg,rgba(2,7,13,.72),rgba(2,7,13,.14) 48%,rgba(2,7,13,.68)),
    linear-gradient(to bottom,rgba(2,7,13,.22),rgba(2,7,13,.08) 42%,rgba(2,7,13,.78));
}
.guild-video-scene .scene-copy{
  position:relative;
  z-index:3;
  margin-left:auto;
  max-width:620px;
  background:linear-gradient(145deg,rgba(3,15,25,.9),rgba(7,19,31,.84));
  border-left-color:#5fdcff;
  backdrop-filter:blur(7px);
}
.guild-video-scene:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 24% 35%,rgba(55,202,255,.1),transparent 22%),
    radial-gradient(circle at 78% 60%,rgba(90,113,255,.1),transparent 25%);
  animation:guildVideoPulse 5s ease-in-out infinite;
}
@keyframes guildVideoPulse{
  50%{opacity:.55;transform:scale(1.02)}
}

/* V18 — Transformation sizing and centered captions */
.transform-chain figure{
  display:flex!important;
  flex-direction:column;
  align-items:center!important;
  justify-content:flex-start;
  text-align:center!important;
}
.transform-chain figcaption{
  display:block!important;
  width:100%!important;
  max-width:190px!important;
  min-height:34px;
  margin:10px auto 0!important;
  padding:0 4px;
  text-align:center!important;
  line-height:1.25;
}
.weapon-row .item-stage{
  width:190px!important;
  height:245px!important;
}
.weapon-row .item-stage img{
  max-height:188px!important;
  max-width:126px!important;
}
.armor-row .item-stage{
  width:142px!important;
  height:178px!important;
}
.armor-row .item-stage img{
  max-height:128px!important;
  max-width:86px!important;
}
.shield-row .item-stage{
  width:126px!important;
  height:140px!important;
}
.shield-row .item-stage img{
  max-height:98px!important;
  max-width:74px!important;
}
.armor-row .transform-chain,
.shield-row .transform-chain{
  gap:16px!important;
}
.armor-row .arrow,
.shield-row .arrow{
  font-size:27px!important;
}
@media(max-width:900px){
  .weapon-row .item-stage{width:150px!important;height:195px!important}
  .weapon-row .item-stage img{max-height:148px!important;max-width:98px!important}
  .armor-row .item-stage{width:116px!important;height:150px!important}
  .armor-row .item-stage img{max-height:105px!important;max-width:72px!important}
  .shield-row .item-stage{width:104px!important;height:120px!important}
  .shield-row .item-stage img{max-height:80px!important;max-width:62px!important}
}
@media(max-width:600px){
  .weapon-row .item-stage{width:102px!important;height:140px!important}
  .weapon-row .item-stage img{max-height:100px!important;max-width:68px!important}
  .armor-row .item-stage{width:82px!important;height:106px!important}
  .armor-row .item-stage img{max-height:74px!important;max-width:52px!important}
  .shield-row .item-stage{width:74px!important;height:90px!important}
  .shield-row .item-stage img{max-height:59px!important;max-width:46px!important}
  .transform-chain figcaption{max-width:95px!important;font-size:9px!important;min-height:28px}
}

/* V18 — Cinematic final */
.cinematic-final{
  position:relative;
  min-height:760px;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:110px 20px 80px;
  background:
    radial-gradient(circle at 50% 48%,rgba(19,112,165,.3),transparent 34%),
    linear-gradient(180deg,#02070d,#041522 45%,#010407);
  isolation:isolate;
}
.cinematic-final:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    linear-gradient(90deg,transparent 49.8%,rgba(63,211,255,.15) 50%,transparent 50.2%),
    linear-gradient(rgba(44,187,242,.04) 1px,transparent 1px);
  background-size:100% 100%,100% 48px;
  mask-image:linear-gradient(to bottom,transparent,black 24%,black 80%,transparent);
}
.final-runes{
  position:absolute;
  left:50%;
  top:48%;
  width:620px;
  height:620px;
  margin:-310px;
  border:1px solid rgba(68,205,255,.22);
  border-radius:50%;
  box-shadow:0 0 80px rgba(25,149,214,.15),inset 0 0 60px rgba(36,179,235,.08);
  animation:finalRuneSpin 28s linear infinite;
}
.final-runes:before,
.final-runes:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px dashed rgba(227,185,87,.22);
}
.final-runes:before{inset:68px;animation:finalRuneReverse 22s linear infinite}
.final-runes:after{inset:145px;border-style:solid;border-color:rgba(72,215,255,.18)}
.final-mist{
  position:absolute;
  z-index:1;
  left:-15%;
  width:130%;
  height:310px;
  background:
    radial-gradient(ellipse at 20% 55%,rgba(157,205,221,.16),transparent 29%),
    radial-gradient(ellipse at 50% 48%,rgba(84,151,181,.2),transparent 32%),
    radial-gradient(ellipse at 82% 58%,rgba(149,196,215,.14),transparent 30%);
  filter:blur(28px);
  pointer-events:none;
}
.mist-a{bottom:3%;animation:finalMistA 13s ease-in-out infinite}
.mist-b{bottom:18%;opacity:.58;transform:scaleX(-1);animation:finalMistB 17s ease-in-out infinite}
.final-content{
  position:relative;
  z-index:4;
  width:min(900px,92vw);
  text-align:center;
}
.final-content small{
  display:block;
  color:#65d8ff;
  letter-spacing:7px;
  font-weight:700;
}
.final-content h2{
  margin:18px 0 8px;
  font-size:clamp(48px,8vw,104px);
  letter-spacing:5px;
  background:linear-gradient(180deg,#fff,#80dcff 58%,#2678aa);
  -webkit-background-clip:text;
  color:transparent;
  text-shadow:0 0 38px rgba(45,194,255,.18);
  animation:finalTitleGlow 4.2s ease-in-out infinite;
}
.final-content strong{
  display:block;
  font:700 clamp(22px,3vw,34px) Cinzel;
  color:#f1ce78;
  letter-spacing:10px;
  text-shadow:0 0 18px rgba(238,190,76,.32);
}
.final-content img{
  width:min(520px,72vw);
  margin:24px auto 12px;
  filter:drop-shadow(0 0 28px rgba(29,168,232,.48));
}
.final-actions{
  display:flex;
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
  margin-top:18px;
}
@keyframes finalRuneSpin{to{transform:rotate(360deg)}}
@keyframes finalRuneReverse{to{transform:rotate(-360deg)}}
@keyframes finalMistA{50%{transform:translateX(7%) scale(1.08);opacity:.68}}
@keyframes finalMistB{50%{transform:scaleX(-1) translateX(8%) scale(1.1);opacity:.42}}
@keyframes finalTitleGlow{
  0%,100%{filter:brightness(1);text-shadow:0 0 28px rgba(45,194,255,.15)}
  50%{filter:brightness(1.08);text-shadow:0 0 46px rgba(45,194,255,.42)}
}
.cinematic-final + footer{
  padding:26px 20px 90px;
  background:#010407;
}
@media(max-width:700px){
  .guild-video-scene{min-height:620px}
  .guild-video-scene .scene-copy{max-width:92%;margin:260px auto 0}
  .cinematic-final{min-height:650px}
  .final-runes{width:430px;height:430px;margin:-215px}
}


/* V19 — Remove cinematic final */
.cinematic-final{display:none!important}

/* V19 — Patron Ranking cinematic scene */
.boss-ranking-live{
  position:relative;
  min-height:780px;
  overflow:hidden;
  isolation:isolate;
  background:#02070d;
}
.boss-ranking-bg{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 50% 34%,rgba(47,139,187,.22),transparent 27%),
    linear-gradient(180deg,#07131e,#02070d 72%);
}
.boss-ranking-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom,rgba(1,5,9,.18),rgba(1,5,9,.56) 65%,rgba(1,5,9,.95)),
    radial-gradient(circle at 30% 70%,rgba(43,191,241,.08),transparent 25%),
    radial-gradient(circle at 74% 58%,rgba(226,180,77,.06),transparent 25%);
}
.boss-ranking-moon{
  position:absolute;
  z-index:1;
  left:50%;
  top:10%;
  width:410px;
  height:410px;
  transform:translateX(-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 34%,#e4f7ff,#87c9e7 44%,#306c92 68%,#092033 100%);
  box-shadow:0 0 65px rgba(93,208,255,.3),0 0 140px rgba(27,135,194,.16);
  opacity:.78;
}
.boss-ranking-moon:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 30%,rgba(20,45,65,.18) 0 7%,transparent 8%),
    radial-gradient(circle at 67% 42%,rgba(15,42,60,.16) 0 10%,transparent 11%),
    radial-gradient(circle at 42% 72%,rgba(18,52,70,.18) 0 8%,transparent 9%);
}
.boss-ranking-runes{
  position:absolute;
  z-index:2;
  left:50%;
  top:8%;
  width:450px;
  height:450px;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px solid rgba(92,220,255,.3);
  box-shadow:0 0 35px rgba(48,197,255,.15);
  animation:rankingRunes 24s linear infinite;
}
.boss-ranking-runes:before,
.boss-ranking-runes:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px dashed rgba(224,182,78,.24);
}
.boss-ranking-runes:before{inset:44px;animation:rankingRunesReverse 18s linear infinite}
.boss-ranking-runes:after{inset:92px;border-color:rgba(92,220,255,.18)}
.boss-ranking-runes i{
  position:absolute;
  left:50%;
  top:-5px;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#84e8ff;
  box-shadow:0 0 14px #4fdcff;
}
.boss-ranking-runes i:nth-child(2){top:50%;left:auto;right:-5px}
.boss-ranking-runes i:nth-child(3){top:auto;bottom:-5px}

.boss-ranking-figure{
  position:absolute;
  z-index:3;
  left:50%;
  top:9%;
  width:min(470px,38vw);
  transform:translateX(-50%);
  animation:rankingBossIdle 4.6s ease-in-out infinite;
}
.boss-ranking-figure img{
  display:block;
  width:100%;
  filter:drop-shadow(0 34px 30px #000) drop-shadow(0 0 22px rgba(55,198,255,.26));
}
.boss-ranking-aura{
  position:absolute;
  inset:8% -12% -5%;
  z-index:-1;
  border-radius:50%;
  background:
    radial-gradient(ellipse,rgba(69,209,255,.2),rgba(53,124,176,.08) 44%,transparent 72%);
  filter:blur(10px);
  animation:rankingAura 3.8s ease-in-out infinite;
}
.boss-ranking-particles{
  position:absolute;
  inset:-20px;
  background:
    radial-gradient(circle at 18% 25%,#60deff 0 2px,transparent 3px),
    radial-gradient(circle at 76% 20%,#e5c265 0 1.7px,transparent 3px),
    radial-gradient(circle at 24% 72%,#51cfff 0 1.7px,transparent 3px),
    radial-gradient(circle at 85% 68%,#a48dff 0 2px,transparent 3px),
    radial-gradient(circle at 56% 8%,#fff 0 1px,transparent 2px);
  background-size:120px 120px,150px 150px,130px 130px,170px 170px,90px 90px;
  opacity:.54;
  animation:rankingParticles 8s linear infinite;
  pointer-events:none;
}
.boss-ranking-eyes{
  position:absolute;
  left:46.6%;
  top:15.4%;
  width:40px;
  height:10px;
}
.boss-ranking-eyes i{
  position:absolute;
  top:2px;
  width:5px;
  height:3px;
  border-radius:50%;
  background:#55dcff;
  box-shadow:0 0 7px #55dcff,0 0 16px #278dd8;
  animation:rankingEyeBlink 3.3s infinite;
}
.boss-ranking-eyes i:first-child{left:6px}
.boss-ranking-eyes i:last-child{right:6px}

.boss-ranking-copy{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:5%;
  width:min(760px,88vw);
  transform:translateX(-50%);
  text-align:center;
  padding:32px 40px;
  background:linear-gradient(145deg,rgba(2,13,22,.92),rgba(6,22,34,.88));
  border-top:2px solid rgba(88,219,255,.58);
  border-left:0;
  backdrop-filter:blur(8px);
  box-shadow:0 28px 60px #000b,0 0 38px rgba(24,171,229,.12);
}
.boss-ranking-copy>span{
  color:#59d8ff;
  letter-spacing:5px;
}
.boss-ranking-copy h3{
  font-size:clamp(34px,5vw,64px);
  margin:12px 0 14px;
}
.boss-ranking-copy p{
  max-width:620px;
  margin:0 auto;
}
.ranking-stone{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  flex-wrap:wrap;
  margin:26px auto 0;
  padding:16px 20px;
  max-width:590px;
  background:
    linear-gradient(145deg,rgba(13,31,43,.9),rgba(5,13,20,.94));
  border:1px solid rgba(225,183,74,.38);
  box-shadow:inset 0 0 25px rgba(56,185,231,.08),0 12px 25px #0008;
}
.ranking-stone small{
  color:#9fc4d7;
  letter-spacing:2px;
}
.ranking-stone strong{
  font:700 26px Cinzel;
  color:#f4cf72;
  text-shadow:0 0 14px rgba(244,207,114,.34);
}
.ranking-stone em{
  color:#7fa8bb;
  font-style:normal;
}

@keyframes rankingRunes{to{transform:translateX(-50%) rotate(360deg)}}
@keyframes rankingRunesReverse{to{transform:rotate(-360deg)}}
@keyframes rankingBossIdle{50%{transform:translateX(-50%) translateY(-9px) scale(1.012)}}
@keyframes rankingAura{50%{transform:scale(1.08);opacity:.62}}
@keyframes rankingParticles{to{background-position:120px -120px,-150px 150px,130px -130px,-170px 170px,90px -90px}}
@keyframes rankingEyeBlink{
  0%,43%,49%,100%{transform:scaleY(1);opacity:1}
  46%{transform:scaleY(.15);opacity:.35}
}

.simple-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:12px;
  padding:38px 20px 96px;
  background:#010407;
  border-top:1px solid rgba(44,174,226,.14);
}
.simple-footer img{
  width:210px;
  filter:drop-shadow(0 0 16px rgba(37,175,233,.22));
}
.simple-footer p{
  color:#718796;
}
.simple-footer div{
  display:flex;
  gap:18px;
}
.simple-footer a{
  color:#89c9e3;
  font-size:13px;
}

@media(max-width:800px){
  .boss-ranking-live{min-height:700px}
  .boss-ranking-moon{width:310px;height:310px}
  .boss-ranking-runes{width:345px;height:345px}
  .boss-ranking-figure{width:min(360px,66vw)}
  .boss-ranking-copy{padding:26px 22px}
  .ranking-stone{gap:10px}
}
@media(max-width:520px){
  .boss-ranking-live{min-height:650px}
  .boss-ranking-moon{top:12%;width:245px;height:245px}
  .boss-ranking-runes{top:10%;width:275px;height:275px}
  .boss-ranking-figure{top:13%;width:275px}
  .boss-ranking-copy{bottom:3%}
  .boss-ranking-copy h3{font-size:31px}
}


/* V21 — live glass boss ranking */
.boss-ranking-live{
  min-height:900px!important;
}
.live-boss-ranking{
  position:absolute;
  z-index:6;
  left:4.5%;
  top:10%;
  width:min(620px,44vw);
  padding:18px;
  background:
    linear-gradient(145deg,rgba(8,14,18,.76),rgba(20,18,13,.68));
  border:1px solid rgba(193,157,86,.42);
  box-shadow:
    0 28px 70px rgba(0,0,0,.62),
    inset 0 0 40px rgba(126,96,44,.08);
  backdrop-filter:blur(12px) saturate(.85);
  -webkit-backdrop-filter:blur(12px) saturate(.85);
  overflow:hidden;
}
.live-boss-ranking:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(255,221,153,.05),transparent);
  transform:translateX(-100%);
  animation:rankingGlassSweep 6s linear infinite;
}
.ranking-header{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 8px 16px;
  border-bottom:1px solid rgba(182,149,84,.28);
}
.ranking-header span{
  color:#68d9ff;
  font-size:10px;
  font-weight:700;
  letter-spacing:3px;
}
.ranking-header strong{
  margin-left:auto;
  color:#f4e8c9;
  font:700 17px Cinzel;
}
.ranking-live-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#4de283;
  box-shadow:0 0 12px #4de283;
  animation:rankingLivePulse 1.6s ease-in-out infinite;
}
.ranking-columns,
.ranking-row{
  display:grid;
  grid-template-columns:64px 1.4fr 90px 120px;
  align-items:center;
}
.ranking-columns{
  padding:13px 12px 9px;
  color:#78909e;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1.2px;
}
.ranking-columns span:last-child{text-align:right}
.ranking-row{
  position:relative;
  min-height:60px;
  margin:7px 0;
  padding:0 12px;
  color:#d9e0e3;
  background:
    linear-gradient(90deg,rgba(18,27,32,.68),rgba(18,22,23,.44));
  border:1px solid rgba(131,115,78,.28);
  box-shadow:inset 0 0 22px rgba(255,255,255,.015);
  transition:
    transform .52s cubic-bezier(.2,.8,.2,1),
    background .35s,
    border-color .35s,
    box-shadow .35s;
}
.ranking-row:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  height:2px;
  width:var(--bar,60%);
  background:linear-gradient(90deg,#37c9ff,#e5bd61);
  opacity:.55;
  transition:width .65s ease;
}
.ranking-row.moving{
  transform:translateX(9px) scale(1.012);
  border-color:rgba(99,212,255,.58);
  background:linear-gradient(90deg,rgba(19,48,62,.72),rgba(28,26,18,.55));
  box-shadow:0 0 20px rgba(46,183,238,.14);
}
.rank-number{
  font:700 18px Cinzel;
  color:#f1ce77;
}
.rank-player{
  font-size:16px;
  color:#f3f5f6;
  letter-spacing:.2px;
}
.rank-kingdom{text-align:center}
.kingdom{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:22px;
  border-radius:2px;
  box-shadow:inset 0 0 10px rgba(0,0,0,.35),0 3px 8px rgba(0,0,0,.36);
}
.kingdom:before{
  content:"";
  width:16px;
  height:11px;
  clip-path:polygon(50% 0,100% 30%,82% 100%,18% 100%,0 30%);
  background:rgba(0,0,0,.5);
}
.kingdom.blue{background:linear-gradient(145deg,#2739b2,#1b226d)}
.kingdom.yellow{background:linear-gradient(145deg,#d79619,#8a5108)}
.kingdom.red{background:linear-gradient(145deg,#c43131,#741515)}
.rank-kills{
  text-align:right;
  font:700 17px Cinzel;
  color:#e9d6a3;
  transition:color .3s,transform .3s;
}
.ranking-row.moving .rank-kills{
  color:#6be3ff;
  transform:scale(1.08);
}
.rank-1{
  border-color:rgba(231,192,97,.52);
  background:linear-gradient(90deg,rgba(66,50,22,.58),rgba(28,27,22,.48));
}
.rank-1 .rank-number{
  color:#ffd878;
  text-shadow:0 0 12px rgba(255,216,120,.28);
}
.rank-2{border-color:rgba(173,189,197,.36)}
.rank-3{border-color:rgba(190,116,72,.36)}
.ranking-footer{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:11px;
  color:#72818a;
  font-size:10px;
}
.ranking-footer b{
  color:#72d8ff;
  font-weight:600;
}
.boss-ranking-copy{
  left:auto!important;
  right:4.5%!important;
  bottom:8%!important;
  width:min(560px,42vw)!important;
  transform:none!important;
}
.ranking-stone-compact{
  margin-top:18px!important;
  max-width:470px!important;
  padding:12px 16px!important;
}
@keyframes rankingGlassSweep{
  to{transform:translateX(100%)}
}
@keyframes rankingLivePulse{
  50%{opacity:.45;transform:scale(1.4)}
}
@media(max-width:1100px){
  .boss-ranking-live{min-height:1080px!important}
  .live-boss-ranking{
    left:50%;
    top:8%;
    width:min(680px,90vw);
    transform:translateX(-50%);
  }
  .boss-ranking-figure{
    top:44%!important;
    width:min(420px,58vw)!important;
  }
  .boss-ranking-moon{
    top:42%!important;
  }
  .boss-ranking-runes{
    top:40%!important;
  }
  .boss-ranking-copy{
    left:50%!important;
    right:auto!important;
    bottom:3%!important;
    width:min(700px,90vw)!important;
    transform:translateX(-50%)!important;
  }
}
@media(max-width:650px){
  .live-boss-ranking{padding:10px}
  .ranking-header{flex-wrap:wrap}
  .ranking-header strong{width:100%;margin-left:0;font-size:14px}
  .ranking-columns,
  .ranking-row{
    grid-template-columns:45px 1fr 56px 82px;
  }
  .ranking-columns{font-size:8px;padding-left:8px;padding-right:8px}
  .ranking-row{padding:0 8px;min-height:52px}
  .rank-player{font-size:13px}
  .rank-kills{font-size:14px}
  .kingdom{width:28px;height:19px}
}


/* V25 — interactive Automatic Hunt demo */
.auto-hunt-demo{position:relative;width:min(510px,92vw);margin:auto}
.auto-hunt-media{position:relative;width:100%;aspect-ratio:244/478;max-height:520px;margin:auto;overflow:hidden;background:#050706;border:1px solid rgba(96,208,255,.34);box-shadow:0 26px 55px rgba(0,0,0,.65),0 0 28px rgba(39,173,229,.14)}
.auto-hunt-image,.auto-hunt-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transition:opacity .34s ease,filter .34s ease,transform .42s ease}
.auto-hunt-image{z-index:1;background:#050706}
.auto-hunt-video{z-index:2;opacity:0;background:#000;pointer-events:none}
.auto-hunt-demo.playing .auto-hunt-image{opacity:0;filter:blur(2px);transform:scale(1.02)}
.auto-hunt-demo.playing .auto-hunt-video{opacity:1}
.auto-hunt-start{position:absolute;z-index:5;left:50%;bottom:0.65%;width:24%;height:6.4%;min-width:76px;transform:translateX(-50%);border:1px solid rgba(192,168,102,.55);background:linear-gradient(180deg,rgba(45,41,30,.18),rgba(10,12,11,.08));color:transparent;cursor:pointer;transition:.25s}
.auto-hunt-start span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:transparent;font-size:11px;transition:.25s}
.auto-hunt-start:hover{border-color:#78dcff;background:linear-gradient(180deg,rgba(17,112,154,.3),rgba(6,27,38,.18));box-shadow:0 0 16px rgba(50,196,248,.55),inset 0 0 12px rgba(50,196,248,.16);transform:translateX(-50%) translateY(-1px)}
.auto-hunt-start:hover span{color:#dff9ff;text-shadow:0 0 10px #5bdcff}
.auto-hunt-demo.playing .auto-hunt-start{opacity:0;pointer-events:none}
.auto-hunt-active{position:absolute;z-index:5;top:18px;right:18px;display:flex;align-items:center;gap:8px;padding:8px 11px;background:rgba(3,17,21,.78);border:1px solid rgba(74,219,170,.42);color:#7df0be;font-size:10px;letter-spacing:1.5px;opacity:0;transform:translateY(-7px);transition:.3s;backdrop-filter:blur(5px)}
.auto-hunt-active i{width:8px;height:8px;border-radius:50%;background:#4be58a;box-shadow:0 0 10px #4be58a;animation:autoHuntLive 1.3s ease-in-out infinite}
.auto-hunt-demo.playing .auto-hunt-active{opacity:1;transform:none}
.auto-hunt-progress{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);width:76%;padding:8px 12px;text-align:center;background:linear-gradient(90deg,transparent,rgba(2,18,28,.82),transparent);color:#9adfff;font-size:11px;letter-spacing:.6px;opacity:0;transition:.3s}
.auto-hunt-demo.playing .auto-hunt-progress{opacity:1}
.auto-hunt-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 80%,rgba(82,221,255,.28),transparent 30%)}
.auto-hunt-demo.starting .auto-hunt-flash{animation:autoHuntFlash .6s ease}
.auto-hunt-hint{margin:15px auto 0;max-width:420px;text-align:center;color:#89b8cb;font-size:13px;line-height:1.6}
.auto-hunt-hint i{display:inline-block;margin-right:6px;color:#58d9ff;font-style:normal;animation:autoHintPulse 1.5s ease-in-out infinite}
.auto-hunt-hint strong{color:#d9f4ff}
.auto-hunt-demo.playing .auto-hunt-hint{opacity:.42}
@keyframes autoHuntLive{50%{opacity:.45;transform:scale(1.35)}}
@keyframes autoHuntFlash{0%{opacity:0;transform:scale(.75)}35%{opacity:1}100%{opacity:0;transform:scale(1.15)}}
@keyframes autoHintPulse{50%{transform:translateX(4px);text-shadow:0 0 9px #58d9ff}}
@media(max-width:700px){.auto-hunt-media{max-height:470px}.auto-hunt-active{top:10px;right:10px;font-size:8px}.auto-hunt-progress{bottom:10px;font-size:9px}}


/* V26 — refined Automatic Hunt Start hotspot */
.auto-hunt-start span{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.auto-hunt-start:active{
  transform:translateX(-50%) translateY(1px) scale(.97);
  box-shadow:
    0 0 20px rgba(50,196,248,.65),
    inset 0 0 18px rgba(50,196,248,.26);
}


/* V27 — new logo and effects */
.logo-fx{position:relative;display:inline-grid;place-items:center;isolation:isolate}
.logo-fx img{position:relative;z-index:3;width:min(720px,82vw);max-height:340px;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,.72)) drop-shadow(0 0 18px rgba(77,211,255,.34));animation:logoBreath 4.8s ease-in-out infinite;transition:.35s}
.logo-fx:hover img{transform:scale(1.025);filter:drop-shadow(0 24px 28px rgba(0,0,0,.78)) drop-shadow(0 0 28px rgba(90,224,255,.58))}
.logo-aura{position:absolute;z-index:1;inset:10% 8%;border-radius:50%;background:radial-gradient(ellipse at 50% 58%,rgba(45,190,255,.23),rgba(29,91,151,.09) 42%,transparent 72%);filter:blur(18px);animation:logoAuraPulse 4.4s ease-in-out infinite}
.logo-shine{position:absolute;z-index:4;top:13%;bottom:13%;left:-22%;width:18%;pointer-events:none;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),rgba(113,221,255,.32),transparent);filter:blur(1px);mix-blend-mode:screen;animation:logoShinePass 7s ease-in-out infinite}
.logo-particles{position:absolute;z-index:2;inset:-6%;pointer-events:none;background:
radial-gradient(circle at 11% 71%,#a6f3ff 0 2px,transparent 3px),
radial-gradient(circle at 22% 24%,#47d8ff 0 1.7px,transparent 3px),
radial-gradient(circle at 42% 84%,#6ce8ff 0 2px,transparent 3px),
radial-gradient(circle at 64% 17%,#d9fbff 0 1.5px,transparent 3px),
radial-gradient(circle at 79% 74%,#48cfff 0 2px,transparent 3px),
radial-gradient(circle at 92% 36%,#8befff 0 1.6px,transparent 3px);
background-size:140px 140px,120px 120px,150px 150px,110px 110px,160px 160px,130px 130px;filter:drop-shadow(0 0 8px #42d8ff);opacity:.56;animation:logoParticlesDrift 8s linear infinite}
.logo-fx:hover .logo-particles{opacity:.82;animation-duration:5.2s}
.logo-shard{position:absolute;width:5px;height:9px;background:linear-gradient(180deg,#e7fcff,#4ed9ff 52%,#136ba9);clip-path:polygon(50% 0,100% 38%,70% 100%,18% 83%,0 28%);box-shadow:0 0 8px #4ed9ff;opacity:0;animation:logoShardFloat var(--dur) ease-in-out infinite}
@keyframes logoBreath{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.008)}}
@keyframes logoAuraPulse{0%,100%{opacity:.42;transform:scale(.96)}50%{opacity:.72;transform:scale(1.06)}}
@keyframes logoShinePass{0%,68%{left:-22%;opacity:0}74%{opacity:.95}89%{left:108%;opacity:.5}100%{left:108%;opacity:0}}
@keyframes logoParticlesDrift{to{background-position:0 -140px,120px -120px,-150px -150px,110px -110px,-160px -160px,130px -130px}}
@keyframes logoShardFloat{0%{opacity:0;transform:translate(0,10px) rotate(0deg) scale(.7)}20%{opacity:.8}80%{opacity:.55}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(220deg) scale(.2)}}
@media(max-width:700px){.logo-fx img{width:min(620px,92vw)}.logo-particles{opacity:.4}}

/* V28 — hero spacing fix after larger logo */
.hero{
  min-height:1120px!important;
  height:auto!important;
  padding-top:90px!important;
  padding-bottom:110px!important;
  overflow:visible!important;
}
.hero-content{
  position:relative!important;
  z-index:8!important;
  width:min(1180px,92vw)!important;
  margin:0 auto!important;
  padding-top:18px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.hero-logo-fx{
  margin:0 auto 10px!important;
  max-width:min(760px,84vw)!important;
}
.hero-logo-fx img{
  width:100%!important;
  max-height:300px!important;
}
.hero-content h1{
  margin:8px 0 16px!important;
  line-height:.98!important;
}
.hero-content p{
  margin:0 auto 20px!important;
  max-width:780px!important;
}
.hero-countdown,.countdown{
  position:relative!important;
  z-index:10!important;
  margin:18px auto 12px!important;
}
.hero-actions{
  position:relative!important;
  z-index:12!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:14px!important;
  margin:18px auto 20px!important;
  transform:none!important;
}
.hero-actions .btn{
  min-width:172px!important;
  opacity:1!important;
  visibility:visible!important;
}
.hero-stats,.stats-strip{
  position:relative!important;
  z-index:10!important;
  margin:24px auto 0!important;
  width:min(1200px,92vw)!important;
  transform:none!important;
}
.hero + section,#features{margin-top:0!important}
.countdown-label,.hero-countdown-label{
  margin:0 auto 8px!important;
  position:relative!important;
  z-index:11!important;
}
@media(max-width:900px){
  .hero{min-height:1040px!important;padding-top:72px!important;padding-bottom:90px!important}
  .hero-logo-fx{max-width:min(670px,90vw)!important}
  .hero-logo-fx img{max-height:255px!important}
}
@media(max-width:620px){
  .hero{min-height:980px!important;padding-top:64px!important;padding-bottom:78px!important}
  .hero-logo-fx{max-width:94vw!important}
  .hero-logo-fx img{max-height:210px!important}
  .hero-content h1{font-size:clamp(42px,13vw,72px)!important}
  .hero-actions{width:100%!important;gap:10px!important}
  .hero-actions .btn{min-width:145px!important;flex:1 1 145px!important}
  .hero-stats,.stats-strip{width:94vw!important;margin-top:18px!important}
}

/* Rega2 sidebar, built from HTML and CSS using the reference as a guide. */
.side-icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.side-nav{
  bottom:auto;width:112px;height:510px;overflow:hidden;
  background:radial-gradient(circle at 50% 78%,#12406455,transparent 38%),linear-gradient(180deg,#071b2c 0%,#030e1b 58%,#071d2c 100%);
  border:1px solid #27678e;border-top:0;
  box-shadow:inset 0 0 24px #2b8fbd2d,8px 0 28px #0009;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 38px),87% calc(100% - 33px),50% 100%,13% calc(100% - 33px),0 calc(100% - 38px));
}
.side-nav::before{
  content:"";position:absolute;inset:5px 5px 37px;pointer-events:none;
  border-left:1px solid #2d719c77;border-right:1px solid #2d719c77;
  background:linear-gradient(90deg,#52bfff55,transparent 18%,transparent 82%,#52bfff55) top / 100% 1px no-repeat;
}
.side-nav::after{
  content:"";position:absolute;left:13px;right:13px;bottom:18px;height:44px;pointer-events:none;
  background:linear-gradient(42deg,transparent 47%,#77cfff88 49%,transparent 52%) left / 50% 100% no-repeat,
             linear-gradient(-42deg,transparent 47%,#77cfff88 49%,transparent 52%) right / 50% 100% no-repeat;
  filter:drop-shadow(0 0 5px #43b9ff);
}
.side-brand{height:86px;width:100%;padding:12px 8px 9px;display:grid;place-items:center;border-bottom:1px solid #2d83b4aa;background:linear-gradient(#071623,#020a15)}
.side-brand img{width:96px;max-height:64px;object-fit:contain;filter:drop-shadow(0 0 6px #5bcaff77)}
.side-nav nav{width:100%;margin:0;display:flex;flex-direction:column}
.side-nav nav a{
  width:100%;height:50px;min-height:50px;padding:7px 10px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;
  border-left:2px solid transparent;border-bottom:1px solid #2e729233;
  color:#c5d8e7;font:700 10px Rajdhani,Arial,sans-serif;letter-spacing:.1px;text-transform:uppercase;text-align:left;
  transition:background .2s,border-color .2s,color .2s;
}
.side-nav nav a svg{width:19px;height:19px;flex:none;fill:none;stroke:#d4ebfa;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.side-nav nav a span{font:inherit;color:inherit;line-height:1.05;letter-spacing:inherit}
.side-nav nav a:hover,.side-nav nav a.active{
  color:#fff;background:linear-gradient(90deg,#0d4c89db,#0a2e55a8);border-left-color:#5fd0ff;
  box-shadow:inset 0 0 14px #49baff55,0 0 8px #168be655;text-shadow:0 0 8px #88dcff;
}
.side-nav nav a:hover svg,.side-nav nav a.active svg{stroke:#fff;filter:drop-shadow(0 0 5px #54bfff)}
.side-nav a:focus-visible{outline:2px solid #a1e6ff;outline-offset:-3px}
@media(max-width:900px){
  .side-nav{top:auto;bottom:0;right:0;width:auto;height:66px;overflow:visible;clip-path:none;border:0;border-top:1px solid #2e88b4;box-shadow:0 -6px 22px #0009}
  .side-nav::before,.side-nav::after{display:none}
  .side-brand{display:none}
  .side-nav nav{margin:0;flex-direction:row;justify-content:space-around}
  .side-nav nav a{width:auto;min-width:60px;height:66px;min-height:66px;flex-direction:column;justify-content:center;gap:3px;padding:5px 2px;border:0;border-top:2px solid transparent;text-align:center}
  .side-nav nav a svg{width:18px;height:18px}
  .side-nav nav a span{font-size:9px}
  .side-nav nav a:hover,.side-nav nav a.active{border:0;border-top:2px solid #5fd0ff}
  .side-nav nav a.side-extra{display:none}
}

/* V29 — Local-tested custom cursor with PNG fallback */
html, body, body *, body *::before, body *::after {
  cursor: url("cursor.cur") 0 0, url("cursor-opt.webp") 0 0, auto !important;
}

/* Additional sections follow the site's existing palette and spacing. */
main>section{scroll-margin-top:24px}
.features .live-stats{margin:55px auto 0!important;max-width:1280px}
.new-section{border-top:1px solid #36bfff25;background:radial-gradient(ellipse at 50% 45%,#0a2940 0%,#030d17 60%,#02070d 100%)}
.farm-armors,.costume-grid,.pass-track{display:grid;gap:20px;max-width:1300px;margin:0 auto}
.farm-armors{grid-template-columns:repeat(5,minmax(0,1fr))}
.farm-armor{margin:0;text-align:center;position:relative}
.farm-armor:not(:last-child)::after{content:'›';position:absolute;right:-17px;top:43%;color:#6edfff;font-size:30px;z-index:2}
.asset-slot{position:relative;min-height:225px;display:grid;place-items:center;border:1px solid #3996c466;background:radial-gradient(ellipse at 50% 65%,#1a567550,transparent 65%),linear-gradient(135deg,#061521,#0b2336);box-shadow:inset 0 0 30px #071322,0 15px 35px #0004;overflow:hidden}
.asset-slot svg{width:58%;max-height:190px;fill:#102c42;stroke:#6eaccd;stroke-width:1.2;filter:drop-shadow(0 0 12px #268dbc66)}
.asset-slot>span{color:#71b9df;font-size:30px;letter-spacing:3px}
.farm-armor .asset-slot>span{position:absolute;bottom:12px;right:12px;font-size:12px}
.farm-armor figcaption{padding:18px 5px;color:#d2ecff;font:600 16px Cinzel,serif}
.costume-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.costume-slot{background:#051422;border:1px solid #2a70934d;text-align:center}
.costume-slot .asset-slot{min-height:310px;border:0}
.costume-slot h3{padding:20px;font-size:19px;color:#d8efff}
.enchant-preview{max-width:900px;margin:auto;display:grid;grid-template-columns:1fr 1.3fr;gap:35px;align-items:center}
.enchant-item{min-height:390px}.enchant-item img{max-height:300px;max-width:70%;filter:drop-shadow(0 0 15px #30baff77)}
.enchant-copy h3{font-size:28px}.enchant-copy p{color:#a6bfd1;font-size:19px}
.enchant-lines{display:grid;gap:8px}.enchant-lines>span{padding:12px 18px;background:#051523;border:1px solid #368bbc55;display:flex;justify-content:space-between;color:#beddeb}.enchant-lines b{color:#5af3cb}
.pass-track{grid-template-columns:repeat(6,minmax(0,1fr));position:relative;gap:12px}
.pass-reward{text-align:center;padding:16px 12px;border:1px solid #55b9e74d;background:#04121f}
.pass-reward>span{display:block;color:#73cfff;font-size:12px;letter-spacing:1px;margin-bottom:14px}
.pass-reward .asset-slot{min-height:130px}.pass-reward strong{display:block;margin-top:14px;color:#cfefff}
.wheel-section{background:radial-gradient(ellipse at 35% 55%,#073b35,#020b13 70%)}
.wheel-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(240px,.7fr);gap:45px;align-items:center;max-width:1350px;margin:auto}
.wheel-art{position:relative;width:100%;aspect-ratio:1;isolation:isolate;overflow:hidden;border:1px solid #41ccbe66;box-shadow:0 24px 70px #0009;border-radius:8px}
.wheel-backdrop{display:block;width:100%;height:100%;object-fit:contain}
.wheel-rotor{position:absolute;inset:0;width:100%;height:100%;clip-path:circle(28% at 50% 49.5%);transform-origin:50% 49.5%;will-change:transform;transition:transform 4.2s cubic-bezier(.12,.7,.12,1);pointer-events:none}
.wheel-spin{position:absolute;left:39.4%;top:38.9%;width:21.2%;height:21.2%;border-radius:50%;border:3px solid #6bffe0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#e8fff7;background:radial-gradient(circle at 40% 30%,#219974,#045536 65%,#011a1d);box-shadow:inset 0 0 15px #4bffbb88,0 0 15px #11ffc780;cursor:pointer;z-index:2;font:700 clamp(14px,1.6vw,24px) Rajdhani,Arial,sans-serif;text-shadow:0 2px 5px #000}
.wheel-spin small{font-size:clamp(8px,.8vw,12px);font-weight:500}.wheel-spin:hover{filter:brightness(1.16)}
.wheel-spin:focus-visible{outline:3px solid #fff;outline-offset:4px}
.wheel-spin:disabled{cursor:wait;filter:saturate(.5)}
.wheel-copy h3{font-size:clamp(28px,3vw,46px);line-height:1.2;margin:20px 0}.wheel-copy p{font-size:20px;color:#bad9dc}
.wheel-prizes{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.wheel-prizes span{padding:9px 12px;border:1px solid #4edcbb66;background:#073129;color:#afffe6}
.wheel-result{padding:22px 18px;min-height:87px;margin-bottom:20px;border:1px solid #47c5a888;background:#05241f;color:#d2fff0;font-size:23px;font-weight:700}
.wheel-result.won{box-shadow:0 0 28px #20dfac44;border-color:#8bffe0}
.wheel-demo-note{display:block;margin-top:17px;color:#8aabb0;font-size:12px}.wheel-copy .btn{cursor:pointer;color:white}.wheel-copy .btn:disabled{opacity:.6}
@media(max-width:1100px){.wheel-layout{grid-template-columns:1fr;max-width:750px}.wheel-copy{text-align:center}.wheel-prizes{justify-content:center}.wheel-spin{font-size:24px}.wheel-spin small{font-size:12px}.pass-track{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.farm-armors{gap:6px}.farm-armors .asset-slot{min-height:120px}.farm-armor figcaption{font-size:10px;padding:12px 0}.farm-armor:not(:last-child)::after{font-size:18px;right:-6px}.asset-slot svg{width:78%;max-height:130px}.farm-armor .asset-slot>span{font-size:9px;right:4px;bottom:5px}.costume-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.costume-slot .asset-slot{min-height:220px}.enchant-preview{grid-template-columns:1fr}.enchant-item{min-height:260px}.enchant-item img{max-height:210px}.pass-track{grid-template-columns:repeat(2,minmax(0,1fr))}.wheel-layout{gap:24px}.wheel-spin{border-width:2px;font-size:16px}.wheel-spin small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.wheel-rotor{transition:none}}

/* Wide scene with the working wheel aligned to its central portal. */
.wheel-section{padding-left:clamp(16px,3vw,52px);padding-right:clamp(16px,3vw,52px);background:#020b13}
.wheel-layout{grid-template-columns:minmax(0,1.9fr) minmax(220px,.6fr);gap:28px;max-width:1680px}
.wheel-art{aspect-ratio:1672 / 941;border:0;border-radius:0;box-shadow:none;overflow:hidden}
.wheel-scene{width:100%;height:100%;object-fit:contain;display:block}
.wheel-art::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(180deg,#020b13 0%,#020b1380 5%,transparent 15%,transparent 82%,#020b1380 94%,#020b13 100%)}
.wheel-mechanism{position:absolute;left:21%;top:47%;width:58%;aspect-ratio:1;transform:translateY(-49.5%)}
.wheel-mechanism .wheel-backdrop{clip-path:circle(33.3% at 50% 49.5%);mask-image:radial-gradient(circle closest-side at 50% 49.5%,#000 64%,transparent 67%)}
.wheel-mechanism .wheel-spin span{font-size:clamp(9px,1.15vw,19px)}
.wheel-mechanism .wheel-spin small{font-size:clamp(7px,.7vw,11px)}
@media(max-width:1100px){.wheel-layout{grid-template-columns:1fr;max-width:1050px}.wheel-copy{max-width:540px;margin:auto;width:100%}.wheel-mechanism .wheel-spin span{font-size:clamp(9px,2vw,20px)}}
@media(max-width:650px){.wheel-layout{gap:20px}.wheel-mechanism .wheel-spin{border-width:1px}.wheel-mechanism .wheel-spin small{display:none}}

/* The disk, prize labels and selected sector share one rotation. */
.wheel-disk-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.wheel-sector-labels{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.wheel-sector path{fill:transparent;stroke:transparent;stroke-width:3;transition:fill .3s,stroke .3s}
.wheel-sector rect{fill:#021b1bee;stroke:#9effe3;stroke-width:1.5}
.wheel-sector text{fill:#edfff8;font:bold 25px Rajdhani,Arial,sans-serif;paint-order:stroke;stroke:#01110e;stroke-width:1px}
.wheel-sector.is-winner path{fill:#56ffc64f;stroke:#a0ffe0;filter:drop-shadow(0 0 9px #39ffbf)}
.wheel-sector.is-winner rect{fill:#0e674a;stroke:white;stroke-width:3}
.wheel-sector.is-winner text{fill:white}
.wheel-pointer{position:absolute;z-index:3;left:47.5%;top:17.8%;width:5%;height:6%;background:linear-gradient(90deg,#27ac81,#f3fff1 48%,#6dffc5 65%,#008762);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 7px #60ffd6);pointer-events:none}
.wheel-mechanism .wheel-spin small{display:block;font-size:clamp(6px,.7vw,11px)}

/* Cover the old pointer baked into the rotating inner hub. */
.wheel-mechanism .wheel-spin{left:36%;top:35.5%;width:28%;height:28%}

/* Interactive Battle Pass: original game panels with responsive task hotspots. */
.battle-pass-demo{max-width:1050px;margin:auto}
.battle-pass-hint{text-align:center;color:#adcddd;font-size:19px;line-height:1.5;margin:0 0 24px}.battle-pass-hint strong{color:#8ee4ff}.battle-pass-hint>span{color:var(--gold);font-size:26px}
.battle-pass-panel{position:relative;max-width:969px;margin:auto;border:1px solid #48bffb55;box-shadow:0 22px 65px #0009,0 0 30px #1c9fda15;border-radius:5px;overflow:hidden;isolation:isolate}
#battlePassScreen{width:100%;height:auto;display:block}
.battle-pass-tabs{position:absolute;inset:0;pointer-events:none}
.battle-pass-task{position:absolute;left:.7%;top:calc(14% + var(--row)*12.25%);width:52%;height:11.5%;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;pointer-events:auto;transition:background .2s,border-color .2s,box-shadow .2s}
.battle-pass-task span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.battle-pass-task:hover,.battle-pass-task:focus-visible{outline:none;background:#54ceff18;border-color:#8cddffb0;box-shadow:inset 0 0 18px #55bfff26}
.battle-pass-task.is-active{border-color:#62cfff99;background:linear-gradient(90deg,#51c4ff18,transparent);box-shadow:inset 3px 0 #6bdaff}
.battle-pass-panel.is-switching #battlePassScreen{animation:passScreenReveal .48s ease-out}
.battle-pass-bonus-flash{position:absolute;left:56.6%;top:73.7%;width:42.1%;height:8.6%;border-radius:3px;pointer-events:none;opacity:0}
.battle-pass-panel.is-claiming .battle-pass-bonus-flash{animation:passBonusFlash 1.1s ease-out;background:#8af6db33;border:1px solid #a6ffe7;box-shadow:0 0 25px #62ffe38a,inset 0 0 20px #7fffea55}
.battle-pass-sparks{position:absolute;inset:0;pointer-events:none;overflow:hidden}.battle-pass-sparks i{position:absolute;left:78%;top:78%;width:5px;height:5px;background:#c6ffe9;border-radius:50%;box-shadow:0 0 8px #78f9dd;animation:passRewardSpark .95s ease-out forwards}
.battle-pass-receipt{display:flex;align-items:center;justify-content:center;gap:14px;max-width:969px;min-height:90px;margin:18px auto 0;padding:18px 24px;border:1px solid #36aaca55;background:linear-gradient(110deg,#071b2a,#061822);border-radius:5px}.battle-pass-receipt-icon{color:#efcc75;font-size:32px}.battle-pass-receipt strong{display:block;color:#c2fff0;font-size:20px}.battle-pass-receipt div>span{display:block;color:#aacad9;font-size:17px;margin-top:5px}.battle-pass-receipt.is-awarded{animation:passReceipt .8s ease-out}.battle-pass-note{display:block;text-align:center;color:#8ca5b7;font-size:12px;margin-top:12px}
@keyframes passScreenReveal{0%{opacity:.65;filter:brightness(1.25)}100%{opacity:1;filter:brightness(1)}}
@keyframes passBonusFlash{0%{opacity:0;transform:scale(.96)}25%{opacity:1;transform:scale(1.02)}100%{opacity:0;transform:scale(1.05)}}
@keyframes passRewardSpark{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
@keyframes passReceipt{0%{border-color:#9dffe5;box-shadow:0 0 26px #4ef9ce44;transform:translateY(5px)}100%{border-color:#36aaca55;box-shadow:none;transform:none}}
@media(max-width:650px){.battle-pass-hint{font-size:16px}.battle-pass-receipt{padding:14px;gap:10px;justify-content:flex-start}.battle-pass-receipt strong{font-size:17px}.battle-pass-receipt div>span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.battle-pass-panel.is-switching #battlePassScreen,.battle-pass-panel.is-claiming .battle-pass-bonus-flash,.battle-pass-receipt.is-awarded,.battle-pass-sparks i{animation:none}.battle-pass-task{transition:none}}

/* Battle Pass: left game panel, right descriptions, centered section title. */
#battle-pass .battle-pass-demo{max-width:1440px;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);align-items:center;gap:clamp(28px,4vw,64px)}
#battle-pass .battle-pass-panel{width:100%;margin:0;border-color:#6acfff99;box-shadow:0 22px 65px #0009,0 0 18px #32bcff45,0 0 48px #1599e52e,0 0 85px #087ab318}
.battle-pass-copy{min-width:0;text-align:left}.battle-pass-copy>.chapter{font-size:12px;letter-spacing:3px}.battle-pass-description{font-size:22px;color:#bed7e5;line-height:1.65;margin:18px 0 24px}
#battle-pass .battle-pass-hint{text-align:left;font-size:18px;line-height:1.6;margin-bottom:24px}#battle-pass .battle-pass-hint strong{display:block;font-size:21px;margin-bottom:5px}#battle-pass .battle-pass-hint>span{float:left;margin-right:9px;line-height:1.2}
#battle-pass .battle-pass-receipt{margin:0;max-width:none;justify-content:flex-start;align-items:flex-start;padding:20px;gap:12px}#battle-pass .battle-pass-receipt div>span{line-height:1.6}#battle-pass .battle-pass-note{text-align:left;margin-top:14px;line-height:1.5}
@media(max-width:1050px){#battle-pass .battle-pass-demo{grid-template-columns:1fr;max-width:900px;gap:32px}.battle-pass-copy{max-width:700px;width:100%;margin:auto}.battle-pass-description{font-size:20px}}
@media(max-width:650px){#battle-pass .battle-pass-demo{gap:26px}.battle-pass-description{font-size:18px;margin:14px 0 18px}#battle-pass .battle-pass-hint{font-size:16px}#battle-pass .battle-pass-hint strong{font-size:19px}#battle-pass .battle-pass-receipt{padding:16px}}

/* Automatic Hunt: new panel proportions and the original Start button hotspot. */
#autoHuntDemo{width:min(420px,100%)}
#autoHuntDemo .auto-hunt-media{aspect-ratio:282 / 296;max-height:none}
#autoHuntDemo .auto-hunt-start{left:17.73%;top:87.84%;bottom:auto;width:30.14%;height:5.75%;min-width:0;transform:none;border-radius:2px}
#autoHuntDemo .auto-hunt-start:hover{transform:translateY(-1px)}
#autoHuntDemo .auto-hunt-start:active{transform:translateY(1px) scale(.97)}
#autoHuntDemo .auto-hunt-start:focus-visible{outline:2px solid #8ee5ff;outline-offset:2px;box-shadow:0 0 16px #32c4f88c}
#autoHuntDemo .auto-hunt-flash{background:radial-gradient(circle at 33% 91%,rgba(82,221,255,.28),transparent 30%)}

/* Generous Start hit area and six interactive dew toggles. */
#autoHuntDemo .auto-hunt-start{left:15.6%;top:84.8%;width:34.4%;height:11.2%;border:0;background:transparent;z-index:8}
#autoHuntDemo .auto-hunt-start::after{content:"";position:absolute;left:6.2%;right:6.2%;top:27%;bottom:22%;border:1px solid transparent;border-radius:2px;pointer-events:none}
#autoHuntDemo .auto-hunt-start:hover{background:transparent;box-shadow:none;transform:none}
#autoHuntDemo .auto-hunt-start:hover::after{border-color:#82ddff;box-shadow:0 0 15px #32c4f877;background:#42caff20}
#autoHuntDemo .auto-hunt-start span{pointer-events:none}
.auto-hunt-top-start{position:absolute;left:14.9%;top:47.3%;width:70.2%;height:9.2%;z-index:8;border:0;background:transparent;border-radius:2px}.auto-hunt-top-start:hover,.auto-hunt-top-start:focus-visible{outline:1px solid #8ee5ff;box-shadow:0 0 14px #32c4f866;background:#42caff16}
.auto-dews{position:absolute;inset:0;z-index:7;pointer-events:none}.auto-dew{position:absolute;width:14.54%;height:14.53%;pointer-events:auto;border:1px solid transparent;border-radius:3px;background:transparent;transition:box-shadow .25s,border-color .25s,background .25s}
.auto-dew:hover,.auto-dew:focus-visible{outline:none;border-color:var(--dew-color);box-shadow:0 0 13px var(--dew-color)}
.auto-dew[aria-pressed="true"]{border-color:var(--dew-color);background:radial-gradient(circle,color-mix(in srgb,var(--dew-color) 25%,transparent),transparent 75%);box-shadow:0 0 14px color-mix(in srgb,var(--dew-color) 65%,transparent),inset 0 0 9px color-mix(in srgb,var(--dew-color) 35%,transparent)}
.auto-dew-check{position:absolute;right:1%;bottom:12%;width:35%;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#181d17;color:#befa8f;border:1px solid #8dba68;font:bold clamp(9px,1.1vw,16px) Arial;opacity:0;pointer-events:none}.auto-dew[aria-pressed="true"] .auto-dew-check{opacity:1}
.auto-dew-particles{position:absolute;inset:0;z-index:9;pointer-events:none;overflow:hidden}.auto-dew-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--dew-color);box-shadow:0 0 8px var(--dew-color);animation:autoDewBurst .8s ease-out forwards}
@keyframes autoDewBurst{from{opacity:1;transform:translate(0,0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
.auto-hunt-demo.playing .auto-dews,.auto-hunt-demo.playing .auto-hunt-top-start{opacity:0;pointer-events:none}.auto-hunt-demo.playing .auto-dew{pointer-events:none}
@media(prefers-reduced-motion:reduce){.auto-dew{transition:none}.auto-dew-particles i{animation:none}}


/* New VS armor renders: compact weapon-sized stages. */
#transforms .armor-row .item-stage{width:190px!important;height:245px!important}
#transforms .armor-row .item-stage img{max-height:188px!important;max-width:126px!important;object-fit:contain}
@media(max-width:900px){#transforms .armor-row .item-stage{width:150px!important;height:195px!important}#transforms .armor-row .item-stage img{max-height:148px!important;max-width:98px!important}}
@media(max-width:600px){#transforms .armor-row .item-stage{width:102px!important;height:140px!important}#transforms .armor-row .item-stage img{max-height:100px!important;max-width:68px!important}}

/* Server features: scoped stone surfaces, chamfered metallic cards. */
#features.server-features{padding:48px clamp(20px,5vw,85px) 70px;background:#02090f url('assets/images/server-stone-texture.webp') center/cover}
#features .server-features-inner{max-width:1510px;margin:auto}
#features .server-features-heading{text-align:center;margin:0 0 32px}
#features .server-features-heading h2,#features .server-events-heading h2{font-family:Cinzel,Georgia,serif;font-weight:600;color:#f0f5f8;text-shadow:0 2px 2px #000,0 0 8px #83dbea26;letter-spacing:1.5px;font-size:clamp(30px,3.8vw,58px);line-height:1.25}
#features .server-heading-line{position:relative;height:17px;display:flex;align-items:center;justify-content:center;margin-top:7px;color:#91f4ff;font-size:24px;text-shadow:0 0 10px #20dcff}
#features .server-heading-line::before{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#138ca4 22%,#97f3fc 50%,#138ca4 78%,transparent);box-shadow:0 0 9px #19cfea33}
#features .server-heading-line span{position:relative;background:#031018;padding:0 8px;line-height:17px}
#features .server-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 30px}
#features .server-feature-card{position:relative;isolation:isolate;min-width:0;min-height:118px;padding:21px 30px 20px 38px;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px);background:linear-gradient(145deg,#b4dae088,#247b9188 35%,#2a536477 70%,#a0c7cf99);transition:transform 280ms ease,filter 280ms ease;filter:drop-shadow(0 4px 5px #0008)}
#features .server-feature-card::before{content:"";position:absolute;inset:2px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);background:linear-gradient(110deg,#020b11f5,#031018b8),url('assets/images/server-stone-texture.webp') center/cover;box-shadow:inset 0 0 0 1px #74bcc344;z-index:-2}
#features .server-feature-card::after{content:"";position:absolute;inset:9px 0 9px 7px;pointer-events:none;z-index:-1;background:linear-gradient(#b4fcff,#23e6ff) left center/3px calc(100% - 10px) no-repeat,radial-gradient(ellipse at 0 50%,#00ddf32a,transparent 38%);filter:drop-shadow(0 0 5px #1ef2ff);opacity:.85;transition:opacity 280ms ease,filter 280ms ease}
#features .server-feature-card h3{position:relative;margin:0;font:600 clamp(20px,2.1vw,33px)/1.2 Cinzel,Georgia,serif;color:#edf3f7;overflow-wrap:anywhere;letter-spacing:.2px;text-shadow:0 2px 3px #000}
#features .server-feature-card:not(.server-event-card) h3{font-variant:small-caps}
#features .server-feature-card p{margin:7px 0 0;color:#98bcd1;font:400 clamp(18px,1.6vw,26px)/1.25 Georgia,serif;overflow-wrap:anywhere}
#features .server-feature-card:hover{transform:translateY(-3px);filter:drop-shadow(0 0 8px #35e4ec77) brightness(1.12)}
#features .server-feature-card:hover::after{opacity:1;filter:drop-shadow(0 0 9px #68f7ff);background:linear-gradient(#caffff,#30efff) left center/3px calc(100% - 10px) no-repeat,radial-gradient(ellipse at 0 50%,#00ddf347,transparent 65%)}
#features .server-events-heading{text-align:center;position:relative;margin:34px 0 20px}
#features .server-events-heading h2{font-size:clamp(26px,3vw,44px)}
#features .server-events-heading .server-heading-line{max-width:1050px;margin:4px auto 0}
#features .server-event-card{min-height:116px;padding-top:19px;padding-bottom:17px}
#features .server-event-card h3{font-size:clamp(20px,2vw,31px)}
#features .server-gold-label{position:relative;display:inline-block;margin-top:10px;padding:4px 22px;color:#f4ce68;background:linear-gradient(135deg,#7d5d2c,#edc972 45%,#946b27);clip-path:polygon(5px 0,calc(100% - 5px) 0,100% 5px,100% calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,0 calc(100% - 5px),0 5px);font:600 16px/1.15 Cinzel,Georgia,serif;letter-spacing:.4px;isolation:isolate;transition:filter 280ms ease}
#features .server-gold-label::before{content:"";position:absolute;inset:1px;background:#040d10;clip-path:inherit;z-index:-1}
#features .server-event-card:hover .server-gold-label{filter:drop-shadow(0 0 5px #e8b95588) brightness(1.2)}
@media(max-width:1100px){#features .server-cards-grid{gap:18px}#features .server-feature-card{padding-left:27px;padding-right:18px}#features .server-feature-card h3{font-size:23px}#features .server-feature-card p{font-size:20px}}
@media(max-width:700px){#features.server-features{padding:40px 20px 55px}#features .server-cards-grid{grid-template-columns:1fr;gap:16px}#features .server-feature-card{min-height:104px;padding:22px 25px 20px 31px}#features .server-feature-card h3{font-size:24px}#features .server-feature-card p{font-size:21px}#features .server-features-heading h2{font-size:30px}#features .server-events-heading{margin-top:34px}#features .server-events-heading h2{font-size:26px}#features .server-gold-label{font-size:14px}}
@media(prefers-reduced-motion:reduce){#features .server-feature-card,#features .server-feature-card::after,#features .server-gold-label{transition:none}#features .server-feature-card:hover{transform:none}}

/* Soft top/bottom transitions for the stone-backed features section. */
#features.server-features{background-image:linear-gradient(to bottom,#02070d 0%,rgba(2,7,13,.82) 3%,rgba(2,7,13,.25) 12%,transparent 22%,transparent 78%,rgba(2,7,13,.3) 89%,rgba(2,7,13,.85) 97%,#02070d 100%),url('assets/images/server-stone-texture.webp');background-position:center;background-size:cover;padding-top:90px;padding-bottom:100px}
.hero .opening-time{display:block;margin-top:16px;font:600 clamp(16px,1.8vw,24px) Rajdhani,Arial,sans-serif;color:#a5e6ff;letter-spacing:3px;text-shadow:0 0 15px #28bfff55}
@media(max-width:700px){#features.server-features{padding-top:65px;padding-bottom:75px}}

/* Single chamfered countdown frame, with four equal segments. */
.hero .unified-countdown{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:min(760px,100%);max-width:100%;margin:30px auto;padding:18px 16px;min-height:124px;background:linear-gradient(135deg,#03121caa,#04152188);clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px);filter:drop-shadow(0 0 8px #12d9ef44)}
.hero .unified-countdown>div{position:relative;width:auto;min-width:0;padding:4px 8px;border:0;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero .unified-countdown>div+div::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:1px;background:linear-gradient(transparent,#43c7da77 20%,#43c7da77 80%,transparent)}
.hero .unified-countdown b{display:block;color:#f8fcff;font:700 clamp(30px,3.1vw,44px)/1.1 Rajdhani,Arial,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 2px 5px #000}
.hero .unified-countdown span{margin-top:8px;color:#20d7ef;letter-spacing:4px;font-size:14px;font-weight:600;line-height:1.2}
.countdown-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:visible}.countdown-frame path{fill:none;stroke:#2bdcf3;stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #23ddff99)}
.countdown-glint{position:absolute;left:50%;width:100px;height:3px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse,#e5ffff 0,#2be5ff 17%,#2be5ff00 70%);filter:drop-shadow(0 0 5px #16dfff)}.glint-top{top:0}.glint-bottom{bottom:0}
.second-pulse{animation:countdownSecondGlow .48s ease-out}
@keyframes countdownSecondGlow{0%{text-shadow:0 0 15px #7bffff,0 0 24px #20ddf599}100%{text-shadow:0 2px 5px #000}}
#features .server-feature-card:not(.server-event-card) h3{font-variant:normal}
@media(max-width:600px){.hero .unified-countdown{min-height:94px;padding:13px 8px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.hero .unified-countdown>div{padding:3px 2px}.hero .unified-countdown b{font-size:30px}.hero .unified-countdown span{font-size:9px;letter-spacing:1.6px;margin-top:7px}.countdown-glint{width:65px}}
@media(prefers-reduced-motion:reduce){.second-pulse{animation:none}}

/* Frameless five-stage farm armor showcase; original PNGs remain separate. */
#farm-transforms.farm-evolution{padding:90px clamp(18px,4vw,65px) 95px;border:0;background:linear-gradient(to bottom,#02070d,transparent 22%,transparent 76%,#02070d),radial-gradient(ellipse at 50% 55%,#062333,#020b14 65%,#02070d)}
#farm-transforms .section-head{margin-bottom:40px}
.farm-evolution-scroll{max-width:1450px;margin:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#36bacc55 #03111a;overscroll-behavior-inline:contain}
.farm-evolution-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:12px 8px 20px}
.farm-evolution-step{position:relative;min-width:0;margin:0;text-align:center;outline:none}
.farm-evolution-art{position:relative;display:flex;align-items:flex-end;justify-content:center;height:330px;isolation:isolate}
.farm-evolution-image{position:relative;display:block;height:300px;aspect-ratio:var(--armor-ratio);max-width:100%;overflow:hidden;z-index:2;transform:translateY(0);filter:drop-shadow(0 7px 6px #0008);transition:transform 300ms ease,filter 300ms ease}
.farm-evolution-image img{position:absolute;left:var(--crop-left);top:var(--crop-top);width:var(--crop-width);height:var(--crop-height);max-width:none;user-select:none}
.farm-evolution-aura{position:absolute;inset:30px -5px -12px;background:radial-gradient(ellipse at 50% 65%,#15cee51b,transparent 65%);opacity:.6;transition:opacity 300ms ease,filter 300ms ease;z-index:0}
.farm-evolution-step:last-child .farm-evolution-aura{background:radial-gradient(ellipse at 50% 65%,#20e6f43a,transparent 65%);opacity:.8}
.farm-evolution-ground{position:absolute;left:10%;right:10%;bottom:-4px;height:17px;border-radius:50%;background:radial-gradient(ellipse,#7afcffaa 0,#17d8ef66 18%,#10b9df22 45%,transparent 72%);filter:blur(2px);box-shadow:0 8px 10px #0006;z-index:1;transition:filter 300ms ease,opacity 300ms ease}
.farm-evolution-step figcaption{position:relative;margin-top:30px;padding-top:17px;min-height:90px}
.farm-evolution-step figcaption::before{content:"";position:absolute;top:0;height:1px;left:calc(-10px - 50%);right:calc(-10px - 50%);background:linear-gradient(90deg,#1a98b155,#36d6ed88,#1a98b155)}
.farm-evolution-step:first-child figcaption::before{left:50%}.farm-evolution-step:last-child figcaption::before{right:50%}
.farm-evolution-step:not(:last-child) figcaption::after{content:"›";position:absolute;right:-16px;top:-14px;font:26px Arial;color:#6ceaf8;background:#03101a;padding:0 3px}
.farm-evolution-dot{position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:13px;height:13px;border:2px solid #7aebfb;border-radius:50%;background:#18cde9;box-shadow:0 0 0 3px #27badc33,0 0 9px #1dcdeaaa;transition:box-shadow 300ms ease,background 300ms ease}
.farm-evolution-number{display:block;color:#8fe3f5;font:600 19px Cinzel,Georgia,serif;margin-bottom:9px}.farm-evolution-step strong{display:block;color:#d2e5ee;font:600 15px/1.4 Cinzel,Georgia,serif;overflow-wrap:anywhere}
.farm-evolution-step:hover .farm-evolution-image,.farm-evolution-step:focus-visible .farm-evolution-image{transform:translateY(-5px);filter:drop-shadow(0 0 10px #2ce5ef66)}
.farm-evolution-step:hover .farm-evolution-aura,.farm-evolution-step:focus-visible .farm-evolution-aura{opacity:1;filter:brightness(1.8)}
.farm-evolution-step:hover .farm-evolution-ground,.farm-evolution-step:focus-visible .farm-evolution-ground{filter:blur(1px) brightness(1.6)}
.farm-evolution-step:hover .farm-evolution-dot,.farm-evolution-step:focus-visible .farm-evolution-dot{background:#c2ffff;box-shadow:0 0 0 4px #27badc44,0 0 20px #4befff}
@media(max-width:1100px){.farm-evolution-art{height:280px}.farm-evolution-image{height:250px}.farm-evolution-track{gap:14px}.farm-evolution-step strong{font-size:12px}}
@media(max-width:700px){#farm-transforms.farm-evolution{padding:65px 18px}.farm-evolution-track{width:1000px;grid-template-columns:repeat(5,180px);gap:20px;padding-inline:10px}.farm-evolution-art{height:295px}.farm-evolution-image{height:270px}.farm-evolution-step strong{font-size:14px}.farm-evolution-scroll{scroll-snap-type:x proximity}.farm-evolution-step{scroll-snap-align:center}#farm-transforms .section-head h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.farm-evolution-image,.farm-evolution-aura,.farm-evolution-ground,.farm-evolution-dot{transition:none}}

/* Dice village section: no text box, no ring, one centered control row. */
#dice.dice-village-section{position:relative;padding:110px clamp(20px,7vw,115px);min-height:730px;overflow:hidden;background:linear-gradient(to bottom,#02070d,transparent 19%,transparent 78%,#02070d),linear-gradient(90deg,#02070de8 0,#02070d9e 33%,#02070d22 67%,#02070d11),url('assets/images/dice-village.webp') right center/cover no-repeat}
.dice-village-layout{position:relative;max-width:1460px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}
.dice-village-copy>span{display:block;color:#28d9ef;font-size:16px;font-weight:700;letter-spacing:6px}.dice-village-copy h2{font-size:clamp(40px,4.9vw,76px);color:#effaff;line-height:1.15;margin:20px 0;text-shadow:0 0 17px #28c7df22}.dice-title-light{width:65px;height:2px;background:linear-gradient(90deg,#11c7e8,#68edff,transparent);box-shadow:0 0 10px #21dcf066}.dice-village-copy p{color:#d1e2ec;font-size:22px;line-height:1.65;margin:22px 0 0;max-width:650px}
.dice-village-interactive{min-width:0;width:100%;max-width:580px;margin:auto}.dice-window-frame{position:relative;padding:3px;background:linear-gradient(135deg,#92e7f1,#188daf 30%,#213e4b 70%,#73dbe7);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);filter:drop-shadow(0 0 13px #10d3ed55)}.dice-window-frame img{width:100%;height:auto;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}
.dice-village-interactive::before{content:"";position:absolute;width:40%;height:65%;right:3%;top:0;background:radial-gradient(ellipse,#06d6ea26,transparent 70%);pointer-events:none;z-index:-1}
.dice-village-controls{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;margin:24px 0 0;min-height:80px}.dice-village-button{position:relative;flex:0 1 auto;padding:13px 22px;color:#ebc76d;border:1px solid #d3ab4d;background:#031018bd;font:600 16px Cinzel,Georgia,serif;letter-spacing:1.2px;white-space:nowrap;transition:box-shadow 280ms ease,border-color 280ms ease,color 280ms ease;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px)}.dice-village-button:hover,.dice-village-button:focus-visible{outline:none;color:#ffe4a2;border-color:#ffe18a;box-shadow:inset 0 0 16px #e3b95744}.dice-village-button:disabled{opacity:.65}.dice-village-result{flex:1;min-width:0;max-width:160px;color:#a5c8da;font-size:14px;line-height:1.45;border-left:1px solid #39b9d055;padding-left:15px}.dice-village-controls .dice-cube-wrap{flex:none;width:74px;height:74px}
.dice-hopping{animation:diceVillageHop .9s ease-out}.dice-village-particles{position:absolute;inset:0;pointer-events:none}.dice-village-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#8dffff;box-shadow:0 0 8px #17e3ff;animation:diceVillageParticle .95s ease-out forwards}
@keyframes diceVillageHop{0%,100%{transform:translateY(0)}35%{transform:translateY(-12px)}65%{transform:translateY(-3px)}}@keyframes diceVillageParticle{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}
@media(max-width:1050px){.dice-village-layout{gap:30px}.dice-village-copy h2{font-size:48px}.dice-village-copy p{font-size:19px}.dice-village-controls{gap:12px}.dice-village-button{padding:12px;font-size:13px}}
@media(max-width:700px){#dice.dice-village-section{padding:75px 20px;background-position:center,right center,right center}.dice-village-layout{grid-template-columns:1fr;gap:35px}.dice-village-copy h2{font-size:42px}.dice-village-copy p{font-size:18px}.dice-village-controls{gap:10px}.dice-village-controls .dice-cube-wrap{width:65px}.dice-village-button{padding:12px 10px;font-size:12px;letter-spacing:.5px}.dice-village-result{font-size:12px;padding-left:9px}.dice-village-interactive::before{width:90%;top:35%}}
@media(prefers-reduced-motion:reduce){.dice-hopping,.dice-village-particles i{animation:none}.dice-village-button{transition:none}}

/* Restore the original game-window dimensions and remove selected text boxes. */
#dice .dice-window-frame{width:min(357px,100%);margin-inline:auto}
#dice .dice-window-frame img{max-height:350px;object-fit:contain}
#dice .dice-village-interactive{max-width:500px}
#systems .frameless-copy,#rewards .frameless-copy,#ranking .frameless-copy,#vs-tournament .frameless-copy,#guild-tournament .frameless-copy{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;border-radius:0;padding:22px 0!important;text-shadow:0 2px 9px #000,0 0 20px #02070d}
#systems .frameless-copy::before,#systems .frameless-copy::after,#rewards .frameless-copy::before,#rewards .frameless-copy::after,#ranking .frameless-copy::before,#ranking .frameless-copy::after,#vs-tournament .frameless-copy::before,#vs-tournament .frameless-copy::after,#guild-tournament .frameless-copy::before,#guild-tournament .frameless-copy::after{display:none!important}
@media(max-width:600px){#dice .dice-window-frame{width:min(330px,100%)}#dice .dice-window-frame img{max-height:265px}#dice .dice-village-controls{gap:9px}#systems .frameless-copy,#rewards .frameless-copy,#ranking .frameless-copy,#vs-tournament .frameless-copy,#guild-tournament .frameless-copy{padding:16px 0!important}}

/* Boss ranking tabs: aligned full-scene images and a stable foreground table. */
#ranking.boss-tab-section{position:relative;isolation:isolate;overflow:hidden;min-height:740px;padding:55px clamp(25px,6vw,100px);background:#020b13}
.boss-tab-backgrounds{position:absolute;inset:0;z-index:-3}.boss-tab-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;transition:opacity 650ms ease;pointer-events:none}.boss-tab-background.is-current{opacity:1}
#ranking.boss-tab-section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#02070d,transparent 14%,transparent 85%,#02070d),linear-gradient(90deg,#02070d55,transparent 70%)}
.boss-tab-content{position:relative;z-index:3;max-width:1600px;margin:auto}.boss-tab-heading{max-width:1050px;margin-bottom:26px}.boss-tab-heading>span{color:#50e9ee;letter-spacing:5px;font-size:13px;font-weight:600}.boss-tab-heading h2{font-size:clamp(34px,3.5vw,57px);line-height:1.2;color:#f1faff;margin:10px 0 5px;text-shadow:0 2px 9px #000}.boss-tab-heading p{font-size:21px;color:#a9c7d8;margin:0}
.boss-tab-table{width:60%;max-width:950px;padding:23px 26px 15px;position:relative;border:1px solid #40d6efaa;background:linear-gradient(135deg,#031923ed,#031521e0);clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px);box-shadow:inset 0 0 28px #14c6e61b}.boss-tab-table::before{content:"";position:absolute;inset:6px;border:1px solid #2ca7c337;clip-path:inherit;pointer-events:none}
.boss-tab-table-header{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #7caebd55;padding-bottom:17px}.boss-tab-table-header h3{font-size:clamp(18px,1.7vw,27px);color:#effaff;min-width:0}.boss-tab-live{display:flex;align-items:center;gap:10px;flex:none;color:#67edf0;font:700 12px Rajdhani;letter-spacing:3px}.boss-tab-live i{width:10px;height:10px;border-radius:50%;background:#70f197;box-shadow:0 0 10px #4ef88755}
.boss-tab-nav{display:flex;border-bottom:1px solid #54b8d166;gap:20px;margin-bottom:12px}.boss-tab-nav button{position:relative;border:0;border-bottom:2px solid transparent;padding:13px 14px 11px;background:transparent;color:#92b5c7;font:700 13px Rajdhani,Arial;letter-spacing:2px;transition:color .25s,border-color .25s,text-shadow .25s}.boss-tab-nav button[aria-selected="true"]{color:#55f3ff;border-bottom-color:#28e4f6;text-shadow:0 0 10px #37e6ff}.boss-tab-nav button:hover,.boss-tab-nav button:focus-visible{outline:none;color:#a5faff;text-shadow:0 0 9px #37e6ff}
#ranking .boss-tab-table .ranking-columns,#ranking .boss-tab-table .ranking-row{display:grid;grid-template-columns:70px minmax(0,1fr) 110px 110px;gap:12px;align-items:center}
#ranking .boss-tab-table .ranking-columns{padding:0 12px 12px;color:#9fbcca;font-size:11px;letter-spacing:2px;text-transform:uppercase}
#ranking .boss-tab-table .ranking-rows{display:block}
#ranking .boss-tab-table .ranking-row{height:48px;min-height:48px;padding:0 12px;margin:0;border:0;border-bottom:1px solid #2facc45c;background:transparent;border-radius:0;position:relative}
#ranking .boss-tab-table .ranking-row::before,#ranking .boss-tab-table .ranking-row::after{display:none}
#ranking .boss-tab-table .ranking-row.rank-1{border:1px solid #c1a24d80;border-left:4px solid #f4d86f;background:linear-gradient(90deg,#d4af4826,#d4af480b)}
#ranking .boss-tab-table .rank-number{font:600 22px Cinzel;color:#8cecf3}#ranking .boss-tab-table .rank-player{font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e2f3f9}#ranking .boss-tab-table .rank-kills{font:600 21px Cinzel;color:#edfaff;text-align:right}#ranking .boss-tab-table .rank-1 .rank-kills,#ranking .boss-tab-table .rank-1 .rank-number{color:#f6d977}
#ranking .boss-tab-table .rank-kingdom{text-align:center}#ranking .boss-tab-table .kingdom{width:19px;height:19px;border:0;border-radius:0;transform:none;box-shadow:none}#ranking .boss-tab-table .kingdom.blue{background:#314eff}#ranking .boss-tab-table .kingdom.red{background:#ff424a}#ranking .boss-tab-table .kingdom.yellow{background:#ffc83d}
.boss-tab-table-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#9cbdcc;margin-top:14px}.boss-tab-table-footer b{color:#32eaf1;margin-left:6px}.boss-tab-status-dots{color:#1edfeb;letter-spacing:5px}
.boss-tab-prize{display:flex;align-items:center;gap:30px;width:60%;max-width:950px;margin-top:16px;padding:15px 26px;border:1px solid #bfa14f;background:linear-gradient(100deg,#171d20cc,#07151dcc);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.boss-tab-prize div{flex:1}.boss-tab-prize span{font-size:12px;letter-spacing:3px;color:#e6edf1}.boss-tab-prize p{margin:5px 0 0;font-size:16px;color:#b3c9d3}.boss-tab-prize strong{font:600 clamp(28px,3vw,46px) Cinzel;color:#f5d77f;border-left:1px solid #bb9c45;padding-left:28px;white-space:nowrap;text-shadow:0 0 18px #e3b95722}
.boss-tab-smoke{position:absolute;left:58%;right:2%;top:8%;bottom:3%;z-index:1;pointer-events:none;overflow:hidden;filter:blur(15px);mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}.boss-tab-smoke i{position:absolute;width:70%;height:55%;left:12%;top:20%;border-radius:50%;opacity:0;background:radial-gradient(ellipse,#95c7cf77,#48b9bc36 38%,transparent 70%)}.boss-tab-smoke i:nth-child(2){left:26%;top:3%;width:65%}.boss-tab-smoke i:nth-child(3){left:3%;top:43%;width:80%}.boss-tab-smoke i:nth-child(4){left:32%;top:38%;height:70%}.boss-tab-smoke i:nth-child(5){left:0;top:0;height:85%}
.boss-tab-smoke.is-changing i{animation:bossTabSmoke 950ms ease-in-out both;animation-delay:calc(var(--puff,0)*20ms)}
@keyframes bossTabSmoke{0%{opacity:0;transform:translate(-12px,25px) scale(.8)}35%{opacity:.85;transform:translate(9px,0) scale(1.2)}60%{opacity:.6;transform:translate(-5px,-12px) scale(1.3)}100%{opacity:0;transform:translate(25px,-45px) scale(1.5)}}
@media(max-width:1000px){#ranking.boss-tab-section{padding:45px 25px}.boss-tab-table,.boss-tab-prize{width:67%}#ranking .boss-tab-table .ranking-columns,#ranking .boss-tab-table .ranking-row{grid-template-columns:42px minmax(0,1fr) 68px 76px;gap:8px}.boss-tab-table{padding:20px 18px}.boss-tab-prize{gap:15px;padding:15px 18px}.boss-tab-prize strong{font-size:28px;padding-left:15px}.boss-tab-heading h2{font-size:38px}.boss-tab-nav{gap:10px}}
@media(max-width:700px){#ranking.boss-tab-section{padding:55px 16px 45px;min-height:1050px}.boss-tab-backgrounds{top:auto;height:440px;bottom:0}.boss-tab-background{object-fit:cover;object-position:right center}.boss-tab-content{padding-bottom:390px}.boss-tab-heading h2{font-size:32px}.boss-tab-heading p{font-size:18px}.boss-tab-table,.boss-tab-prize{width:100%;max-width:none}.boss-tab-table{padding:18px 12px}.boss-tab-table-header h3{font-size:18px}.boss-tab-live{letter-spacing:1px;font-size:10px}.boss-tab-nav{gap:0;justify-content:space-between}.boss-tab-nav button{padding:12px 10px;font-size:12px;letter-spacing:1px}#ranking .boss-tab-table .ranking-columns,#ranking .boss-tab-table .ranking-row{grid-template-columns:32px minmax(0,1fr) 58px 62px;gap:5px}#ranking .boss-tab-table .ranking-columns{font-size:9px;letter-spacing:.5px}#ranking .boss-tab-table .rank-player{font-size:16px}#ranking .boss-tab-table .rank-number,#ranking .boss-tab-table .rank-kills{font-size:18px}.boss-tab-prize span{font-size:10px;letter-spacing:1.5px}.boss-tab-prize p{font-size:13px}.boss-tab-prize strong{font-size:26px}.boss-tab-smoke{left:35%;right:0;top:auto;bottom:15px;height:400px}}
@media(prefers-reduced-motion:reduce){.boss-tab-background{transition:none}.boss-tab-smoke.is-changing i{animation:none}}

/* Interactive fishing showcase, matching the site's Cinzel/Rajdhani typography. */
.fishing-section{position:relative;padding:100px clamp(20px,6vw,100px);background:linear-gradient(to bottom,#02070d,transparent 18%,transparent 80%,#02070d),linear-gradient(90deg,#02070d33,#02070d44),url('assets/images/fishing-village.webp') center/cover;overflow:hidden}
.fishing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:70px;max-width:1500px;margin:auto}.fishing-demo{width:100%;max-width:530px;margin:auto;text-align:center}
.fishing-game-frame{padding:8px;border:1px solid #82d8db;background:linear-gradient(130deg,#152832,#111514);box-shadow:0 0 5px #71f3ff,0 0 22px #1be5ed55;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}
.fishing-game-title{position:relative;background:linear-gradient(#542b13,#281507);border:1px solid #b69259;color:#fff1d4;padding:7px 32px;font:600 19px Cinzel,Georgia,serif;box-shadow:inset 0 0 10px #000}.fishing-game-title>span{position:absolute;right:12px;color:#e2bd74}
.fishing-water{position:relative;display:block;width:100%;aspect-ratio:1/1;border:1px solid #70ccec;margin-top:6px;padding:0;overflow:hidden;isolation:isolate;background:#138faf url('assets/images/fishing-underwater-opt.webp') center/cover;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fishing-water:disabled{cursor:default}.fishing-water:focus-visible{outline:3px solid #fff;outline-offset:-4px}
.fishing-caustics{position:absolute;inset:-20%;background:repeating-radial-gradient(ellipse at 20% 30%,transparent 0 19px,#b5ffff40 21px,transparent 24px 46px),repeating-radial-gradient(ellipse at 70% 60%,transparent 0 27px,#a4ffff33 29px,transparent 32px 58px);filter:blur(1px);animation:fishingWaterFlow 13s ease-in-out infinite alternate;opacity:.7}
.fishing-target{position:absolute;width:51%;aspect-ratio:1;left:24.5%;top:24.5%;border:4px solid #eaffff;border-radius:50%;box-shadow:0 0 9px #fff9,0 0 25px #7fffffaa,inset 0 0 18px #77ffff55}
.fishing-fish{position:absolute;left:50%;top:50%;width:15%;aspect-ratio:100/55;transform:translate(-50%,-50%);filter:drop-shadow(0 3px 3px #07446155);z-index:2}.fishing-fish::after{display:none}.fishing-fish svg{width:100%;height:100%;display:block}
.fishing-score{position:absolute;top:12px;right:10px;min-width:86px;padding:6px 12px;border:1px solid #c9a05b;background:#031c39d9;border-radius:6px;color:#f5faff;font:700 20px Rajdhani,Arial;z-index:4}.fishing-time{position:absolute;left:11%;right:11%;bottom:7%;height:19px;border:2px solid #c39f62;border-radius:5px;background:#071c2b;overflow:hidden;z-index:4}.fishing-time>span{display:block;width:100%;height:100%;background:linear-gradient(#ffec7a,#f7c630);transform-origin:left;transition:background .3s}
.fishing-bubbles i{position:absolute;width:9px;height:9px;border:1px solid #caffff99;border-radius:50%;left:17%;bottom:4%;animation:fishingBubble 7s linear infinite}.fishing-bubbles i:nth-child(2){left:76%;animation-delay:-2s}.fishing-bubbles i:nth-child(3){left:23%;width:5px;height:5px;animation-delay:-4s}.fishing-bubbles i:nth-child(4){left:65%;animation-delay:-6s}
.fishing-start{margin:24px auto 0;display:block;min-width:220px;padding:13px 25px;background:#03101bd9;border:1px solid #c9a257;color:#f8dfa2;font:600 18px Cinzel,Georgia,serif;letter-spacing:2px;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);transition:box-shadow .28s,color .28s}.fishing-start:hover,.fishing-start:focus-visible{color:#fff0c8;box-shadow:inset 0 0 22px #daa84a44;outline:none}.fishing-start:disabled{opacity:.6}.fishing-status{color:#c0d6df;font-size:16px;min-height:26px;margin:12px 0 0}
.fishing-copy{text-align:center;color:#b6cddc}.fishing-kicker{display:block;color:#56e9f2;letter-spacing:7px;font-size:15px;font-weight:600}.fishing-copy h2{font:600 clamp(36px,4vw,66px)/1.2 Cinzel,Georgia,serif;color:#f2fbff;text-shadow:0 3px 12px #000;margin:22px 0}.fishing-title-line{width:190px;height:1px;background:linear-gradient(90deg,transparent,#68beca,transparent);margin:auto}.fishing-copy .fishing-lead{font-size:28px;color:#e0eff7;margin:24px 0 12px}.fishing-copy p{font-size:20px;line-height:1.6}.fishing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.fishing-steps>div{position:relative}.fishing-steps>div+div::before{content:"";position:absolute;left:-10px;top:12px;bottom:8px;width:1px;background:#66aabd66}.fishing-steps b{display:block;color:#40eaf1;font:600 22px Rajdhani,Arial;margin-bottom:6px}.fishing-steps span{font-size:18px;color:#daeaf3}.fishing-steps>div::after{content:"";display:block;width:45px;height:1px;background:#3fd4df88;margin:15px auto 0}
.fishing-ripples{position:absolute;inset:0;pointer-events:none;z-index:3}.fishing-ripple{position:absolute;width:20px;height:20px;margin:-10px;border:2px solid #b9ffff;border-radius:50%;animation:fishingRipple .7s ease-out forwards}.fishing-splash{position:absolute;width:4px;height:7px;background:#bcffff;border-radius:50%;animation:fishingSplash .65s ease-out forwards}
@keyframes fishingRipple{to{opacity:0;transform:scale(5)}}@keyframes fishingSplash{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2)}}@keyframes fishingWaterFlow{to{transform:translate(3%,5%) rotate(8deg)}}@keyframes fishingBubble{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}100%{opacity:0;transform:translateY(-350px)}}
@media(max-width:1000px){.fishing-layout{gap:35px}.fishing-copy h2{font-size:40px}.fishing-copy .fishing-lead{font-size:24px}.fishing-steps{gap:12px}.fishing-steps span{font-size:16px}}
@media(max-width:700px){.fishing-section{padding:65px 20px}.fishing-layout{grid-template-columns:1fr;gap:35px}.fishing-copy{grid-row:1}.fishing-demo{max-width:430px}.fishing-copy h2{font-size:36px}.fishing-copy p{font-size:18px}.fishing-copy .fishing-lead{font-size:23px}.fishing-kicker{letter-spacing:5px;font-size:12px}.fishing-steps{margin-top:24px}.fishing-steps span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.fishing-caustics,.fishing-bubbles i,.fishing-ripple,.fishing-splash{animation:none}.fishing-start{transition:none}}

/* Fishing v2: textured game window and character integrated into night scene. */
.fishing-section{background:linear-gradient(to bottom,#02070d,transparent 16%,transparent 82%,#02070d),url('assets/images/fishing-character-background-opt.webp') center/cover;padding:90px clamp(20px,5vw,85px);min-height:760px}
.fishing-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(100px,.55fr);gap:35px;max-width:1500px}
.fishing-demo{max-width:510px}.fishing-copy{padding:24px 0;background:radial-gradient(ellipse,#020b15b8,transparent 72%);text-shadow:0 2px 8px #000}
.fishing-copy h2{font-size:clamp(30px,3.1vw,50px)}.fishing-copy p{font-size:18px}.fishing-copy .fishing-lead{font-size:25px}.fishing-steps{gap:12px;margin-top:32px}
.fishing-game-frame{padding:6px;border:2px solid #a99a76;background:linear-gradient(135deg,#101c24,#5d5038 3%,#111b22 7%,#0b1520 93%,#a49167);box-shadow:0 0 5px #85e9ec,0 0 20px #1be5ed44}
.fishing-game-title{padding:5px 30px;font-size:20px;background:linear-gradient(#633513,#2c190a);border-color:#bd9961}.fishing-game-title>span{right:4px;top:2px;border:1px solid #a99a76;border-radius:3px;background:#272720;font:28px/27px Georgia;width:28px;height:28px}
.fishing-water{aspect-ratio:1.15;background:#138faf url('assets/images/fishing-underwater-opt.webp') center/cover}.fishing-caustics{display:none}
.fishing-fish{width:17%;filter:drop-shadow(0 3px 2px #083c5655)}.fishing-fish::after{display:none}
.fishing-target{top:21%;width:51%;border-width:4px}
.fishing-score{top:12px;right:7px;min-width:77px;padding:4px 8px 4px 23px;font-size:20px;border:2px solid #c59a51;background:#092337eb}
.fishing-badge{position:absolute;right:75px;top:7px;width:41px;height:41px;border:3px solid #deb56d;border-radius:50%;background:linear-gradient(#936121,#4b300d);color:#fff4cf;z-index:5;font-size:23px;display:grid;place-items:center;filter:sepia(1)}
.fishing-time{left:16%;right:13%;bottom:5%;height:20px}.fishing-clock{position:absolute;left:8%;bottom:2.5%;width:40px;height:40px;border:3px solid #aa814c;border-radius:50%;background:#fff0cd;color:#493619;z-index:5;font:36px/34px Georgia}
.fishing-start{width:66%;margin-top:20px;border:2px solid #c9a257;background:linear-gradient(#141712,#050d12);box-shadow:inset 0 0 12px #b3862a22;font-size:20px}
@media(max-width:1100px){.fishing-layout{grid-template-columns:1fr 1fr;gap:28px}.fishing-section{background-position:65% center}.fishing-copy{background:radial-gradient(ellipse,#020b15e8,transparent 85%)}.fishing-copy h2{font-size:36px}}
@media(max-width:700px){.fishing-section{padding:60px 18px;background-position:72% center}.fishing-layout{grid-template-columns:1fr;gap:30px}.fishing-copy{grid-row:1;background:#020b15b3;padding:20px 12px;border-radius:8px}.fishing-copy h2{font-size:32px}.fishing-demo{max-width:430px}.fishing-steps span{font-size:15px}.fishing-start{font-size:17px}.fishing-clock{width:34px;height:34px;font-size:30px;line-height:28px}}

.fishing-hit{position:absolute;z-index:6;color:#ff4242;font:700 15px/1 Rajdhani,Arial,sans-serif;letter-spacing:1px;text-shadow:0 1px 2px #270000,0 0 5px #ff323244;pointer-events:none;animation:fishingHit .75s ease-out forwards}
@keyframes fishingHit{0%{opacity:0;transform:translate(-50%,-80%) scale(.8)}15%{opacity:1;transform:translate(-50%,-120%) scale(1)}100%{opacity:0;transform:translate(-50%,-300%) scale(.95)}}
@media(prefers-reduced-motion:reduce){.fishing-hit{animation:none;transform:translate(-50%,-140%)}}

html{scroll-behavior:smooth}section[id]{scroll-margin-top:35px}
.reveal{transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}.soft-entrance{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}.soft-entrance.has-entered{opacity:1;transform:none}
.battle-pass-task.is-collected::after{content:'✓';position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#76fff0;font-size:15px;text-shadow:0 0 7px #29eedc}.bonus-flight{position:fixed;z-index:9999;width:6px;height:6px;background:#c3fff6;border-radius:50%;box-shadow:0 0 8px 3px #2af2d8, -9px 0 12px #43e5d4;pointer-events:none}
.ambient-fireflies,.ambient-mist{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.fishing-layout{position:relative;z-index:1}.ambient-fireflies i{position:absolute;left:calc(8% + var(--n)*15%);bottom:calc(8% + var(--n)*3%);width:3px;height:3px;border-radius:50%;background:#96ffed;box-shadow:0 0 9px 3px #24d6c966;animation:fireflyFloat 8s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-1.4s)}@keyframes fireflyFloat{0%{opacity:.12;transform:translate(0,0)}50%{opacity:.7}100%{opacity:.2;transform:translate(18px,-35px)}}
.ambient-mist{left:62%;top:12%;bottom:5%;z-index:1;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.ambient-mist i{position:absolute;inset:calc(var(--n)*12%);background:radial-gradient(ellipse,#77b8c01c,transparent 70%);filter:blur(18px);animation:ambientMist 14s ease-in-out infinite alternate;animation-delay:calc(var(--n)*-4s)}@keyframes ambientMist{to{transform:translate(-18px,12px) scale(1.18);opacity:.45}}
.section-dots{position:fixed;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;z-index:90}.section-dots a{position:relative;width:30px;height:30px;display:grid;place-items:center}.section-dots a::after{content:'';width:6px;height:6px;border:1px solid #70c8cc;border-radius:50%;background:#06131a;transition:.25s}.section-dots a:hover::after,.section-dots a:focus-visible::after,.section-dots a.is-current::after{background:#63eff1;box-shadow:0 0 10px #37e8ec}.section-dots span{position:absolute;right:34px;white-space:nowrap;padding:5px 10px;background:#07131feb;border:1px solid #39888c;color:#defaff;opacity:0;transform:translateX(5px);pointer-events:none;transition:.25s;font-size:14px}.section-dots a:hover span,.section-dots a:focus-visible span{opacity:1;transform:none}
.contact-footer{position:relative;padding:65px 24px;text-align:center;background:linear-gradient(#02070d,#07151d,#02070d);border-top:1px solid #3b9d9c33}.contact-footer small{color:#61e7e8;letter-spacing:4px}.contact-footer h2{font:600 clamp(25px,3vw,38px) Cinzel,Georgia;margin:18px 0;color:#eefaff}.contact-footer p{color:#b4cbd2}.contact-links{display:flex;justify-content:center;gap:20px;max-width:950px;margin:28px auto 0}.contact-links a{flex:1;padding:20px;border:1px solid #408d9266;background:#061019;color:#eaffff;transition:transform .28s,box-shadow .28s,border-color .28s}.contact-links a strong,.contact-links a span{display:block}.contact-links a span{font-size:17px;color:#9ec4cd;margin-top:6px}.contact-links a:hover,.contact-links a:focus-visible{transform:translateY(-3px);border-color:#62dade;box-shadow:0 0 20px #29bec52b}
@media(max-width:1000px){.section-dots{display:none}}@media(max-width:600px){.contact-links{flex-direction:column;gap:12px}.contact-footer{padding:50px 20px}.ambient-fireflies i:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.soft-entrance{opacity:1;transform:none;transition:none}.ambient-fireflies,.ambient-mist{display:none}.contact-links a,.section-dots a::after,.section-dots span{transition:none}}

.first-use-tip{font:500 16px/1.5 Rajdhani,Arial;color:#a6e8e6!important;max-height:100px;opacity:1;overflow:hidden;transition:opacity .35s,max-height .35s,margin .35s}.fishing-tip{margin:15px 0 0}.first-use-tip.tip-dismissed{opacity:0;max-height:0;margin-top:0;margin-bottom:0;pointer-events:none}
.fishing-collection{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px auto 0;padding:12px 15px;max-width:350px;background:#05131dcc;border:1px solid #3d727e66;text-align:left;border-radius:5px}.collection-slot{display:grid;place-items:center;flex:0 0 62px;height:49px;border:1px solid #608f9466;background:#091c25}.collection-slot svg{width:53px;opacity:.18;filter:grayscale(1);transition:opacity .3s,filter .3s}.has-fish .collection-slot svg{opacity:1;filter:drop-shadow(0 0 5px #58c9d355)}.fishing-collection small{display:block;font-size:10px;letter-spacing:2px;color:#72b9c3}.fishing-collection strong{display:block;color:#d9f6f7;font:600 18px Rajdhani,Arial}.fishing-collection strong span{color:#6dede7;margin-left:8px}.collection-note{font-size:12px;color:#9ab7bf}.fishing-collection.just-caught{animation:collectionAward .8s ease-out}@keyframes collectionAward{30%{border-color:#8affef;box-shadow:0 0 18px #4ee8c944}100%{box-shadow:none}}
.mobile-back-top{display:none;position:fixed;left:16px;bottom:20px;z-index:95;width:48px;height:48px;background:#071923ef;border:1px solid #5bbac2;border-radius:50%;color:#bdffff;font-size:24px;box-shadow:0 0 12px #2dc6c522}.mobile-back-top span{position:absolute;left:0;bottom:54px;white-space:nowrap;background:#071923e8;padding:3px 7px;border-radius:3px;color:#c6eeef;font:13px Rajdhani,Arial}.mobile-back-top[hidden]{display:none!important}@media(max-width:700px){.mobile-back-top{display:block}}
@media(prefers-reduced-motion:reduce){.first-use-tip,.collection-slot svg{transition:none}.fishing-collection.just-caught{animation:none}}

.collection-milestones{display:flex;justify-content:center;gap:10px;margin:12px auto 0;max-width:350px}.collection-badge{flex:1;padding:8px 3px;border:1px solid #45596255;background:#05111bcc;border-radius:5px;color:#74878f;transition:color .35s,border-color .35s,box-shadow .35s}.collection-badge b{font-size:21px;display:inline-block;margin-right:5px}.collection-badge strong{font-size:18px}.collection-badge small{display:block;font-size:11px}.collection-badge.is-unlocked{color:#f0da97;border-color:#b69755;box-shadow:inset 0 0 14px #dab4471c,0 0 8px #edc46719}.collection-badge.is-unlocked b{color:#ffe6a5;text-shadow:0 0 8px #e8c065}
#ranking{--scene-light:133,203,243}#ranking[data-scene-tone="fire"]{--scene-light:225,97,65}#ranking[data-scene-tone="forest"]{--scene-light:135,181,130}#ranking .boss-tab-backgrounds::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 82% 52%,rgba(var(--scene-light),.15),transparent 48%);pointer-events:none;transition:background .8s}#ranking .ambient-mist i{background:radial-gradient(ellipse,rgba(var(--scene-light),.13),transparent 70%)}
.contact-footer{border-top:0;background:linear-gradient(#02070d,#061119,#02070d)}.contact-panel{position:relative;max-width:1080px;margin:auto;padding:45px 35px;border:1px solid #629a9d77;background:linear-gradient(130deg,#0a1b25dd,#030b12ee);box-shadow:inset 0 0 30px #152f3940,0 0 22px #47c7ca10;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}.contact-panel::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 0 0,#51edf05c,transparent 12%),radial-gradient(circle at 100% 100%,#51edf04a,transparent 12%)}.contact-panel .contact-links{position:relative}
.section-dots{right:10px;width:32px;max-height:75vh;overflow-y:auto;overflow-x:hidden;align-items:flex-end;scrollbar-width:thin;scrollbar-color:#397f85 transparent;transition:width .25s;background:#03101a33;border-radius:8px;padding:5px 0}.section-dots:hover,.section-dots:focus-within{width:220px;background:#03101aeb}.section-dots a{flex-shrink:0;width:100%;height:28px;display:flex;justify-content:flex-end;padding-right:10px;text-decoration:none}.section-dots span{right:30px;padding:3px 7px;border:0;background:transparent;font-size:13px}.section-dots:hover span,.section-dots:focus-within span{opacity:.75;transform:none}.section-dots a:hover span,.section-dots a:focus-visible span,.section-dots a.is-current span{opacity:1;color:#8dffff}
@media(max-width:600px){.contact-panel{padding:30px 15px}.collection-badge small{font-size:10px}}@media(prefers-reduced-motion:reduce){.section-dots,.collection-badge,#ranking .boss-tab-backgrounds::after{transition:none}}

.starter-showcase{position:relative;display:grid;grid-template-columns:58% 42%;height:clamp(690px,56.28vw,980px);background:linear-gradient(to bottom,#02070d,transparent 12%,transparent 87%,#02070d),url('assets/images/starter-village-opt.webp') center/cover;overflow:hidden}.starter-equipment{position:relative;min-width:0}.starter-brand{position:absolute;top:5%;left:54%;transform:translateX(-50%);font:600 39px Cinzel,Georgia;color:#e4faff;text-shadow:0 0 14px #61cedd55;white-space:nowrap}.starter-brand small{display:block;font:500 12px Rajdhani,Arial;letter-spacing:5px;text-align:center;margin-top:6px;color:#a1c6d0}.starter-column{position:absolute;top:29%;display:flex;flex-direction:column;gap:22px}.starter-left{left:24%}.starter-right{right:15%}.starter-item{position:relative;width:76px;height:76px;padding:15px;background:linear-gradient(135deg,#10212ada,#030c13ed);border:1px solid #a38d60;clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 7px,100% calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,0 calc(100% - 7px),0 7px);transition:background .28s,border-color .28s,transform .28s;cursor:pointer}.starter-item img{width:100%;height:100%;object-fit:contain;image-rendering:auto}.starter-item:hover,.starter-item:focus-visible,.starter-item.is-selected{border-color:#81faff;background:radial-gradient(ellipse,#1b8f9e66,#04131bed);box-shadow:inset 0 0 12px #62eff7aa;outline:none}.starter-item:hover{transform:translateY(-3px)}.starter-hint{position:absolute;bottom:5%;left:8%;right:8%;text-align:center;color:#adc2cc;font-size:16px}
.starter-details{padding:12% 8% 8% 2%;text-align:center;display:flex;flex-direction:column;justify-content:center;min-width:0;background:radial-gradient(ellipse,#020b1580,transparent 75%)}.starter-details .chapter{color:#5bedee;letter-spacing:5px;font-size:13px}.starter-details h2{font:600 clamp(35px,4.5vw,70px) Cinzel,Georgia;color:#f4fbff;margin:16px 0;text-shadow:0 2px 10px #000}.starter-heading-line{height:1px;width:85%;margin:0 auto 20px;background:linear-gradient(90deg,transparent,#4ae0e7,transparent)}.starter-large-item{height:160px;display:grid;place-items:center;position:relative}.starter-large-item::before{content:'';position:absolute;width:135px;height:60px;border-radius:50%;background:#40d6d522;filter:blur(22px);bottom:15px}.starter-large-item img{position:relative;max-width:110px;max-height:110px;object-fit:contain;filter:drop-shadow(0 0 12px #4bc8c944)}.starter-detail-content>small{color:#4be9ee;font-size:12px;letter-spacing:4px}.starter-details h3{font:600 clamp(24px,2.6vw,39px)/1.3 Cinzel,Georgia;color:#f6fbff;margin:20px 0 12px;overflow-wrap:anywhere}.starter-details p{font-size:20px;line-height:1.5;color:#bdced7;min-height:60px}.starter-ready{display:inline-block;margin-top:15px;border:1px solid #b99a5a;color:#e8d295;padding:9px 18px;font-size:12px;letter-spacing:2px}.starter-detail-content.is-switching{animation:starterDetail .35s ease-out}@keyframes starterDetail{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:900px){.starter-item{width:62px;height:62px;padding:12px}.starter-column{gap:20px}.starter-left{left:14%}.starter-right{right:10%}.starter-details p{font-size:18px}.starter-brand{font-size:30px}.starter-large-item{height:130px}}
@media(max-width:650px){.starter-showcase{height:auto;display:block;background-position:31% top;background-size:auto 640px;background-repeat:no-repeat;background-color:#02070d}.starter-equipment{height:620px}.starter-brand{left:50%;top:5%}.starter-column{top:34%}.starter-left{left:8%}.starter-right{right:8%}.starter-hint{bottom:2%;font-size:14px}.starter-details{padding:30px 22px 50px;background:linear-gradient(transparent,#02070d 12%)}.starter-details h2{font-size:38px}.starter-details h3{font-size:27px}.starter-details p{min-height:0}.starter-large-item{height:135px}}
@media(prefers-reduced-motion:reduce){.starter-item{transition:none}.starter-detail-content.is-switching{animation:none}}

/* Center equipment and heading on the new warrior, independently of viewport crop. */
.starter-showcase{background-image:linear-gradient(to bottom,#02070d,transparent 12%,transparent 87%,#02070d),url('assets/images/starter-village-beta-opt.webp');background-position:31% center;--starter-center:53.45%;--starter-offset:clamp(112px,12vw,205px)}
.starter-brand{left:var(--starter-center);text-align:center}.starter-column{top:50%;transform:translateY(-50%)}.starter-left{left:calc(var(--starter-center) - var(--starter-offset) - 38px);right:auto}.starter-right{left:calc(var(--starter-center) + var(--starter-offset) - 38px);right:auto}.starter-hint{left:calc(var(--starter-center) - 43%);right:auto;width:86%;text-align:center}
@media(max-width:900px) and (min-width:651px){.starter-left{left:calc(var(--starter-center) - var(--starter-offset) - 31px)}.starter-right{left:calc(var(--starter-center) + var(--starter-offset) - 31px)}}
@media(max-width:650px){.starter-showcase{--starter-center:50%;background-position:calc(50% + 216px) top;--starter-offset:clamp(112px,34vw,185px)}.starter-brand{left:50%}.starter-column{top:52%}.starter-left{left:calc(50% - var(--starter-offset) - 31px)}.starter-right{left:calc(50% + var(--starter-offset) - 31px)}.starter-hint{left:7%;width:86%}}

/* Supplied 44-image costume collection. */
.costume-showcase{position:relative;isolation:isolate;overflow:hidden;min-height:820px;padding:65px max(24px,5vw);background:#100e0d url('assets/images/costumes/courtyard-opt.webp') center/cover}.costume-showcase::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#02070d,transparent 20%,transparent 80%,#02070d),linear-gradient(90deg,#020811eb, #050b1299 42%,#08111c22 75%)}.costume-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:minmax(0, .95fr) minmax(0,1.25fr);align-items:center;gap:35px}.costume-controls{position:relative;z-index:2}.costume-controls .chapter{color:#69dce6;letter-spacing:4px;font-size:12px}.costume-controls h2{font:600 clamp(32px,3.5vw,55px) Cinzel,Georgia;color:#effaff;margin:15px 0}.costume-controls>p{font-size:20px;color:#b6c8cd}.costume-genders{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0 20px}.costume-genders button{position:relative;padding:8px 8px 14px;border:1px solid #8b9d9a66;background:linear-gradient(140deg,#0e202ad9,#061018eb);color:#bad1d7;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.costume-thumb{display:block;height:155px;overflow:hidden}.costume-thumb img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px #60c9dc22)}.costume-genders strong{font:600 16px Rajdhani,Arial;letter-spacing:4px}.costume-showcase button{cursor:pointer;transition:background .28s,border-color .28s,box-shadow .28s,transform .28s}.costume-genders button[aria-pressed=true],.costume-classes button[aria-pressed=true]{border-color:#74edf2;box-shadow:inset 0 0 24px #3ae5ef22;background:linear-gradient(140deg,#103340ed,#081c28ef);color:#e5ffff}.costume-genders button:hover,.costume-genders button:focus-visible,.costume-classes button:hover,.costume-classes button:focus-visible{outline:2px solid #8cfaff;outline-offset:-3px;border-color:#8cfaff;box-shadow:inset 0 0 22px #3ae5ef22}.costume-classes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.costume-classes button{min-width:0;background:#07141ce8;border:1px solid #4d7b8666;color:#a4c1ca;padding:6px 3px 10px;font:600 13px Rajdhani,Arial;letter-spacing:1px}.class-thumb{height:60px;display:block;margin-bottom:6px}.class-thumb img{width:100%;height:100%;object-fit:contain}.costume-controls .costume-hint{font-size:15px;line-height:1.5;color:#9ebdc6;margin-top:20px}.costume-stage{--costume-hue:185;position:relative;min-width:0;height:690px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.costume-art{position:relative;height:570px;max-width:100%;display:flex;justify-content:center;align-items:flex-end;z-index:2;filter:drop-shadow(0 12px 12px #0007)}.costume-crop{height:100%;aspect-ratio:var(--ratio,.67);max-width:100%;position:relative;overflow:hidden}.costume-crop img{position:absolute;max-width:none;width:var(--image-width,100%);height:var(--image-height,100%);left:0;top:0;transform:translate(var(--image-left,0%),var(--image-top,0%));object-fit:fill}.costume-art.is-entering{animation:costumeMaterialize .55s ease both}.costume-stage.is-loading .costume-art{opacity:.55;transition:opacity .15s}.costume-ground{position:absolute;bottom:115px;left:28%;right:24%;height:28px;border-radius:50%;background:#0009;filter:blur(10px)}.costume-aura{position:absolute;width:80%;height:65%;top:15%;left:10%;pointer-events:none;background:radial-gradient(ellipse,hsla(var(--costume-hue),65%,65%,.12),transparent 67%);filter:blur(17px);transition:background .5s}.costume-particles{position:absolute;inset:8% 13% 16%;pointer-events:none;overflow:hidden}.costume-particles i{position:absolute;width:2px;height:2px;left:calc(7% + var(--i)*10%);bottom:calc(5% + var(--i)*5%);background:hsl(var(--costume-hue),75%,80%);box-shadow:0 0 7px 1px hsla(var(--costume-hue),80%,70%,.4);border-radius:50%;animation:costumeSpark 5s ease-in-out infinite;animation-delay:calc(var(--i)*-.65s)}.costume-navigation{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:105px;z-index:3}.costume-navigation button{width:130px;min-width:50px;padding:0;background:none;border:0;filter:drop-shadow(0 4px 5px #0008)}.costume-navigation button img{display:block;width:100%;height:auto}.costume-navigation button:hover{transform:translateY(-3px);filter:drop-shadow(0 0 7px #e4b54f77)}.costume-navigation button:focus-visible{outline:2px solid #79f4f5;outline-offset:5px}.costume-caption{text-align:center;min-width:125px}.costume-caption strong{display:block;font:600 19px Rajdhani,Arial;color:#ecf8fc}.costume-caption span{display:block;font:500 12px Rajdhani,Arial;letter-spacing:2px;margin-top:4px;color:#b9d6d9}@keyframes costumeMaterialize{from{opacity:0;filter:blur(7px) drop-shadow(0 0 14px #9fefff44);transform:translateY(7px)}to{opacity:1;filter:blur(0) drop-shadow(0 12px 12px #0007);transform:none}}@keyframes costumeSpark{0%,100%{opacity:0;transform:translate(0,0)}40%{opacity:.65}80%{opacity:0;transform:translate(9px,-70px)}}
@media(max-width:1000px){.costume-layout{gap:12px;grid-template-columns:1fr 1.1fr}.costume-showcase{padding:65px 22px}.costume-stage{height:610px}.costume-art{height:490px}.costume-thumb{height:125px}.costume-genders{gap:10px}.costume-navigation{gap:4px}.costume-navigation button{width:95px}.costume-classes button{font-size:11px;letter-spacing:.4px}}
@media(max-width:700px){.costume-layout{grid-template-columns:1fr;gap:5px}.costume-showcase{padding:55px 18px 35px;background-position:65% center}.costume-showcase::before{background:linear-gradient(0deg,#02070d,transparent 20%,#02070d55 65%,#02070d),linear-gradient(90deg,#020811bc,#050b1244)}.costume-controls{text-align:center}.costume-controls h2{font-size:33px}.costume-controls>p{font-size:17px}.costume-genders{max-width:400px;margin:20px auto 15px}.costume-thumb{height:110px}.costume-classes{max-width:480px;margin:auto}.class-thumb{height:45px}.costume-stage{height:580px}.costume-art{height:470px;max-width:100%}.costume-navigation button{width:105px}.costume-ground{bottom:105px}.costume-caption strong{font-size:17px}.costume-controls .costume-hint{margin:12px 0;font-size:13px}}
@media(prefers-reduced-motion:reduce){.costume-showcase button,.costume-aura{transition:none}.costume-art.is-entering,.costume-particles i{animation:none}.costume-particles{display:none}}

.costume-art{--art-height:570px;width:100%}.costume-crop{width:min(100%,calc(var(--art-height) * var(--ratio,.67)));height:auto;max-height:100%;aspect-ratio:var(--ratio,.67)}@media(max-width:1000px){.costume-art{--art-height:490px}}@media(max-width:700px){.costume-art{--art-height:470px}}

/* Compact side-by-side VS progression; shield removed from markup. */
#transforms .vs-transform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1200px;margin:auto}
#transforms .vs-transform-grid .transform-row{width:100%!important;max-width:none!important;margin:0!important;padding:22px 15px!important;min-width:0}
#transforms .vs-transform-grid .transform-chain{display:flex!important;flex-wrap:nowrap!important;gap:clamp(4px,1vw,12px)!important;justify-content:center}
#transforms .vs-transform-grid figure{min-width:0;flex:1;margin:0;max-width:125px}
#transforms .vs-transform-grid .item-stage{width:100%!important;height:165px!important;max-width:125px;margin:auto}
#transforms .vs-transform-grid .item-stage img{width:auto!important;height:auto!important;max-width:82%!important;max-height:145px!important;object-fit:contain}
#transforms .vs-transform-grid figcaption{font-size:13px;line-height:1.3;overflow-wrap:anywhere;margin-top:10px}
#transforms .vs-transform-grid .arrow{font-size:19px!important;flex:0 0 auto}
#transforms .vs-transform-grid h3{font-size:19px!important;margin-bottom:18px!important}
#transforms .vs-transform-grid .transform-play{margin-top:18px}
.boss-interaction-hint{max-width:560px;padding:10px 14px;margin:0 0 15px;color:#b3e4e7;font:500 15px/1.5 Rajdhani,Arial;border-left:2px solid #54d4d9;background:#051622bb}
.auto-hunt-demo.playing{width:100%;max-width:760px}.auto-hunt-demo.playing .auto-hunt-media{aspect-ratio:16/9!important;max-height:none!important;min-height:0!important;height:auto!important;width:100%!important}.auto-hunt-demo.playing .auto-hunt-video{object-fit:contain!important;width:100%;height:100%}
.auto-hunt-fullscreen{display:none;position:absolute;right:12px;bottom:48px;z-index:9;padding:8px 11px;background:#03131de0;color:#c8faff;border:1px solid #49b9c4;font:600 13px Rajdhani,Arial;cursor:pointer}.auto-hunt-demo.playing .auto-hunt-fullscreen{display:block}.auto-hunt-fullscreen:hover,.auto-hunt-fullscreen:focus-visible{box-shadow:0 0 10px #56dfe577;outline:1px solid #aaffff}.auto-hunt-media:fullscreen{width:100vw!important;height:100vh!important;max-height:none!important;aspect-ratio:auto!important;background:#000}.auto-hunt-media:fullscreen .auto-hunt-active,.auto-hunt-media:fullscreen .auto-hunt-progress{display:none}
@media(max-width:750px){#transforms .vs-transform-grid{grid-template-columns:1fr;gap:18px;max-width:550px}#transforms .vs-transform-grid .item-stage{height:145px!important}#transforms .vs-transform-grid .item-stage img{max-height:125px!important}.auto-hunt-demo.playing .auto-hunt-active{top:8px;right:8px;padding:5px;font-size:9px}.auto-hunt-fullscreen{bottom:38px;right:8px;padding:5px 7px}.auto-hunt-demo.playing .auto-hunt-progress{bottom:5px;font-size:10px}.boss-interaction-hint{font-size:14px}}

/* Split video and frameless copy for the ready enchant system. */
#enchant.enchant-video-section{padding:80px clamp(18px,5vw,85px);background:radial-gradient(ellipse at 18% 50%,#102c3c55,transparent 65%),#02070d}.enchant-video-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(25px,4vw,65px);max-width:1450px;margin:auto}.enchant-video-frame{position:relative;min-width:0;border:1px solid #558693;box-shadow:0 0 25px #34c1d015,0 20px 45px #0006;background:#000;overflow:hidden;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.enchant-video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}.enchant-playback{position:absolute;bottom:12px;right:12px;padding:7px 11px;background:#04121ee6;color:#d4faff;border:1px solid #5a9eaa;font:500 13px Rajdhani,Arial;cursor:pointer;transition:box-shadow .25s}.enchant-playback:hover,.enchant-playback:focus-visible{box-shadow:0 0 12px #48dbe344;outline:1px solid #8dfaff}.enchant-video-copy .chapter{font:600 12px Rajdhani,Arial;color:#69dbe6;letter-spacing:4px}.enchant-video-copy h2{font:600 clamp(28px,3vw,45px)/1.25 Cinzel,Georgia;color:#edfaff;margin:16px 0}.enchant-copy-line{width:90px;height:1px;background:linear-gradient(90deg,#63e8ee,transparent);margin:20px 0}.enchant-video-copy h3{font:600 22px Rajdhani,Arial;color:#dfedf2;margin:0 0 9px}.enchant-video-copy>p{font:400 18px/1.6 Rajdhani,Arial;color:#a3bcc8}.enchant-video-steps{list-style:none;padding:0;margin:25px 0 0}.enchant-video-steps li{display:flex;gap:15px;margin-top:18px}.enchant-video-steps li>span{color:#4ddce5;font:600 18px Rajdhani,Arial}.enchant-video-steps strong{color:#d2e6ec;font:600 17px Rajdhani,Arial}.enchant-video-steps p{font:400 15px/1.5 Rajdhani,Arial;color:#8daab6;margin:4px 0 0}@media(max-width:800px){.enchant-video-layout{grid-template-columns:1fr;gap:30px}.enchant-video-copy{max-width:600px}.enchant-video-copy h2 br{display:none}.enchant-video-copy h2{font-size:30px}#enchant.enchant-video-section{padding:55px 18px}.enchant-playback{bottom:8px;right:8px;padding:5px 9px}}@media(prefers-reduced-motion:reduce){.enchant-playback{transition:none}}

/* Keep the exact original Auto Hunt footprint after Start. */
#autoHuntDemo,#autoHuntDemo.playing{width:min(420px,100%)!important;max-width:420px!important}
#autoHuntDemo .auto-hunt-media,#autoHuntDemo.playing .auto-hunt-media{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:282/296!important}
#autoHuntDemo.playing .auto-hunt-video{object-fit:cover!important;object-position:70% center;width:100%;height:100%}
#autoHuntDemo .auto-hunt-media:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important}
#autoHuntDemo .auto-hunt-media:fullscreen .auto-hunt-video{object-fit:contain!important}
/* Already cropped recording; preserve the successful panel dimensions. */
.enchant-video-frame video{aspect-ratio:16/9;object-fit:contain}

.souvenir-section{padding:65px clamp(18px,5vw,80px);background:radial-gradient(ellipse at 50% 40%,#0b2b3d77,transparent 75%),#02070d}.souvenir-section>header{text-align:center;margin:0 auto 25px}.souvenir-section header small{font:600 12px Rajdhani,Arial;letter-spacing:5px;color:#69e6ed}.souvenir-section h2{font:600 clamp(30px,4vw,52px) Cinzel,Georgia;color:#edfaff;margin:16px 0 12px}.souvenir-section header p{font-size:19px;color:#aac4d0}.souvenir-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:22px}.souvenir-tabs button{font:600 16px Rajdhani,Arial;color:#adced7;background:#061722;border:1px solid #4f869466;padding:10px 23px;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s}.souvenir-tabs button[aria-pressed=true],.souvenir-tabs button:hover{background:#103341;border-color:#64e2ea;color:#eaffff;box-shadow:inset 0 -2px #68f4f0}.souvenir-tabs button:focus-visible{outline:2px solid #adffff;outline-offset:3px}.souvenir-canvas-frame{max-width:1260px;margin:auto;position:relative;border:1px solid #849aa8;background:#07131d;box-shadow:0 0 20px #40c7de18;min-height:150px}.souvenir-canvas-frame canvas{display:block;width:100%;height:auto;aspect-ratio:1672/941}.souvenir-canvas-frame>p{position:absolute;inset:0;display:grid;place-items:center;background:#03111beb;color:#b5edf3;margin:0;padding:20px;text-align:center}.souvenir-canvas-frame>p[hidden]{display:none}.souvenir-form{max-width:950px;margin:25px auto 0;display:flex;align-items:center;justify-content:center;gap:15px}.souvenir-form label{font-size:12px;letter-spacing:2px;color:#95b7c6;white-space:nowrap}.souvenir-form input{width:100%;max-width:380px;min-width:0;padding:12px 16px;background:#071521;border:1px solid #4d7787;color:#f0fbff;font:20px Georgia}.souvenir-form input:focus{outline:1px solid #7bf7ff}.souvenir-download{padding:14px 20px;white-space:nowrap;background:linear-gradient(#116071,#073342);border:1px solid #64dce4;color:#e3ffff;font:600 14px Rajdhani,Arial;letter-spacing:1px;cursor:pointer}.souvenir-download:disabled{opacity:.45;cursor:wait}.souvenir-status{text-align:center;color:#8eacb9;font:400 14px/1.5 Rajdhani,Arial;min-height:22px;margin:15px auto 0;max-width:900px}.unified-footer{padding:45px clamp(20px,6vw,100px) 20px;background:linear-gradient(#02070d,#05141d);border-top:1px solid #3a768344}.footer-main{max-width:1250px;margin:auto;display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:65px}.footer-brand{text-align:center}.footer-brand>img{width:240px;max-width:100%;height:145px;object-fit:contain}.footer-brand p{color:#a4bdc8;font-size:15px;margin:0 0 16px}.footer-actions{display:flex;justify-content:center;gap:12px}.footer-actions a{padding:8px 14px;color:#c8faff;border:1px solid #368595;font-size:14px;background:#082230}.footer-support small{letter-spacing:3px;color:#65e0e6;font-size:11px}.footer-support h2{font:600 28px Cinzel,Georgia;color:#e3f6ff;margin:12px 0}.footer-support>p{color:#a2c1cd}.footer-socials{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.footer-socials a{display:block;color:#c7eff7;padding-right:20px;border-right:1px solid #3d657155}.footer-socials a:last-child{border:0}.footer-socials strong,.footer-socials span{display:block}.footer-socials span{font-size:14px;color:#87acb9;margin-top:5px}.footer-socials a:hover strong{color:#61eff0}.footer-bottom{max-width:1250px;margin:35px auto 0;padding-top:18px;border-top:1px solid #426c7c44;display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#738f9c}.footer-bottom a{color:#94b5c2}@media(max-width:650px){.souvenir-section{padding:50px 15px}.souvenir-tabs{gap:7px}.souvenir-tabs button{padding:8px 14px;font-size:14px}.souvenir-form{flex-wrap:wrap;gap:10px}.souvenir-form label{width:100%;text-align:center}.souvenir-form input{max-width:none}.souvenir-download{width:100%}.footer-main{grid-template-columns:1fr;gap:28px;text-align:center}.footer-brand>img{height:100px;width:190px}.footer-socials{justify-content:center;gap:15px}.footer-socials a{padding-right:15px}.footer-support h2{font-size:25px}.footer-bottom{margin-top:25px}.souvenir-section header p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.souvenir-tabs button{transition:none}}

/* Reference-style keepsake controls and a single centered footer. */
.souvenir-section{padding-bottom:55px}.souvenir-section>header{max-width:1100px}.souvenir-section h2{font-weight:500;letter-spacing:2px;text-shadow:0 2px 6px #000,0 0 14px #6bd7fa22}.souvenir-canvas-frame{border:0;box-shadow:none;background:transparent;max-width:1450px}.souvenir-tabs{gap:10px}.souvenir-form{max-width:1050px;gap:18px}.souvenir-form input{font-family:Georgia,serif;font-weight:400}.souvenir-download{background:linear-gradient(#075568,#031c2b);box-shadow:inset 0 0 10px #3cd8e329,0 0 12px #3bdfea22;padding:14px 28px;letter-spacing:1.5px}.souvenir-status{color:#8dabb8;font-size:13px;letter-spacing:.5px}
footer.unified-footer{width:100%;margin:0;position:relative;display:block;padding:38px 22px 22px;text-align:center;overflow:hidden;background:linear-gradient(#02070d,#06131d);border-top:1px solid #466e7e44}.unified-footer .footer-main{width:min(1050px,100%);max-width:1050px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.unified-footer .footer-brand,.unified-footer .footer-support{width:100%;max-width:100%;margin:0 auto;text-align:center;min-width:0}.unified-footer .footer-brand>img{display:block;width:190px;height:110px;object-fit:contain;margin:0 auto 8px}.unified-footer .footer-brand p{font-size:14px;margin:0 0 14px}.unified-footer .footer-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.unified-footer .footer-support h2{font-size:26px;margin:10px 0}.unified-footer .footer-support>p{margin:9px 0}.unified-footer .footer-socials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;justify-content:center;gap:0;width:min(650px,100%);margin:22px auto 0}.unified-footer .footer-socials a{display:block;text-align:center;margin:0;padding:0 14px;border-right:1px solid #3d657155;min-width:0;overflow-wrap:anywhere}.unified-footer .footer-socials a:last-child{border:0}.unified-footer .footer-bottom{width:min(1050px,100%);margin:30px auto 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;padding:18px 0 0;text-align:center}.unified-footer .footer-bottom span,.unified-footer .footer-bottom a{margin:0}
@media(max-width:600px){.unified-footer .footer-main{gap:22px}.unified-footer .footer-socials a{padding:0 7px}.unified-footer .footer-socials span{font-size:12px}.unified-footer .footer-support h2{font-size:23px}.unified-footer .footer-bottom{gap:12px}.souvenir-form{gap:10px}}