/* V25 – central Games e Stories: interface responsiva, sem dependências externas. */
.app-shell.games{grid-template-columns:minmax(0,1fr);max-width:1620px;gap:0}
.app-shell.games .rail{display:none}
.games-hub{padding:26px clamp(14px,3.2vw,42px) 100px;max-width:1320px;margin:auto}
.games-intro{padding:28px clamp(18px,4vw,40px);margin-bottom:23px;background:linear-gradient(110deg,#134d38,#238c63);color:white;border-radius:22px}
.games-eyebrow{font-weight:800;font-size:11px;letter-spacing:.15em;color:#b7f5c8}
.games-intro h1{font-size:clamp(25px,4vw,39px);margin:7px 0}
.games-intro p{color:#d0eedd;font-size:14px}
.game-feature{border:1px solid var(--line);box-shadow:0 9px 30px #07372215;background:var(--bg);border-radius:24px;display:grid;grid-template-columns:minmax(220px,40%) minmax(0,1fr);gap:26px;overflow:hidden;padding:24px;align-items:center}
.game-art{width:100%;max-height:310px;object-fit:contain;filter:drop-shadow(0 12px 12px #0002)}
.game-description>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--accent)}
.game-description h2{font-size:clamp(24px,3vw,36px);margin:9px 0}
.game-description p{font-size:15px;line-height:1.7;margin-bottom:20px}
.game-description small{display:block;margin-top:14px;line-height:1.5}
.game-buttons{display:flex;flex-wrap:wrap;gap:9px}
.game-buttons button{border-radius:12px;min-height:46px}
#farm-game-frame{margin:28px 0 0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#122a24;box-shadow:0 15px 55px #001e1440}
#farm-game-frame[hidden]{display:none}
.game-frame-head{background:#122a24;color:white;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:8px;flex-wrap:wrap}
.game-frame-head div{display:flex;gap:8px;flex-wrap:wrap}
.game-frame-head button{background:#ffffff20;color:#fff;font-size:12px}
#farm-game-frame iframe{display:block;border:0;width:100%;height:clamp(520px,83dvh,1020px);background:#0d3627}
.farm-link-dialog{max-width:480px;max-height:80dvh;overflow:auto;padding:25px}
.farm-link-dialog p{line-height:1.7;margin:15px 0;color:var(--muted)}
/* Story premium: imagem/vídeo inteiro, controles em primeiro plano, espaço exclusivo para interações. */
.story-dialog:has(.story-polished){background:#0d1114;color:#fff;border:0;padding:0;overflow:hidden}
.story-player.story-polished{border-radius:15px;background:#080c0e;height:min(820px,94dvh);min-height:440px;display:flex;flex-direction:column}
.story-polished .story-content{min-height:0;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080c0e}
.story-polished .story-content img,.story-polished .story-content video{height:100%;width:100%;object-fit:contain;display:block}
.story-polished .story-progress{top:12px;left:14px;right:14px;gap:5px;z-index:8}
.story-polished .story-progress span{height:3px;border-radius:6px;overflow:hidden;background:#ffffff55}
.story-polished .story-progress i{background:#fff;border-radius:6px;transition:width .09s linear}
.story-polished .story-topbar{top:0;padding:25px 14px 30px;display:flex;gap:12px;z-index:7;background:linear-gradient(#000b,#0000)}
.story-polished .story-author{display:flex;align-items:center;gap:9px;text-align:left;min-width:0;color:#fff}
.story-polished .story-author span:not(.avatar){display:flex;flex-direction:column;min-width:0}
.story-polished .story-author strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.story-polished .story-author small{font-size:11px;color:#fff9}
.story-polished .story-toolbar{display:flex;gap:6px;flex-shrink:0}
.story-polished .story-control{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;background:#0008;border:1px solid #ffffff55;color:#fff;backdrop-filter:blur(9px)}
.story-polished .story-control .ico{height:19px;width:19px}
.story-polished .story-caption{position:absolute;bottom:10px;left:12%;right:12%;z-index:2;width:auto;max-height:25%;overflow:auto;background:#080c0e8a;backdrop-filter:blur(7px);border-radius:13px;padding:9px 12px;pointer-events:none;font-size:13px;text-shadow:0 1px 3px #000}
.story-polished .story-caption:empty{display:none}
.story-polished .story-interactions{display:flex;flex-direction:column;gap:10px;padding:11px 16px 15px;z-index:6;background:linear-gradient(#080c0e,#101619)}
.story-polished .story-emoji-bar{display:flex;justify-content:center;align-items:center;gap:5px}
.story-polished .story-emoji-bar button{font-size:24px;line-height:1;background:#ffffff16;border-radius:50%;width:48px;height:44px;transition:transform .12s ease,background .12s ease}
.story-polished .story-emoji-bar button:hover,.story-polished .story-emoji-bar button.active{transform:scale(1.12);background:#ffffff3d}
.story-polished #story-reply{display:flex;gap:8px;width:100%;padding:0;margin:0}
.story-polished #story-reply input{flex:1;width:auto;border:1px solid #ffffff55;color:white;background:#ffffff12;border-radius:50px;padding:11px 16px;font-size:13px;min-height:45px}
.story-polished #story-reply input::placeholder{color:#fffb}
.story-polished #story-reply button{background:#2b9475;color:white;border-radius:50%;width:44px;height:44px}
.story-polished .story-owner-actions{position:relative;display:flex;gap:12px;justify-content:center;padding:14px}
.story-polished .story-owner-actions button{position:static;background:#ffffff20;border-radius:20px;color:white;border:1px solid #ffffff55;padding:10px}
.story-polished .story-prev,.story-polished .story-next{z-index:4;top:50%;color:#fff}
.story-polished .story-poll{z-index:6}
.story-polished .story-tap-zones{z-index:2}
@media(max-width:850px){.game-feature{grid-template-columns:1fr;text-align:center}.game-art{max-height:225px}.game-buttons{justify-content:center}.games-hub{padding:15px 13px 85px}.game-frame-head{font-size:12px}#farm-game-frame iframe{height:calc(100dvh - 155px);min-height:470px}.story-player.story-polished{height:100dvh;max-height:100dvh;border-radius:0}.story-dialog:has(.story-polished){width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.story-polished .story-topbar{padding-right:52px}.story-polished .story-emoji-bar button{width:43px;height:42px;font-size:22px}.story-polished .story-interactions{padding:9px 12px max(13px,env(safe-area-inset-bottom))}.story-polished .story-caption{font-size:12px;left:9%;right:9%}}

@media(max-width:700px){.mobile-dock{display:flex;justify-content:space-around;gap:0}.mobile-dock .nav-item{min-width:0;flex:1 1 0;padding:8px 0;font-size:9px}.mobile-dock .nav-item .ico{width:20px;height:20px}.app-shell.games{display:block}}