/* matrix globe hero — immutable 20261103j
   realistic blue-ocean earth + country-border overlay, full-screen danmaku lanes,
   big "enter homepage" button, country click menu (same shape as digitalmarket.world) */
.mg-hero{position:relative;width:100%;height:calc(100vh - 76px);min-height:480px;background:radial-gradient(120% 90% at 50% 40%,#0b1220 0%,#060a12 60%,#04060c 100%);border-bottom:1px solid rgba(255,255,255,.08)}
.mg-stars{position:absolute;inset:0;z-index:0}
.mg-dm{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.mg-mount{position:absolute;inset:0;z-index:2}
.mg-mount canvas{display:block;width:100%;height:100%}
.mg-top{position:absolute;top:14px;left:18px;right:18px;z-index:5;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mg-brand{font-size:13px;color:#9fb6d8;letter-spacing:.04em}
.mg-brand b{color:#e8f2ff;font-weight:600}
.mg-btns{display:flex;gap:8px}
.mg-tbtn{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#cfe2f6;border-radius:8px;padding:6px 11px;font-size:12px;cursor:pointer}
.mg-tbtn:hover{background:rgba(255,255,255,.13)}
.mg-tagline{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:6;text-align:center;max-width:660px}
.mg-tagline .mg-title{font-size:20px;font-weight:700;color:#f4f8ff;letter-spacing:.02em}
.mg-tagline .mg-sub{font-size:13px;color:#8fa5cc;margin-top:4px}
.mg-hint{font-size:11.5px;color:#7d94b8;margin-top:6px}
.mg-search{position:absolute;left:50%;bottom:120px;transform:translateX(-50%);z-index:6;display:flex;gap:8px;align-items:center}
.mg-search input{width:230px;padding:9px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(10,16,26,.72);color:#e8f2ff;font-size:13px}
.mg-search input:focus{outline:none;border-color:#4ea8ff}
.mg-search button{padding:9px 14px;border-radius:10px;border:1px solid #2b6df2;background:#2b6df2;color:#fff;font-size:13px;cursor:pointer}
.mg-search button:hover{background:#3a7cf5}

/* country menu (mirrors digitalmarket.world's ct-menu) */
.mg-card{position:absolute;right:18px;bottom:132px;z-index:7;width:360px;max-width:360px;padding:12px 14px;border-radius:13px;background:rgba(8,14,24,.80);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(0,0,0,.45)}
.mg-card[hidden]{display:none}
.mg-card .mc-head{display:flex;align-items:center;gap:9px;font-size:15px;color:#f2f7ff;font-weight:600}
.mg-card .mc-flag{font-size:22px}
.mg-card .mc-close{margin-left:auto;background:transparent;border:0;color:#8fa5cc;font-size:14px;cursor:pointer}
.mg-card .mc-close:hover{color:#fff}
.mg-card .mc-metric{font-size:12px;color:#8ea6c4;margin-top:6px;line-height:1.5}
.mg-card .mc-metric span{display:inline-block;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.06)}
.mg-card .mc-body{font-size:12.5px;color:#93a8c6;margin-top:6px;line-height:1.5}
.mg-card .mc-menu{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.mg-card .mc-scene{padding:6px 10px;border-radius:8px;border:1px solid rgba(78,168,255,.34);background:rgba(43,109,242,.13);color:#e6f2ff;font-size:12px;cursor:pointer}
.mg-card .mc-scene:hover{background:rgba(43,109,242,.3)}
.mg-card .mc-btns{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.mg-card button{padding:8px 12px;border-radius:9px;border:1px solid rgba(255,255,255,.16);background:#16233a;color:#e8f2ff;font-size:12.5px;cursor:pointer}
.mg-card button.mc-go{background:#2b6df2;border-color:#2b6df2;color:#fff}
.mg-card button.mc-go:hover{background:#3a7cf5}

.mg-bottom{position:absolute;left:0;right:0;bottom:12px;z-index:6;display:flex;flex-direction:column;gap:10px;align-items:center;padding:12px 14px;background:rgba(6,11,20,.66);border-top:1px solid rgba(255,255,255,.08)}
.mg-acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mg-acts button{padding:9px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#dfe9f5;font-size:12.5px;cursor:pointer}
.mg-acts button:hover{background:rgba(255,255,255,.14)}
/* the biggest, most visible action on the globe — must beat .mg-acts button */
.mg-acts button.mg-enter{padding:16px 34px;border-radius:14px;border:1px solid #D4AF37;background:linear-gradient(135deg,#D4AF37,#b8860b);color:#0b1220;font-size:17px;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 24px rgba(212,175,55,.45)}
.mg-acts button.mg-enter:hover{background:linear-gradient(135deg,#e6c14d,#c9970f)}
.mg-legend{font-size:11.5px;color:#7d94b8;line-height:1.4;text-align:center}
.mg-chips{display:flex;gap:8px;flex-wrap:wrap}
.mg-chips a{padding:8px 12px;border-radius:10px;background:rgba(43,109,242,.22);border:1px solid rgba(78,168,255,.45);color:#e6f2ff;font-size:12.5px;text-decoration:none}
.mg-chips a:hover{background:rgba(43,109,242,.34)}
.mg-switch{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.mg-switch .ms-label{font-size:11.5px;color:#7d94b8}
.mg-switch a{padding:7px 11px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#cfe2f6;font-size:12px;text-decoration:none}
.mg-switch a:hover{background:rgba(255,255,255,.13)}
.mg-switch a.ms-on{background:#2b6df2;border-color:#2b6df2;color:#fff}
.mg-fallback{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#8fa5cc;font-size:13px}
.mg-fallback[hidden]{display:none!important}
.mg-static{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.mg-static img{max-width:100%;max-height:100%;border-radius:12px}
.mg-dot{position:absolute;width:26px;height:26px;border-radius:50%;background:rgba(43,109,242,.28);border:1px solid rgba(78,168,255,.5);color:#fff;font-size:14px;cursor:pointer;transform:translate(-50%,-50%)}
.mg-dot:hover{background:rgba(43,109,242,.55)}

/* danmaku: spread over the whole screen, spaced out, low visual weight */
.mg-dm-track{position:absolute;left:0;right:0}
.dm-item{position:absolute;color:rgba(233,242,251,.70);font-size:12px;line-height:1.35;text-shadow:0 1px 5px rgba(0,0,0,.95);white-space:nowrap;padding:4px 10px;border-radius:7px;background:rgba(8,14,24,.20)}

/* agent site already had a globe column — the hero replaces it */
.mh-digitalagent .globe-col{display:none}
@media (max-width:820px){
  .mg-hero{height:calc(100vh - 64px);min-height:400px}
  .mg-tagline{top:10px;max-width:92%}
  .mg-search{bottom:104px}
  .mg-search input{width:170px}
  .mg-card{left:12px;right:12px;bottom:140px;width:auto;max-width:none}
  .mg-acts button.mg-enter{padding:13px 24px;font-size:15px}
  .mg-bottom{bottom:8px}
  .mg-chips a{font-size:11.5px;padding:6px 9px}
  .dm-item{font-size:11.5px}
}

/* the education site has a full-screen study wall (z-index 2147483200) — keep the globe above it */
#mhGlobeHero{z-index:2147483647}

.mg-btns .lang-switch{display:flex;gap:6px;align-items:center;position:relative}
.mg-btns .lang-trigger{height:32px;font-size:12px;padding:0 10px;border-radius:8px;
  border:1px solid rgba(140,160,190,.35);background:rgba(16,24,40,.72);color:#e8f0ff;cursor:pointer}
.mg-btns .lang-trigger:hover{border-color:#D4AF37;color:#F0D68A}
.mg-btns .lang-dropdown{position:absolute;top:38px;right:0;min-width:150px;display:none;
  background:rgba(12,18,32,.94);border:1px solid rgba(140,160,190,.3);border-radius:8px;padding:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.45)}
.mg-btns .lang-dropdown.open{display:block}
.mg-btns .lang-dd-item{display:flex;gap:8px;align-items:center;width:100%;padding:6px 8px;border:0;
  background:transparent;color:#dbe6f5;font-size:12px;cursor:pointer;border-radius:6px}
.mg-btns .lang-dd-item:hover{background:rgba(212,175,55,.12);color:#F0D68A}
.mg-btns .lang-dd-item.active{background:rgba(212,175,55,.22);color:#F0D68A}

/* 3D creative badges: keep the globe readable behind the plaques */
.mg-hero .mg-hint{text-shadow:0 1px 6px rgba(0,0,0,.8)}
.mg-hero .mg-legend{text-shadow:0 1px 6px rgba(0,0,0,.8)}

/* readable DOM labels for the 3D ocean badges */
.mg-token-labels{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
.mg-token-label{position:absolute;left:0;top:0;padding:3px 7px 4px;border-radius:7px;background:rgba(5,12,23,.76);border:1px solid rgba(255,255,255,.20);box-shadow:0 3px 12px rgba(0,0,0,.35);color:#f2f8ff;font:600 11px/1.2 "Segoe UI",Arial,sans-serif;white-space:nowrap;transform:translate(-50%,0);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.mg-token-label b{font-weight:700}
.mg-token-label span{display:block;margin-top:2px;color:#9fb6d8;font-size:9px;font-weight:600;letter-spacing:.04em}

@media (max-width:760px){
  .mg-token-label{font-size:12px;padding:3px 8px 4px}
  .mg-token-label span{font-size:10px}
}


/* ===== DigitalGames.World — obsidian & gold game crest edition ===== */
.mg-hero{background:radial-gradient(120% 95% at 50% 38%,#17131c 0%,#0b0910 52%,#050406 100%);border-bottom:1px solid rgba(216,179,107,.28)}
.mg-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 55% at 50% 72%,rgba(216,179,107,.10),transparent 70%),linear-gradient(180deg,rgba(0,0,0,.22),transparent 25%,rgba(0,0,0,.35));z-index:0}
.mg-hero .mg-hint{color:#b9a98a}
.mg-brand{color:#c9b48d}
.mg-brand b{color:#f6e7c8}
.mg-tagline .mg-title{color:#f7e8c8;letter-spacing:.10em;text-shadow:0 2px 20px rgba(216,179,107,.22)}
.mg-tagline .mg-sub{color:#b8a585}
.mg-tbtn{border-color:rgba(216,179,107,.34);color:#e9d6b2;background:rgba(216,179,107,.075)}
.mg-tbtn:hover{background:rgba(216,179,107,.16);border-color:rgba(240,209,150,.7)}
.mg-search input,.mg-search{background:rgba(12,10,15,.72);border-color:rgba(216,179,107,.3);color:#f5ead7}
.mg-search input::placeholder{color:#9f8d72}
.mg-search button{background:linear-gradient(135deg,#e4c27a,#a9772f);border-color:#e6c98e;color:#160f08}
.mg-bottom{background:linear-gradient(180deg,rgba(10,8,12,.55),rgba(6,5,8,.94));border-top:1px solid rgba(216,179,107,.24)}
.mg-acts button.mg-enter{background:linear-gradient(135deg,#efd49b,#b88a3e);border-color:#f3dfb3;color:#160f08;box-shadow:0 10px 30px rgba(184,138,62,.34)}
.mg-acts button.mg-enter:hover{background:linear-gradient(135deg,#f7e2b4,#ce9a47)}
.mg-card{background:rgba(10,9,14,.94);border-color:rgba(216,179,107,.34);box-shadow:0 14px 36px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.05)}
.mg-card .mc-head{color:#f7e8c8}
.mg-card .mc-cat,.mg-card .mc-tag{color:#d8b36b}
.mg-card button{color:#f5ead7;border-color:rgba(216,179,107,.42);background:rgba(216,179,107,.10)}
.mg-card button:hover{background:rgba(216,179,107,.2)}
.mg-legend{color:#b9a98a;letter-spacing:.03em}
.mg-switch a{color:#b9a98a}
.mg-switch a.on,.mg-switch a:hover{color:#f2dfb6;border-color:rgba(216,179,107,.55)}
.mg-token-label{background:rgba(8,7,11,.90);border-color:rgba(216,179,107,.52);color:#fbf2df;box-shadow:0 5px 18px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4);letter-spacing:.02em}
.mg-token-label b{color:#f8efdd;font-weight:700}
.mg-token-label span{color:#d8b36b;font-weight:600;letter-spacing:.07em}
.mg-game-label{padding:5px 9px 6px;border-radius:2px;font-size:12px;line-height:1.22;background:rgba(6,5,8,.95)}
.mg-game-label b{font-size:12px}
.mg-game-label span{font-size:9.5px;color:#e2c483;opacity:1}
.mg-game-label:before{content:"";position:absolute;left:7px;right:7px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(240,209,150,.75),transparent)}
.mg-card .mc-close{color:#d8b36b}
@media(max-width:760px){
  .mg-tagline .mg-title{letter-spacing:.04em}
  .mg-game-label{font-size:12px;padding:4px 8px 5px}
  .mg-game-label b{font-size:12px}
  .mg-game-label span{font-size:10.5px}
}