/* Idle AtlasWorld — secțiunea „Joc” (completare pentru baroque.css) */
.site-baroque .aw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 32px;background:linear-gradient(135deg,#efd29a,#b89150);border:1px solid #f0d69f;border-radius:4px;color:#17202a;font-family:inherit;font-size:16px;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 2px #71502440,0 8px 24px #0006;transition:filter .2s,transform .2s}
.site-baroque .aw-btn:hover{filter:brightness(1.07);transform:translateY(-1px);color:#17202a}
.site-baroque .aw-btn-ghost{background:transparent;color:var(--aw-gold);border:1px solid #9b7847;box-shadow:none}
.site-baroque .aw-btn-ghost:hover{color:var(--aw-gold-bright);background:#dfbd7d10}
.site-baroque nav a[aria-current=page]{color:var(--aw-gold-bright);box-shadow:inset 0 -1px 0 var(--aw-gold)}

/* Teaser pe pagina principală */
.site-baroque .game-shot{position:relative;display:block;max-width:900px;margin:34px auto 26px;border:1px solid #8e7248a6;box-shadow:0 0 0 5px #060e19,0 0 0 6px #8e724866,0 24px 60px #000a;line-height:0;overflow:hidden}
.site-baroque .game-shot img{display:block;width:100%;height:auto;transition:transform .5s ease}
.site-baroque .game-shot:hover img{transform:scale(1.015)}
.site-baroque .game-shot::after{content:'▶';position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-left:6px;font-size:30px;line-height:1;color:#17202a;background:linear-gradient(135deg,#efd29a,#b89150);box-shadow:0 0 0 6px #08121f99,0 10px 30px #000a;transition:transform .2s}
.site-baroque .game-shot:hover::after{transform:scale(1.08)}
.site-baroque .game-cta{display:flex;flex-direction:column;align-items:center;gap:14px}
.site-baroque .game-cta small{color:var(--aw-muted);font-size:12px;letter-spacing:.03em;line-height:1.7}

@media(max-width:700px){
 .site-baroque .game-shot{margin:26px auto 22px}
 .site-baroque .game-shot::after{width:64px;height:64px;margin:-32px 0 0 -32px;font-size:24px}
}
/* Pagina /joc/ — jocul ocupă exact ecranul de sub antetul compact (fără ecran complet, fără file noi) */
.site-baroque.joc-page{overflow-x:clip}
.site-baroque .joc-screen{height:100vh;height:100dvh;min-height:480px;display:flex;flex-direction:column}
.site-baroque .joc-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px 18px;padding:8px 24px;border-bottom:1px solid #8e724855;text-align:left}
.site-baroque .joc-brand{display:flex;flex-direction:column;text-decoration:none;flex:none}
.site-baroque .joc-brand .brand{font-size:22px;letter-spacing:.16em;line-height:1.1}
.site-baroque .joc-brand .tag{font-size:8px;letter-spacing:.28em;margin-top:3px}
.site-baroque .joc-head nav{margin:0;gap:0 clamp(6px,1.6vw,22px);max-width:none;flex:1 1 auto}
.site-baroque .joc-head nav a{min-height:36px;font-size:14px}
.site-baroque .joc-head .atlas-language-strip{flex-direction:row;padding:0;flex:none}
.site-baroque .joc-head .atlas-language-picker{min-height:32px}
.site-baroque .game-stage{flex:1 1 auto;min-height:0;display:flex;padding:12px 24px 0;max-width:1440px;width:100%;margin:0 auto;box-sizing:border-box}
.site-baroque .game-frame{flex:1;min-height:0;position:relative;border:1px solid #8e7248a6;box-shadow:0 0 0 4px #060e19,0 0 0 5px #8e724866,0 24px 60px #000b;background:#060e19}
.site-baroque .game-frame::before,.site-baroque .game-frame::after{content:'';position:absolute;width:40px;height:40px;background:var(--aw-corner) center/contain no-repeat;z-index:2;pointer-events:none}
.site-baroque .game-frame::before{left:-12px;top:-12px}
.site-baroque .game-frame::after{right:-12px;bottom:-12px;transform:rotate(180deg)}
.site-baroque .game-frame iframe{display:block;width:100%;height:100%;border:0;background:#22190f}
.site-baroque .joc-below{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;height:34px;padding:0 28px;max-width:1440px;width:100%;margin:0 auto;box-sizing:border-box;font-size:12px}
.site-baroque .joc-below a{color:var(--aw-gold);text-decoration:none}
.site-baroque .joc-below a:hover{color:var(--aw-gold-bright)}
.site-baroque .joc-below small{color:var(--aw-muted);font-size:11px}
.site-baroque .game-page{padding-top:56px}
.site-baroque .how{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1000px;margin:34px auto 0;text-align:center}
.site-baroque .how div{padding:20px 14px;border-top:1px solid #9f7c4266}
.site-baroque .how b{display:block;font-family:Newsreader,Georgia,serif;font-weight:400;font-size:20px;color:var(--aw-gold-bright);margin:8px 0 6px}
.site-baroque .how span{font-size:28px}
.site-baroque .how p{font-size:14px;line-height:1.7;margin:0}
@media(max-width:1000px){
 .site-baroque .joc-head{flex-wrap:wrap;padding:6px 16px}
 .site-baroque .joc-head nav{order:3;flex-basis:100%;justify-content:center}
 .site-baroque .joc-head nav a{min-height:30px}
}
@media(max-width:700px){
 .site-baroque .joc-head{padding:4px 10px 0;gap:0 8px}
 .site-baroque .joc-brand .brand{font-size:17px;letter-spacing:.12em}
 .site-baroque .joc-brand .tag{display:none}
 .site-baroque .joc-head .atlas-language-picker>span{display:none}
 .site-baroque .joc-head .atlas-language-picker select{width:100px}
 .site-baroque .joc-head nav{gap:0 4px}
 .site-baroque .joc-head nav a{font-size:12px;min-height:30px;padding:0 3px}
 .site-baroque .game-stage{padding:6px 6px 0}
 .site-baroque .game-frame{box-shadow:0 0 0 2px #060e19,0 0 0 3px #8e724866}
 .site-baroque .game-frame::before,.site-baroque .game-frame::after{display:none}
 .site-baroque .joc-below{height:28px;padding:0 10px;font-size:11px}
 .site-baroque .joc-below small{font-size:10px;text-align:right}
 .site-baroque .how{grid-template-columns:1fr 1fr;gap:10px}
 .site-baroque .game-page.section{padding-top:36px;padding-bottom:18px}
}