/* REAL HOME CONCEPT IMPLEMENTATION · v20260910_1817
   Visual-only main/hub redesign. Backend/game logic untouched. */
:root{--home-v2-ink:#102a5d;--home-v2-soft:#eef6ff;--home-v2-line:#d8e5f7;--home-v2-shadow:rgba(46,76,126,.16)}
body[data-page-kind="hub"]{background:linear-gradient(180deg,#edf7ff 0%,#f7fbff 45%,#f2f7ff 100%)!important;color:var(--home-v2-ink)!important}
body[data-page-kind="hub"] .app-shell{max-width:1180px!important;margin:0 auto!important;padding:10px 14px 50px!important;background:transparent!important;overflow:visible!important}
body[data-page-kind="hub"] #hubScreen.arcade-home{width:100%!important;max-width:none!important;padding:0!important;background:transparent!important;overflow:visible!important}

/* hero — use the site's actual high-quality assets, arranged like the approved concept */
body[data-page-kind="hub"] .arcade-topbar{position:relative!important;z-index:30!important;margin:0 0 10px!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.85)!important;border-radius:20px!important;background:rgba(255,255,255,.78)!important;backdrop-filter:blur(12px)!important;box-shadow:0 8px 22px rgba(53,87,139,.10)!important}
body[data-page-kind="hub"] .arcade-top-actions-compact>*,body[data-page-kind="hub"] .arcade-brand-mini{border:1px solid #dce8f8!important;background:linear-gradient(180deg,#fff,#f0f6ff)!important;box-shadow:inset 0 1px 0 #fff,0 5px 0 #cfddf0,0 9px 16px rgba(45,75,120,.10)!important}
body[data-page-kind="hub"] .arcade-top-actions-compact button:active{transform:translateY(3px)!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #cfddf0,0 5px 10px rgba(45,75,120,.10)!important}
body[data-page-kind="hub"] .arcade-hero-card{margin:0 0 16px!important;border:0!important;border-radius:32px!important;overflow:hidden!important;background:linear-gradient(180deg,#7cc7ff,#bfe7ff)!important;box-shadow:0 12px 0 #d4e5f6,0 22px 38px rgba(46,83,135,.16)!important}
body[data-page-kind="hub"] .arcade-hero-inner{min-height:260px!important;border-radius:32px!important;overflow:hidden!important}
body[data-page-kind="hub"] .lobby-sky{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(1.12) contrast(1.02)!important}
body[data-page-kind="hub"] .lobby-mascot{position:absolute!important;right:3%!important;bottom:-8%!important;width:min(38%,380px)!important;height:auto!important;z-index:3!important;filter:drop-shadow(0 18px 15px rgba(31,64,104,.25))!important}
body[data-page-kind="hub"] .lobby-copy{position:relative!important;z-index:4!important;width:min(62%,650px)!important;padding:28px 26px!important;text-shadow:none!important}
body[data-page-kind="hub"] .hub-title-banner{display:block!important;width:min(100%,600px)!important;height:auto!important;filter:drop-shadow(0 8px 4px rgba(33,65,124,.17))!important}
body[data-page-kind="hub"] .lobby-kicker,body[data-page-kind="hub"] .lobby-title{display:none!important}
body[data-page-kind="hub"] .arcade-sub{max-width:570px!important;margin:9px 0 0!important;padding:8px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.72)!important;color:#183b70!important;font-size:14px!important;font-weight:900!important;line-height:1.35!important;backdrop-filter:blur(7px)!important}

/* AD TV / app update: keep functionality, just visually integrate */
body[data-page-kind="hub"] .random-recommend-section,body[data-page-kind="hub"] .recommend-app-ad{border-radius:26px!important;box-shadow:0 9px 0 #dae5f3,0 18px 30px rgba(48,74,112,.11)!important}

/* main category composition: broadcast full width, pet + online below like the concept */
body[data-page-kind="hub"] .home-game-tabs.home-category-menu{display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important;margin:20px 0!important;padding:18px!important;border-radius:30px!important;background:linear-gradient(180deg,#fff9ff 0%,#fff 100%)!important;border:1px solid #eadff5!important;box-shadow:0 12px 0 #e6edf7,0 24px 42px rgba(58,76,119,.12)!important;overflow:visible!important}
body[data-page-kind="hub"] .home-menu-stack{display:contents!important}
body[data-page-kind="hub"] .broadcast-category-shell{grid-column:1/-1!important;display:grid!important;gap:12px!important;min-width:0!important}
body[data-page-kind="hub"] .broadcast-category-btn{min-height:104px!important;padding:17px 20px!important;border:1px solid #e3d6ef!important;border-radius:25px!important;background:linear-gradient(180deg,#fffaff 0%,#f7efff 100%)!important;box-shadow:inset 0 2px 0 #fff,0 7px 0 #d9c7e9,0 13px 22px rgba(91,62,120,.13)!important;color:#1c2e61!important;transition:transform .15s ease,box-shadow .15s ease!important}
body[data-page-kind="hub"] .broadcast-category-btn:hover{transform:translateY(-2px)!important;box-shadow:inset 0 2px 0 #fff,0 9px 0 #d9c7e9,0 16px 26px rgba(91,62,120,.15)!important}
body[data-page-kind="hub"] .broadcast-category-btn:active{transform:translateY(4px)!important;box-shadow:inset 0 2px 0 #fff,0 3px 0 #d9c7e9,0 8px 15px rgba(91,62,120,.12)!important}
body[data-page-kind="hub"] .broadcast-category-btn .category-icon{width:74px!important;height:74px!important;flex:0 0 74px!important;border-radius:22px!important;background:linear-gradient(145deg,#fff,#f1e5ff)!important;box-shadow:inset 0 1px 0 #fff,0 7px 14px rgba(123,80,155,.16)!important;font-size:40px!important}
body[data-page-kind="hub"] .broadcast-category-btn .category-copy strong{font-size:clamp(28px,4vw,43px)!important;color:#152c64!important;letter-spacing:-.04em!important}
body[data-page-kind="hub"] .broadcast-category-btn .category-copy small{font-size:clamp(13px,1.4vw,18px)!important;color:#344b7d!important}
body[data-page-kind="hub"] .broadcast-category-btn .category-chevron{width:52px!important;height:52px!important;flex:0 0 52px!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f1e8f9)!important;box-shadow:0 5px 0 #d9cbe6!important;font-size:28px!important}
body[data-page-kind="hub"] .home-broadcast-concept-banner{display:block!important;width:100%!important;overflow:hidden!important;border-radius:24px!important;border:1px solid #d9cff8!important;background:#6d4fe8!important;box-shadow:0 7px 0 #c9bdf0,0 14px 22px rgba(75,50,145,.16)!important}
body[data-page-kind="hub"] .home-broadcast-concept-banner img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:857/171!important;object-fit:cover!important}
body[data-page-kind="hub"] #broadcastToolsMenu.broadcast-submenu{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;padding:2px 0 0!important}
body[data-page-kind="hub"] #broadcastToolsMenu.broadcast-submenu[hidden]{display:grid!important}
body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link{min-height:70px!important;padding:11px 12px!important;border:1px solid #e2d8ec!important;border-radius:19px!important;background:linear-gradient(180deg,#fff,#faf3ff)!important;color:#1b3265!important;box-shadow:inset 0 1px 0 #fff,0 6px 0 #ded2e8,0 11px 18px rgba(80,62,104,.10)!important;justify-content:center!important;transition:.15s!important}
body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link:hover{transform:translateY(-2px)!important}
body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link:active{transform:translateY(4px)!important;box-shadow:inset 0 1px 0 #fff,0 2px 0 #ded2e8,0 5px 10px rgba(80,62,104,.10)!important}
body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link span{font-size:27px!important}
body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link b{font-size:16px!important;white-space:normal!important;word-break:keep-all!important}

/* pet card is a real link, but its visual comes directly from the approved concept */
body[data-page-kind="hub"] .pet-category-btn{grid-column:1!important;display:block!important;position:relative!important;min-height:0!important;padding:0!important;border:1px solid #d5ead7!important;border-radius:27px!important;overflow:hidden!important;background:#f3fbef!important;box-shadow:0 9px 0 #d6ead6,0 18px 28px rgba(54,100,62,.12)!important}
body[data-page-kind="hub"] .pet-category-btn>.category-icon,body[data-page-kind="hub"] .pet-category-btn>.category-copy,body[data-page-kind="hub"] .pet-category-btn>.category-go{display:none!important}
body[data-page-kind="hub"] .pet-category-btn .home-concept-card-image{display:block!important;width:100%!important;height:100%!important;min-height:250px!important;object-fit:cover!important;object-position:center!important}
body[data-page-kind="hub"] .pet-category-btn:hover{transform:translateY(-3px)!important;box-shadow:0 12px 0 #d6ead6,0 22px 34px rgba(54,100,62,.14)!important}
body[data-page-kind="hub"] .pet-category-btn:active{transform:translateY(4px)!important;box-shadow:0 4px 0 #d6ead6,0 9px 16px rgba(54,100,62,.12)!important}


/* hub.html uses a wrapper around the game tabs; map it to the same concept layout */
body[data-page-kind="hub"] .games-category-shell{grid-column:2!important;display:grid!important;min-width:0!important}
body[data-page-kind="hub"] .games-category-shell>.games-category-btn{display:none!important}
body[data-page-kind="hub"] .games-category-shell>#gamesSubMenu{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;gap:9px!important;padding:0!important;min-width:0!important}
body[data-page-kind="hub"] .games-category-shell>#gamesSubMenu[hidden]{display:grid!important}

/* right side: online concept card + compact offline return button */
body[data-page-kind="hub"] .home-game-switcher{grid-column:2!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;gap:9px!important;min-width:0!important}
body[data-page-kind="hub"] #onlineGameTab{position:relative!important;display:block!important;min-height:250px!important;padding:0!important;border:1px solid #cfe3f8!important;border-radius:27px!important;overflow:hidden!important;background:#eff8ff!important;box-shadow:0 9px 0 #d0e4f5,0 18px 28px rgba(47,87,137,.12)!important}
body[data-page-kind="hub"] #onlineGameTab>*:not(.home-concept-card-image){display:none!important}
body[data-page-kind="hub"] #onlineGameTab .home-concept-card-image{display:block!important;width:100%!important;height:100%!important;min-height:250px!important;object-fit:cover!important}
body[data-page-kind="hub"] #onlineGameTab:hover{transform:translateY(-3px)!important}
body[data-page-kind="hub"] #onlineGameTab:active{transform:translateY(4px)!important;box-shadow:0 4px 0 #d0e4f5,0 9px 16px rgba(47,87,137,.12)!important}
body[data-page-kind="hub"] #offlineGameTab{min-height:48px!important;padding:9px 14px!important;border:1px solid #d7e1ef!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f1f6ff)!important;color:#284477!important;box-shadow:0 5px 0 #ccd9e9!important;font-size:13px!important;justify-content:center!important}
body[data-page-kind="hub"] #offlineGameTab .category-copy small,body[data-page-kind="hub"] #offlineGameTab em{display:none!important}
body[data-page-kind="hub"] #offlineGameTab .category-copy b{font-size:14px!important}

/* section headers */
body[data-page-kind="hub"] .home-section{margin:20px 0!important;padding:16px!important;border:1px solid #dce7f6!important;border-radius:28px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 10px 0 #dce6f2,0 20px 34px rgba(46,72,112,.10)!important}
body[data-page-kind="hub"] .home-section-head{padding:4px 4px 14px!important}
body[data-page-kind="hub"] .home-section-head h3{margin:0!important;color:#15346f!important;font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.04em!important}

/* coherent premium 3D game-card system */
body[data-page-kind="hub"] #offlineLibrary,body[data-page-kind="hub"] #onlineLibrary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body[data-page-kind="hub"] .game-tile{position:relative!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;gap:0!important;min-width:0!important;min-height:0!important;padding:8px 8px 14px!important;border:1px solid #d7e1f0!important;border-radius:23px!important;background:linear-gradient(180deg,#ffffff 0%,#f5f8ff 100%)!important;color:#142e63!important;box-shadow:inset 0 1px 0 #fff,0 7px 0 #cfd9e8,0 14px 24px rgba(47,69,105,.13)!important;overflow:visible!important;transition:transform .15s ease,box-shadow .15s ease!important}
body[data-page-kind="hub"] .game-tile::before{content:""!important;display:block!important;position:absolute!important;left:15px!important;right:15px!important;top:11px!important;height:18%!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0))!important;pointer-events:none!important;z-index:5!important}
body[data-page-kind="hub"] .game-tile:hover{transform:translateY(-4px)!important;box-shadow:inset 0 1px 0 #fff,0 10px 0 #cfd9e8,0 21px 30px rgba(47,69,105,.15)!important}
body[data-page-kind="hub"] .game-tile:active{transform:translateY(4px)!important;box-shadow:inset 0 1px 0 #fff,0 3px 0 #cfd9e8,0 8px 15px rgba(47,69,105,.11)!important}
body[data-page-kind="hub"] .game-tile>.tile-visual:first-of-type{grid-column:1!important;grid-row:1!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:16/9!important;margin:0!important;border:1px solid #ccd8e8!important;border-radius:17px!important;overflow:hidden!important;background:#eaf2ff!important;box-shadow:inset 0 1px 0 #fff,0 5px 12px rgba(27,46,78,.11)!important}
body[data-page-kind="hub"] .game-tile .tile-visual+.tile-visual{display:none!important}
body[data-page-kind="hub"] .game-tile .tile-photo,body[data-page-kind="hub"] .game-tile .game-art{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important}
body[data-page-kind="hub"] .game-tile .tile-copy{grid-column:1!important;grid-row:2!important;display:grid!important;gap:4px!important;padding:12px 6px 0!important;text-align:center!important;align-self:start!important}
body[data-page-kind="hub"] .game-tile .tile-copy strong{font-size:clamp(17px,1.7vw,22px)!important;line-height:1.15!important;color:#18346a!important;letter-spacing:-.04em!important}
body[data-page-kind="hub"] .game-tile .tile-copy small{font-size:clamp(10px,.9vw,12.5px)!important;line-height:1.4!important;color:#607397!important;font-weight:800!important}
body[data-page-kind="hub"] .v22-badge-stack{top:4px!important;left:3px!important;z-index:8!important}
body[data-page-kind="hub"] .v23-promo-stack{top:8px!important;right:6px!important;z-index:8!important}
body[data-page-kind="hub"] .v22-game-badge,body[data-page-kind="hub"] .v23-promo-sticker{border:1px solid rgba(255,255,255,.86)!important;box-shadow:0 4px 8px rgba(29,47,77,.18)!important}
body[data-page-kind="hub"] .game-tile.home-featured-game{border-color:#c8d8ef!important;background:linear-gradient(180deg,#fff 0%,#f0f6ff 100%)!important}

/* Adsense remains untouched; only container integrates visually */
body[data-page-kind="hub"] .arcade-ad-row{margin:22px 0 0!important}
body[data-page-kind="hub"] .adsense-zone{border-radius:22px!important}

/* footer version */
body[data-page-kind="hub"] #site-version-fixed{position:relative!important;z-index:2!important;display:block!important;width:max-content!important;max-width:90%!important;margin:20px auto 6px!important;padding:8px 14px!important;border-radius:999px!important;background:rgba(255,255,255,.9)!important;border:1px solid #d8e3f2!important;color:#7183a3!important;box-shadow:0 5px 12px rgba(41,63,98,.09)!important;font-size:11px!important;font-weight:900!important}

/* mobile */
@media(max-width:760px){
 body[data-page-kind="hub"] .app-shell{padding:6px 8px 44px!important}
 body[data-page-kind="hub"] .arcade-topbar{border-radius:15px!important;padding:6px!important}
 body[data-page-kind="hub"] .arcade-brand-mini{display:none!important}
 body[data-page-kind="hub"] .arcade-top-actions-compact{gap:5px!important}
 body[data-page-kind="hub"] .arcade-top-actions-compact>*{min-height:36px!important;font-size:10px!important;padding:5px 7px!important;border-radius:12px!important}
 body[data-page-kind="hub"] .arcade-hero-card,body[data-page-kind="hub"] .arcade-hero-inner{border-radius:23px!important}
 body[data-page-kind="hub"] .arcade-hero-inner{min-height:190px!important}
 body[data-page-kind="hub"] .lobby-copy{width:67%!important;padding:19px 13px!important}
 body[data-page-kind="hub"] .lobby-mascot{right:-3%!important;bottom:-5%!important;width:43%!important}
 body[data-page-kind="hub"] .arcade-sub{font-size:9.5px!important;padding:5px 7px!important;margin-top:5px!important}
 body[data-page-kind="hub"] .home-game-tabs.home-category-menu{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:13px 0!important;padding:10px!important;border-radius:22px!important}
 body[data-page-kind="hub"] .broadcast-category-btn{min-height:75px!important;padding:10px 11px!important;border-radius:18px!important;gap:9px!important}
 body[data-page-kind="hub"] .broadcast-category-btn .category-icon{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:14px!important;font-size:26px!important}
 body[data-page-kind="hub"] .broadcast-category-btn .category-copy strong{font-size:21px!important}
 body[data-page-kind="hub"] .broadcast-category-btn .category-copy small{font-size:10px!important;line-height:1.25!important}
 body[data-page-kind="hub"] .broadcast-category-btn .category-chevron{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:12px!important;font-size:20px!important}
 body[data-page-kind="hub"] .home-broadcast-concept-banner{border-radius:16px!important;box-shadow:0 5px 0 #c9bdf0,0 9px 15px rgba(75,50,145,.13)!important}
 body[data-page-kind="hub"] #broadcastToolsMenu.broadcast-submenu{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link{min-height:54px!important;border-radius:14px!important;padding:8px!important;gap:5px!important}
 body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link span{font-size:20px!important}
 body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link b{font-size:13px!important}
 body[data-page-kind="hub"] .pet-category-btn,body[data-page-kind="hub"] #onlineGameTab{border-radius:18px!important;min-height:0!important}
 body[data-page-kind="hub"] .pet-category-btn .home-concept-card-image,body[data-page-kind="hub"] #onlineGameTab .home-concept-card-image{min-height:0!important;aspect-ratio:416/301!important;height:auto!important;object-fit:cover!important}
 body[data-page-kind="hub"] #offlineGameTab{min-height:38px!important;padding:6px 8px!important;border-radius:12px!important}
 body[data-page-kind="hub"] #offlineGameTab>span:first-child{font-size:15px!important}
 body[data-page-kind="hub"] #offlineGameTab .category-copy b{font-size:11px!important}
 body[data-page-kind="hub"] .home-section{padding:9px!important;border-radius:20px!important;margin:13px 0!important}
 body[data-page-kind="hub"] .home-section-head{padding:4px 4px 9px!important}
 body[data-page-kind="hub"] .home-section-head h3{font-size:21px!important}
 body[data-page-kind="hub"] #offlineLibrary,body[data-page-kind="hub"] #onlineLibrary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body[data-page-kind="hub"] .game-tile{padding:5px 5px 10px!important;border-radius:17px!important;box-shadow:inset 0 1px 0 #fff,0 5px 0 #cfd9e8,0 9px 16px rgba(47,69,105,.11)!important}
 body[data-page-kind="hub"] .game-tile>.tile-visual:first-of-type{border-radius:13px!important}
 body[data-page-kind="hub"] .game-tile .tile-copy{padding:8px 3px 0!important;gap:3px!important}
 body[data-page-kind="hub"] .game-tile .tile-copy strong{font-size:14px!important}
 body[data-page-kind="hub"] .game-tile .tile-copy small{font-size:9.2px!important;line-height:1.3!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
}
@media(max-width:380px){body[data-page-kind="hub"] #offlineLibrary,body[data-page-kind="hub"] #onlineLibrary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* v20260921_0315: 방송 PC 진단기 준비중 */
body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link.is-coming-soon{font:inherit;appearance:none;-webkit-appearance:none;cursor:not-allowed!important;opacity:.76!important;position:relative!important}body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link.is-coming-soon:hover,body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link.is-coming-soon:active{transform:none!important}body[data-page-kind="hub"] #broadcastToolsMenu .home-submenu-link.is-coming-soon em{font-style:normal!important;font-size:10px!important;font-weight:1000!important;padding:4px 6px!important;border-radius:999px!important;background:#eef1f8!important;color:#68738b!important;white-space:nowrap!important}


/* v20260921_0315: 모바일/기본 방송도구 메뉴 진단기 설명 */