/* Kikenna VNext shared shell only. No Home/Archive/Detail component rules. */
body.kvx-shell-body{min-height:100vh;display:flex;flex-direction:column;background:var(--kvx-bg);color:var(--kvx-text)}
body.kvx-shell-body #page{flex:1 0 auto;min-width:0}
.kvx-shell,.kvx-footer,.kvx-mobile-dock,.kvx-menu-panel{font-family:var(--font-main,'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)}
.kvx-shell{position:sticky;top:0;z-index:990;background:rgba(3,7,18,.9);border-bottom:1px solid var(--kvx-border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.kvx-shell-inner{width:min(var(--kvx-shell-width),calc(100% - 30px));min-height:62px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.kvx-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--kvx-text)!important;text-decoration:none!important}
.kvx-brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(96,165,250,.3);border-radius:10px;background:linear-gradient(145deg,rgba(37,99,235,.25),rgba(8,15,29,.95));font-size:15px;font-weight:950;letter-spacing:-.04em}
.kvx-brand-copy{display:flex;flex-direction:column;min-width:0;line-height:1.05}
.kvx-brand-name{font-size:14px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.kvx-brand-sub{margin-top:4px;color:var(--kvx-muted);font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
.kvx-shell-nav{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.kvx-shell-link{min-height:38px;display:inline-flex;align-items:center;gap:7px;padding:0 10px;border:1px solid transparent;border-radius:10px;color:#c8d6e8!important;background:transparent;text-decoration:none!important;font-size:11px;font-weight:800;white-space:nowrap;transition:background-color .14s ease,border-color .14s ease,color .14s ease}
.kvx-shell-link:hover,.kvx-shell-link:focus-visible,.kvx-shell-link.is-active{color:#fff!important;background:rgba(96,165,250,.08);border-color:rgba(96,165,250,.14)}
.kvx-shell-link.is-account{position:relative}
.kvx-vip-dot{width:18px;height:18px;display:inline-grid;place-items:center;margin-left:-3px;border-radius:999px;color:#fde68a;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.23)}
.kvx-shell-icon{--kvx-icon:none;width:18px;height:18px;display:inline-block;flex:0 0 18px;background:currentColor;-webkit-mask-image:var(--kvx-icon);mask-image:var(--kvx-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.kvx-shell-icon.is-home{--kvx-icon:url('../svg/home.svg')}.kvx-shell-icon.is-game{--kvx-icon:url('../svg/gamepad-variant.svg')}.kvx-shell-icon.is-library{--kvx-icon:url('../svg/library-outline.svg')}.kvx-shell-icon.is-chat{--kvx-icon:url('../svg/forum-outline.svg')}.kvx-shell-icon.is-account{--kvx-icon:url('../svg/account-circle-outline.svg')}.kvx-shell-icon.is-login{--kvx-icon:url('../svg/login.svg')}.kvx-shell-icon.is-logout{--kvx-icon:url('../svg/logout.svg')}.kvx-shell-icon.is-register{--kvx-icon:url('../svg/account-plus.svg')}.kvx-shell-icon.is-crown{--kvx-icon:url('../svg/crown.svg')}.kvx-shell-icon.is-menu{--kvx-icon:url('../svg/menu.svg')}.kvx-shell-icon.is-close{--kvx-icon:url('../svg/close.svg')}.kvx-shell-icon.is-up{--kvx-icon:url('../svg/arrow-up.svg')}.kvx-shell-icon.is-book{--kvx-icon:url('../svg/book-open-variant.svg')}.kvx-shell-icon.is-bookmark{--kvx-icon:url('../svg/bookmark-outline.svg')}.kvx-shell-icon.is-favorite{--kvx-icon:url('../svg/heart-outline.svg')}.kvx-shell-icon.is-history{--kvx-icon:url('../svg/history.svg')}.kvx-shell-icon.is-settings{--kvx-icon:url('../svg/cog-outline.svg')}.kvx-shell-icon.is-stream{--kvx-icon:url('../svg/television-play.svg')}
.kvx-mobile-dock,.kvx-menu-panel,.kvx-menu-backdrop{display:none}
.kvx-footer{position:relative;z-index:50;margin-top:auto;border-top:1px solid var(--kvx-border);background:linear-gradient(180deg,rgba(3,7,18,.62),rgba(3,7,18,.98))}
.kvx-footer-inner{width:min(var(--kvx-shell-width),calc(100% - 30px));margin:0 auto;padding:34px 0 88px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr);gap:24px 36px;align-items:start}
.kvx-footer-brand{display:flex;flex-direction:column;gap:7px}.kvx-footer-brand strong{font-size:17px;font-weight:950;letter-spacing:.07em;text-transform:uppercase}.kvx-footer-brand p{max-width:430px;margin:0;color:var(--kvx-muted);font-size:11px;line-height:1.65}
.kvx-footer-links{display:flex;justify-content:flex-end;gap:8px 16px;flex-wrap:wrap}.kvx-footer-links a{color:#b9c7d9!important;font-size:11px;font-weight:750;text-decoration:none!important}.kvx-footer-links a:hover{color:#fff!important}
.kvx-footer-online{grid-column:1/-1;display:flex;justify-content:center;min-width:0}.kvx-footer-copy{grid-column:1/-1;padding-top:14px;border-top:1px solid rgba(148,163,184,.09);color:#687b94;font-size:10px;font-weight:700;text-align:center}
.kvx-scroll-top{position:fixed;right:20px;bottom:22px;z-index:995;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(96,165,250,.26);border-radius:12px;color:#eaf4ff;background:rgba(10,22,39,.94);box-shadow:0 12px 30px rgba(0,0,0,.28);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease,border-color .15s ease}
.kvx-scroll-top.is-visible{opacity:1;pointer-events:auto;transform:none}.kvx-scroll-top:hover{border-color:rgba(96,165,250,.5)}
@media(max-width:780px){
  body.kvx-shell-body{padding-bottom:var(--kvx-mobile-dock-h)}
  .kvx-shell-inner{min-height:56px;width:min(100% - 24px,var(--kvx-shell-width))}.kvx-brand-mark{width:30px;height:30px}.kvx-brand-sub{display:none}.kvx-shell-nav{display:none}
  .kvx-mobile-dock{position:fixed;left:50%;bottom:8px;z-index:1000;width:min(330px,calc(100% - 20px));height:var(--kvx-mobile-dock-h);transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:5px;border:1px solid rgba(96,165,250,.18);border-radius:16px;background:rgba(5,13,25,.96);box-shadow:0 18px 48px rgba(0,0,0,.45);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .kvx-mobile-action{position:relative;min-width:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:11px;color:#aebdd1!important;background:transparent;text-decoration:none!important;font:inherit;font-size:9px;font-weight:850}.kvx-mobile-action:hover,.kvx-mobile-action:focus-visible,.kvx-mobile-action.is-active,.kvx-mobile-action[aria-expanded='true']{color:#fff!important;background:rgba(96,165,250,.1)}.kvx-mobile-action .kvx-shell-icon{width:20px;height:20px;flex-basis:20px}.kvx-mobile-action .kvx-vip-dot{position:absolute;top:3px;right:calc(50% - 22px);width:16px;height:16px}
  .kvx-menu-backdrop{position:fixed;inset:0;z-index:997;background:rgba(2,6,23,.62)}.kvx-menu-backdrop.is-open{display:block}
  .kvx-menu-panel{position:fixed;left:50%;bottom:82px;z-index:999;width:min(340px,calc(100% - 24px));transform:translate(-50%,10px);padding:10px;border:1px solid rgba(96,165,250,.18);border-radius:16px;background:#081425;box-shadow:0 24px 60px rgba(0,0,0,.52);opacity:0;pointer-events:none}.kvx-menu-panel.is-open{display:block;opacity:1;pointer-events:auto;transform:translate(-50%,0)}
  .kvx-menu-head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 9px;color:#8398b3;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.kvx-menu-close{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:9px;color:#c8d6e8;background:rgba(255,255,255,.04)}
  .kvx-menu-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.kvx-menu-links .kvx-shell-link{min-height:44px;justify-content:flex-start;background:rgba(255,255,255,.025);border-color:rgba(148,163,184,.09)}
  .kvx-footer-inner{grid-template-columns:1fr;padding:30px 0 94px;text-align:center}.kvx-footer-brand{align-items:center}.kvx-footer-links{justify-content:center}.kvx-footer-online,.kvx-footer-copy{grid-column:1}.kvx-scroll-top{right:14px;bottom:86px}
}
@media(max-width:390px){.kvx-menu-links{grid-template-columns:1fr}.kvx-footer-links{gap:7px 12px}}
@media(prefers-reduced-motion:reduce){.kvx-shell-link,.kvx-scroll-top,.kvx-menu-panel{transition:none!important;scroll-behavior:auto!important}}