/* Modern SkillMix: live CSS controls, existing typefaces and cinematic videos. */
:root{--modern-gold:#d6b779;--modern-edge:#c4a36530}
.button-primary,.hero-buttons .button-primary,.header-register,.ranking-tab.button-primary,.ranking-more.button-primary{background:linear-gradient(125deg,#dec58d,#b89558);background-image:linear-gradient(125deg,#dec58d,#b89558);border:1px solid #efdaa780;border-radius:12px;clip-path:none;min-width:0;min-height:54px;padding:16px 26px;color:#171914;text-shadow:none;box-shadow:inset 0 1px #fff5,0 8px 28px #b6913520;font-size:17px;line-height:1.3;transition:transform .2s,box-shadow .2s,background .2s;filter:none}
.button-primary:before,.button-primary:after{display:none}.button-primary:hover{transform:translateY(-3px);color:#111510;background:linear-gradient(125deg,#eedaa9,#d0ae70);box-shadow:inset 0 1px #fff7,0 12px 34px #c4a04b35}.button-label{transform:none}.hero-buttons .button-primary{min-width:280px;font-size:20px;min-height:60px;padding:18px 32px}.header-register{font-size:14px;padding:14px 20px;min-height:48px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e7c98e;outline-offset:5px}
.site-header{background:linear-gradient(#0a1016ed,#0a1016c9);backdrop-filter:blur(16px)}.nav-shell{min-height:100px;gap:24px}#site-nav{gap:22px;font-size:15px}.cabinet-link{border-radius:10px;background:#ffffff04;box-shadow:none;font-size:14px;padding:14px 18px;transition:background .2s,border-color .2s}.cabinet-link:hover{background:#c9aa6a12;border-color:#c9aa6a80}.social-circle,.locale-toggle{box-shadow:none;border-color:var(--modern-edge)}
.feature-card,.stream-card,.description-sections article,.description-sections article:last-child,.journal-card,.server-strip{border:1px solid var(--modern-edge);border-radius:20px;box-shadow:inset 0 1px #ffffff06,0 18px 45px #0002;background:linear-gradient(135deg,#1a222a,#10171d);transition:border-color .25s,transform .25s,box-shadow .25s}.feature-card:hover{background:linear-gradient(135deg,#202932,#121c22);border-color:#c4a36570;box-shadow:inset 0 1px #ffffff0b,0 20px 48px #0003;transform:translateY(-5px)}.feature-card:before,.feature-card:after,.description-sections article:before,.description-sections article:after{display:none}.server-strip{padding:26px 32px}.strip-link{border-radius:12px}.feature-card h3{font-size:30px}.section-heading:after{display:none}.home-section-nav{border-radius:16px}.home-section-nav a{font-size:15px}.countdown-unit{border-radius:14px;box-shadow:inset 0 1px #ffffff08;background:#11191da6;backdrop-filter:blur(8px)}
.ranking-server span{background:#d0b0780b;border:1px solid var(--modern-edge);border-radius:999px;min-height:0;min-width:0;padding:12px 26px;box-shadow:none;font-size:20px}.ranking-tabs{gap:10px;padding:7px;background:#080e1380;border:1px solid #ffffff09;border-radius:16px}.ranking-tab.button-primary{flex:1;width:auto;padding:14px 20px;min-height:48px;font-size:16px;background:transparent;color:#b6bab8;border-color:transparent;box-shadow:none}.ranking-tab[aria-selected=true]{background:linear-gradient(125deg,#dec58d,#b89558);color:#171914;border-color:#efdaa750;box-shadow:0 4px 18px #b6913518}.ranking-tab:hover{background:#c4a36517;color:#e6d1a9;transform:none}.ranking-tab[aria-selected=true]:hover{background:linear-gradient(125deg,#eedaa9,#d0ae70);color:#171914}.ranking-more.button-primary{min-width:240px;min-height:54px;font-size:17px}.ranking-table td{border-top-color:#ffffff0c}.ranking-scroll{border:1px solid #ffffff0c;border-radius:16px;background:#10171b80}
.relic-section{padding:30px 0 80px}.relic-box{position:relative;isolation:isolate;overflow:hidden;min-height:460px;border:1px solid #c8aa703a;border-radius:28px;background:radial-gradient(ellipse at 78% 48%,#b486382c,transparent 52%),linear-gradient(120deg,#161f27,#0d131a 60%);box-shadow:inset 0 1px #fff1,0 30px 75px #0004}.relic-box:before{content:'';position:absolute;inset:0;background:url('assets/throne-poster.jpg') center/cover;opacity:.09;z-index:-1}.relic-orbit{position:absolute;width:470px;height:470px;right:5%;top:0;border:1px solid #cbaa611d;border-radius:50%;box-shadow:0 0 0 55px #cbaa6105,0 0 0 110px #cbaa6103;pointer-events:none}.relic-copy{position:relative;z-index:3;max-width:52%;padding:70px 55px;pointer-events:none}.relic-copy h2{font-size:clamp(36px,3.3vw,56px);line-height:1.1;margin:20px 0;text-transform:uppercase;color:#eee6d5}.relic-copy>p:not(.eyebrow){color:#bfc3c0;max-width:440px;font-size:18px;line-height:1.7}.relic-copy .button{pointer-events:auto;margin-top:28px}.relic-art{position:absolute;inset:0;pointer-events:none;z-index:2}.relic-item{position:absolute;object-fit:contain;filter:drop-shadow(0 20px 24px #0009);transform:translate3d(0,0,0) rotate(var(--angle,0deg));will-change:transform}.relic-sword{width:47%;height:115%;right:-3%;top:-8%;--angle:7deg}.relic-shield{width:32%;height:75%;right:18%;top:15%;--angle:-14deg}.relic-loot{width:34%;height:64%;right:0;bottom:-7%;--angle:5deg}.relic-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#e9c788;box-shadow:0 0 20px 6px #caa4543b;right:22%;top:22%}.relic-spark:nth-last-child(2){right:40%;top:65%;width:3px;height:3px}.relic-spark:last-child{right:8%;top:70%;width:4px;height:4px}.relic-hint{position:absolute;right:28px;bottom:24px;font-size:12px;letter-spacing:.1em;color:#b2a185;text-transform:uppercase;z-index:4;pointer-events:none}
@media(max-width:1200px){.header-register{display:none}.nav-shell{gap:20px}.relic-copy{padding:55px 35px}.relic-box{min-height:420px}}
@media(max-width:900px){.ranking-tab.button-primary{flex:1 1 28%;width:auto}.relic-copy{max-width:60%}.relic-shield{right:12%}.relic-sword{right:-10%}.relic-loot{right:-6%}.relic-hint{display:none}.nav-shell{min-height:88px}}
@media(max-width:600px){.nav-shell{min-height:84px}.cabinet-link{font-size:0;padding:10px}.hero-buttons .button-primary{min-width:260px;min-height:58px;font-size:18px;padding:16px 25px}.feature-card,.stream-card,.description-sections article{border-radius:16px}.ranking-tabs{gap:6px}.ranking-tab.button-primary{flex:1 1 44%;font-size:14px;padding:12px 10px;min-height:44px}.relic-section{padding:10px 0 45px}.relic-box{min-height:640px;border-radius:22px}.relic-copy{max-width:100%;padding:32px 26px}.relic-copy h2{font-size:36px}.relic-copy>p:not(.eyebrow){font-size:16px}.relic-copy .button{margin-top:15px}.relic-art{top:310px}.relic-sword{width:72%;height:120%;right:-12%;top:-15%}.relic-shield{width:55%;height:85%;right:30%;top:3%}.relic-loot{width:58%;height:75%;right:0;bottom:-12%}.relic-orbit{width:300px;height:300px;top:auto;bottom:0;right:0}.home-section-nav a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.button-primary,.feature-card,.stream-card,.cabinet-link{transition:none}.button-primary:hover,.feature-card:hover{transform:none}}
/* Authentic High Five icons, verified against the game's item XML. */
.l2-inventory{left:48%;right:0;top:0;bottom:0}.l2-drop{display:grid;grid-template-columns:48px 1fr;column-gap:12px;align-items:center;width:190px;min-height:88px;padding:16px;border:1px solid #c9b07b3b;border-radius:16px;background:linear-gradient(135deg,#27323de8,#0d151df2);box-shadow:inset 0 1px #fff1,0 14px 28px #0007;filter:none;backdrop-filter:blur(10px)}.l2-drop img{grid-row:1/3;width:48px;height:48px;border-radius:8px;border:1px solid #e2c38e40;box-shadow:0 0 20px #bf9b551c}.l2-drop span{font:700 13px/1.35 var(--heading);color:#e8ddc5}.l2-drop small{font:10px/1.5 var(--body,Arial,sans-serif);letter-spacing:.12em;color:#ba9e65}.l2-drop-0{left:3%;top:8%}.l2-drop-1{left:53%;top:5%}.l2-drop-2{left:27%;top:28%;z-index:2}.l2-drop-3{left:64%;top:41%;width:160px}.l2-drop-4{left:1%;top:49%;width:175px}.l2-drop-5{left:38%;top:68%;z-index:3}.l2-drop-6{left:-6%;top:78%;width:170px}.l2-drop-7{left:73%;top:77%;width:145px}.relic-copy{max-width:49%}
.relic-motion-control{display:block;pointer-events:auto;margin-top:18px;color:#a9ada8;background:none;border:0;border-bottom:1px solid #c8aa7030;padding:6px 0;font:12px var(--body,Arial,sans-serif);cursor:pointer}.relic-motion-control:hover,.relic-motion-control[aria-pressed=true]{color:#e7cb94}.relic-motion-control[aria-pressed=true]:after{content:' · ▶'}
@media(max-width:1100px){.l2-drop{width:160px;padding:12px;grid-template-columns:40px 1fr;column-gap:8px;min-height:80px}.l2-drop img{width:40px;height:40px}.l2-drop span{font-size:12px}.l2-drop-3{left:64%;width:135px}.l2-drop-4{width:150px}.l2-drop-6{width:145px}.l2-drop-7{left:68%;width:125px}.relic-copy{padding:45px 30px}.relic-copy h2{font-size:40px}}
@media(max-width:750px){.relic-box{min-height:690px}.relic-copy{max-width:100%;padding:32px 26px}.relic-copy h2{font-size:36px}.relic-copy>p:not(.eyebrow){font-size:16px}.relic-copy .button{margin-top:15px}.l2-inventory{top:320px;left:0;right:0;bottom:0}.l2-drop{width:145px;min-height:72px}.l2-drop span{font-size:11px}.l2-drop small{font-size:9px}.l2-drop-0{left:4%;top:3%}.l2-drop-1{left:54%;top:0}.l2-drop-2{left:27%;top:23%}.l2-drop-3{left:64%;top:44%;width:125px}.l2-drop-4{left:2%;top:45%;width:140px}.l2-drop-5{left:33%;top:67%}.l2-drop-6{left:0;top:81%;width:135px}.l2-drop-7{left:70%;top:78%;width:115px}.relic-orbit{top:auto;bottom:0}.relic-hint{display:none}}