/* ARK Ascended Hub — interface V2 */
:root{--panel3:#14272e;--glow:rgba(61,224,208,.18)}
body{background:radial-gradient(circle at 20% -10%,rgba(31,102,108,.22),transparent 28%),radial-gradient(circle at 92% 12%,rgba(93,138,78,.12),transparent 24%),#061015}
.topbar{min-height:68px;border-bottom-color:rgba(78,190,181,.22);box-shadow:0 12px 40px rgba(0,0,0,.18)}
.brand-mark{filter:drop-shadow(0 0 12px rgba(61,224,208,.28))}.main-nav a{letter-spacing:.01em}.main-nav a.active{background:linear-gradient(180deg,#143139,#10262d);box-shadow:inset 0 0 0 1px rgba(61,224,208,.24),0 6px 20px rgba(0,0,0,.18)}
#app{max-width:1240px}.search-strip{position:sticky!important;top:68px!important;z-index:49;max-width:1240px;padding-top:10px;padding-bottom:8px;background:linear-gradient(180deg,rgba(6,16,21,.98) 0%,rgba(6,16,21,.93) 72%,rgba(6,16,21,0) 100%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.global-search-wrap{box-shadow:0 16px 38px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.025)}
.v2-card{box-shadow:inset 0 1px rgba(255,255,255,.018);transition:border-color .18s,transform .18s,box-shadow .18s}.v2-card:hover{box-shadow:0 18px 40px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.025)}
.hero-v2{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);align-items:center;gap:42px;padding:58px 60px;min-height:510px;background:linear-gradient(90deg,rgba(4,13,17,.98),rgba(5,19,23,.9) 57%,rgba(7,22,27,.8)),radial-gradient(circle at 76% 32%,rgba(61,224,208,.25),transparent 29%),radial-gradient(circle at 91% 78%,rgba(184,211,93,.09),transparent 28%),linear-gradient(145deg,#142b32,#061015)}
.hero-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 61%,rgba(61,224,208,.04) 61.2% 61.5%,transparent 61.7%),linear-gradient(120deg,transparent 0 70%,rgba(61,224,208,.035) 70.2% 70.5%,transparent 70.7%);pointer-events:none}.hero-v2:after{right:-120px;top:-40px;width:600px;height:600px}.hero-v2>div:not(.live-badge),.hero-v2>.eyebrow,.hero-v2>h1,.hero-v2>p,.hero-v2>.actions,.hero-v2>.hero-tags{grid-column:1;position:relative;z-index:2}.hero-v2>.live-badge{grid-column:1;position:relative;z-index:2}.hero-v2>.hero-console{grid-column:2;grid-row:1/8}.hero-v2 h1{max-width:780px;font-size:clamp(42px,5.7vw,72px);line-height:.98}.hero-v2 p{max-width:720px;font-size:17px}
.live-badge{display:inline-flex;align-items:center;justify-self:start;gap:8px;margin-bottom:4px;padding:7px 10px;border-radius:999px;background:rgba(11,34,39,.75);border:1px solid rgba(61,224,208,.23);font-size:10px;font-weight:900;letter-spacing:.12em;color:#b9d9d7}.live-badge span{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok)}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}.hero-tags span{padding:6px 9px;border-radius:7px;background:rgba(15,34,40,.78);border:1px solid rgba(99,146,151,.2);color:#829fa4;font-size:10px;font-weight:700}
.hero-console{position:relative;z-index:2;padding:20px;border-radius:19px;background:linear-gradient(180deg,rgba(14,34,40,.9),rgba(7,19,24,.92));border:1px solid rgba(61,224,208,.24);box-shadow:0 24px 60px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035)}.console-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #1d3941;color:#79c8c3;font-size:10px;font-weight:900;letter-spacing:.18em}.console-head i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal)}.console-row{display:flex;align-items:center;justify-content:space-between;padding:11px 2px;border-bottom:1px solid rgba(48,81,88,.34);color:#8ca5aa;font-size:12px}.console-row b{color:#eafffb;font-size:22px}.console-foot{margin-top:14px;color:#607a80;font-size:10px;line-height:1.5}
.dashboard-strip{margin-top:18px}.dashboard-strip .stat-card{min-height:112px;padding:20px}.dashboard-strip .stat-card b{font-size:30px}.quick-grid .quick-card{min-height:175px;padding:21px;background:linear-gradient(145deg,rgba(19,39,46,.95),rgba(8,18,23,.98))}.quick-card .icon{display:grid!important;place-items:center;width:45px;height:45px;border-radius:12px;background:#102b31;border:1px solid #28515a;font-size:23px!important;margin-bottom:13px}.quick-card:hover{transform:translateY(-2px)}
.featured-simple{gap:16px}.featured-simple-card{display:grid;grid-template-columns:72px 1fr 24px;align-items:center;gap:16px;min-height:150px;padding:18px}.featured-simple-card:hover{transform:translateY(-2px);border-color:#3b716f}.featured-monogram{display:grid;place-items:center;width:68px;height:92px;border-radius:14px;background:radial-gradient(circle at 50% 35%,rgba(61,224,208,.21),transparent 45%),linear-gradient(145deg,#16333a,#0b1a20);border:1px solid #274750;color:rgba(156,240,231,.44);font-size:28px;font-weight:900}.featured-simple-card h3{font-size:20px}.featured-simple-card p{color:var(--muted);font-size:12px;line-height:1.4}.featured-simple-card .arrow{color:var(--teal);font-size:21px}
.home-news-section>.card{padding:0}.featured-news-card{display:grid;grid-template-columns:300px 1fr;min-height:220px}.featured-news-img{min-height:220px;background-size:cover;background-position:center}.featured-news-copy{padding:24px}.featured-news-copy h3{font-size:24px;line-height:1.15}.featured-news-copy p{color:var(--muted);line-height:1.58}.home-breeding-section .card{background:linear-gradient(145deg,rgba(18,37,43,.9),rgba(8,18,22,.96))}
.page-banner{position:relative;overflow:hidden;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:30px!important;margin:8px 0 24px!important;padding:32px 34px!important;border-radius:22px;border:1px solid #24414a;background:radial-gradient(circle at 92% 10%,rgba(61,224,208,.16),transparent 26%),linear-gradient(145deg,#10242b,#09161b)}.page-banner:after{content:"";position:absolute;right:80px;top:-70px;width:240px;height:240px;border:1px solid rgba(61,224,208,.08);border-radius:50%}.page-banner h1{position:relative;z-index:1;margin:4px 0 8px!important;font-size:42px!important;letter-spacing:-.035em}.page-banner p{position:relative;z-index:1;margin:0!important;color:var(--muted);max-width:700px}.page-banner>button,.page-banner>.page-metrics,.page-banner>.rate-presets,.page-banner>.progress-ring{position:relative;z-index:2}
.page-metrics{display:flex;gap:10px}.page-metrics div{min-width:92px;padding:12px 15px;border-radius:13px;background:#0c1d22;border:1px solid #234149;text-align:center}.page-metrics b{display:block;font-size:24px}.page-metrics span{font-size:10px;color:#789197;text-transform:uppercase;letter-spacing:.08em}
.news-v2-grid{gap:18px}.news-v2-grid .news-card{transition:.2s}.news-v2-grid .news-card:hover{transform:translateY(-3px)}.news-v2-grid .news-lead{grid-column:1/-1;display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr;min-height:300px}.news-v2-grid .news-lead .news-cover{height:100%;min-height:300px}.news-v2-grid .news-lead .news-body{display:flex;flex-direction:column;justify-content:center;padding:30px}.news-v2-grid .news-lead h3{font-size:28px}.news-v2-grid .news-lead p{font-size:14px;max-width:680px}.refresh-news-v2{box-shadow:0 8px 24px rgba(40,194,182,.15)}
.finder{padding:14px 14px 3px;margin-bottom:18px}.finder .filters:first-child input{flex:1;min-width:300px}.finder .filters:last-child{padding-top:10px;border-top:1px solid rgba(39,67,75,.45)}.creature-grid{gap:18px}.creature-grid .creature-card{transition:.2s}.creature-grid .creature-card:hover{transform:translateY(-3px);box-shadow:0 20px 45px rgba(0,0,0,.2)}.creature-grid .creature-img{height:215px}.creature-grid .fav{width:34px;height:34px;border-radius:10px;background:#0d1f25;border:1px solid #1e3a42}.creature-grid .fav.active{background:#2b2813;border-color:#685f25}
.map-selector{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.map-selector .map-card{cursor:pointer;transition:.2s;min-height:220px}.map-selector .map-card:hover{transform:translateY(-2px)}.map-card .map-art{display:grid;place-items:center}.map-card .map-art span{font-size:40px;font-weight:900;letter-spacing:-.08em;color:rgba(147,239,228,.16);text-shadow:0 0 30px rgba(61,224,208,.22)}
.rate-presets{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.rate-presets>span{color:#7f989d;font-size:11px;margin-right:3px}.rate-presets.inline{margin:0 0 18px}.rate-presets .filter-chip.active{background:#173b3c;border-color:#397f7a;color:var(--teal2);box-shadow:0 0 0 1px rgba(61,224,208,.18)}.calculator-layout{align-items:start}.calculator-card,.result-card{padding:22px}.result-card{position:sticky;top:135px}.result-card .result-box{background:linear-gradient(145deg,#091519,#0c1c21);padding:18px}.result-card .result-item{background:#10262d;border:1px solid #1d3b43}
.progress-ring{--p:0;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--teal) calc(var(--p)*1%),#173038 0);position:relative}.progress-ring:before{content:"";position:absolute;inset:8px;border-radius:50%;background:#0c1d22}.progress-ring b,.progress-ring span{position:relative;z-index:1;grid-area:1/1}.progress-ring b{font-size:22px;margin-top:-12px}.progress-ring span{font-size:9px;color:#719097;margin-top:28px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:980px){.hero-v2{grid-template-columns:1fr;padding:42px}.hero-v2>.hero-console{grid-column:1;grid-row:auto;max-width:520px}.page-banner{align-items:flex-start!important;flex-direction:column}.news-v2-grid .news-lead{grid-template-columns:1fr}.news-v2-grid .news-lead .news-cover{min-height:250px}.map-selector{grid-template-columns:repeat(2,1fr)!important}.result-card{position:static}.featured-news-card{grid-template-columns:230px 1fr}}
@media(max-width:650px){.search-strip{top:58px!important}.hero-v2{padding:30px 22px;min-height:auto}.hero-v2 h1{font-size:42px}.hero-console{width:100%}.hero-tags{gap:5px}.page-banner{padding:24px 20px!important}.page-banner h1{font-size:34px!important}.page-metrics{width:100%}.page-metrics div{flex:1}.map-selector{grid-template-columns:1fr!important}.featured-news-card{grid-template-columns:1fr}.featured-news-img{min-height:180px}.featured-simple{grid-template-columns:1fr!important}.finder .filters:first-child input{min-width:100%}.rate-presets{width:100%}.progress-ring{width:78px;height:78px}.news-v2-grid .news-lead h3{font-size:23px}}