/* V0.2.47 illustrated homepage integration. Scope: only the start overlay.
   The original game engines, HUD, settings, profile/XP and menu wiring are retained. */
#startOverlay.gc16-start{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;padding:12px max(9px,env(safe-area-inset-right)) 18px!important;align-content:start;scrollbar-width:thin;background:radial-gradient(ellipse at 50% -12%,#0c6576 0,#092c41 38%,#061b28 69%)}
#startOverlay.gc16-start[hidden]{display:none!important}
#startOverlay.gc16-start .gc16-shell{display:block;position:relative;zoom:1!important;width:min(1080px,100%);max-width:1080px;min-height:0;max-height:none;overflow:visible;box-sizing:border-box;margin:0 auto!important;padding:24px 26px 20px!important;border:1px solid rgba(149,216,238,.32);border-radius:34px;background:radial-gradient(ellipse at 55% 1%,rgba(16,118,121,.3) 0,transparent 43%),linear-gradient(160deg,rgba(11,49,62,.92),rgba(3,23,35,.98) 53%);box-shadow:0 25px 70px rgba(0,9,22,.45),inset 0 1px 0 rgba(219,250,255,.12)}
#startOverlay.gc16-start .gc16-shell:before{content:"";position:absolute;inset:0;z-index:0;width:auto;height:auto;top:0;left:0;right:0;border:0;border-radius:inherit;pointer-events:none;box-shadow:none;background:repeating-radial-gradient(circle at -16% 31%,transparent 0 116px,rgba(115,229,231,.045) 117px 119px,transparent 120px 142px);mask-image:linear-gradient(#000,transparent 75%)}
#startOverlay .gch-integrated{position:relative;isolation:isolate;z-index:1;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#f3fbff}
#startOverlay .gch-integrated *{box-sizing:border-box}
#startOverlay .gch-integrated button:focus-visible{outline:3px solid #ffcd69;outline-offset:3px}
#startOverlay.gc16-start .gch-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;min-height:164px;margin:0;gap:10px}
#startOverlay.gc16-start .gch-header .gc16-brand{display:block;width:min(72%,550px);max-width:550px;height:auto;max-height:none;margin:0;object-fit:contain;filter:drop-shadow(0 7px 18px rgba(0,5,32,.16))}
#startOverlay.gc16-start .gch-header .gch-menu{position:absolute;right:0;top:53px;z-index:16;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(185,224,239,.35);border-radius:50%;background:linear-gradient(165deg,rgba(27,74,90,.83),rgba(11,36,56,.86));box-shadow:inset 0 1px 0 rgba(255,255,255,.13);cursor:pointer}
#startOverlay.gc16-start .gch-header .gch-menu:hover{background:#1a5364}
#startOverlay.gc16-start .gch-header .gch-menu svg{width:25px;height:25px}
#startOverlay.gc16-start>.gc-i18n-corner{top:max(20px,env(safe-area-inset-top))!important;right:max(27px,env(safe-area-inset-right))!important;border-color:rgba(164,232,248,.51);background:linear-gradient(165deg,rgba(27,74,90,.95),rgba(11,36,56,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
#startOverlay.gc16-start .gch-section h2{font-size:clamp(23px,3.1vw,32px);font-weight:830;letter-spacing:-.048em;line-height:1.13;color:#f3fbff;margin:0 0 14px}
#startOverlay .gch-eyebrow{display:block;color:#83e4cb;font-size:10px;letter-spacing:.2em;font-weight:800;margin:0 0 7px}
#startOverlay.gc16-start .gch-section.gc16-online{margin-top:27px}
#startOverlay.gc16-start .gc16-section-row{margin-bottom:14px;align-items:center}
#startOverlay.gc16-start .gc16-section-row h2{margin:0}
#startOverlay.gc16-start .gc16-live{font-size:11px;color:#a8ffe9;padding:0 5px;font-weight:800;letter-spacing:.08em}
#startOverlay.gc16-start .gc16-live i{width:10px;height:10px}
#startOverlay.gc16-start .gch-integrated .gc16-mode-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:13px}
#startOverlay.gc16-start .gch-integrated .gch-card{position:relative;isolation:isolate;display:block;width:100%;height:auto!important;padding:0!important;margin:0;overflow:hidden;text-align:left;border:1px solid rgba(219,251,255,.38);border-radius:28px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 8px 26px rgba(0,13,30,.19);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
#startOverlay.gc16-start .gch-card:hover:not(:disabled){transform:translateY(-3px);border-color:rgba(237,255,255,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 34px rgba(0,13,30,.35)}
#startOverlay.gc16-start .gch-card:active:not(:disabled){transform:scale(.99)}
#startOverlay.gc16-start .gch-card:before{content:"";z-index:1;position:absolute;inset:0;top:0;right:0;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background:radial-gradient(circle at 80% -20%,rgba(255,255,255,.21),transparent 53%),linear-gradient(130deg,transparent 5%,rgba(255,255,255,.04) 54%,transparent 55%);pointer-events:none}
#startOverlay.gc16-start .gch-card:after{content:"";z-index:1;position:absolute;top:-48%;right:-8%;width:68%;height:184%;border:1px solid rgba(231,255,255,.06);border-radius:50%;pointer-events:none;transform:rotate(-13deg)}
#startOverlay.gc16-start .gch-card--city{aspect-ratio:3.02;background:linear-gradient(125deg,#068e80 0%,#077b88 38%,#08638b 100%)}
#startOverlay.gc16-start .gch-card--countries{aspect-ratio:1.92;background:linear-gradient(127deg,#285ca5 0%,#4359b6 58%,#6054a1 100%)}
#startOverlay.gc16-start .gch-card--detective{aspect-ratio:1.92;background:linear-gradient(125deg,#715179,#7c567f 49%,#755f8c 100%)}
#startOverlay.gc16-start .gch-card--daily{aspect-ratio:5.72;margin-top:13px;background:linear-gradient(115deg,#ba762c,#c97c4b 57%,#a45a54)}
#startOverlay.gc16-start .gch-card--public{aspect-ratio:1.82;background:linear-gradient(126deg,#245777,#335c89 53%,#334773)}
#startOverlay.gc16-start .gch-card--friends{aspect-ratio:1.82;background:linear-gradient(123deg,#118b80,#178788 53%,#0b667b)}
#startOverlay.gc16-start .gch-card .gch-art{display:block;position:absolute;z-index:0;pointer-events:none;object-fit:contain;filter:drop-shadow(0 15px 12px rgba(3,13,39,.18));transition:transform .42s cubic-bezier(.2,.8,.2,1)}
#startOverlay.gc16-start .gch-card:hover:not(:disabled) .gch-art{transform:translateY(-4px) scale(1.045) rotate(-1deg)}
#startOverlay .gch-art--city{width:63%;height:116%;right:1.3%;top:-7%}
#startOverlay .gch-art--countries{width:72%;height:86%;right:-10%;top:-5%}
#startOverlay .gch-art--detective{width:73%;height:88%;right:-9%;top:-5%}
#startOverlay .gch-art--daily{width:39%;height:150%;right:9%;top:-20%}
#startOverlay .gch-art--public{width:74%;height:91%;right:-12%;top:-3%}
#startOverlay .gch-art--friends{width:76%;height:93%;right:-12%;top:-7%}
#startOverlay.gc16-start .gch-card .gc16-icon{display:grid;place-items:center;position:absolute;z-index:3;top:17px;left:20px;margin:0;width:48px;height:48px;border:1px solid rgba(239,255,255,.32);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
#startOverlay.gc16-start .gch-card .gc16-icon svg{width:25px;height:25px}
#startOverlay.gc16-start .gch-card .gc16-copy{display:flex;position:absolute;z-index:3;left:22px;bottom:20px;max-width:62%;flex-direction:column;gap:3px;text-shadow:0 2px 5px rgba(1,20,37,.19)}
#startOverlay.gc16-start .gch-card .gc16-copy strong{font-size:clamp(18px,2.6vw,34px);line-height:1.05;letter-spacing:-.06em;font-weight:850;color:white;white-space:normal}
#startOverlay.gc16-start .gch-card .gc16-copy small{font-size:clamp(12px,1.55vw,17px);line-height:1.4;color:rgba(255,255,255,.87);margin-top:0}
#startOverlay.gc16-start .gch-card--city .gc16-copy strong{font-size:clamp(28px,4.45vw,53px)}
#startOverlay.gc16-start .gch-card--city .gc16-copy small{font-size:clamp(14px,2vw,22px)}
#startOverlay.gc16-start .gch-card .gc16-arr{display:block;position:absolute;z-index:3;right:22px;bottom:15px;width:25px;height:25px;color:#fff;opacity:.96}
#startOverlay.gc16-start .gch-card .gc16-bigglobe{display:none}
#startOverlay.gc16-start .gch-card--daily .gc16-icon{top:50%;transform:translateY(-50%)}
#startOverlay.gc16-start .gch-card--daily .gc16-copy{left:89px;bottom:50%;transform:translateY(50%);max-width:56%;gap:2px}
#startOverlay.gc16-start .gch-card--daily .gc16-copy strong{font-size:clamp(21px,3vw,32px)}
#startOverlay.gc16-start .gch-card--daily .gc16-copy small{font-size:clamp(11px,1.55vw,17px)}
#startOverlay.gc16-start .gch-card--daily .gc16-arr{bottom:50%;transform:translateY(50%)}
#startOverlay.gc16-start .gch-card .gc16-soon{position:absolute;z-index:4;top:12px;right:13px;padding:5px 9px;border-radius:100px;background:rgba(6,18,31,.82);border:1px solid rgba(224,245,255,.53);box-shadow:0 2px 6px rgba(0,0,0,.2);font-size:11px;line-height:1;font-weight:680}
#startOverlay.gc16-start .gch-card:disabled{cursor:not-allowed;filter:saturate(.72)}
#startOverlay.gc16-start .gch-card:disabled .gch-art{opacity:.78}
/* Existing live profile nodes; no static demo score or second profile source. */
#startOverlay.gc16-start .gch-profile{margin-top:24px;padding:12px 13px 10px;border-radius:28px;border:1px solid rgba(169,242,245,.38);background:linear-gradient(124deg,rgba(27,94,100,.46),rgba(27,57,87,.79)),radial-gradient(circle at 100% 12%,rgba(23,173,186,.21),transparent 44%);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 14px 32px rgba(0,9,20,.19)}
#startOverlay.gc16-start .gch-profile:before{display:none}
#startOverlay.gc16-start .gch-profile .gc16-profile-button{padding:10px 12px 7px;min-height:0}
#startOverlay.gc16-start .gch-profile .gc16-profile-top b{font-size:13px;color:#95e9e3}
#startOverlay.gc16-start .gch-profile .gc16-profile-top .gc33-profile-links-text{font-size:13px}
#startOverlay.gc16-start .gch-profile .gc16-profile-values{margin:13px 0 2px}
#startOverlay.gc16-start .gch-profile #profileLevel{font-size:clamp(29px,4vw,43px)}
#startOverlay.gc16-start .gch-profile #profileXpTotal{font-size:clamp(23px,3.2vw,36px);color:#ffe19b}
#startOverlay.gc16-start .gch-profile .gc16-rank{font-size:14px;color:#b2d3da}
#startOverlay.gc16-start .gch-profile .gc16-bar{margin-top:12px;height:10px}
#startOverlay.gc16-start .gch-profile .gc16-xp-next{font-size:13px;line-height:1.5}
#startOverlay.gc16-start .gch-profile .gc16-trophy{margin:9px 0 0;width:100%;padding:13px 14px;border-radius:16px;border-color:rgba(246,207,121,.37);background:linear-gradient(90deg,rgba(1,25,41,.25),rgba(15,40,60,.34));font-size:15px}
#startOverlay.gc16-start .gch-profile .gc16-trophy strong{color:#ffdf94}
#startOverlay .gch-footer{display:block;margin:18px 4px 0;color:#7dafb7;font-size:11px;letter-spacing:.07em;font-weight:750;text-align:center}
@media (min-width:750px){
 #startOverlay.gc16-start .gc16-shell{padding:33px 40px 29px!important}
 #startOverlay.gc16-start .gch-header{min-height:190px}
 #startOverlay.gc16-start .gch-card--city{max-height:284px}
 #startOverlay.gc16-start .gch-card--countries,#startOverlay.gc16-start .gch-card--detective{max-height:255px}
 #startOverlay.gc16-start .gch-card--daily{max-height:172px}
 #startOverlay.gc16-start .gch-card--public,#startOverlay.gc16-start .gch-card--friends{max-height:240px}
}
@media (max-width:749px){
 #startOverlay.gc16-start{padding:9px max(9px,env(safe-area-inset-right)) 15px!important}
 #startOverlay.gc16-start .gc16-shell{padding:17px 20px 15px!important;border-radius:29px}
 #startOverlay.gc16-start .gch-header{min-height:106px}
 #startOverlay.gc16-start .gch-header .gc16-brand{width:75%;max-width:420px;margin-left:-5px;margin-top:11px}
 #startOverlay.gc16-start .gch-header .gch-menu{width:48px;height:48px;top:49px}
 #startOverlay.gc16-start>.gc-i18n-corner{right:max(26px,env(safe-area-inset-right))!important;top:max(16px,env(safe-area-inset-top))!important}
 #startOverlay.gc16-start .gch-section h2{font-size:22px;margin-bottom:11px}
 #startOverlay.gc16-start .gch-section.gc16-online{margin-top:21px}
 #startOverlay.gc16-start .gch-integrated .gc16-mode-pair{gap:9px;margin-top:9px}
 #startOverlay.gc16-start .gch-integrated .gch-card{border-radius:22px}
 #startOverlay.gc16-start .gch-card--daily{margin-top:9px}
 #startOverlay.gc16-start .gch-card .gc16-icon{top:13px;left:13px;width:35px;height:35px;border-radius:12px}
 #startOverlay.gc16-start .gch-card .gc16-icon svg{width:21px;height:21px}
 #startOverlay.gc16-start .gch-card .gc16-copy{left:15px;bottom:14px;gap:1px;max-width:83%}
 #startOverlay.gc16-start .gch-card .gc16-copy strong{font-size:clamp(13px,3.1vw,23px)}
 #startOverlay.gc16-start .gch-card .gc16-copy small{font-size:clamp(11px,2.4vw,15px)}
 #startOverlay.gc16-start .gch-card--city .gc16-copy strong{font-size:clamp(23px,5.2vw,40px)}
 #startOverlay.gc16-start .gch-card--city .gc16-copy small{font-size:clamp(12px,3vw,18px)}
 #startOverlay.gc16-start .gch-card .gc16-arr{right:14px;bottom:11px;width:21px;height:21px}
 #startOverlay .gch-art--city{width:66%;height:120%;right:-2%;top:-9%}
 #startOverlay .gch-art--countries,#startOverlay .gch-art--detective,#startOverlay .gch-art--public,#startOverlay .gch-art--friends{width:84%;height:100%;right:-24%;top:-13%}
 #startOverlay .gch-art--daily{width:41%;height:177%;right:5%;top:-28%}
 #startOverlay.gc16-start .gch-card--daily .gc16-icon{left:14px;width:40px;height:40px;top:50%}
 #startOverlay.gc16-start .gch-card--daily .gc16-copy{left:64px;bottom:50%;max-width:69%}
 #startOverlay.gc16-start .gch-card--daily .gc16-copy strong{font-size:clamp(16px,3.8vw,26px);white-space:nowrap}
 #startOverlay.gc16-start .gch-card--daily .gc16-copy small{font-size:clamp(10px,2.45vw,16px)}
 #startOverlay.gc16-start .gch-card--daily .gc16-arr{bottom:50%}
 #startOverlay.gc16-start .gch-card .gc16-soon{font-size:9px;top:8px;right:8px;padding:4px 6px}
 #startOverlay.gc16-start .gch-profile{margin-top:19px;border-radius:22px;padding:9px 10px}
 #startOverlay.gc16-start .gch-profile .gc16-profile-button{padding:6px 5px 4px}
 #startOverlay.gc16-start .gch-profile #profileLevel{font-size:29px}
 #startOverlay.gc16-start .gch-profile #profileXpTotal{font-size:25px}
 #startOverlay.gc16-start .gch-profile .gc16-rank{font-size:12px}
 #startOverlay.gc16-start .gch-profile .gc16-xp-next{font-size:11px}
 #startOverlay.gc16-start .gch-profile .gc16-trophy{padding:10px 11px;font-size:12px;border-radius:12px}
}
@media(max-width:380px){
 #startOverlay.gc16-start .gc16-shell{padding:15px 13px!important;border-radius:24px}
 #startOverlay.gc16-start .gch-header{min-height:94px}
 #startOverlay.gc16-start .gch-header .gch-menu{width:43px;height:43px;top:43px}
 #startOverlay.gc16-start .gch-section h2{font-size:21px}
 #startOverlay.gc16-start .gch-card{border-radius:19px}
 #startOverlay.gc16-start .gch-card .gc16-icon{top:10px;left:10px;width:30px;height:30px}
 #startOverlay.gc16-start .gch-card .gc16-icon svg{width:17px;height:17px}
 #startOverlay.gc16-start .gch-card .gc16-copy{left:11px;bottom:11px}
 #startOverlay.gc16-start .gch-card .gc16-copy strong{font-size:12.5px}
 #startOverlay.gc16-start .gch-card .gc16-copy small{font-size:10px}
 #startOverlay.gc16-start .gch-card--city .gc16-copy strong{font-size:22px}
 #startOverlay.gc16-start .gch-card--daily .gc16-icon{left:10px;width:34px;height:34px;top:50%}
 #startOverlay.gc16-start .gch-card--daily .gc16-copy{left:51px}
 #startOverlay.gc16-start .gch-card--daily .gc16-copy strong{font-size:15px}
 #startOverlay.gc16-start .gch-card .gc16-arr{right:9px;bottom:9px;width:18px;height:18px}
 #startOverlay.gc16-start .gch-card--daily .gc16-arr{bottom:50%}
 #startOverlay.gc16-start .gch-profile{padding:8px 10px}
 #startOverlay.gc16-start .gch-profile #profileLevel{font-size:22px}
 #startOverlay.gc16-start .gch-profile #profileXpTotal{font-size:21px}
}
@media (prefers-reduced-motion:reduce){#startOverlay .gch-card,#startOverlay .gch-art{transition:none!important}}
/* Keep the real V0.2.47 daily status + countdown readable, including 3 lines. */
@media(max-width:749px){
 #startOverlay.gc16-start .gch-card--daily{min-height:77px}
 #startOverlay.gc16-start .gch-card--daily .gc16-copy{max-width:calc(100% - 105px);gap:0}
 #startOverlay.gc16-start .gch-card--daily .gc16-copy small{line-height:1.2}
 #startOverlay.gc16-start .gch-card--daily .gc47-daily-tile-clock{font-size:clamp(9px,2.45vw,12px);line-height:1.2;white-space:normal}
}
/* Specificity guard against the legacy <=380px generic card-copy bottom rule. */
@media(max-width:380px){
 #startOverlay.gc16-start .gch-integrated .gch-card--daily .gc16-copy{bottom:50%;transform:translateY(50%)}
}