/* Real, working homepage based on the approved mockup · v20260910_1817 */
:root{--real-ink:#102a67;--real-blue:#397ce8;--real-line:#d8e5f6;--real-shadow:rgba(42,72,122,.16);--hub-image:url("assets/performance/theme-sky-clouds.webp?v=v20260928_0436");--hub-bg-layers:linear-gradient(180deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,.08) 34%,rgba(245,250,255,.26) 100%),var(--hub-image);--hub-overlay:radial-gradient(48rem 22rem at -8% 24%,rgba(163,214,255,.24),transparent 68%),radial-gradient(42rem 22rem at 108% 28%,rgba(255,255,255,.26),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 35%,rgba(255,255,255,.18) 100%);--hub-ground:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(168,202,241,.06) 38%,rgba(168,202,241,.24) 100%);--hub-mobile-bg-layers:linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.10) 40%,rgba(246,250,255,.28) 100%),var(--hub-image);--hub-mobile-overlay:radial-gradient(24rem 12rem at -10% 24%,rgba(163,214,255,.20),transparent 68%),radial-gradient(22rem 11rem at 108% 28%,rgba(255,255,255,.20),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.14));--hub-mobile-ground-height:min(24vh,170px);--hub-bg-position:50% top;--hub-mobile-bg-position:50% top;--hub-bg-size:cover;--hub-mobile-bg-size:cover}
body[data-page-kind="hub"]{margin:0!important;position:relative;isolation:isolate;background-color:#dcefff!important;background-image:var(--hub-bg-layers)!important;background-position:var(--hub-bg-position)!important;background-size:var(--hub-bg-size)!important;background-repeat:no-repeat!important;background-attachment:fixed!important;color:var(--real-ink)!important}
body[data-page-kind="hub"]::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:var(--hub-overlay)}
body[data-page-kind="hub"]::after{content:"";position:fixed;left:0;right:0;bottom:0;height:min(34vh,300px);pointer-events:none;z-index:-1;background:var(--hub-ground)}
body[data-page-kind="hub"][data-theme="sky"]{--hub-image:url("assets/performance/theme-sky-clouds.webp?v=v20260928_0436");--hub-bg-position:18% top;--hub-mobile-bg-position:22% top;--hub-bg-size:cover;--hub-mobile-bg-size:cover;--hub-bg-layers:linear-gradient(180deg,rgba(46,132,218,.05) 0%,rgba(38,112,196,.07) 42%,rgba(24,85,160,.10) 100%),var(--hub-image);--hub-overlay:radial-gradient(44rem 20rem at -8% 24%,rgba(124,198,255,.12),transparent 70%),radial-gradient(38rem 18rem at 108% 28%,rgba(255,255,255,.08),transparent 72%);--hub-ground:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(73,138,208,.04) 48%,rgba(45,104,172,.12) 100%);--hub-mobile-bg-layers:linear-gradient(180deg,rgba(46,132,218,.05) 0%,rgba(38,112,196,.07) 45%,rgba(24,85,160,.11) 100%),var(--hub-image);--hub-mobile-overlay:radial-gradient(22rem 11rem at -10% 24%,rgba(124,198,255,.10),transparent 70%),radial-gradient(20rem 10rem at 108% 28%,rgba(255,255,255,.06),transparent 72%)}
body[data-page-kind="hub"][data-theme="candy"]{--hub-image:url("assets/performance/theme-candy-shop.webp?v=v20260928_0436");--hub-bg-position:42% top;--hub-mobile-bg-position:30% top;--hub-bg-size:cover;--hub-mobile-bg-size:cover;--hub-bg-layers:linear-gradient(180deg,rgba(255,242,248,.20) 0%,rgba(255,244,250,.11) 40%,rgba(255,234,245,.30) 100%),var(--hub-image);--hub-overlay:radial-gradient(42rem 20rem at -8% 22%,rgba(255,186,221,.24),transparent 68%),radial-gradient(38rem 18rem at 108% 28%,rgba(255,216,160,.17),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(255,236,245,.02) 34%,rgba(255,225,240,.20) 100%);--hub-ground:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,190,221,.07) 40%,rgba(255,190,221,.24) 100%);--hub-mobile-bg-layers:linear-gradient(180deg,rgba(255,245,249,.24) 0%,rgba(255,245,250,.13) 42%,rgba(255,229,242,.30) 100%),var(--hub-image);--hub-mobile-overlay:radial-gradient(24rem 12rem at -10% 24%,rgba(255,186,221,.18),transparent 68%),radial-gradient(22rem 11rem at 108% 28%,rgba(255,216,160,.14),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,235,245,.16))}
body[data-page-kind="hub"][data-theme="mint"]{--hub-image:url("assets/performance/theme-mint-forest.webp?v=v20260928_0436");--hub-bg-position:50% top;--hub-mobile-bg-position:45% top;--hub-bg-size:cover;--hub-mobile-bg-size:cover;--hub-bg-layers:linear-gradient(180deg,rgba(236,255,251,.14) 0%,rgba(240,255,252,.07) 38%,rgba(229,249,244,.26) 100%),var(--hub-image);--hub-overlay:radial-gradient(42rem 20rem at -8% 22%,rgba(170,238,225,.18),transparent 68%),radial-gradient(38rem 18rem at 108% 28%,rgba(201,255,232,.14),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(233,255,247,.02) 36%,rgba(225,248,241,.18) 100%);--hub-ground:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(154,221,198,.06) 40%,rgba(154,221,198,.22) 100%);--hub-mobile-bg-layers:linear-gradient(180deg,rgba(240,255,252,.18) 0%,rgba(243,255,252,.10) 42%,rgba(230,250,244,.28) 100%),var(--hub-image);--hub-mobile-overlay:radial-gradient(24rem 12rem at -10% 24%,rgba(170,238,225,.14),transparent 68%),radial-gradient(22rem 11rem at 108% 28%,rgba(201,255,232,.12),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(229,248,242,.14))}
body[data-page-kind="hub"][data-theme="sunset"]{--hub-image:url("assets/performance/theme-sunset-sea.webp?v=v20260928_0436");--hub-bg-position:30% top;--hub-mobile-bg-position:24% top;--hub-bg-size:cover;--hub-mobile-bg-size:cover;--hub-bg-layers:linear-gradient(180deg,rgba(255,238,228,.10) 0%,rgba(255,235,224,.04) 34%,rgba(249,226,236,.22) 100%),var(--hub-image);--hub-overlay:radial-gradient(42rem 20rem at -8% 22%,rgba(255,190,150,.18),transparent 68%),radial-gradient(38rem 18rem at 108% 28%,rgba(236,178,255,.14),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,237,224,.00) 34%,rgba(248,219,229,.15) 100%);--hub-ground:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(229,165,134,.06) 40%,rgba(229,165,134,.20) 100%);--hub-mobile-bg-layers:linear-gradient(180deg,rgba(255,241,233,.12) 0%,rgba(255,237,228,.06) 42%,rgba(248,223,233,.24) 100%),var(--hub-image);--hub-mobile-overlay:radial-gradient(24rem 12rem at -10% 24%,rgba(255,190,150,.14),transparent 68%),radial-gradient(22rem 11rem at 108% 28%,rgba(236,178,255,.10),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(247,220,229,.12))}
body[data-page-kind="hub"][data-theme="sky"] .real-live-footer{margin:10px 20px 0;border:1px solid rgba(196,224,249,.85);border-radius:18px;background:rgba(238,248,255,.88);box-shadow:0 6px 18px rgba(24,71,126,.10);color:#45638f}
body[data-page-kind="hub"][data-theme="sky"] .real-install-strip{filter:drop-shadow(0 3px 8px rgba(26,73,128,.10))}
body[data-page-kind="hub"] .app-shell{position:relative;z-index:1;width:100%!important;max-width:941px!important;margin:0 auto!important;padding:0 0 48px!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}

/* Old visual wrappers are hidden only on the hub. Their actual controls remain in the DOM for proxy actions. */
body[data-page-kind="hub"] .arcade-hero-card,
body[data-page-kind="hub"] #hubScreen .home-game-tabs.home-category-menu,
body[data-page-kind="hub"] .home-broadcast-concept-banner,
body[data-page-kind="hub"]>#site-version-fixed,
body[data-page-kind="hub"] #hubScreen>#site-version-fixed{display:none!important}

.real-home{width:100%;max-width:941px;margin:0 auto;padding:0 20px 18px;box-sizing:border-box}
.real-hero{position:relative;margin:0 -20px 0;aspect-ratio:2149/732;overflow:hidden;border-radius:0 0 30px 30px;background:#4da7f8;box-shadow:0 9px 20px rgba(40,91,156,.16)}
.real-hero__art{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
/* 배너에는 아이콘을 굽지 않고 실제 검색 및 메뉴 버튼을 표시합니다. */
.real-hero-action{position:absolute;z-index:3;top:11.5%;display:grid;place-items:center;width:7.4%;height:22%;min-width:24px;min-height:24px;padding:0;border:2px solid #ffffffd9;border-radius:50%;background:linear-gradient(145deg,#58adff,#2b77e2);color:#fff;box-shadow:inset 0 2px 0 #ffffff44,0 4px 8px #0f418a33;cursor:pointer;transition:filter .14s ease}
.real-hero-action svg{display:block;width:50%;height:50%;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round}
.real-hero-action:hover{filter:brightness(1.12)}
.real-hero-action:active{filter:brightness(.92)}
.real-hero-action:focus-visible{outline:3px solid #fff;outline-offset:3px}
.real-search-btn{right:10.9%}.real-menu-btn{right:2.2%}

.real-tools{margin-top:-2px;padding:20px;border:1px solid #f0d6f4;border-radius:31px;background:linear-gradient(180deg,#fff8ff,#fdf2ff);box-shadow:inset 0 2px 0 #fff,0 10px 0 #dfe9f6,0 22px 36px rgba(63,82,124,.13)}
.real-tools-head{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:20px;width:100%;padding:0;border:0;background:transparent;color:var(--real-ink);text-align:left;cursor:pointer}
.real-tools-icon{display:grid;place-items:center;width:116px;height:116px;border:2px solid #eccff4;border-radius:28px;background:linear-gradient(145deg,#fff,#f2d9ff);font-size:68px;box-shadow:inset 0 3px 0 #fff,0 8px 0 #d7c1e6,0 14px 22px rgba(91,51,117,.16)}
.real-tools-copy strong{display:block;font-size:clamp(30px,4.5vw,46px);font-weight:1000;letter-spacing:-.05em;line-height:1.08}
.real-tools-copy small{display:block;margin-top:8px;font-size:clamp(15px,2vw,21px);font-weight:900;letter-spacing:-.03em}
.real-tools-body{display:grid;gap:14px;margin-top:18px}
.real-tools-banner{display:block;overflow:hidden;border:2px solid #fff;border-radius:23px;background:#7453ea;box-shadow:0 7px 0 #cbbcf1,0 14px 22px rgba(74,49,143,.17)}
.real-tools-banner img{display:block;width:100%;height:auto;aspect-ratio:858/171;object-fit:cover}
.real-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.real-tool-link{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:86px;padding:10px 14px;border:1px solid #eadcf0;border-radius:22px;background:linear-gradient(180deg,#fff,#fbf5ff);color:#10265d;text-decoration:none;box-shadow:inset 0 2px 0 #fff,0 7px 0 #ded0e5,0 12px 18px rgba(76,55,97,.12);transition:.14s ease}
.real-tool-link:hover{transform:translateY(-3px)}.real-tool-link:active{transform:translateY(4px);box-shadow:inset 0 2px 0 #fff,0 3px 0 #ded0e5,0 6px 11px rgba(76,55,97,.11)}
.real-tool-link span{font-size:32px}.real-tool-link strong{font-size:16px;line-height:1.15;word-break:keep-all}.real-tool-link b{font-size:23px}.real-tool-link.gear-tool-link{background:linear-gradient(180deg,#fff8e7,#fffdf6);border-color:#f1d49b}

.real-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
.real-category-card{position:relative;display:block;width:100%;padding:0;border:0;border-radius:28px;background:#fff;box-shadow:0 9px 0 #d4e4ef,0 18px 28px rgba(46,81,112,.14);overflow:hidden;cursor:pointer;transition:.14s ease}
.real-category-card img{display:block;width:100%;height:auto;aspect-ratio:442/320;object-fit:cover}
.real-category-card:hover{transform:translateY(-3px);box-shadow:0 12px 0 #d4e4ef,0 23px 34px rgba(46,81,112,.16)}
.real-category-card:active{transform:translateY(5px);box-shadow:0 4px 0 #d4e4ef,0 9px 15px rgba(46,81,112,.12)}
.real-category-card--pet{border:2px solid #d8edd8}.real-category-card--online{border:2px solid #d4e9fb}

.real-recommend{margin-top:22px;padding:18px;border:1px solid #dce8f6;border-radius:30px;background:rgba(255,255,255,.96);box-shadow:0 10px 0 #dbe6f3,0 21px 34px rgba(43,70,108,.12)}
.real-recommend-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.real-recommend-title{display:flex;align-items:baseline;gap:12px;min-width:0}
.real-recommend-title strong{font-size:32px;font-weight:1000;letter-spacing:-.05em;white-space:nowrap}.real-recommend-title small{font-size:14px;font-weight:900;color:#6177a5}
.real-more-btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:9px 18px;border:1px solid #cfe0f5;border-radius:999px;background:linear-gradient(180deg,#fff,#eaf3ff);color:#173a79;font-size:15px;font-weight:1000;box-shadow:0 5px 0 #cddced;cursor:pointer}
.real-more-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #cddced}
.real-recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.real-game-card{display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;border:1px solid #cad8eb;border-radius:23px;background:#fff;color:#fff;text-decoration:none;box-shadow:0 7px 0 #cbd7e6,0 13px 22px rgba(33,56,94,.16);transition:.14s ease}
.real-game-card:hover{transform:translateY(-4px);box-shadow:0 11px 0 #cbd7e6,0 20px 28px rgba(33,56,94,.18)}
.real-game-card:active{transform:translateY(4px);box-shadow:0 3px 0 #cbd7e6,0 7px 12px rgba(33,56,94,.13)}
.real-game-image{position:relative;aspect-ratio:282/236;overflow:hidden;background:#dceaff}
.real-game-image img{display:block;width:100%;height:100%;object-fit:cover}
.real-game-badge{position:absolute;right:8px;top:8px;display:grid;place-items:center;min-width:54px;height:33px;padding:0 9px;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:#ff3f69;color:#fff;font-size:14px;font-weight:1000;box-shadow:0 4px 8px rgba(49,25,65,.22);transform:rotate(3deg)}
.real-game-badge.new{background:#35ca57}.real-game-badge.pick{background:#7a5cf0}
.real-game-copy{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:14px 15px;background:linear-gradient(145deg,#343059,#16244f)}
.real-game-card:nth-child(3) .real-game-copy{background:linear-gradient(145deg,#2e3659,#07577c)}
.real-game-copy strong{display:block;color:#fff!important;font-size:22px;font-weight:1000;letter-spacing:-.05em}.real-game-copy small{display:block;margin-top:4px;color:#e6ebff!important;font-size:13px;font-weight:800}.real-game-go{display:grid;place-items:center;width:42px;height:42px;border:2px solid rgba(255,255,255,.45);border-radius:50%;color:#fff!important;font-size:28px}
.real-bottom-banner{width:calc(100% - 40px);box-sizing:border-box;margin:24px 20px 0;overflow:hidden;border:1px solid #b9def0;border-radius:28px;background:#b9edff;box-shadow:0 7px 0 #d5e5f0,0 13px 22px rgba(52,87,120,.12)}
.real-bottom-banner img{display:block;width:100%;height:auto;aspect-ratio:897/118;object-fit:cover}
.real-live-footer{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:10px;color:#6378a8;font-size:14px;font-weight:900;text-align:center}

body[data-page-kind="hub"] #offlineGamePanel,body[data-page-kind="hub"] #onlineGamePanel{display:none!important;margin:24px 20px!important}
body[data-page-kind="hub"].real-library-open #offlineGamePanel.tab-panel-active,body[data-page-kind="hub"].real-library-open #onlineGamePanel.tab-panel-active{display:block!important}
body[data-page-kind="hub"] .random-recommend-section,body[data-page-kind="hub"] .recommend-app-ad,body[data-page-kind="hub"] .arcade-ad-row{margin-left:20px!important;margin-right:20px!important}
.real-library-tabs{display:none;grid-template-columns:1fr 1fr;gap:12px;margin:24px 20px 0;padding:12px;border:1px solid #d5e3f5;border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 8px 0 #d9e5f2,0 15px 24px rgba(42,69,106,.12)}
body[data-page-kind="hub"] .horse-racing-tile .tile-visual{position:relative;overflow:hidden}
body[data-page-kind="hub"] .horse-racing-logo-lockup{position:absolute;z-index:4;left:5px;right:5px;bottom:3px;display:grid;place-items:center;height:78px;padding:0;pointer-events:none;overflow:visible;background:radial-gradient(ellipse at center,rgba(2,12,34,.88) 0,rgba(2,12,34,.72) 52%,transparent 76%)}
body[data-page-kind="hub"] .byeongmat-logo{position:relative;display:block;width:100%;height:100%;isolation:isolate;font-family:Pretendard,"Noto Sans KR","Malgun Gothic",sans-serif}
body[data-page-kind="hub"] .byeongmat-logo img{position:absolute;z-index:3;left:1%;top:50%;display:block;width:31%;height:auto;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(2px 3px 0 #06142b)}
body[data-page-kind="hub"] .byeongmat-logo__type{position:absolute;z-index:2;left:27%;right:0;top:17%;display:block;color:#ffd932;font-size:31px;font-weight:1000;line-height:1;letter-spacing:-.11em;white-space:nowrap;transform:skew(-4deg);-webkit-text-stroke:3px #07152f;paint-order:stroke fill;text-shadow:0 3px 0 #ef8500,0 6px 0 #07152f,2px 8px 0 #43cfff}
body[data-page-kind="hub"] .byeongmat-logo__type::before{content:attr(data-text);position:absolute;z-index:-1;inset:0;color:transparent;-webkit-text-stroke:6px #57d8ff;paint-order:stroke fill}
body[data-page-kind="hub"] .byeongmat-logo__type::after{content:"";position:absolute;left:7%;right:8%;top:10%;height:14%;border-radius:50%;background:rgba(255,255,255,.72);opacity:.75}
body[data-page-kind="hub"] .byeongmat-logo__ribbon{position:absolute;z-index:1;left:31%;right:2%;bottom:8%;display:block;padding:3px 6px;border:2px solid #ffd94e;background:repeating-linear-gradient(90deg,#fff 0 8px,#16213a 8px 16px);box-shadow:0 3px 0 #06142b;color:#fff;font-family:monospace;font-size:8px;font-weight:1000;letter-spacing:2px;line-height:1;text-align:center;text-shadow:1px 1px 0 #000}
@media(max-width:620px){body[data-page-kind="hub"] .horse-racing-logo-lockup{left:3px;right:3px;bottom:2px;height:55px}body[data-page-kind="hub"] .byeongmat-logo__type{left:26%;top:18%;font-size:22px;-webkit-text-stroke:2px #07152f;text-shadow:0 2px 0 #ef8500,0 4px 0 #07152f,1px 5px 0 #43cfff}body[data-page-kind="hub"] .byeongmat-logo__type::before{-webkit-text-stroke:4px #57d8ff}body[data-page-kind="hub"] .byeongmat-logo__ribbon{left:30%;bottom:5%;padding:2px 3px;border-width:1px;box-shadow:0 2px 0 #06142b;font-size:6px;letter-spacing:1px}}
body[data-page-kind="hub"].real-library-open .real-library-tabs{display:grid}
.real-library-tab{display:flex;align-items:center;justify-content:center;gap:9px;min-height:62px;padding:10px 16px;border:1px solid #cbdaf0;border-radius:18px;background:linear-gradient(180deg,#fff,#eaf2ff);color:#234477;font-size:19px;font-weight:1000;box-shadow:0 6px 0 #cad7e8;cursor:pointer}
.real-library-tab.active{border-color:#537de1;background:linear-gradient(180deg,#6f96f2,#3e68ce);color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.32),0 6px 0 #294fae}
.real-library-tab:active{transform:translateY(4px);box-shadow:0 2px 0 #cad7e8}.real-library-tab.active:active{box-shadow:0 2px 0 #294fae}

.real-popover[hidden]{display:none!important}.real-popover{position:fixed;z-index:10050;inset:0;display:grid;place-items:start center;padding:84px 16px 24px;background:rgba(11,29,68,.5);backdrop-filter:blur(8px)}
.real-popover-card{width:min(560px,100%);max-height:calc(100vh - 110px);overflow:auto;box-sizing:border-box;padding:20px;border:2px solid rgba(255,255,255,.92);border-radius:26px;background:linear-gradient(180deg,#fff,#eef6ff);box-shadow:0 18px 0 rgba(22,60,128,.18),0 30px 70px rgba(10,30,70,.28)}
.real-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.real-popover-head strong{font-size:24px}.real-popover-close{width:42px;height:42px;border:0;border-radius:50%;background:#e2edff;color:#173a7a;font-size:25px;font-weight:1000;cursor:pointer}
.real-search-input{width:100%;min-height:54px;box-sizing:border-box;padding:12px 16px;border:2px solid #b8cff4;border-radius:17px;background:#fff;color:#102d6e;font-size:18px;font-weight:800;outline:none}.real-search-input:focus{border-color:#3876e6;box-shadow:0 0 0 4px rgba(56,118,230,.14)}
.real-search-results{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.real-search-results a{display:flex;align-items:center;min-height:46px;padding:9px 12px;border:1px solid #cddcf2;border-radius:14px;background:#fff;color:#193b78;font-size:14px;font-weight:900;text-decoration:none;box-shadow:0 4px 0 #d8e3f3}.real-search-empty{grid-column:1/-1;padding:16px;text-align:center;color:#7585a6;font-weight:800}
.real-menu-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.real-menu-list button,.real-menu-list a{display:flex;align-items:center;justify-content:center;min-height:58px;padding:10px 12px;border:1px solid #cbd9ef;border-radius:17px;background:linear-gradient(180deg,#fff,#eaf2ff);color:#153773;font-size:16px;font-weight:1000;text-align:center;text-decoration:none;box-shadow:0 5px 0 #cfdbec;cursor:pointer}

@media(max-width:700px){
 body[data-page-kind="hub"]{background-image:var(--hub-mobile-bg-layers)!important;background-position:var(--hub-mobile-bg-position)!important;background-size:var(--hub-mobile-bg-size)!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
 body[data-page-kind="hub"]::before{opacity:.92;background:var(--hub-mobile-overlay)}
 body[data-page-kind="hub"]::after{height:var(--hub-mobile-ground-height)}
 .real-home{padding:0 8px 14px}.real-hero{margin:0 -8px;border-radius:0 0 18px 18px}
 .real-tools{padding:10px;border-radius:20px}.real-tools-head{grid-template-columns:55px 1fr;gap:9px}.real-tools-icon{width:52px;height:52px;border-radius:15px;font-size:30px;box-shadow:0 4px 0 #d7c1e6}.real-tools-copy strong{font-size:21px}.real-tools-copy small{margin-top:3px;font-size:9px}
 .real-tools-body{gap:8px;margin-top:10px}.real-tools-banner{border-radius:15px;box-shadow:0 4px 0 #cbbcf1}.real-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.real-tool-link{grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;min-height:72px;padding:8px 5px;border-radius:14px;gap:3px;text-align:center;box-shadow:0 4px 0 #ded0e5}.real-tool-link span{font-size:22px}.real-tool-link strong{font-size:11px;line-height:1.12}.real-tool-link b{display:none}
 .real-category-grid{gap:8px;margin-top:12px}.real-category-card{border-radius:17px;box-shadow:0 5px 0 #d4e4ef,0 9px 15px rgba(46,81,112,.12)}
 .real-recommend{margin-top:14px;padding:9px;border-radius:19px;box-shadow:0 6px 0 #dbe6f3,0 11px 18px rgba(43,70,108,.11)}.real-recommend-head{margin-bottom:9px}.real-recommend-title{gap:5px}.real-recommend-title strong{font-size:19px}.real-recommend-title small{font-size:8px}.real-more-btn{min-height:30px;padding:5px 9px;font-size:9px;box-shadow:0 3px 0 #cddced}
 .real-recommend-grid{gap:7px}.real-game-card{border-radius:14px;box-shadow:0 4px 0 #cbd7e6}.real-game-badge{right:4px;top:4px;min-width:31px;height:19px;padding:0 4px;border-width:1px;font-size:8px}.real-game-copy{padding:8px 7px;gap:4px}.real-game-copy strong{font-size:12px}.real-game-copy small{margin-top:2px;font-size:7px}.real-game-go{width:23px;height:23px;border-width:1px;font-size:16px}
 .real-bottom-banner{width:calc(100% - 16px);margin:15px 8px 0;border-radius:16px;box-shadow:0 4px 0 #d5e5f0}.real-live-footer{min-height:38px;padding:7px;font-size:10px;gap:6px}
 .real-library-tabs{gap:7px;margin:15px 8px 0;padding:7px;border-radius:16px;box-shadow:0 5px 0 #d9e5f2}.real-library-tab{min-height:46px;padding:7px 9px;border-radius:12px;font-size:14px;box-shadow:0 4px 0 #cad7e8}.real-library-tab.active{box-shadow:0 4px 0 #294fae}
 body[data-page-kind="hub"] #offlineGamePanel,body[data-page-kind="hub"] #onlineGamePanel{margin:15px 8px!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"] .random-recommend-section,body[data-page-kind="hub"] .recommend-app-ad,body[data-page-kind="hub"] .arcade-ad-row{margin-left:8px!important;margin-right:8px!important}
 .real-popover{padding-top:62px}.real-popover-card{padding:15px;border-radius:20px}.real-search-results,.real-menu-list{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.real-hero-action,.real-tool-link,.real-category-card,.real-game-card{transition:none!important}}

/* Keep recommendation labels readable over every global tile/theme rule. */
body[data-page-kind="hub"] #hubScreen .real-recommend .real-game-card .real-game-copy,
body[data-page-kind="hub"] #hubScreen .real-recommend .real-game-card .real-game-copy strong,
body[data-page-kind="hub"] #hubScreen .real-recommend .real-game-card .real-game-copy small,
body[data-page-kind="hub"] #hubScreen .real-recommend .real-game-card .real-game-go{
 color:#fff!important;
 -webkit-text-fill-color:#fff!important;
 opacity:1!important;
 filter:none!important;
 text-shadow:0 1px 2px rgba(0,0,0,.42)!important;
}
body[data-page-kind="hub"] #hubScreen .real-recommend .real-game-card .real-game-copy small{color:#eef3ff!important;-webkit-text-fill-color:#eef3ff!important}

/* The normal footer is the only version label on the homepage. */
html body[data-page-kind="hub"] #site-version-fixed{display:none!important}

/* v20260921_0315: 방송 PC 진단기 준비중 탭 */
.real-tool-link.is-coming-soon{font:inherit;text-align:left;appearance:none;-webkit-appearance:none;cursor:not-allowed;opacity:.78;position:relative}.real-tool-link.is-coming-soon:hover,.real-tool-link.is-coming-soon:active{transform:none;box-shadow:inset 0 2px 0 #fff,0 7px 0 #ded0e5,0 12px 18px rgba(76,55,97,.12)}.real-tool-link.is-coming-soon em{font-style:normal;font-size:11px;font-weight:1000;padding:5px 7px;border-radius:999px;background:#eef1f8;color:#68738b;white-space:nowrap}




/* v20260921_0315 · 메인 설치 버튼 + 모바일 하단 문의 버튼 겹침 방지 */
.real-install-strip{display:flex;justify-content:flex-end;margin:10px 0 0}
.real-install-quick{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 15px;border:1px solid #bfd3f1;border-radius:16px;background:linear-gradient(180deg,#fff,#edf5ff);color:#183e7c;font:inherit;font-weight:1000;box-shadow:0 5px 0 #d2e0f1,0 9px 16px rgba(38,75,126,.10);cursor:pointer}
.real-install-quick span{font-size:20px}.real-install-quick b{font-size:14px}.real-install-quick small{font-size:10px;color:#6f82a5;font-weight:850}
.real-install-quick:disabled{opacity:.68;cursor:default;transform:none}
@media(max-width:700px){
  .real-install-strip{margin:9px 0 0}
  .real-install-quick{width:100%;justify-content:center;min-height:44px;padding:8px 12px;border-radius:13px}
  .real-install-quick b{font-size:13px}.real-install-quick small{font-size:9px}
  body[data-page-kind="hub"] .real-live-footer{box-sizing:border-box!important;min-height:104px!important;padding:8px 10px 68px!important;align-content:flex-start!important}
}


/* v20260921_0315 · PC용 바탕화면 설치 버튼은 모바일에서 숨김 */
@media(max-width:700px){
  .real-install-strip,
  .real-menu-list [data-pwa-install]{display:none!important}
}

/* 방송도구 6개는 모든 화면에서 3개씩 2줄 배치 */
@media(min-width:701px) and (max-width:1100px){
  .real-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
}