:root{color-scheme:dark;--ink:#fff9ed;--muted:#c9c1b5;--panel:#191817;--line:rgba(255,255,255,.12);--red:#ef3340;--yellow:#ffd23f;--blue:#1789fc;--green:#19b86b}*{box-sizing:border-box}body{margin:0;font-family:Outfit,system-ui,sans-serif;color:var(--ink);background:#0d0d0d;min-height:100vh}.games-page{background:radial-gradient(circle at 15% 15%,rgba(239,51,64,.3),transparent 34%),radial-gradient(circle at 85% 80%,rgba(23,137,252,.25),transparent 38%),#0d0d0d}.games-shell{width:min(1080px,calc(100% - 32px));margin:auto;padding:44px 0 80px}.games-hero{max-width:660px;margin-bottom:36px}.games-back,.uno-back{color:var(--muted);text-decoration:none;font-weight:700}.games-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:var(--yellow);font-size:.78rem;margin:42px 0 8px}.games-hero h1{font-size:clamp(2.6rem,8vw,5.7rem);line-height:.9;margin:0 0 20px;letter-spacing:-.05em}.games-hero>p:last-child{color:var(--muted);font-size:1.1rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}.game-tile{min-height:230px;border:1px solid var(--line);border-radius:28px;padding:28px;color:var(--ink);text-decoration:none;background:rgba(26,25,24,.82);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.game-tile-uno{transition:transform .2s,border-color .2s}.game-tile-uno:hover{transform:translateY(-4px);border-color:rgba(255,210,63,.55)}.game-tile-uno:after{content:"";position:absolute;inset:-50% 45% -50% -15%;background:var(--red);transform:rotate(18deg);opacity:.16}.game-tile strong{display:block;font-size:1.8rem}.game-tile small{display:block;color:var(--muted);margin-top:5px}.game-tile b{align-self:flex-end}.uno-mini{display:flex;gap:5px;z-index:1}.uno-mini i{font-style:normal;font-size:2.3rem;font-weight:900;width:52px;height:70px;border-radius:12px;display:grid;place-items:center;transform:rotate(-7deg);background:var(--red);box-shadow:0 5px 0 #8d1420}.uno-mini i:nth-child(2){background:var(--blue);box-shadow:0 5px 0 #0e4e91;transform:rotate(4deg)}.uno-mini i:nth-child(3){background:var(--yellow);color:#222;box-shadow:0 5px 0 #997b12;transform:rotate(9deg)}.game-soon{opacity:.55}.soon-icon{font-size:4rem;font-weight:200}
