/* ARDREAM 62 | Experience v30 | original in-game artwork preserved. */
:root{--a62-gold:#e5c66e;--a62-glow:rgba(226,185,81,.34);--a62-ice:#8cd7f2;--a62-edge:rgba(232,191,103,.32);--a62-ink:#06131c}
html{scroll-behavior:smooth}
body.a62-theme :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid #f4dc92!important;outline-offset:3px!important}
body.a62-theme :is(button,a,summary){touch-action:manipulation}
body.a62-theme ::selection{color:#111;background:#e5c66e}
/* A discreet identifying plaque, not a replacement logo. */
body.a62-theme .ko62-masthead{position:relative;isolation:isolate}
body.a62-theme .a62-version-badge{position:absolute;bottom:8px;right:18px;z-index:2;pointer-events:none;white-space:nowrap;padding:6px 10px;border:1px solid rgba(198,151,63,.50);background:linear-gradient(100deg,rgba(3,13,22,.95),rgba(18,35,44,.94));box-shadow:0 0 0 1px #07101e,inset 0 1px 0 rgba(255,240,176,.14);border-radius:3px;color:#a6c8d2;text-shadow:0 1px 3px #000;font:600 10px/1.4 Arial,sans-serif;letter-spacing:.085em}
body.a62-theme .a62-version-badge b{color:#f4e4af;letter-spacing:.055em}
/* Game fantasy palette remains; refine contrast, tactile feedback and perceived depth. */
body.a62-theme .ko62-nav{box-shadow:inset 0 1px 0 rgba(255,233,177,.19),0 8px 24px rgba(0,0,0,.26)!important}
body.a62-theme .ko62-nav>a,body.a62-theme .ko62-dropdown>summary{transition:color .22s ease,background-color .22s ease,text-shadow .22s ease}
body.a62-theme .ko62-nav>a:hover,body.a62-theme .ko62-nav>a:focus-visible,body.a62-theme .ko62-dropdown>summary:hover,body.a62-theme .ko62-dropdown[open]>summary{color:#fff3ba!important;text-shadow:0 0 12px rgba(238,199,104,.35),0 2px 3px #000}
body.a62-theme .ko62-dropdown>div{border-color:var(--a62-edge);box-shadow:0 19px 40px rgba(0,0,0,.72),inset 0 1px rgba(250,215,118,.13);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:a62-drop-reveal .19s ease-out both;transform-origin:top center}
body.a62-theme .ko62-dropdown>div>a{transition:padding-left .18s ease,color .18s ease,background-color .18s ease}
body.a62-theme .ko62-dropdown>div>a:is(:hover,:focus-visible){padding-left:17px;background:linear-gradient(90deg,rgba(195,142,49,.18),transparent);color:#fff2ba}
@keyframes a62-drop-reveal{from{opacity:.75;translate:0 -5px}to{opacity:1;translate:0 0}}
/* Links and feature cards rise a few pixels without changing layout/positioned children. */
@media (hover:hover) and (pointer:fine){
 body.a62-theme .f62-direct,body.a62-theme .f62-rank-nation,body.a62-theme .f62-king,body.a62-theme .ko62-page-sidebar .ko62-linklist>a{transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s ease,box-shadow .24s ease;will-change:auto}
 body.a62-theme .f62-direct:hover,body.a62-theme .f62-direct:focus-visible{transform:translate3d(0,-3px,0);filter:brightness(1.09)}
 body.a62-theme .f62-rank-nation:hover{transform:translate3d(0,-2px,0);box-shadow:0 10px 22px rgba(0,0,0,.2)}
 body.a62-theme .f62-king:hover{filter:brightness(1.08)}
 body.a62-theme .ko62-page-sidebar .ko62-linklist>a:hover{transform:translateX(3px)}
 body.a62-theme .f62-download:hover,body.a62-theme .f62-discord:hover,body.a62-theme .ko62-gold:hover{filter:brightness(1.1) saturate(1.08)}
}
/* Use original cards and art. A small pointer-tracked light produces a gentle 3D illusion. */
body.a62-theme .a62-motion-card{--a62-pointer-x:50%;--a62-pointer-y:50%;position:relative}
body.a62-theme .a62-motion-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle 170px at var(--a62-pointer-x) var(--a62-pointer-y),rgba(255,228,161,.075),transparent 75%);z-index:2;pointer-events:none;opacity:0;transition:opacity .25s ease}
@media (hover:hover) and (pointer:fine){body.a62-theme .a62-motion-card:is(:hover,:focus-within)::before{opacity:1}}
/* Reading hierarchy on legacy content routes. */
body.a62-theme .a62-page-heading{margin:0 0 14px;padding:10px 13px;border-bottom:1px solid rgba(229,198,110,.35);background:linear-gradient(100deg,rgba(5,29,41,.82),rgba(5,15,23,.28));color:#efdb9e;text-shadow:0 2px 5px #000;font:700 clamp(17px,2vw,24px)/1.38 Georgia,serif;letter-spacing:.015em}

body.a62-theme .a62-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 12px;padding:8px 12px;border:1px solid rgba(175,139,73,.32);border-left:2px solid #b58c4b;background:linear-gradient(90deg,rgba(21,37,45,.87),rgba(5,16,22,.55));color:#b5c6cf;font:12px/1.55 Arial,sans-serif;letter-spacing:.015em}
body.a62-theme .a62-breadcrumb a{color:#f3d794;text-decoration:none}
body.a62-theme .a62-breadcrumb a:is(:hover,:focus-visible){text-decoration:underline;color:#fff0b6}
body.a62-theme .a62-breadcrumb>span:last-child{color:#e5eaf0;min-width:0;overflow-wrap:anywhere}
body.a62-theme .a62-page-content :is(.ranking-box,.login-box-container,.ko62-box){box-shadow:inset 0 1px 0 rgba(233,200,106,.09),0 10px 29px rgba(0,0,0,.13)}
body.a62-theme .a62-scroll-region{scrollbar-color:#97773c #0b1823}
body.a62-theme .a62-scroll-region:focus-visible{outline:2px solid #e8cc73;outline-offset:2px}
body.a62-theme :is(.f62-kill-body,.ranking-table-wrap,.a62-scroll-region){overscroll-behavior-inline:contain}
/* Animations are additive, never gate content visibility: SEO and no-JS remain intact. */
body.a62-theme .a62-arrive{animation:a62-arrive .48s cubic-bezier(.22,1,.36,1) both}
@keyframes a62-arrive{from{opacity:.78;transform:translate3d(0,10px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:1100px){
 body.a62-theme .a62-version-badge{right:8px;bottom:5px;padding:3px 6px;letter-spacing:0;font-size:9px}
 body.a62-theme .ko62-dropdown>div{backdrop-filter:none;-webkit-backdrop-filter:none}
 body.a62-theme .a62-motion-card::before{display:none}
}
@media(max-width:560px){
 body.a62-theme .a62-version-badge{max-width:calc(100% - 16px);font-size:8px}
 body.a62-theme .a62-breadcrumb{font-size:11px;padding:8px;margin-bottom:10px}
 body.a62-theme .ko62-dropdown>div>a{padding-block:12px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 body.a62-theme *,body.a62-theme *::before,body.a62-theme *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}