/*
Theme Name: HSMP Arcade Compare
Theme URI: https://hsmp.us/
Author: Playtest Lab
Description: A colourful mobile-first comparison hub for mobile games and player-friendly reviews.
Version: 1.20.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: hsmp-arcade-compare
*/
:root{--navy:#17234c;--blue:#2962ff;--orange:#ff6d19;--yellow:#ffd33d;--cream:#fff8e9;--pink:#ff3f88;--ink:#20233a;--white:#fff;--radius:24px;--sans:'Trebuchet MS',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 var(--sans);padding-bottom:84px}a{color:var(--blue)}img{max-width:100%;height:auto}.shell{width:min(1160px,calc(100% - 32px));margin:auto}.arcade-header{background:var(--navy);color:#fff;padding:18px 0;border-bottom:6px solid var(--yellow);position:relative;overflow:hidden}.arcade-header:after{content:'';position:absolute;width:250px;height:250px;border-radius:50%;background:var(--pink);filter:blur(80px);opacity:.25;right:-40px;top:-120px}.head-row{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:1}.brand-link{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand-token{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--orange),var(--yellow));color:var(--navy);font-weight:900;box-shadow:0 5px 0 #b53d00}.site-name{font-size:26px;font-weight:900}.tagline{margin:0;color:#cad3ff;font-size:13px}.quick-search input{border:0;border-radius:999px;padding:13px 18px;min-width:260px}.hero-zone{background:linear-gradient(135deg,#2446bd,var(--blue));color:#fff;position:relative;overflow:hidden}.hero-zone:before{content:'★';position:absolute;right:7%;top:-25px;color:#ffffff1c;font-size:250px;transform:rotate(12deg)}.hero-inner{padding:55px 0;display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.kicker{display:inline-block;background:var(--yellow);color:var(--navy);font-size:12px;font-weight:900;letter-spacing:.1em;padding:7px 12px;border-radius:999px;text-transform:uppercase}.hero-zone h1{font-size:clamp(38px,6vw,70px);line-height:.98;margin:18px 0;text-shadow:0 4px 0 #162977}.hero-bubbles{display:grid;grid-template-columns:1fr 1fr;gap:16px;transform:rotate(2deg)}.bubble{background:#ffffff18;border:2px solid #ffffff3d;border-radius:36px;padding:24px;text-align:center;backdrop-filter:blur(8px);box-shadow:0 12px 0 #14287855}.bubble b{display:block;font-size:26px}.compare-area{padding:44px 0}.block-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.block-head h1,.block-head h2{font-size:34px;line-height:1;margin:0}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-card{background:#fff;border:2px solid #ece4d1;border-radius:var(--radius);overflow:hidden;box-shadow:0 9px 0 #e7dcc4;transition:.2s}.game-card:hover{transform:translateY(-5px);box-shadow:0 14px 0 #e7dcc4}.game-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card-copy{padding:21px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{background:#edf1ff;color:#2141a8;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800}.game-card h2{font-size:24px;line-height:1.1;margin:13px 0}.game-card h2 a{color:var(--ink);text-decoration:none}.score-line{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #d9d2c3;padding-top:13px;color:#666;font-size:13px}.read-button{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;font-weight:900;border-radius:12px;padding:10px 14px;box-shadow:0 4px 0 #a93600}.article-panel{width:min(850px,calc(100% - 32px));margin:42px auto;background:#fff;border-radius:30px;padding:clamp(24px,5vw,58px);box-shadow:0 12px 0 #e8ddc7}.article-panel h1{font-size:clamp(38px,6vw,64px);line-height:1.02;margin:.3em 0}.meta{color:#68708d;font-size:13px;font-weight:700}.entry-content h2{color:var(--navy);font-size:33px;line-height:1.15;margin-top:1.5em}.entry-content h3{color:var(--blue);font-size:25px}.entry-content table{border-collapse:separate;border-spacing:0;width:100%;overflow:hidden;border-radius:15px;border:2px solid #dfe5fa}.entry-content th,.entry-content td{padding:12px;text-align:left;border-bottom:1px solid #dfe5fa}.entry-content th{background:var(--navy);color:#fff}.arcade-footer{background:var(--navy);color:#dbe2ff;padding:45px 0 100px;margin-top:45px}.arcade-footer a{color:#fff}.bottom-nav{position:fixed;z-index:10;bottom:12px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 24px));background:#fff;border:2px solid #e4ddcb;border-radius:22px;padding:10px;box-shadow:0 15px 45px #131b3955}.bottom-nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:space-around;gap:6px}.bottom-nav a{display:block;color:var(--navy);font-size:12px;font-weight:900;text-align:center;text-decoration:none;padding:9px 12px;border-radius:13px}.bottom-nav a:before{content:'●';display:block;color:var(--orange);font-size:17px}.bottom-nav a:hover,.bottom-nav .current-menu-item a{background:#fff0d8}.pagination{margin:30px 0}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}@media(max-width:800px){.quick-search{display:none}.hero-inner{grid-template-columns:1fr}.hero-bubbles{display:none}.game-grid{grid-template-columns:1fr 1fr}.bottom-nav a{font-size:10px;padding:7px}.arcade-footer{padding-bottom:110px}}@media(max-width:520px){.game-grid{grid-template-columns:1fr}.site-name{font-size:21px}.article-panel{border-radius:20px}.hero-zone h1{font-size:43px}}