/* Entry popup on dehub.tech: "technology & software" (stay) or "games & entertainment" (dehub.vn).
   ID-scoped so it beats the page's generic `dialog` rules, including the phone rule that turns
   every open dialog into a full page and hides #app behind it. */
#destination-chooser{position:fixed;inset:0;margin:auto;width:min(560px,calc(100% - 32px));max-width:none;height:fit-content;max-height:calc(100dvh - 32px);overflow:auto;padding:30px 28px 26px;border:1px solid #ffffff22;border-radius:16px;background:radial-gradient(circle at 18% 0,#44407766 0,transparent 55%),var(--navy,#14182e);color:#fff;box-shadow:0 40px 110px #000a;font-family:var(--body,'Be Vietnam Pro',Arial,sans-serif)}
#destination-chooser::backdrop{background:#070d20c7;backdrop-filter:blur(8px)}
body:has(#destination-chooser[open]) #app{display:block}
html:has(#destination-chooser[open]){overflow:hidden}
#destination-chooser .dc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
#destination-chooser .dc-brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.02em}
#destination-chooser .dc-brand img{width:34px;height:30px;object-fit:contain}
#destination-chooser .dc-lang{display:flex;border:1px solid #4a5068;border-radius:6px;padding:3px}
#destination-chooser .dc-lang button{padding:6px 9px;color:#aeb6cd;font-size:.75rem;border-radius:3px;min-width:34px}
#destination-chooser .dc-lang button[aria-pressed="true"]{background:#fff;color:var(--navy,#14182e)}
#destination-chooser .dc-kicker{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan,#94e9e4)}
#destination-chooser h2{font-size:clamp(1.55rem,4.6vw,2.1rem);letter-spacing:-.035em;line-height:1.25;margin:8px 0 6px}
#destination-chooser .dc-sub{color:#bdc4d9;font-size:.95rem;line-height:1.6;margin-bottom:22px}
#destination-chooser .dc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#destination-chooser .dc-choice{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:14px;border:1px solid #ffffff2e;border-radius:14px;background:#202542;color:#fff;text-align:center;font-weight:600;font-size:clamp(.95rem,3.6vw,1.15rem);line-height:1.3;transition:transform .15s,border-color .15s,background .15s}
#destination-chooser .dc-choice svg{width:clamp(44px,13vw,64px);height:auto;flex-shrink:0}
#destination-chooser .dc-tech svg{color:var(--cyan,#94e9e4)}
#destination-chooser .dc-games svg{color:var(--violet,#b2a1ff)}
#destination-chooser .dc-tech:hover{border-color:var(--cyan,#94e9e4);background:#262c4f}
#destination-chooser .dc-games:hover{border-color:var(--violet,#b2a1ff);background:#2a2852}
#destination-chooser .dc-choice:active{transform:scale(.97)}
#destination-chooser .dc-choice:focus-visible,#destination-chooser .dc-lang button:focus-visible{outline:3px solid var(--cyan,#94e9e4);outline-offset:3px}
#destination-chooser .dc-hint{display:block;font-size:.72rem;font-weight:400;color:#aeb6cd}
@media (max-width:420px){#destination-chooser{padding:22px 18px 20px}#destination-chooser .dc-grid{gap:11px}#destination-chooser .dc-choice{gap:10px;padding:10px}}
@media (prefers-reduced-motion:reduce){#destination-chooser .dc-choice{transition:none}}