.hg-game{width:min(100%,620px);margin:0 auto;padding:16px 16px 32px;color:#f8f5ff;text-align:center}
.hg-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px}
.hg-clock{font-variant-numeric:tabular-nums;font-size:28px;color:#ffda88}
.hg-prompt{font-size:clamp(60px,18vw,100px);font-weight:900;letter-spacing:.15em;margin:14px 0;color:#ffe3a7}
.hg-turn{font-weight:800;margin:10px 0;min-height:24px}
.hg-form{display:flex;gap:8px;margin:18px 0 6px}
.hg-form input{flex:1;min-width:0;min-height:48px;padding:14px;border:2px solid #9182ac;border-radius:14px;background:#fff;color:#1d1630;font:700 22px system-ui;-webkit-user-select:text;user-select:text;touch-action:manipulation}
.hg-form button{padding:12px 18px;border-radius:14px;background:#ffe0a2;color:#312011;font-weight:800}
.hg-form button:disabled{opacity:.45}
.hg-message{min-height:44px;font-size:14px;color:#ffd793;margin:8px 0}
.hg-roster{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}
.hg-roster span{border:1px solid #ffffff30;border-radius:16px;padding:6px 10px;font-size:13px}
.hg-roster .out{opacity:.5;text-decoration:line-through}
.hg-words{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-height:160px;overflow:auto;padding:8px}
.hg-words span{background:#ffffff0d;border-radius:10px;padding:6px 10px;font-size:17px}
.hg-words small{display:block;font-size:10px;opacity:.65;margin-top:3px}
.hg-note{font-size:12px;line-height:1.6;opacity:.72;margin:14px 0}
.hangul-stage{overflow-y:auto!important;touch-action:pan-y;background:radial-gradient(at top,#42314d,#17212d 70%)}
.hangul-stage>.hg-game{padding-top:calc(env(safe-area-inset-top) + 70px)}
.hangul-stage .hg-form{scroll-margin-block:80px 24px}
@media(max-height:600px){.hangul-stage .hg-prompt{font-size:48px;margin:6px 0}.hangul-stage .hg-form{margin-top:10px}.hangul-stage .hg-note{margin:8px 0}}
.language-control{position:absolute;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));z-index:40;display:flex;align-items:center;gap:7px;padding:8px 10px;background:#171525e8;border:1px solid #ffe0a266;border-radius:20px;color:#fff;box-shadow:0 3px 12px #0005}
.language-control select{width:112px;max-width:112px;background:transparent;color:inherit;border:0;font:600 13px system-ui;padding:3px;cursor:pointer}
.pub#home .pub-sign{top:calc(env(safe-area-inset-top) + 62px)}
.pub#home .pub-bubble{top:calc(env(safe-area-inset-top) + max(146px,18vh))}
.hg-form input::placeholder{font-size:14px;font-weight:400}
.language-control option{background:#221b2c;color:#fff}
html:not([lang="ko"]) .po-txt b{font-size:clamp(13px,3.8vw,18px)}
html:not([lang="ko"]) .po-txt small{font-size:11px}
html:not([lang="ko"]) .pub-sign span{letter-spacing:0}
@media(max-width:360px){.language-control{padding:5px 8px;top:7px;right:7px}.language-control select{max-width:115px}.hg-form input{font-size:19px}}
.hg-lang-choice{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border:1px solid #ffffff24;border-radius:14px;background:#ffffff0b;font-weight:900}
.hg-lang-choice small{margin-left:auto;max-width:62%;font-size:11px;font-weight:650;line-height:1.3;opacity:.65;text-align:right}