/* css/sites/fruv.css: aba Fruv Jogos */
.site-fruv { background: #0b1a3a; color: #fff; }
.fv { padding: 0 0 12px; font-family: Tahoma, Arial, sans-serif; }
.fv-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 10px 14px; background: linear-gradient(#ff8a00, #e04a00); border-bottom: 4px solid #ffd23a; }
.fv-logo { display: flex; flex-direction: column; line-height: 1; }
.fv-logo b { font: 900 34px/1 "Arial Black", Impact, sans-serif; letter-spacing: 2px; color: #fff; text-shadow: 2px 2px 0 #7a1f00, 4px 4px 0 rgba(0,0,0,.25); transform: skew(-6deg); }
.fv-logo small { color: #fff3c0; font-weight: bold; margin-top: 2px; }
.fv-search { flex: 1; min-width: 140px; padding: 6px 10px; border: 2px solid #fff; border-radius: 14px; font-size: 13px; }
.fv-rand { padding: 6px 12px; border: 2px solid #fff; border-radius: 14px; background: #2f7be0; color: #fff; font-weight: bold; cursor: pointer; }
.fv-rand:hover { background: #1f5fc0; }
.fv-count { color: #fff; font-size: 12px; }
.fv-cats { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 14px; background: #10265a; }
.fv-cat { padding: 4px 12px; border-radius: 12px; border: 1px solid #3a5aa0; background: #183a7a; color: #cfe0ff; font-weight: bold; font-size: 12px; cursor: pointer; }
.fv-cat.on, .fv-cat:hover { background: #ffd23a; color: #2a1a00; border-color: #fff; }
.fv-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; padding: 12px 14px; }
.fv-tile { display: flex; flex-direction: column; text-align: left; gap: 3px; padding: 6px; background: #14306b; border: 2px solid #284c9a; border-radius: 8px; color: #fff; cursor: pointer; font-family: inherit; }
.fv-tile:hover { border-color: #ffd23a; transform: translateY(-2px); background: #1a3d86; }
.fv-art { height: 78px; border-radius: 6px; display: flex; align-items: center; justify-content: center; }
.fv-emoji { font-size: 40px; filter: drop-shadow(2px 3px 2px rgba(0,0,0,.5)); }
.fv-name { font-size: 13px; }
.fv-desc { font-size: 11px; color: #b8caf0; line-height: 1.25; min-height: 28px; }
.fv-rec { color: #ffd23a; font-size: 11px; }
.fv-foot { padding: 6px 14px; text-align: center; color: #8aa2d8; font-size: 11px; }
.site-fruv .muted { color: #b8caf0; padding: 20px; }