/* 10.11.16: native homepage. Artwork is decorative, controls are real. */
#setupModal { padding:0 !important; background:#090406 !important; backdrop-filter:none !important; overflow:hidden !important; }
#setupModal .home-v105 { position:relative; isolation:isolate; container-type:inline-size; width:min(100vw,1540px); height:calc(100 * var(--app-vh,1dvh)); color:var(--v14-text); background:radial-gradient(ellipse at 45% 40%,#29101544,transparent 65%),#0e0609; }
#setupModal .home-v105 *, #setupModal .home-v105 *::before, #setupModal .home-v105 *::after { box-sizing:border-box; }
#setupModal .home-layout { display:grid; height:100%; grid-template-rows:minmax(var(--v14-header),max-content) minmax(0,1fr); gap:clamp(10px,calc(1.6 * var(--app-vh,1dvh)),20px); padding:0 clamp(16px,2.2vw,34px) calc(calc(22 * var(--app-vh,1dvh)) + 24px); }
#setupModal .home-v105-header { display:flex; align-items:center; gap:2vw; min-width:0; border-bottom:1px solid #71412b55; padding:0; background:transparent; }
#setupModal .home-wordmark { display:flex; align-items:center; gap:9px; padding:0; border:0; background:none; color:var(--v14-gold); }
#setupModal .home-emblem { width:clamp(24px,3.8vw,48px); height:clamp(28px,4.2vw,52px); }
#setupModal .home-wordmark b { font:800 clamp(10px,1.45vw,19px) Manrope,sans-serif; letter-spacing:.2em; }
#setupModal .home-account-actions { display:flex; align-items:center; gap:1.5vw; margin-left:auto; }
#setupModal #profileChip { order:3; display:flex; align-items:center; gap:10px; width:auto; max-width:23vw; min-width:0; height:auto; padding:4px 8px; border:0; border-radius:8px; box-shadow:none; background:#2a1115a6; color:#f5e4bd; text-align:left; }
#setupModal #profileAvatar { flex:0 0 auto; display:grid; place-items:center; width:clamp(27px,4vw,49px); height:clamp(27px,4vw,49px); border:1px solid #d1a651; border-radius:50%; overflow:hidden; background:linear-gradient(145deg,#ffe9a2,#c68e37); color:#392010; }
#setupModal #profileAvatar > span { position:static; display:grid; place-items:center; width:100%; height:100%; background:none; clip-path:none; font:800 clamp(15px,2.1vw,28px) Manrope; }
#setupModal #profileAvatar::before, #setupModal #profileAvatar::after, #setupModal #profileAvatar > span::before, #setupModal #profileAvatar > span::after { display:none; }
#setupModal #profileChip > span:last-child { display:grid; min-width:0; gap:2px; }
#setupModal #profileName { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:700 clamp(10px,1.25vw,16px) Manrope; }
#setupModal #profileChip small { font:500 clamp(8px,.9vw,12px) Manrope; color:#c2a770; }
#setupModal .home-round-action { position:relative; display:grid; place-items:center; width:clamp(26px,3.1vw,40px); height:clamp(26px,3.1vw,40px); border:0; border-radius:8px; background:none; color:#bca78d; }
#setupModal .home-round-action > span { display:grid; place-items:center; width:65%; height:65%; }
#setupModal .home-round-action [data-ui-icon]::before { width:100%; height:100%; }
#setupModal #homeFriendsStatus { display:none; }
#setupModal #homeFriendsDot { display:none; position:absolute; top:3px; right:3px; width:7px; height:7px; border-radius:50%; background:#d29b43; }
#setupModal #homeFriendsBtn.attention #homeFriendsDot { display:block; }
#setupModal .home-game-modes { min-height:0; display:grid; grid-template-columns:1fr 1fr; gap:clamp(12px,2vw,25px); }
#setupModal .home-mode-card { position:relative; isolation:isolate; overflow:hidden; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; border:1px solid #80502d77; border-radius:9px; background:#18080d; padding:14px 14px clamp(16px,calc(3 * var(--app-vh,1dvh)),30px); }
#setupModal .home-mode-card::after { content:''; position:absolute; z-index:-1; inset:0; background:linear-gradient(transparent 20%,#17070c44 42%,#100407 92%); }
#setupModal .mode-art { position:absolute; z-index:-2; inset:0; background-image:url('hero-classic-v10114.png'); background-repeat:no-repeat; background-size:cover; background-position:center 30%; }
#setupModal .tournament-card .mode-art { background-image:url('hero-trophy-v10114.png'); }
#setupModal .mode-copy { position:relative; display:grid; justify-items:center; text-align:center; margin:0 0 clamp(14px,calc(2.4 * var(--app-vh,1dvh)),26px); }
#setupModal .mode-copy h2 { margin:0 0 8px; color:#fff1d6; font:700 clamp(23px,3.4vw,45px)/1.1 'Playfair Display',Georgia,serif; text-shadow:0 2px 12px #000; }
#setupModal .mode-copy p { margin:0; font:400 clamp(9px,1.07vw,14px)/1.5 Manrope,sans-serif; color:#e2cda9; }
#setupModal .mode-copy > strong, #setupModal .mode-divider, #setupModal .ranked-badge { display:none; }
#setupModal .home-mode-cta { display:flex; align-items:center; justify-content:center; gap:5px; width:auto; min-width:45%; min-height:clamp(30px,calc(6 * var(--app-vh,1dvh)),46px); padding:8px 23px; margin:0; border:1px solid #dfba6f; border-radius:999px; background:linear-gradient(#edcf80,#c59443); color:#311b10; box-shadow:inset 0 1px 0 #fff5; }
#setupModal .home-mode-cta > span { display:none; }
#setupModal .home-mode-cta b { font:800 clamp(9px,1.05vw,14px)/1 Manrope,sans-serif; letter-spacing:.04em; }
#setupModal .home-mode-cta i { font:normal 18px/1 Manrope; }
#setupModal .home-quick-links { position:absolute; inset:auto clamp(16px,2.2vw,34px) 16px; height:calc(22 * var(--app-vh,1dvh)); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(10px,1.5vw,20px); min-height:0; }
#setupModal .home-quick-links button { display:flex; align-items:center; gap:clamp(10px,1.5vw,22px); min-width:0; padding:12px clamp(10px,1.9vw,26px); border:1px solid #6d422955; border-radius:8px; background:linear-gradient(130deg,#271016aa,#11070b); color:#f5dfb1; text-align:left; }
#setupModal .home-quick-links button > span:first-child { display:grid; place-items:center; flex-shrink:0; width:clamp(28px,4.5vw,58px); height:clamp(28px,4.5vw,58px); padding:8px; border-radius:7px; background:#45151c80; color:#dab45e; }
#setupModal .home-quick-links [data-ui-icon]::before { width:100%; height:100%; }
#setupModal .home-quick-links b { display:block; margin-bottom:6px; font:700 clamp(11px,1.5vw,20px) Manrope; }
#setupModal .home-quick-links small { display:block; color:#a88e77; font:400 clamp(8px,.92vw,12px)/1.4 Manrope; }
#setupModal [hidden], #setupModal .home-version, #setupModal #installAppBtn { display:none !important; }
@media (orientation:portrait) { #setupModal .home-game-modes { grid-template-columns:1fr; } #setupModal .home-quick-links { gap:6px; } #setupModal .home-quick-links button { flex-direction:column; justify-content:center; text-align:center; } #setupModal .home-quick-links small { display:none; } }