/* Kingshot Community — presentation only. Existing behavior stays in script.js. */
:root{--atlas-bg:#080b18;--atlas-panel:#151b32;--atlas-line:#ffffff13;--atlas-gold:#a99aff;--atlas-muted:#a7b1cc;--sf-bg:#080b18;--sf-bg-secondary:#0f152b;--sf-card:#151b32;--sf-card-hover:#202b49;--sf-text:#f0f3ff;--sf-text-muted:#a7b1cc;--sf-border:#303b5c;--sf-red:#8b7cf6;--sf-red-light:#a99aff;--sf-yellow:#a99aff}
body{background:var(--atlas-bg);color:#f0f3ff;font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#a99aff40;color:#fff}
.navbar{position:sticky;top:0;min-height:86px;padding:0 max(5vw,20px);background:#080b18ed;border-bottom:1px solid var(--atlas-line);backdrop-filter:blur(20px);z-index:1000;gap:24px}
.navbar a.logo,.navbar a.logo:hover,.navbar a.logo:focus,.navbar a.logo:visited{text-decoration:none}
.atlas-brand{display:flex;align-items:center;gap:12px;color:#f0f3ff;font-family:Arial,sans-serif;font-size:18px;letter-spacing:2px;font-weight:700;line-height:1.3;white-space:nowrap}
.atlas-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid #a99aff55;border-radius:11px;color:var(--atlas-gold);font-size:30px;font-weight:400}
.atlas-brand-sub{display:block;font-size:8px;letter-spacing:2.8px;color:#a7b1cc;margin-top:4px}
#siteNav{gap:3px;margin-right:10px}
#siteNav a{height:auto;padding:12px 11px;border-radius:7px;font-size:12px;color:#a7b1cc;letter-spacing:.15px;background:transparent;text-shadow:none}
#siteNav a:hover,#siteNav a.active{color:#e3ddff;background:#a99aff0c;transform:none;text-shadow:none}
#siteNav a::after{background:var(--atlas-gold);box-shadow:none;height:2px;bottom:3px}
.navbar .discord-button,.primary-button{background:var(--atlas-gold);color:#f8f9ff;border:1px solid var(--atlas-gold);border-radius:7px;box-shadow:none;font-weight:600;text-shadow:none}
.navbar .discord-button:hover,.primary-button:hover{background:#bcafff;color:#ffffff;box-shadow:0 8px 30px #a99aff15;transform:translateY(-2px)}
.secondary-button{border:1px solid #ffffff30;background:#ffffff03;color:#e8edff;border-radius:7px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--atlas-gold);outline-offset:4px}
#home.hero{min-height:660px;height:calc(90vh - 86px);max-height:880px;display:flex;justify-content:flex-start;text-align:left;padding:80px 7vw 110px;isolation:isolate;background:radial-gradient(ellipse at 82% 50%,#6654c54d,transparent 49%),linear-gradient(115deg,#080b18,#111731);border-bottom:1px solid var(--atlas-line);overflow:hidden}
#home.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(90deg,transparent,#000)}
#home .hero-content{padding:0;max-width:660px;width:58%;z-index:2}
#home .small-title{display:inline-flex;align-items:center;gap:10px;font:600 10px Arial,sans-serif;letter-spacing:2.7px;color:var(--atlas-gold);margin-bottom:26px}
#home .small-title::before{content:"";width:7px;height:7px;border-radius:50%;background:#a99aff;box-shadow:0 0 15px #a99aff60}
#home h1{font-family:Inter,Arial,sans-serif;font-size:clamp(48px,6.4vw,94px);font-weight:600;letter-spacing:-5px;line-height:1.07;margin:0}
#home h1 span{color:var(--atlas-gold)}
#home .hero-text{max-width:450px;font-size:16px;line-height:1.85;color:#aebbd7;margin:27px 0 32px}
#home .hero-buttons{justify-content:flex-start;gap:12px}
#home .hero-buttons a{padding:13px 23px;font-size:13px}
.hero-banners,.scroll-cue{display:none}
.atlas-hero-meta{position:absolute;bottom:30px;left:7vw;right:7vw;display:flex;justify-content:space-between;border-top:1px solid #ffffff13;padding-top:21px;font-size:9px;letter-spacing:2.2px;color:#8999bc;gap:20px}
.atlas-orbit{position:absolute;right:5vw;top:50%;width:370px;height:370px;transform:translateY(-55%);border:1px solid #a99aff25;border-radius:50%;background:radial-gradient(circle,#a99aff11,transparent 66%)}
.atlas-orbit::before,.atlas-orbit::after{content:"";position:absolute;border:1px solid #a99aff13;border-radius:50%;inset:-40px}
.atlas-orbit::after{inset:42px;border-style:dashed;animation:atlas-turn 100s linear infinite}
.atlas-orbit-ring{position:absolute;inset:85px;border:1px solid #a99aff30;transform:rotate(45deg);border-radius:20px;animation:atlas-turn 60s linear infinite}
.atlas-orbit-core{position:absolute;inset:0;display:grid;place-items:center;color:#a99aff;font:140px Georgia,serif;text-shadow:0 0 80px #a99aff44}
.atlas-orbit-label{position:absolute;bottom:78px;width:100%;text-align:center;font-size:8px;letter-spacing:3px;color:#b2bce0}
.atlas-orbit-node{position:absolute;padding:10px 15px;background:#18213c;border:1px solid #a99aff33;border-radius:6px;color:#d3dcf4;font-size:8px;letter-spacing:2px;box-shadow:0 10px 25px #0004}
.node-one{top:22px;left:8px}.node-two{right:-32px;top:178px}.node-three{left:18px;bottom:12px}
@keyframes atlas-turn{to{transform:rotate(405deg)}}
.section{padding:80px max(7vw,24px);max-width:1440px;margin:auto}
.section-title{text-align:left;margin-bottom:30px}
.section-title>p:first-child,.section-label{color:var(--atlas-gold);font-size:10px;letter-spacing:2.5px;font-weight:600;margin-bottom:10px}
.section-title h2{font-family:Inter,Arial,sans-serif;font-size:clamp(26px,3vw,38px);letter-spacing:-1px;color:#f0f3ff;margin-bottom:12px;font-weight:500}
.section-title>p:last-child:not(:first-child){color:#a7b1cc;font-size:14px;letter-spacing:0;font-weight:400;max-width:650px}
.info-card,.card,.event-card,.guide-card,.guide-grid .guide-card,.alliance-card,.event-detail-card,.notice-board,.notice-content,.notice-list{background:var(--atlas-panel);border-color:var(--atlas-line);border-radius:12px;box-shadow:none}
.info-card,.card,.guide-grid .guide-card{padding:28px;transition:border-color .25s,background .25s,transform .25s}
.info-card:hover,.card:hover,.guide-grid .guide-card:hover{border-color:#a99aff55;background:#1d2846;transform:translateY(-4px);box-shadow:0 12px 40px #0002}
.info-card h3,.card h3,.guide-grid .guide-card h3,.event-card h3{font-family:Inter,Arial,sans-serif;letter-spacing:-.3px;color:#f0f3ff;font-size:18px;font-weight:500}
.info-card p,.card p,.guide-grid .guide-card p,.event-card p{color:#a7b1cc;font-size:13px;line-height:1.8}
.guide-grid .guide-card>span{font-size:25px;margin-bottom:24px}
.dark-section{background:transparent;border-top:1px solid var(--atlas-line);border-bottom:1px solid var(--atlas-line)}
.notice-board{overflow:hidden;border:1px solid var(--atlas-line)}
.notice-list-item.active{background:#a99aff10;border-color:var(--atlas-gold)}
.page-hero,.page-header,.alliance-page-header,.player-page-header{background:radial-gradient(ellipse at 70% 0,#51409c55,transparent 70%),#0f152b;border-bottom:1px solid var(--atlas-line);padding:72px 7vw}
.page-hero h1,.page-header h1{font-family:Inter,Arial,sans-serif;letter-spacing:-1.5px;font-weight:500}
.page-hero h1 span,.page-header h1 span{color:var(--atlas-gold)}
.discord-section{margin:40px 7vw 80px;padding:64px 24px;border:1px solid #a99aff30;border-radius:16px;background:radial-gradient(ellipse at top,#6552b54d,transparent 80%),#121a32;text-align:center}
.discord-section h2{font-size:34px;font-family:Inter,Arial,sans-serif;font-weight:500;letter-spacing:-1px}
.discord-section p{color:#a7b1cc;margin:14px 0 26px}
footer,.footer{background:#070a15;border-top:1px solid var(--atlas-line);padding:35px 7vw;text-align:center;color:#8f9dbc}
footer .logo{color:#f0f3ff;font-family:Inter,Arial,sans-serif;font-size:17px;letter-spacing:2px}
footer .logo span{color:var(--atlas-gold)}
footer p{font-size:11px;color:#8f9dbc;margin-top:10px}
@media(min-width:851px) and (max-width:1120px){.navbar{gap:12px;padding-inline:24px}#siteNav{margin-inline:auto;gap:0}#siteNav a{padding:12px 8px}.atlas-brand{font-size:15px;gap:8px}.atlas-orbit{right:-60px;opacity:.6}#home .hero-content{width:65%}}
@media(max-width:850px){.navbar{min-height:76px;padding:14px 20px;gap:12px}.atlas-brand{font-size:15px}.navbar .nav-actions{gap:10px}#home.hero{height:auto;min-height:700px;padding:65px 24px 110px;align-items:flex-start}#home .hero-content{width:100%;max-width:540px}#home h1{font-size:60px;letter-spacing:-3px}#home .hero-text{font-size:14px;max-width:360px}.atlas-orbit{width:220px;height:220px;top:auto;bottom:-45px;right:-50px;transform:none;opacity:.2;z-index:-1}.atlas-orbit-core{font-size:95px}.atlas-orbit-label,.atlas-orbit-node{display:none}.atlas-orbit-ring{inset:45px}.atlas-hero-meta{left:24px;right:24px;font-size:8px;letter-spacing:1.3px}.atlas-hero-meta span:last-child{display:none}.section{padding:52px 24px}.section-title h2{font-size:28px}.navbar nav.mobile-menu-open{background:#10172c;border-bottom:1px solid #a99aff30}#siteNav.mobile-menu-open a{color:#b9c5e0;height:48px}#siteNav.mobile-menu-open a.active{color:#a99aff;background:#a99aff10}.discord-section{margin:20px 24px 52px;padding:40px 20px}.discord-section h2{font-size:28px}.page-hero,.page-header{padding:50px 24px}}
@media(max-width:420px){#home h1{font-size:49px}#home.hero{min-height:640px}.atlas-mark{width:32px;height:32px;font-size:24px}.atlas-brand{font-size:13px}.atlas-brand-sub{font-size:7px;letter-spacing:2px}#home .hero-buttons a{padding:12px 16px}.guide-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}

/* Luminous depth: surface lighting and beveled edges, with no behavior changes. */
:root{--atlas-accent:#a99aff;--atlas-cyan:#8addeb;--atlas-line:#c2ccff1c;--bg:#080b18;--bg-alt:#0f152b;--panel:#151b32;--line:#303b5c;--gold:#a99aff;--gold-bright:#c3b8ff;--crimson:#7460db;--crimson-bright:#9280f2;--text:#f0f3ff;--text-muted:#a7b1cc}
body{background:radial-gradient(ellipse at 0 25%,#24204926,transparent 45%),#080b18}
.navbar{box-shadow:0 10px 40px #02040f55,inset 0 1px 0 #ffffff08}
.atlas-mark{background:linear-gradient(145deg,#475278,#171f3b 55%,#10162b);border-color:#b8b0ff66;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -3px 6px #04071680,0 5px 16px #0005;text-shadow:0 2px 1px #040516,0 0 14px #b6a7ff80}
#home.hero{background:radial-gradient(ellipse at 80% 42%,#6650cb38,transparent 48%),radial-gradient(ellipse at 95% 80%,#29849b1c,transparent 40%),linear-gradient(120deg,#080b18,#111831)}
#home h1 span{color:#c6bcff;background:linear-gradient(110deg,#f2eeff 0%,#b4a2ff 50%,#8addeb 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 8px 35px #7260c51a}
.navbar .discord-button,.primary-button{color:#fff;background:linear-gradient(145deg,#a18df6,#7360d5 65%,#6050ba);border-color:#c4b9ff66;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -3px 0 #362a7666,0 5px 0 #302453,0 10px 24px #0005;transition:transform .2s,box-shadow .2s,filter .2s}
.navbar .discord-button:hover,.primary-button:hover{color:#fff;background:linear-gradient(145deg,#b7a6ff,#8470e8 65%,#7160cb);box-shadow:inset 0 1px 0 #ffffff66,inset 0 -3px 0 #362a7666,0 6px 0 #302453,0 15px 30px #6351b133;transform:translateY(-2px)}
.secondary-button{background:linear-gradient(145deg,#232d49,#131b30);border-color:#b9c9fa30;box-shadow:inset 0 1px 0 #ffffff15,0 5px 15px #0004;color:#e8edff}
.info-card,.card,.event-card,.guide-grid .guide-card,.alliance-card,.event-detail-card{background:linear-gradient(145deg,#1c2541,#131a30 60%,#101629);border:1px solid #b9c9fa20;box-shadow:inset 0 1px 0 #ffffff0d,inset 0 -1px 0 #0004,0 12px 28px #02051066;transition:transform .25s,border-color .25s,box-shadow .25s}
.info-card:hover,.card:hover,.guide-grid .guide-card:hover{background:linear-gradient(145deg,#293355,#1a2340 65%,#151c34);border-color:#b4a2ff66;box-shadow:inset 0 1px 0 #ffffff20,0 20px 35px #02051080,0 0 25px #8670d412;transform:perspective(900px) translateY(-6px) rotateX(2deg)}
.atlas-orbit{background:radial-gradient(circle at 37% 28%,#ac9bff26,#1e295a22 45%,#080b1844 74%);border-color:#a99aff40;box-shadow:inset 10px 10px 38px #c8bdff08,inset -18px -15px 40px #02041077,0 30px 90px #0005,0 0 80px #8570d512}
.atlas-orbit-ring{background:linear-gradient(145deg,#c0aaff0c,#89ddea06);box-shadow:inset 0 1px 0 #e5dcff55,0 10px 30px #0005;border-color:#b6abff55}
.atlas-orbit-core{color:#d3caff;text-shadow:1px 1px 0 #b4a0ee,2px 3px 0 #7e6aad,4px 6px 0 #493d70,7px 12px 18px #01030d,0 0 65px #9b88ff55}
.atlas-orbit-node{background:linear-gradient(145deg,#2b3656,#141c34);border-color:#b9c4ff40;box-shadow:inset 0 1px 0 #ffffff25,0 8px 0 #080e2155,0 15px 30px #0006}
.discord-section{background:radial-gradient(ellipse at 50% 0,#8b72e82b,transparent 75%),linear-gradient(145deg,#1a2440,#10162c);box-shadow:inset 0 1px 0 #ffffff16,0 20px 50px #0004;border-color:#b1a1ff33}
#siteNav a.active,#siteNav a:hover{box-shadow:inset 0 1px 0 #ffffff08;color:#e3ddff}
@media(hover:none){.info-card:hover,.card:hover,.guide-grid .guide-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.info-card:hover,.card:hover,.guide-grid .guide-card:hover,.primary-button:hover,.navbar .discord-button:hover{transform:none}}