/* Stable hit area + independent 3D surface: no jitter at the card edges. */
.pointer-card{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important;transform:none!important;perspective:1000px;isolation:auto}
.card-surface{position:relative;width:100%;height:100%;padding:34px 32px;border:1px solid #c4a36535;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#1a222a,#10171d);box-shadow:inset 0 1px #ffffff09,0 18px 45px #0004;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s;will-change:transform}
.pointer-card.is-pointed .card-surface{transition:transform .1s linear,border-color .3s,box-shadow .3s;border-color:#dbc18b80;box-shadow:0 24px 55px #0006,0 0 30px #caa45412}
.card-surface:after{content:'';position:absolute;inset:0;background:radial-gradient(230px circle at var(--light-x,50%) var(--light-y,50%),#f6dba824,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:3}.is-pointed .card-surface:after{opacity:1}
.world-section .feature-card .card-surface{min-height:470px;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;background-position:center;background-size:cover}
.world-section .feature-card:nth-child(1) .card-surface{background-image:linear-gradient(0deg,#080e13 0%,#080e13eb 22%,#080e1360 58%,#080e130d),url('assets/card-hero-l2.png')}
.world-section .feature-card:nth-child(2) .card-surface{background-image:linear-gradient(0deg,#080e13 0%,#080e13eb 22%,#080e1360 58%,#080e130d),url('assets/card-clan-l2.png')}
.world-section .feature-card:nth-child(3) .card-surface{background-image:linear-gradient(0deg,#080e13 0%,#080e13eb 22%,#080e1360 58%,#080e130d),url('assets/card-battle-l2-v2.png')}
.world-section .feature-symbol{display:none}.world-section .card-index{position:absolute;top:24px;left:26px;color:#ebd6a8;background:#0810189c;border:1px solid #d9bd7930;border-radius:999px;padding:6px 12px;font:12px var(--body,Arial,sans-serif)}.world-section .feature-card h3{font-size:31px;color:#f1e9d7;text-shadow:0 2px 16px #000;margin:0 0 14px}.world-section .feature-card p{font-size:16px;color:#c6c8c4;line-height:1.7}.world-section .card-link{border-top:1px solid #d9bd7930;padding-top:20px;margin-top:22px}
.stream-card .card-surface{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:370px}.journal-card.pointer-card{display:block}.journal-card .card-surface{display:grid;grid-template-columns:1fr 1fr;padding:0}.community-card .card-surface>svg{width:40px;height:44px;color:#d4bd91;margin:16px 0 32px}
/* Real game icons are the moving bodies; no fictitious generated items. */
.l2-drop{display:flex;flex-direction:column;width:100px!important;height:104px;min-height:0!important;padding:8px!important;gap:4px;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;filter:drop-shadow(0 14px 12px #0008);transform-origin:center;will-change:transform}
.l2-drop img{width:64px!important;height:64px!important;flex:none;border-radius:12px;border:1px solid #d8bc7155;box-shadow:0 0 18px #ddb9641a}.l2-drop span{font:10px/1.2 var(--body,Arial,sans-serif)!important;text-align:center;color:#dfd5bf;max-width:100%;text-shadow:0 2px 5px #000}.l2-drop small{display:none}
.l2-drop-0{left:10%;top:8%}.l2-drop-1{left:68%;top:7%}.l2-drop-2{left:39%;top:27%}.l2-drop-3{left:70%;top:47%}.l2-drop-4{left:8%;top:47%}.l2-drop-5{left:39%;top:65%}.l2-drop-6{left:8%;top:78%}.l2-drop-7{left:70%;top:78%}
.relic-box{min-height:520px}.relic-copy{padding:65px 45px}.relic-hint{font-size:10px;bottom:16px}.l2-inventory{bottom:24px}
@media(max-width:900px){.world-section .feature-card .card-surface{min-height:440px;background-position:center 35%}.journal-card .card-surface{grid-template-columns:1fr}.card-surface{padding:30px}.l2-drop{width:84px!important;height:96px}.l2-drop img{width:56px!important;height:56px!important}.relic-copy{padding:42px 30px}}
@media(max-width:750px){.relic-box{min-height:760px}.l2-inventory{top:350px;bottom:24px}.relic-copy{max-width:100%;padding:32px 26px}.l2-drop-0{left:7%;top:4%}.l2-drop-1{left:68%;top:4%}.l2-drop-2{left:38%;top:24%}.l2-drop-3{left:70%;top:44%}.l2-drop-4{left:6%;top:44%}.l2-drop-5{left:38%;top:63%}.l2-drop-6{left:7%;top:76%}.l2-drop-7{left:70%;top:76%}}
@media(hover:none){.pointer-card .card-surface{transform:none;will-change:auto}.l2-drop{will-change:auto}}
.world-section .feature-card:nth-child(1) .card-surface{background-position:72% center}
.invitation-section{padding:80px 0 40px}.invitation-heading{text-align:center;max-width:850px;margin:0 auto}.invitation-heading h2{font-size:clamp(35px,3.5vw,54px);line-height:1.15;margin:18px 0}.invitation-heading>p:last-child{color:#b7bdb9;font-size:17px;line-height:1.7;max-width:600px;margin:auto}.invitation-stage{position:relative;display:grid;grid-template-columns:1fr 1.05fr 1fr;min-height:620px;align-items:center;gap:0;margin-top:20px;isolation:isolate}.invitation-character{position:relative;align-self:end;z-index:1;height:620px;pointer-events:none}.invitation-character img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:155%;max-width:none;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 35px #0008);mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}.invitation-halo{position:absolute;inset:10% -20% 0;border-radius:50%;background:radial-gradient(ellipse,#ae813429,transparent 65%);z-index:-1}.invitation-column{position:relative;z-index:2;display:flex;flex-direction:column;gap:35px;align-items:stretch}.invitation-left{padding-right:0}.invitation-right{padding-left:0}.invitation-left .invitation-card:nth-child(2){margin-left:-25px;margin-right:25px}.invitation-right .invitation-card:nth-child(2){margin-left:25px;margin-right:-25px}.invitation-card .card-surface{display:flex;align-items:center;gap:14px;min-height:100px;padding:18px;border-radius:18px;background:linear-gradient(130deg,#202a30db,#10181dea);backdrop-filter:blur(14px)}.invitation-icon{display:grid;place-items:center;flex:none;width:50px;height:50px;color:#e5c887;border:1px solid #d6b77955;border-radius:13px;background:linear-gradient(135deg,#d6b77922,#d6b77908);box-shadow:0 0 24px #d6b7790e}.invitation-icon svg{width:24px;height:24px}.invitation-label{display:flex;flex-direction:column;gap:7px;min-width:0}.invitation-label strong{font:700 17px/1.2 var(--heading);color:#e9dfca}.invitation-label small{font:12px/1.4 var(--body,Arial,sans-serif);color:#a5b0b1}.invitation-arrow{margin-left:auto;color:#c4a365;font-size:20px}
@media(max-width:1100px){.invitation-card .card-surface{gap:10px;padding:15px}.invitation-icon{width:42px;height:42px}.invitation-label strong{font-size:15px}.invitation-label small{font-size:11px}.invitation-arrow{display:none}}
@media(max-width:750px){.invitation-section{padding-top:55px}.invitation-heading h2{font-size:35px}.invitation-stage{grid-template-columns:1fr 1fr;gap:14px;min-height:0}.invitation-character{grid-column:1/-1;grid-row:1;height:410px}.invitation-character img{width:100%}.invitation-column{grid-row:2;gap:14px;margin-top:-40px}.invitation-left .invitation-card:nth-child(2),.invitation-right .invitation-card:nth-child(2){margin:0}.invitation-card .card-surface{padding:16px 12px;flex-direction:column;align-items:flex-start;min-height:155px}.invitation-label strong{font-size:15px}.invitation-label small{font-size:11px}.invitation-heading>p:last-child{font-size:16px}}