.game-section{padding:64px 22px 82px;background:#f3f0e7}.game-wrap{max-width:980px;margin:0 auto}.game-intro{text-align:center;max-width:760px;margin:0 auto 28px}.game-intro h1{margin:0 0 12px;color:#a77a00;font-size:clamp(34px,6vw,58px);text-transform:uppercase;letter-spacing:.04em}.game-intro p{font-size:17px;line-height:1.6;color:#333}.game-panel{background:#151515;border-radius:8px;padding:18px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.game-hud{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#fff;font-weight:800;margin:0 2px 14px;flex-wrap:wrap}.game-hud span strong{color:#d7aa2a}.game-stage{position:relative;max-width:900px;margin:auto;aspect-ratio:16/10;background:#080808;border:2px solid #a77a00;border-radius:4px;overflow:hidden}.game-stage canvas{width:100%;height:100%;display:block;touch-action:none}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.72);padding:24px;text-align:center;color:#fff}.game-overlay[hidden]{display:none}.game-overlay-card{max-width:560px}.game-overlay h2{font-size:clamp(30px,6vw,52px);margin:0 0 12px;text-transform:uppercase}.game-overlay p{line-height:1.5;margin:0 0 22px}.game-btn{border:0;background:#a77a00;color:#fff;padding:15px 28px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:3px}.game-controls{display:flex;justify-content:center;gap:14px;margin-top:16px}.control-btn{width:92px;height:52px;border:1px solid rgba(255,255,255,.35);background:#2a2a2a;color:#fff;font-size:24px;border-radius:4px;touch-action:none}.game-help{text-align:center;color:#555;font-size:14px;line-height:1.55;margin-top:18px}@media(max-width:700px){.game-section{padding:42px 12px 58px}.game-panel{padding:10px}.game-stage{aspect-ratio:4/5}.game-hud{font-size:14px}.control-btn{width:120px}}

.game-switcher{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 24px}.game-choice{display:inline-block;padding:12px 18px;background:#242424;color:#fff;text-decoration:none;font-weight:800;border-radius:4px;border:2px solid transparent}.game-choice.active,.game-choice:hover{background:#a77a00;color:#fff}.snake-stage{max-width:720px;aspect-ratio:1/1}.snake-controls{display:grid;grid-template-columns:repeat(3,72px);grid-template-areas:". up ." "left down right";justify-content:center;gap:8px;margin-top:16px}.snake-controls .up{grid-area:up}.snake-controls .left{grid-area:left}.snake-controls .down{grid-area:down}.snake-controls .right{grid-area:right}.snake-controls .control-btn{width:72px}.snake-stage canvas{image-rendering:auto}@media(max-width:700px){.snake-stage{aspect-ratio:1/1}.snake-controls{grid-template-columns:repeat(3,76px)}.snake-controls .control-btn{width:76px}}
.game-pause-btn{border:1px solid #d7aa2a;background:transparent;color:#d7aa2a;padding:8px 15px;border-radius:3px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.game-pause-btn:hover,.game-pause-btn:focus{background:#d7aa2a;color:#111}.game-hud{justify-content:flex-start}.game-hud .game-pause-btn{margin-left:auto}@media(max-width:700px){.game-hud .game-pause-btn{margin-left:0}.game-hud{justify-content:space-between}.game-pause-btn{padding:7px 11px;font-size:12px}}

/* Premium Convoy Snake */
.convoy-premium-section{background:#f3f0e7}
.convoy-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:720px;margin:0 auto 14px}
.convoy-stat{background:#fff;border:1px solid rgba(0,0,0,.09);border-top:4px solid #a77a00;border-radius:6px;padding:15px 18px;text-align:center;box-shadow:0 9px 24px rgba(0,0,0,.07)}
.convoy-stat span{display:block;color:#666;font-size:12px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}
.convoy-stat strong{display:block;color:#171717;font-size:30px;line-height:1}
.convoy-panel{max-width:760px;margin:0 auto}
.convoy-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.convoy-speed-label{display:flex;flex-direction:column;gap:7px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;min-width:190px;flex:1}
.convoy-speed-label select{width:100%;height:46px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#292929;color:#fff;padding:0 12px;font-size:16px;font-weight:700}
.convoy-toolbar .game-btn,.convoy-toolbar .game-pause-btn{height:46px;padding:0 24px}
.convoy-message{min-height:22px;margin:2px 0 13px;color:#ddd;font-size:14px;line-height:1.45}
.convoy-stage{max-width:720px;background:#172019;border-color:#a77a00}
.convoy-stage canvas{width:100%;height:100%;display:block;touch-action:none;image-rendering:auto}
.convoy-badges{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:16px auto 0}
.convoy-badges span{background:#fff;border:1px solid rgba(167,122,0,.3);color:#6d5100;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:800}
@media(max-width:700px){
 .convoy-stats{gap:7px}.convoy-stat{padding:12px 8px}.convoy-stat strong{font-size:25px}
 .convoy-toolbar{display:grid;grid-template-columns:1fr 1fr}.convoy-speed-label{grid-column:1/-1;min-width:0}
 .convoy-toolbar .game-btn,.convoy-toolbar .game-pause-btn{width:100%;padding:0 12px}
 .convoy-message{text-align:center}.convoy-panel{padding:10px}
}


/* Shared game direction controls */
.game-controls .control-btn,
.snake-controls .control-btn {
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:56px!important;
  height:56px!important;
  min-width:56px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #777!important;
  border-radius:8px!important;
  background:#333!important;
  color:#fff!important;
  touch-action:none;
}
.game-controls{gap:8px!important;}
.control-arrow{display:block;width:0;height:0;}
.arrow-up{border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:17px solid #fff;}
.arrow-down{border-left:9px solid transparent;border-right:9px solid transparent;border-top:17px solid #fff;}
.arrow-left{border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:17px solid #fff;}
.arrow-right{border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:17px solid #fff;}
@media(max-width:700px){
  .game-controls .control-btn,.snake-controls .control-btn{width:52px!important;height:52px!important;min-width:52px!important;}
}