/* V28 · clean modern game skin; built on stable game-v20 mechanics */
:root{--g28-bg:#07131d;--g28-green:#0a6b50;--g28-green2:#0f916a;--g28-gold:#f3c75c;--g28-paper:#fff;--g28-ink:#132a22;--g28-muted:#60746b;--g28-line:#dce6e1}
html,body{background:#07131d!important}body.db-game-v20{background:#07131d!important}.db-game-shell{background:linear-gradient(180deg,#f3f7f5,#eef4f1)!important}
.db-game-appbar{height:70px!important;background:#092e24!important;border:0!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important;color:#fff!important}.db-game-back,.db-sound-toggle{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}.db-game-brand small{color:#bcd4ca!important}.db-game-brand b{color:#fff!important}.db-game-brand b span{color:var(--g28-gold)!important}
.db-game-main{max-width:1180px!important;padding:18px!important}#gameHome.active{grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr)!important;grid-template-areas:"hero player" "hero actions" "rank rank"!important;gap:14px!important}.db-hero-v72{min-height:470px!important;border-radius:28px!important;background:#093b2e!important;border:0!important;overflow:hidden!important;box-shadow:0 24px 58px rgba(5,54,39,.16)!important}.db-hero-photo>img:first-child{opacity:.68!important;filter:saturate(.95) contrast(1.04)!important}.db-hero-shade{background:linear-gradient(90deg,rgba(4,31,24,.95),rgba(4,43,32,.72) 55%,rgba(4,31,24,.12))!important}.db-hero-copy-v72{left:34px!important;top:42px!important;max-width:58%!important}.db-game-chip{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}.db-hero-copy-v72 h1{font-size:clamp(46px,5.2vw,70px)!important;letter-spacing:-.07em!important}.db-hero-copy-v72 h1 strong{color:var(--g28-gold)!important}.db-hero-copy-v72 p{font-size:14px!important;color:#e7f2ee!important}.db-hero-badges span{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important}.db-independence-note{color:#c9ded5!important}.db-independence-note b{color:#fff!important}.db-hero-keeper-v72{filter:drop-shadow(0 18px 22px rgba(0,0,0,.35))!important}
.db-player-card,.db-home-actions,.db-live-ranking-preview{background:#fff!important;border:1px solid var(--g28-line)!important;border-radius:22px!important;box-shadow:0 12px 32px rgba(8,54,40,.07)!important}.db-player-intro>div>small,.db-returning-player small,.db-section-title small{color:#0b7757!important}.db-player-intro h2,.db-returning-player h2,.db-section-title h3{color:var(--g28-ink)!important}.db-player-intro p,.db-returning-player p,.db-home-action-grid span{color:var(--g28-muted)!important}.db-alias-input{background:#f7faf8!important;border-color:#dbe6e1!important}.db-alias-input input{color:#14372c!important}.db-alias-safe{background:#eef6f2!important}.db-primary-btn,.db-play-main{background:var(--g28-gold)!important;color:#3d2c04!important;box-shadow:0 12px 26px rgba(218,172,48,.18)!important}.db-home-action-grid button{background:#f8faf9!important;color:#173b30!important;border-color:#dce6e1!important}.db-rank-row{background:#fafcfb!important;border-color:#e0e8e4!important}
.db-game-nav{background:#fff!important;border-color:#dce6e1!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important}.db-game-nav button,.db-game-nav a{color:#36584c!important}.db-game-nav .main{background:#0b694f!important;color:#fff!important}.db-game-footer a{color:#d0e0da!important}

/* During play the game becomes the whole experience. */
body.playing{overflow:hidden!important;background:#041019!important}body.playing .db-game-appbar,body.playing .db-game-nav,body.playing .db-game-footer{display:none!important}body.playing .db-game-shell{min-height:100dvh!important;padding:0!important;background:#041019!important}body.playing .db-game-main{padding:0!important;max-width:none!important;width:100%!important;height:100dvh!important}body.playing #gamePlay.active{position:fixed!important;inset:0!important;z-index:10000!important;display:grid!important;grid-template-rows:auto 1fr!important;gap:6px!important;padding:7px!important;background:linear-gradient(180deg,#04111a,#071c2a)!important}
body.playing .db-play-meta{display:none!important}body.playing .db-game-hud{width:min(1180px,100%)!important;margin:0 auto!important;height:58px!important;display:grid!important;grid-template-columns:42px repeat(5,minmax(0,1fr)) 42px!important;gap:5px!important;padding:5px!important;border-radius:17px!important;background:rgba(8,65,49,.96)!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 14px 34px rgba(0,0,0,.20)!important}.db-hud-item{min-width:0!important;height:auto!important;padding:5px!important;border-radius:11px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.10)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.db-hud-item small{font-size:7px!important;color:#cfe3db!important;letter-spacing:.06em!important}.db-hud-item b{font-size:13px!important;color:#fff!important}.db-hud-item.accent{background:rgba(243,199,92,.20)!important}.db-hud-close,.db-fullscreen-btn{width:42px!important;height:auto!important;border-radius:11px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important}
body.playing .db-stage-wrap{min-height:0!important;padding:0!important;background:transparent!important;display:grid!important;place-items:center!important;overflow:hidden!important}body.playing .db-stage{width:min(calc(100vw - 14px),calc((100dvh - 72px)*1.7777778))!important;height:min(calc(100dvh - 72px),calc((100vw - 14px)/1.7777778))!important;max-width:none!important;max-height:none!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 24px 60px rgba(0,0,0,.30)!important;overflow:hidden!important;background:#0b261f!important}.db-stage-frame{display:none!important}body.playing .db-scene-photo{filter:saturate(.98) contrast(1.05) brightness(.96)!important}body.playing .db-stage-overlay{background:linear-gradient(180deg,rgba(3,20,18,.01),rgba(3,20,18,.12))!important}body.playing .db-court-glass{background:radial-gradient(circle at 50% 37%,transparent 0 28%,rgba(1,10,8,.04) 68%,rgba(1,10,8,.18) 100%)!important}body.playing .db-real-goal{left:42%!important;width:16%!important}body.playing .db-keeper{height:96%!important;filter:drop-shadow(0 10px 8px rgba(0,0,0,.34))!important}body.playing .db-crowd{top:1.5%!important;height:12%!important;opacity:.34!important}.db-crowd-people{display:none!important}body.playing .db-crowd>b{font-size:22px!important}body.playing .db-salesian-phrase{top:3.5%!important;font-size:8px!important;padding:6px 9px!important;background:rgba(3,24,19,.72)!important;backdrop-filter:blur(8px)!important;max-width:72vw!important}body.playing .db-shot-message{top:auto!important;bottom:72px!important;min-width:210px!important;max-width:72vw!important;padding:7px 10px!important;background:rgba(3,24,19,.74)!important;backdrop-filter:blur(8px)!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 10px 24px rgba(0,0,0,.16)!important}.db-shot-message b{font-size:14px!important}.db-shot-message span{font-size:8px!important;color:#e1efe9!important}body.playing .db-ball-zone{bottom:2.6%!important;gap:4px!important}body.playing .db-ball{width:58px!important;height:58px!important;font-size:0!important;background:url('../img/game/soccer-ball.svg') center/contain no-repeat!important;filter:drop-shadow(0 13px 9px rgba(0,0,0,.32))!important}body.playing .db-ball-zone small{font-size:7px!important;color:#fff!important;background:rgba(3,24,19,.48)!important;border:1px solid rgba(255,255,255,.09)!important;padding:4px 7px!important;border-radius:999px!important}.db-game-crosshair{display:none!important}body.playing .db-keeper-speed,body.playing .db-combo,body.playing .db-bonus-pop,body.playing .db-perfect-pop{font-size:7px!important;padding:5px 7px!important;background:rgba(3,24,19,.66)!important;backdrop-filter:blur(7px)!important}body.playing .db-keeper-speed{left:1.5%!important;top:10%!important}body.playing .db-combo{right:1.5%!important;top:10%!important}.db-keeper-speed span{display:none!important}body.playing .db-bonus-pop,body.playing .db-perfect-pop{top:18%!important}
body.playing.is-fullscreen .db-stage{width:min(calc(100vw - 10px),calc((100dvh - 66px)*1.7777778))!important;height:min(calc(100dvh - 66px),calc((100vw - 10px)/1.7777778))!important}
.db-orientation-gate{background:rgba(2,14,22,.82)!important;backdrop-filter:blur(10px)!important}.db-orientation-card{background:#fff!important;color:#17382d!important;border-radius:22px!important;box-shadow:0 24px 60px rgba(0,0,0,.24)!important}.db-orientation-card button{background:#0a694f!important;color:#fff!important;border:0!important;border-radius:13px!important}

@media(max-width:900px){#gameHome.active{grid-template-columns:1fr!important;grid-template-areas:"hero" "player" "actions" "rank"!important}.db-game-main{padding:10px!important}.db-hero-v72{min-height:360px!important;border-radius:21px!important}.db-hero-copy-v72{left:18px!important;top:24px!important;max-width:75%!important}.db-hero-copy-v72 h1{font-size:40px!important}.db-hero-copy-v72 p{font-size:11px!important}.db-hero-keeper-v72{height:65%!important;right:-13%!important}.db-independence-note{left:18px!important;bottom:14px!important;max-width:78%!important;font-size:8px!important}.db-player-card,.db-home-actions,.db-live-ranking-preview{border-radius:18px!important;padding:14px!important}}
@media(max-width:700px){body.playing #gamePlay.active{padding:4px!important;gap:4px!important}.db-game-hud{height:47px!important;grid-template-columns:34px repeat(5,minmax(0,1fr)) 34px!important;gap:3px!important;padding:3px!important;border-radius:13px!important}.db-hud-close,.db-fullscreen-btn{width:34px!important;border-radius:9px!important}.db-hud-item{padding:3px!important;border-radius:9px!important}.db-hud-item small{font-size:5.8px!important}.db-hud-item b{font-size:10px!important}body.playing .db-stage{width:min(calc(100vw - 8px),calc((100dvh - 55px)*1.7777778))!important;height:min(calc(100dvh - 55px),calc((100vw - 8px)/1.7777778))!important;border-radius:15px!important}body.playing .db-shot-message{bottom:52px!important;min-width:155px!important}.db-shot-message b{font-size:10px!important}.db-shot-message span{font-size:6.5px!important}body.playing .db-salesian-phrase{top:2%!important;font-size:6.5px!important;padding:4px 6px!important}body.playing .db-ball{width:43px!important;height:43px!important}body.playing .db-ball-zone{bottom:1.5%!important}.db-ball-zone small{font-size:6px!important;padding:3px 5px!important}body.playing .db-keeper-speed,body.playing .db-combo{top:7%!important;font-size:6px!important;padding:4px 5px!important}}
@media(orientation:landscape) and (max-height:520px){body.playing .db-stage{width:min(calc(100vw - 8px),calc((100dvh - 53px)*1.7777778))!important;height:min(calc(100dvh - 53px),calc((100vw - 8px)/1.7777778))!important}}
@media(prefers-reduced-motion:reduce){.db-game-body *{animation:none!important;transition:none!important}}