/* 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)}
body[data-page-kind="hub"]{margin:0!important;background:linear-gradient(180deg,#eaf5ff,#f6faff 72%,#edf5ff)!important;color:var(--real-ink)!important}
body[data-page-kind="hub"] .app-shell{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:941/255;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:16px;display:grid;place-items:center;width:72px;height:72px;padding:0;border:2px solid rgba(255,255,255,.88);border-radius:50%;background:linear-gradient(145deg,rgba(86,172,255,.98),rgba(43,119,226,.98));color:#fff;box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 7px 0 rgba(24,84,173,.33),0 12px 24px rgba(15,65,142,.22);cursor:pointer;transition:.14s ease}
.real-hero-action svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round}
.real-hero-action:hover{transform:translateY(-2px);filter:brightness(1.05)}
.real-hero-action:active{transform:translateY(5px);box-shadow:inset 0 2px 0 rgba(255,255,255,.3),0 2px 0 rgba(24,84,173,.33),0 5px 12px rgba(15,65,142,.2)}
.real-search-btn{right:114px}.real-menu-btn{right:28px}

.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(4,minmax(0,1fr));gap:12px}
.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:36px}.real-tool-link strong{font-size:18px;line-height:1.15;word-break:keep-all}.real-tool-link b{font-size:25px}

.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){
 .real-home{padding:0 8px 14px}.real-hero{margin:0 -8px;border-radius:0 0 18px 18px}
 .real-hero-action{top:7px;width:39px;height:39px;border-width:1px;box-shadow:0 4px 0 rgba(24,84,173,.3)}.real-hero-action svg{width:19px;height:19px}.real-search-btn{right:53px}.real-menu-btn{right:7px}
 .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(2,minmax(0,1fr));gap:7px}.real-tool-link{min-height:57px;padding:7px 9px;border-radius:14px;gap:6px;box-shadow:0 4px 0 #ded0e5}.real-tool-link span{font-size:22px}.real-tool-link strong{font-size:12px}.real-tool-link b{font-size:17px}
 .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}