.game-wrap{background:var(--bg-card,#141414);border:1px solid var(--border,#2a2a2a);border-radius:14px;padding:20px;margin:10px 0;max-width:560px;display:flex;flex-direction:column;gap:14px;align-items:center;outline:none;}
.game-header{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;}
.game-title{font-size:22px;font-weight:700;color:var(--text,#eee);}
.game-status{font-size:15px;color:var(--text-dim,#aaa);min-height:20px;text-align:center;}
.game-board{display:flex;justify-content:center;align-items:center;position:relative;}
.game-pad{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none;}
.game-controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center;}
.game-btn{background:#2a6bd8;color:#fff;border:0;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;}
.game-btn:hover{background:#3a7ce8;}
.ttt-board{display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(3,100px);gap:8px;}
.ttt-cell{width:100px;height:100px;background:#1e1e1e;border:2px solid #333;border-radius:10px;color:#fff;font-size:48px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s;}
.ttt-cell:not(:disabled):hover{background:#2a2a2a;}
.ttt-cell:disabled{cursor:default;}
.ttt-cell.win{background:#1f4d1f;border-color:#4caf50;}
.c4-board{display:grid;grid-template-columns:repeat(7,52px);grid-template-rows:repeat(6,52px);gap:4px;background:#1a3a7c;padding:8px;border-radius:10px;}
.c4-cell{width:52px;height:52px;background:#0a0a0a;border-radius:50%;border:0;cursor:pointer;transition:transform .15s;padding:0;}
.c4-cell:not(:disabled):hover{transform:scale(1.05);}
.c4-cell.red{background:radial-gradient(circle at 35% 35%,#ff6b6b,#c72d2d);}
.c4-cell.yellow{background:radial-gradient(circle at 35% 35%,#ffe36b,#d4a817);}
.c4-cell.win{box-shadow:0 0 0 3px #4caf50 inset;}
.snake-board{}
.snake-canvas{background:#0a0a0a;border:2px solid #333;border-radius:10px;display:block;touch-action:none;outline:none;}
.snake-canvas:focus{border-color:#2a6bd8;}
.snake-dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:4px;}
.snake-dpad .snake-dbtn:nth-child(1){grid-column:2;grid-row:1;}
.snake-dpad .snake-dbtn:nth-child(2){grid-column:2;grid-row:3;}
.snake-dpad .snake-dbtn:nth-child(3){grid-column:1;grid-row:2;}
.snake-dpad .snake-dbtn:nth-child(4){grid-column:3;grid-row:2;}
.snake-dbtn{width:52px;height:52px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:8px;font-size:22px;cursor:pointer;}
.snake-dbtn:active{background:#3a3a3a;}
.g2048-board{display:grid;grid-template-columns:repeat(4,90px);grid-template-rows:repeat(4,90px);gap:8px;background:#1a1a1a;padding:8px;border-radius:10px;}
.g2048-tile{width:90px;height:90px;background:#2a2a2a;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:#fff;transition:transform .12s;}
.g2048-tile.v2{background:#eee4da;color:#776e65;}
.g2048-tile.v4{background:#ede0c8;color:#776e65;}
.g2048-tile.v8{background:#f2b179;color:#fff;}
.g2048-tile.v16{background:#f59563;color:#fff;}
.g2048-tile.v32{background:#f67c5f;color:#fff;}
.g2048-tile.v64{background:#f65e3b;color:#fff;}
.g2048-tile.v128{background:#edcf72;color:#fff;font-size:26px;}
.g2048-tile.v256{background:#edcc61;color:#fff;font-size:26px;}
.g2048-tile.v512{background:#edc850;color:#fff;font-size:26px;}
.g2048-tile.v1024{background:#edc53f;color:#fff;font-size:22px;}
.g2048-tile.v2048{background:#edc22e;color:#fff;font-size:22px;}
.rps-board{flex-direction:column;gap:16px;}
.rps-display{min-height:120px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#ccc;width:100%;}
.rps-prompt{font-size:18px;color:#888;}
.rps-round{display:flex;align-items:center;justify-content:center;gap:20px;}
.rps-side{display:flex;flex-direction:column;align-items:center;gap:4px;}
.rps-big{font-size:60px;}
.rps-lbl{font-size:13px;color:#888;text-transform:uppercase;}
.rps-vs{font-size:20px;font-weight:700;padding:8px 14px;border-radius:8px;}
.rps-vs.win{background:#1f4d1f;color:#7ed67e;}
.rps-vs.lose{background:#4d1f1f;color:#ea6e6e;}
.rps-vs.tie{background:#3a3a3a;color:#aaa;}
.rps-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.rps-btn{background:#1e1e1e;color:#fff;border:2px solid #333;padding:14px 20px;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:100px;transition:transform .12s,border-color .15s;}
.rps-btn:hover{border-color:#2a6bd8;transform:translateY(-2px);}
.rps-emoji{font-size:40px;}
.rps-name{font-size:13px;text-transform:capitalize;color:#aaa;}
.mem-board{display:grid;grid-template-columns:repeat(4,72px);grid-template-rows:repeat(4,72px);gap:8px;}
.mem-card{width:72px;height:72px;background:#2a6bd8;border:0;border-radius:10px;color:#fff;font-size:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .12s;}
.mem-card.open{background:#1e1e1e;border:2px solid #444;}
.mem-card.matched{background:#1f4d1f;cursor:default;}
.mem-card:not(.open):not(.matched):hover{background:#3a7ce8;transform:translateY(-2px);}
@media(max-width:600px){
.ttt-board{grid-template-columns:repeat(3,82px);grid-template-rows:repeat(3,82px);}
.ttt-cell{width:82px;height:82px;font-size:40px;}
.c4-board{grid-template-columns:repeat(7,40px);grid-template-rows:repeat(6,40px);}
.c4-cell{width:40px;height:40px;}
.snake-canvas{width:320px;height:320px;}
.g2048-board{grid-template-columns:repeat(4,72px);grid-template-rows:repeat(4,72px);}
.g2048-tile{width:72px;height:72px;font-size:24px;}
.g2048-tile.v128,.g2048-tile.v256,.g2048-tile.v512{font-size:20px;}
.g2048-tile.v1024,.g2048-tile.v2048{font-size:17px;}
.mem-board{grid-template-columns:repeat(4,60px);grid-template-rows:repeat(4,60px);}
.mem-card{width:60px;height:60px;font-size:26px;}
}