/*
Theme Name: MiniPlayables
Author: MiniPlayables
Description: Eight self-hosted 3D arcade games with actual gameplay covers and no advertisements.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: miniplayables
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--ink:#24233d;--purple:#6950df;--muted:#77778e;--line:#e7e7f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:#f8f9ff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #ffb856;outline-offset:4px}header,main,footer{max-width:1360px;margin:auto;padding-left:36px;padding-right:36px}header{height:95px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;font-weight:800;font-size:25px;letter-spacing:-1.2px}.brand>span:not(.logo){color:var(--purple)}.logo{width:36px;height:36px;display:grid;place-items:center;background:var(--purple);color:#fff;border-radius:12px;margin-right:10px;font-size:15px}.brand i{width:6px;height:6px;border-radius:50%;background:#ffb454;margin-left:3px;align-self:flex-end;margin-bottom:5px}.header-note{margin-left:auto;color:var(--muted);font-size:13px}.browse{font-size:13px;font-weight:bold;padding-left:25px;border-left:1px solid var(--line)}.catalog{padding-top:45px}.catalog-head{display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--purple);font-weight:bold;margin:0 0 13px}h1{font-size:46px;letter-spacing:-2px;margin:0 0 12px}h1 span{color:var(--purple)}.subtitle{color:var(--muted);font-size:15px;margin:0}.search{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 18px;width:285px}.search span{font-size:23px;color:var(--muted)}input{min-width:0;width:100%;background:none;border:0;font-size:14px;color:var(--ink);outline:none}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0 23px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:#fff;border:1px solid var(--line);border-radius:25px;padding:10px 18px;font-size:13px;color:#626179;font-weight:bold}.filters button.active{color:#fff;background:#292840;border-color:#292840}.capture-note{font-size:11px;color:var(--muted)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.game-card{padding:7px;background:white;border:1px solid var(--line);border-radius:18px;color:var(--ink);text-align:left;overflow:hidden;transition:transform .15s,box-shadow .15s;min-width:0}.game-card:hover{transform:translateY(-4px);box-shadow:0 15px 25px #29284012}.game-card[hidden]{display:none}.game-art{position:relative;aspect-ratio:1000/720;overflow:hidden;border-radius:12px;background:#ece9fa}.game-art img{width:100%;height:100%;object-fit:cover;display:block}.game-tag{position:absolute;top:10px;left:10px;font-size:9px;font-weight:bold;letter-spacing:1px;background:#16233aac;border:1px solid #ffffff35;color:#fff;border-radius:7px;padding:6px 8px;backdrop-filter:blur(6px)}.play-chip{position:absolute;bottom:10px;right:10px;background:#fff;color:var(--purple);width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:12px;box-shadow:0 3px 8px #0002}.card-info{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 7px 10px}.card-info h2{font-size:17px;letter-spacing:-.45px;margin:0 0 7px}.card-info p{font-size:12px;line-height:1.5;margin:0;color:var(--muted);min-height:36px}.card-info>span{font-size:21px;color:#a1a0b6}.foot-note{display:flex;align-items:center;gap:18px;padding:25px 28px;background:#eeebfb;border-radius:17px;margin:32px 0}.foot-note>span:first-child{font-size:38px;color:var(--purple)}.foot-note strong{font-size:16px}.foot-note p{font-size:13px;color:var(--muted);margin:6px 0 0}.local-tag{margin-left:auto;font-size:12px;color:var(--purple)}footer{padding-top:23px;padding-bottom:28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px}footer .brand{font-size:20px}footer .logo{width:30px;height:30px;font-size:12px}footer>span{color:var(--muted);font-size:12px;margin-left:auto}footer>span:last-child{margin-left:0}#no-results{text-align:center;padding:50px;color:var(--muted)}#player{padding:0;border:1px solid #42445d;border-radius:18px;background:#171a36;color:#fff;width:min(1180px,96vw);height:min(850px,96dvh);max-height:96dvh;overflow:hidden;box-shadow:0 30px 100px #0008}#player::backdrop{background:#10152bd4;backdrop-filter:blur(10px)}.player-bar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #ffffff20}.player-bar h2{font-size:13px;margin:0;color:#c7cbe1}.player-bar button{background:none;border:0;color:#fff;font-size:13px;padding:10px}#frame-wrap{height:calc(100% - 47px)}#frame-wrap iframe{width:100%;height:100%;border:0;display:block}.wp-content{padding-top:35px;padding-bottom:50px}.wp-content img{max-width:100%;height:auto}@media(max-width:1100px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capture-note{display:none}}@media(max-width:760px){header,main,footer{padding-left:20px;padding-right:20px}header{height:78px}.header-note{display:none}.browse{margin-left:auto;border:0;padding-left:0}.catalog-head{align-items:stretch;flex-direction:column}.search{width:100%}h1{font-size:37px;letter-spacing:-1.5px}.catalog{padding-top:30px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.filter-row{margin-top:22px}.filters button{padding:9px 14px}.card-info{padding:11px 3px 7px}.card-info h2{font-size:15px}.card-info p{font-size:11px}.card-info>span{display:none}.foot-note{padding:20px}.local-tag{display:none}footer>span:last-child{display:none}.brand{font-size:22px}.game-tag{font-size:8px;padding:5px}.play-chip{width:28px;height:28px}.player-bar{height:40px}#frame-wrap{height:calc(100% - 40px)}#player{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0}}@media(max-width:350px){.game-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-card{transition:none}}