/* Shared Pawe actions: clear labels and original, resolution-independent icons. */
.action-icon{display:block;flex:none;width:20px;height:20px;overflow:visible}
.button-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:9px;background:#ffffff16}
.button-label{min-width:0}
.btn,.game-play{--action-fill:#75458d;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 17px;border:1px solid #64377c;border-radius:14px;background:linear-gradient(150deg,#84549b,#6b3c84);color:#fffaf3;font:900 14px/1.2 'Nunito','DM Sans',sans-serif;letter-spacing:.01em;text-align:center;text-decoration:none;text-shadow:none;box-shadow:0 3px 0 #4f2b65,0 5px 10px #51316420,inset 0 1px 0 #ffffff22;cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}
.btn:hover,.game-play:hover{background:linear-gradient(150deg,#79488f,#603276);color:#fffaf3;transform:translateY(-1px);box-shadow:0 4px 0 #4f2b65,0 7px 14px #51316426;filter:none}
.btn:active,.game-play:active{transform:translateY(2px);box-shadow:0 1px 0 #4f2b65}
.btn.secondary{--action-fill:#fff5e7;background:linear-gradient(150deg,#fffaf0,#f6e7d7);color:#5a356e;border-color:#dcc5d8;box-shadow:0 3px 0 #c5a7cc,0 5px 10px #51316412,inset 0 1px 0 #fff}
.btn.secondary .button-icon{background:#8a5a9d0d}
.btn.secondary:hover{background:#fffdf5;color:#4e285f;border-color:#c4a1cf;box-shadow:0 4px 0 #b99ac1,0 7px 14px #5131641a}
.btn.danger{background:#a54461;color:#fff;border-color:#8b2f4b;box-shadow:0 3px 0 #6e233b}
.btn.danger:hover{background:#92344f;box-shadow:0 4px 0 #6e233b}
.btn:focus-visible,.game-play:focus-visible{outline:3px solid #cba2dd;outline-offset:4px}
.btn:disabled,.btn[aria-disabled="true"],.game-play[aria-disabled="true"]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.game-play{display:flex;width:100%;max-width:220px;margin:0 auto}
.hero-actions{width:100%}
.hero-actions .btn{flex:1 1 auto;min-width:0;padding-inline:14px;font-size:14px;white-space:nowrap;text-shadow:none}
.hero-actions .button-icon{width:22px;height:24px;background:none}
.hero-actions .btn:focus-visible{outline-color:#ffdfa4}
.feature-action-icon{display:grid!important;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#eee1f2;color:#805294;line-height:1}
.feature-action-icon .action-icon{width:25px;height:25px}
.top .action-icon{width:16px;height:16px}
@media(max-width:650px){.btn,.game-play{min-height:48px}.hero-actions .btn{flex:1 1 160px;font-size:14px}}
@media(max-width:400px){.top .action-icon{display:none}}
@media(prefers-reduced-motion:reduce){.btn,.game-play{transition:none}.btn:hover,.game-play:hover,.btn:active,.game-play:active{transform:none}}

/* Four game covers retain comfortable reading widths. */
@media(min-width:761px){.games-showcase .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1550px){.games-showcase .game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
