/*! Copyright © 2026 Hynoe. All rights reserved. See /COPYRIGHT.md. */
/* HYNOE WORLD HUB — homepage-only visual system */
:root{--hub-bg:#0d1312;--hub-panel:#17211e;--hub-panel-2:#202a24;--hub-line:#394b40;--hub-gold:#efbd68;--hub-green:#8fcf98;--hub-text:#f3eee3;--hub-muted:#b9c4bb}
body[data-page="home"]{background:radial-gradient(ellipse at 25% 0,#27423866,transparent 52%),radial-gradient(ellipse at 85% 18%,#725b2d2b,transparent 34%),var(--hub-bg);color:var(--hub-text);font-family:'Segoe UI',Arial,sans-serif;padding-bottom:0}
body[data-page="home"]:before{background:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px}
body[data-page="home"] .world-hud{height:auto;min-height:76px;grid-template-columns:minmax(190px,1fr) minmax(180px,320px) auto;gap:20px;background:#101715eF;border-bottom:1px solid #33423a;box-shadow:0 10px 34px #0007;backdrop-filter:blur(14px);padding-block:10px}
body[data-page="home"] .hynoe-mark img{width:56px;height:56px;border:0;box-shadow:none;object-fit:contain}
body[data-page="home"] .hynoe-mark b{font-family:Impact,'Arial Black',sans-serif;color:var(--hub-gold);font-size:20px}
body[data-page="home"] .hynoe-mark small{color:var(--hub-muted)}
body[data-page="home"] .guide-xp-track{border:1px solid #445148;background:#08100d;border-radius:999px;overflow:hidden;height:9px;box-shadow:none}
body[data-page="home"] .guide-xp-track i{background:linear-gradient(90deg,#728f55,#efbd68)}
body[data-page="home"] .hud-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
body[data-page="home"] .hud-action,body[data-page="home"] .journal-toggle{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #4b5a50;border-radius:7px;background:#18221e;color:#ddd6c8;padding:8px 11px;box-shadow:none;font-size:10px}
body[data-page="home"] .hud-action.youtube{color:#f6d28e;border-color:#755e38}
body[data-page="home"] .hotbar{position:sticky;top:76px;bottom:auto;left:auto;transform:none;z-index:75;max-width:none;width:100%;justify-content:center;gap:4px;padding:6px max(12px,calc((100vw - var(--max))/2));background:#0d1412ef;border:0;border-bottom:1px solid #34453c;box-shadow:0 7px 22px #0005;overflow-x:auto}
body[data-page="home"] .hotbar-slot{width:auto;min-width:105px;min-height:42px;grid-template-columns:auto 1fr;border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;padding:6px 9px}
body[data-page="home"] .hotbar-slot span{height:28px;min-width:28px;border:1px solid #506057;background:#111b17}
body[data-page="home"] .hotbar-slot:hover,body[data-page="home"] .hotbar-slot.active{background:#263129;border-color:#5d6d61}
body[data-page="home"] .world-gate{min-height:min(820px,calc(100vh - 80px));align-items:center;padding-top:92px;padding-bottom:56px}
body[data-page="home"] .world-gate-bg{background:linear-gradient(90deg,#08100deb 0,#08100dbf 42%,#08100d55 70%,#08100d25),linear-gradient(0deg,var(--hub-bg),transparent 32%),url('images/cover.webp') center/cover no-repeat;filter:saturate(.82) contrast(1.06)}
body[data-page="home"] .world-gate:after{background:radial-gradient(circle at 23% 48%,#d5a85414,transparent 27%)}
body[data-page="home"] .gate-copy{max-width:820px;padding:34px;border:1px solid #56675a;border-radius:16px;background:linear-gradient(135deg,#13201de8,#0d1513c7);box-shadow:0 26px 70px #0008,inset 0 1px #ffffff14;backdrop-filter:blur(7px)}
body[data-page="home"] .quest-tag{border:1px solid #766039;border-radius:6px;background:#302716b8;box-shadow:none}
body[data-page="home"] .hero-logo{width:88px;height:88px;object-fit:contain;border:0;box-shadow:0 0 42px #e1ae4e26}
body[data-page="home"] .world-name{font-size:18px;color:var(--hub-gold)}
body[data-page="home"] .world-gate h1{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(52px,6.5vw,94px);letter-spacing:.005em;line-height:.92;text-transform:uppercase;text-shadow:0 5px 22px #000}
body[data-page="home"] .world-gate h1 em{color:#b9dea9}
body[data-page="home"] .hero-lead{font-size:17px;max-width:680px;border-left:3px solid var(--hub-green);background:#0a100da3;color:#e2e5df;border-radius:0 6px 6px 0}
body[data-page="home"] .hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;gap:9px;margin-top:25px}
body[data-page="home"] .hero-actions .mc-button{min-height:54px;border-width:1px;border-radius:7px;box-shadow:0 5px 16px #0005;letter-spacing:.04em}
body[data-page="home"] .hero-subactions{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:17px}
body[data-page="home"] .hero-subactions a,body[data-page="home"] .hero-subactions button{font-size:11px;color:#c8d0c9;background:transparent;border:0;padding:5px 0;text-decoration:underline;text-decoration-color:#67766a;text-underline-offset:4px;cursor:pointer}
body[data-page="home"] .world-compass{opacity:.58;border-color:#66766b;background:#07100db5}
body[data-page="home"] .world-dashboard{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:26px;max-width:var(--max);width:100%}
body[data-page="home"] .world-dashboard a{position:relative;min-height:154px;padding:17px;display:flex;flex-direction:column;border:1px solid var(--hub-line);border-radius:10px;background:linear-gradient(145deg,#1e2c26e8,#111a17e8);box-shadow:0 12px 28px #0004;transition:transform .16s,border-color .16s,background .16s}
body[data-page="home"] .world-dashboard a:hover,body[data-page="home"] .world-dashboard a:focus-visible{transform:translateY(-3px);border-color:#a7874d;background:linear-gradient(145deg,#29392f,#17241e)}
body[data-page="home"] .world-dashboard span{font-size:8px;letter-spacing:.16em;color:#d1ad69;font-weight:800}
body[data-page="home"] .world-dashboard strong{font-family:Georgia,serif;font-size:20px;margin:7px 0;color:#f3eee3}
body[data-page="home"] .world-dashboard small{color:var(--hub-muted);line-height:1.45;font-size:10px}
body[data-page="home"] .world-dashboard b{margin-top:auto;padding-top:12px;color:var(--hub-gold);font-size:9px;letter-spacing:.06em}
body[data-page="home"] .quick-start,body[data-page="home"] .recent-updates,body[data-page="home"] .viewer-feature,body[data-page="home"] .genesis-world-rule,body[data-page="home"] .world-broadcast,body[data-page="home"] .download-dock,body[data-page="home"] .server-support,body[data-page="home"] .crossroads,body[data-page="home"] .portal-callout,body[data-page="home"] .october-panel{max-width:var(--max);margin:34px auto;padding-inline:24px}
body[data-page="home"] .quick-start>div:first-child{max-width:760px}
body[data-page="home"] .quick-start-grid{gap:10px}
body[data-page="home"] .quick-start-grid a{border:1px solid var(--hub-line);border-radius:10px;background:linear-gradient(145deg,#19251f,#111915);box-shadow:0 9px 28px #0004}
body[data-page="home"] .recent-updates{border:1px solid var(--hub-line);border-radius:14px;background:#131d19;padding:26px}
body[data-page="home"] .update-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
body[data-page="home"] .update-strip article{border:1px solid #34483c;border-radius:8px;background:#0e1713;padding:15px;margin:0}
body[data-page="home"] .viewer-feature{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px;align-items:stretch;border:1px solid #536247;border-radius:16px;padding:30px;background:radial-gradient(circle at 84% 15%,#bea04b27,transparent 35%),linear-gradient(120deg,#152922,#1b241c);box-shadow:0 18px 50px #0005}
body[data-page="home"] .viewer-feature h2{font-family:Impact,'Arial Black',sans-serif;font-weight:400;font-size:clamp(38px,5vw,68px);line-height:.95;margin:12px 0;text-transform:uppercase}
body[data-page="home"] .viewer-feature p{color:#c7d1c8;max-width:670px}
body[data-page="home"] .outpost-loop{font-family:Georgia,serif;font-weight:700;color:var(--hub-gold)!important;font-size:18px!important;letter-spacing:.02em}
body[data-page="home"] .viewer-links{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 10px}
body[data-page="home"] .outpost-terminal{min-height:330px;position:relative;overflow:hidden;border:1px solid #6e7c5a;border-radius:12px;background:radial-gradient(circle at 50% 40%,#d8b25b30,transparent 25%),linear-gradient(#13221e,#0c1513);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:inset 0 0 50px #0008}
body[data-page="home"] .outpost-terminal:before,body[data-page="home"] .outpost-terminal:after{content:'';position:absolute;width:16px;top:0;bottom:0;background:repeating-linear-gradient(0deg,#5d4228 0 54px,#2e241a 55px 60px)}
body[data-page="home"] .outpost-terminal:before{left:0}body[data-page="home"] .outpost-terminal:after{right:0}
body[data-page="home"] .outpost-terminal>span{font-size:9px;letter-spacing:.24em;color:#dfc27b}
body[data-page="home"] .outpost-terminal>b{font-family:Impact,'Arial Black',sans-serif;font-size:54px;line-height:.86;color:#f1d28d;text-shadow:0 6px 25px #000}
body[data-page="home"] .outpost-terminal>small{font-size:8px;color:#9eb0a1;letter-spacing:.12em;margin-top:15px}
body[data-page="home"] .outpost-terminal i{position:absolute;bottom:33px;width:40px;height:6px;border-radius:50%;background:#e0b55f55;box-shadow:0 0 18px #e0b55f66}body[data-page="home"] .outpost-terminal i:nth-of-type(1){left:27%}body[data-page="home"] .outpost-terminal i:nth-of-type(2){left:47%}body[data-page="home"] .outpost-terminal i:nth-of-type(3){left:67%}
body[data-page="home"] .world-intro{padding:48px 24px 20px}
body[data-page="home"] .wood-sign{background:linear-gradient(135deg,#1d2d26,#17211d);border:1px solid #546457;border-radius:12px;box-shadow:0 14px 42px #0005;padding:30px}
body[data-page="home"] .wood-sign:before,body[data-page="home"] .wood-sign:after{display:none}
body[data-page="home"] .world-route{padding-top:18px}
body[data-page="home"] .route-spine{background:linear-gradient(#5f704d,#95753d);width:2px;box-shadow:none}
body[data-page="home"] .route-scene{border:1px solid #3f4e44;border-radius:13px;box-shadow:0 16px 38px #0005;margin-bottom:34px;min-height:460px}
body[data-page="home"] .scene-sign{border:1px solid #5b6a5d;border-radius:10px;background:#0c1412e8;box-shadow:0 12px 35px #0007}
body[data-page="home"] .world-broadcast,body[data-page="home"] .download-dock,body[data-page="home"] .server-support,body[data-page="home"] .crossroads,body[data-page="home"] .portal-callout{border-radius:14px;overflow:hidden}
body[data-page="home"] .site-footer{margin-top:50px;background:#0a100e;border-top:1px solid #35433b;color:#bbc3bb}

@media(max-width:1050px){
 body[data-page="home"] .world-hud{grid-template-columns:1fr auto}.guide-xp{display:none}
 body[data-page="home"] .world-dashboard{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-page="home"] .viewer-feature{grid-template-columns:1fr}
 body[data-page="home"] .outpost-terminal{min-height:260px}
}
@media(max-width:760px){
 body[data-page="home"] .world-hud{position:sticky;top:0;grid-template-columns:1fr;gap:7px;padding:8px 12px}.hud-actions{justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:3px}
 body[data-page="home"] .hud-action,body[data-page="home"] .journal-toggle{flex:0 0 auto;min-height:44px}
 body[data-page="home"] .hotbar{top:119px;justify-content:flex-start;padding-inline:8px;scroll-snap-type:x proximity}.hotbar-slot{flex:0 0 auto;scroll-snap-align:start;min-height:44px}
 body[data-page="home"] .world-gate{padding:70px 12px 32px;min-height:auto}.world-compass{display:none}
 body[data-page="home"] .gate-copy{padding:22px 18px}.hero-logo{width:70px!important;height:70px!important}
 body[data-page="home"] .world-gate h1{font-size:clamp(44px,13vw,68px)}
 body[data-page="home"] .hero-actions{grid-template-columns:1fr;max-width:none}.hero-actions .mc-button{min-height:52px}
 body[data-page="home"] .hero-subactions{display:grid;gap:8px}.hero-subactions a,.hero-subactions button{min-height:44px;text-align:left;display:flex;align-items:center}
 body[data-page="home"] .world-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.world-dashboard a{min-height:150px}
 body[data-page="home"] .quick-start,body[data-page="home"] .recent-updates,body[data-page="home"] .viewer-feature,body[data-page="home"] .genesis-world-rule,body[data-page="home"] .world-broadcast,body[data-page="home"] .download-dock,body[data-page="home"] .server-support,body[data-page="home"] .crossroads,body[data-page="home"] .portal-callout,body[data-page="home"] .october-panel{padding-inline:12px;margin-block:22px}
 body[data-page="home"] .update-strip{grid-template-columns:1fr}
 body[data-page="home"] .viewer-feature{padding:20px 14px}.viewer-feature h2{font-size:42px!important}.viewer-links{display:grid}.viewer-links .mc-button{min-height:48px}
 body[data-page="home"] .route-spine{display:none}.route-scene{min-height:440px}.scene-sign,.scene-sign.right{left:12px;right:12px;bottom:12px;width:auto;padding:18px}
 body[data-page="home"]{overflow-x:hidden}
}
@media(max-width:600px){
 body[data-page="home"] .world-dashboard{grid-template-columns:1fr}
 body[data-page="home"] .world-dashboard a{min-height:132px}
 body[data-page="home"] .mc-button,body[data-page="home"] .world-dashboard a,body[data-page="home"] .quick-start-grid a{min-height:44px}
 body[data-page="home"] .quick-start-grid{grid-template-columns:1fr}
 body[data-page="home"] .outpost-terminal{min-height:230px}
 body[data-page="home"] .outpost-terminal>b{font-size:45px}
 body[data-page="home"] .footer-brand{align-items:flex-start}
 body[data-page="home"] .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .world-dashboard a,body[data-page="home"] .mc-button{transition:none!important}body[data-page="home"] .hotbar,body[data-page="home"] .hud-actions{scroll-behavior:auto}}