/* MK Arcade: shared navigation and game selection, separate from game rules. */
#home.pub, #hall { background: #090b19; }
#home .pub-interior { max-width: 460px; }
#home .pub-sign { top: 48px; transform: translateX(-50%); background: #0c1025; border: 1px solid #b591ff; border-radius: 5px; box-shadow: 0 0 26px #a16aff40, inset 0 0 18px #a16aff18; padding: 9px 20px; }
#home .pub-sign b { font: 900 29px/1.15 system-ui,sans-serif; letter-spacing: .01em; color: #f5f3ff; text-shadow: 2px 2px #8054b8, 0 0 18px #b591ff80; }
#home .pub-sign span { font: 700 9px/2 system-ui,sans-serif; letter-spacing: .15em; color: #45e9e3; }
#home .pub-keeper { width: 30%; right: 4%; bottom: 1%; }
#home .pub-bubble { bottom: 6%; left: 5%; right: 35%; padding: 11px 13px; background: #11192eee; border: 1px solid #45e9e380; color: #f4f5ff; font-family: inherit; border-radius: 10px; box-shadow: 0 8px 24px #0008; }
#home .pub-bubble::before, #home .pub-bubble::after { display: none; }
#home .pub-name { color: #45e9e3; font: 700 9px/1.5 system-ui,sans-serif; letter-spacing: .15em; }
#home #pubSay { font-size: 15px; line-height: 1.5; }
#home .pub-counter { background: linear-gradient(#101329,#090b19); min-height: 295px; }
#home .pub-top { height: 2px; margin: 0; background: linear-gradient(90deg,transparent,#45e9e3,#b591ff,#ff73c7,transparent); box-shadow: 0 0 15px #b591ff; }
#home .pub-top::after { display: none; }
#home .pub-options { padding: 19px 18px 14px; gap: 10px; }
#home .pub-opt { min-height: 68px; background: #171d35; border: 1px solid #343d62; border-radius: 10px; box-shadow: 0 4px #040710; padding: 12px 15px; color: #f4f5ff; }
#home .pub-opt[data-pub="hall"] { order: -1; background: linear-gradient(110deg,#45e9e3,#92f4d8); border-color: #a9fff5; color: #081523; box-shadow: 0 4px #167779,0 0 24px #45e9e319; }
#home .pub-opt.chosen { outline: 2px solid #ff73c7; outline-offset: 2px; }
#home .po-ico { font: 900 28px system-ui,sans-serif; }
#home .po-txt b { font: 800 17px/1.4 system-ui,sans-serif; }
#home .po-txt small { font-size: 12px; opacity: .8; }
#home .pub-credit, #home .pub-links a { color: #a8b3cd; }
#home .language-control { background: #11172c; border: 1px solid #343d62; color: #e6eaff; }
#home button:focus-visible, #hall button:focus-visible { outline: 3px solid #ffdf70; outline-offset: 3px; }
#hall .hall-scene { height: 220px; opacity: .3; overflow: hidden; }
#hall .hall-head { margin-bottom: 25px; background: #11172ce6; text-shadow: none; }
#hall .hall-head b { font-family: inherit; color: #45e9e3; font-size: 30px; }
#hall .hall-head span { color: #bdc6e0; }
#hall .hall-back { font-family: inherit; }
#hall .chalk { font-family: inherit; border: 1px solid #343d62; background: #11172c; border-radius: 15px; padding: 18px; box-shadow: 0 12px 40px #0005; }
#hall .chalk-title { font: 800 23px/1.4 system-ui,sans-serif; color: #f4f5ff; }
#hall .chalk-sec { font: 700 14px/1.5 system-ui,sans-serif; color: #b591ff; padding: 13px 0 8px; border-bottom: 1px solid #343d62; }
#hall .chalk-item { border: 1px solid #303a5b; background: #1a223b; border-radius: 9px; margin: 8px 0; padding: 13px; color: #f4f5ff; }
#hall .chalk-item b { font: 750 18px/1.4 system-ui,sans-serif; color: #f4f5ff; }
#hall .chalk-item span { font: 400 13px/1.5 system-ui,sans-serif; color: #b8c3df; }
.pub-door .door { background: linear-gradient(90deg,#101629,#252043); border-color: #b591ff; }
.pub-door .door-msg { color: #45e9e3; font-family: inherit; }
.room { background: radial-gradient(ellipse at top,#292044,#090b19 70%); }
.room h2, .room-lead, .room .code-box .label { font-family: inherit; }
.room .code-box { background: #151f36; border: 1px solid #45e9e3; color: #edf4ff; }
.room .code-big { font-family: monospace; color: #45e9e3; text-shadow: 0 0 18px #45e9e340; }
.room .code-sub, .room .code-box .label { color: #bdc9e2; }
@media (max-width:360px) { #home .pub-sign b { font-size: 25px; } #home #pubSay { font-size: 13px; } }
@media (prefers-reduced-motion:reduce) { #home *, #hall * { animation: none !important; transition: none !important; } }

/* 홈 화면: 상태 표시줄(와이파이·배터리) 아래에서 시작하고, 간판이 가운데 게임기 글자를 가리지 않게 전체를 내립니다.
   Android 앱은 Capacitor가 --safe-area-inset-top 을 넣어 주므로 env()와 함께 큰 값을 씁니다. */
:root { --home-safe-top: max(env(safe-area-inset-top, 0px), var(--safe-area-inset-top, 0px)); }
body:not(.ads-on) #home, body.ads-on #adTop.ad-blank ~ #home { top: var(--home-safe-top); }
#home .pub-interior { margin-top: 52px; }
#home .language-control { top: -44px; right: 12px; }
.pub#home .pub-sign { top: 6px; }
@media (max-width:360px) { .pub#home .pub-sign { top: 4px; } #home .language-control { top: -42px; right: 8px; } }