/* ================================================================
   CONFEITARIA DOS BICHINHOS — v3 Professional Kids Game UI
   ================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800;900&family=Nunito:wght@700;900&display=swap');

/* ── TOKENS ── */
:root {
  --c-bg:      #1a0a2e;
  --c-panel:   #2d1654;
  --c-pk:      #ff5fa0;
  --c-pk2:     #ff1a72;
  --c-yl:      #ffe140;
  --c-yl2:     #ffb800;
  --c-gr:      #3de87a;
  --c-gr2:     #1cb85a;
  --c-bl:      #4dc8ff;
  --c-bl2:     #0098e0;
  --c-pu:      #c97fff;
  --c-pu2:     #8a30e8;
  --c-or:      #ff8b2e;
  --c-wh:      #fff0ff;
  --c-dk:      #1a0a2e;
  --font-h:    'Baloo 2', 'Nunito', cursive;
  --font-b:    'Nunito', sans-serif;
  --r-sm: 14px;
  --r-md: 20px;
  --r-lg: 28px;
}

/* ── OUTER SHELL ── */
.ak-game {
  max-width: 780px;
  margin: 20px auto;
  font-family: var(--font-h);
  /* dark outer glow */
  filter: drop-shadow(0 30px 60px rgba(100,30,200,.35));
}

/* ================================================================
   TITLE CARD — sits above the game window
   ================================================================ */
.ak-title-card {
  position: relative;
  background: linear-gradient(135deg, #ff5fa0 0%, #c040f0 50%, #4dc8ff 100%);
  border-radius: var(--r-lg) var(--r-lg) 0 0;
  padding: 18px 24px 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* candy-stripe shine */
.ak-title-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: repeating-linear-gradient(
    -45deg,
    rgba(255,255,255,.06) 0 12px,
    transparent 12px 24px
  );
}

/* shimmer sweep */
.ak-title-card::after {
  content: '';
  position: absolute;
  top: -60%;
  left: -30%;
  width: 60%;
  height: 220%;
  background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.18) 50%, transparent 60%);
  animation: akShimmer 4s linear infinite;
}
@keyframes akShimmer { to { left: 120%; } }

.ak-title-text {
  position: relative;
  z-index: 2;
}

.ak-title-text h2 {
  margin: 0;
  font-family: var(--font-h);
  font-size: 30px;
  font-weight: 900;
  color: #fff;
  text-shadow: 0 3px 0 rgba(0,0,0,.25), 0 0 24px rgba(255,220,255,.6);
  letter-spacing: .5px;
  line-height: 1.1;
}

.ak-title-text p {
  margin: 3px 0 0;
  font-family: var(--font-b);
  font-size: 13px;
  font-weight: 700;
  color: rgba(255,255,255,.85);
}

/* window buttons — top-right */
.ak-win-btns {
  position: relative;
  z-index: 5;
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}

.ak-win-btn {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 3px solid rgba(255,255,255,.45);
  background: rgba(255,255,255,.18);
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  transition: background .2s, transform .15s;
  font-family: var(--font-h);
  line-height: 1;
}

.ak-win-btn:hover { background: rgba(255,255,255,.4); transform: scale(1.12); }
.ak-win-btn.ak-close { border-color: rgba(255,100,100,.7); background: rgba(255,80,80,.3); }
.ak-win-btn.ak-close:hover { background: rgba(255,60,60,.7); }

/* ================================================================
   HUD BAR — below title, above scene
   ================================================================ */
.ak-hud {
  background: #1e0c38;
  border-top: 3px solid rgba(200,100,255,.25);
  border-bottom: 3px solid rgba(200,100,255,.25);
  padding: 8px 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.ak-hud-pill {
  display: flex;
  align-items: center;
  gap: 5px;
  background: rgba(255,255,255,.07);
  border: 2px solid rgba(255,255,255,.12);
  border-radius: 999px;
  padding: 5px 12px;
  font-family: var(--font-h);
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  transition: transform .2s;
}

.ak-hud-pill:hover { transform: scale(1.06); }
.ak-hud-pill.coins  { background: linear-gradient(135deg,#ff9900,#ff6600); border-color:#ff9900; }
.ak-hud-pill.cakes  { background: linear-gradient(135deg,#ff5fa0,#c040f0); border-color:#ff5fa0; }
.ak-hud-pill.milk   { background: linear-gradient(135deg,rgba(100,200,255,.3),rgba(50,150,255,.2)); border-color:rgba(100,200,255,.4); }
.ak-hud-pill.fruit  { background: linear-gradient(135deg,rgba(255,80,120,.3),rgba(255,40,80,.2)); border-color:rgba(255,120,160,.4); }
.ak-hud-pill.flour  { background: linear-gradient(135deg,rgba(255,220,100,.3),rgba(255,180,60,.2)); border-color:rgba(255,220,100,.4); }

/* day progress bar — right side of HUD */
.ak-day-wrap {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.ak-day-label {
  font-family: var(--font-b);
  font-size: 11px;
  font-weight: 700;
  color: rgba(255,255,255,.5);
  white-space: nowrap;
}

.ak-day-track {
  width: 110px;
  height: 12px;
  background: rgba(255,255,255,.1);
  border-radius: 999px;
  overflow: hidden;
  border: 2px solid rgba(255,255,255,.12);
}

.ak-day-fill {
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, var(--c-gr) 0%, var(--c-yl) 50%, var(--c-pk) 100%);
  border-radius: 999px;
  transition: width 1s linear;
}

/* streak badge — in HUD */
.ak-streak {
  display: none;
  align-items: center;
  gap: 4px;
  background: linear-gradient(135deg, #ff6600, #ff3300);
  border: 2px solid rgba(255,180,100,.5);
  border-radius: 999px;
  padding: 5px 12px;
  font-family: var(--font-h);
  font-size: 14px;
  color: #fff;
  animation: akBounceIn .3s ease-out;
}
.ak-streak.show { display: flex; }
@keyframes akBounceIn {
  from { transform: scale(.5); opacity: 0; }
  to   { transform: scale(1);  opacity: 1; }
}

/* ================================================================
   SCENE CONTAINER
   ================================================================ */
.ak-scene-wrap {
  position: relative;
  width: 100%;
  background: #000;
  overflow: hidden;
}

.ak-scene {
  position: relative;
  width: 100%;
  height: 420px;
  overflow: hidden;
  transition: background .5s;
}

.ak-world { position: absolute; inset: 0; }

/* ── PLAYER ── */
.ak-player {
  position: absolute;
  width: 56px;
  height: 56px;
  z-index: 15;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 42px;
  filter: drop-shadow(0 6px 12px rgba(0,0,0,.4));
  transition: left .07s linear, top .07s linear;
  transform-origin: bottom center;
}

.ak-player.walk { animation: akWalk .16s ease-in-out; }
@keyframes akWalk {
  0%   { transform: scaleX(1)   translateY(0);   }
  25%  { transform: scaleX(1.06) translateY(-4px); }
  50%  { transform: scaleX(.96) translateY(0);   }
  75%  { transform: scaleX(1.04) translateY(-2px); }
  100% { transform: scaleX(1)   translateY(0);   }
}

/* ── OBJ BASE ── */
.ak-obj {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  user-select: none;
}

/* ── SHOP FLOOR ── */
.ak-shop-floor {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 100px;
  background: linear-gradient(180deg, #ff9dc8 0%, #ff7aae 100%);
  border-top: 4px solid rgba(255,255,255,.35);
}

/* checkerboard tiles */
.ak-shop-floor::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(45deg, rgba(255,255,255,.12) 25%, transparent 25%),
    linear-gradient(-45deg, rgba(255,255,255,.12) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, rgba(255,255,255,.12) 75%),
    linear-gradient(-45deg, transparent 75%, rgba(255,255,255,.12) 75%);
  background-size: 40px 40px;
  background-position: 0 0, 0 20px, 20px -20px, -20px 0px;
}

/* ── SHOP WALL ── */
.ak-shop-wall {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 55%;
  background: linear-gradient(180deg, #ffe0f0 0%, #ffc8e0 100%);
  border-bottom: 5px solid rgba(255,140,200,.5);
}

/* wallpaper dots */
.ak-shop-wall::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(255,100,170,.18) 3px, transparent 3px);
  background-size: 28px 28px;
}

/* ── COUNTER ── */
.ak-counter {
  width: 280px;
  height: 80px;
  border-radius: 20px;
  background: linear-gradient(180deg, #fff8fc 0%, #ffcce8 100%);
  border: 4px solid rgba(255,255,255,.9);
  box-shadow:
    0 10px 0 #e870b0,
    0 18px 30px rgba(200,80,160,.3),
    inset 0 2px 0 rgba(255,255,255,.8);
}

.ak-counter::before {
  content: "🎂  🧁  🍩  🥐  🍰";
  font-size: 26px;
  letter-spacing: 3px;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.15));
}

/* ledge stripe */
.ak-counter::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 12px; right: 12px;
  height: 8px;
  background: linear-gradient(90deg, var(--c-pk), var(--c-pu), var(--c-bl));
  border-radius: 0 0 12px 12px;
  opacity: .7;
}

/* ── OVEN ── */
.ak-oven {
  width: 88px;
  height: 96px;
  border-radius: 18px;
  background: linear-gradient(180deg, #a0aad4 0%, #6878b8 100%);
  border: 4px solid rgba(255,255,255,.7);
  box-shadow: 0 10px 0 #3848a0, 0 18px 24px rgba(40,60,160,.3);
}

.ak-oven::before {
  content: "🔥";
  font-size: 32px;
  filter: drop-shadow(0 0 8px rgba(255,160,0,.8));
}

.ak-oven::after {
  content: "FORNO";
  position: absolute;
  bottom: 8px;
  font-family: var(--font-h);
  font-size: 10px;
  color: rgba(255,255,255,.7);
  letter-spacing: 2px;
}

/* ── SHELF ── */
.ak-shelf {
  width: 120px;
  height: 76px;
  border-radius: 16px;
  background: linear-gradient(180deg, #fffbe8 0%, #ffd090 100%);
  border: 4px solid rgba(255,255,255,.85);
  box-shadow: 0 8px 0 #c88030, 0 14px 20px rgba(160,100,0,.2);
}

.ak-shelf::before {
  content: "🥛  🌾  🍓";
  font-size: 24px;
  letter-spacing: 2px;
}

/* ── TABLE ── */
.ak-table {
  width: 86px;
  height: 60px;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #fff8d0 0%, #ffc840 100%);
  border: 5px solid rgba(255,255,255,.9);
  box-shadow: 0 12px 0 #c08800, 0 20px 24px rgba(180,120,0,.25);
}

/* ── CLIENT ── */
.ak-client {
  width: 54px;
  height: 68px;
  font-size: 38px;
  border-radius: 28px 28px 16px 16px;
  background: radial-gradient(circle at 40% 30%, rgba(255,255,255,.95) 0%, rgba(255,220,240,.9) 100%);
  border: 3px solid rgba(255,255,255,.9);
  box-shadow:
    0 10px 0 rgba(180,100,160,.3),
    0 16px 20px rgba(120,60,120,.2);
  transition: transform .2s, filter .2s;
  cursor: default;
}

.ak-client.happy {
  animation: akClientHappy .5s ease-out;
  filter: drop-shadow(0 0 12px rgba(255,200,50,.8));
}
@keyframes akClientHappy {
  0%   { transform: scale(1); }
  30%  { transform: scale(1.22) translateY(-6px); }
  60%  { transform: scale(.94) translateY(2px); }
  100% { transform: scale(1); }
}

/* ── DOOR ── */
.ak-door {
  width: 76px;
  height: 112px;
  border-radius: 38px 38px 10px 10px;
  background: linear-gradient(180deg, #c8f9ff 0%, #50d0f0 100%);
  border: 5px solid rgba(255,255,255,.9);
  box-shadow: 0 12px 0 #0898c0, 0 20px 28px rgba(0,120,180,.25);
}

.ak-door::before { content: "🚪"; font-size: 32px; }

.ak-door::after {
  content: "SAÍDA";
  position: absolute;
  bottom: 8px;
  font-family: var(--font-h);
  font-size: 9px;
  color: rgba(20,100,140,.8);
  letter-spacing: 2px;
}

/* ── FOREST / OUTDOOR ── */
.ak-forest-sky {
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 52%;
  background: linear-gradient(180deg, #7ae0ff 0%, #b8f4ff 100%);
}

.ak-forest-sky::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 120px 40px at 15% 40%, rgba(255,255,255,.7) 0%, transparent 100%),
    radial-gradient(ellipse 90px 30px at 70% 30%, rgba(255,255,255,.65) 0%, transparent 100%),
    radial-gradient(ellipse 70px 25px at 85% 55%, rgba(255,255,255,.5) 0%, transparent 100%);
}

.ak-forest-ground {
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 48%;
  background: linear-gradient(180deg, #6edc80 0%, #4bbf60 100%);
  border-top: 5px solid rgba(255,255,255,.3);
}

.ak-forest-ground::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 30px 10px at 8% 20%, rgba(255,255,255,.15) 0%, transparent 100%),
    radial-gradient(ellipse 24px 8px at 30% 60%, rgba(255,255,255,.1) 0%, transparent 100%),
    radial-gradient(ellipse 40px 12px at 65% 30%, rgba(255,255,255,.12) 0%, transparent 100%),
    radial-gradient(ellipse 28px 9px at 85% 65%, rgba(255,255,255,.1) 0%, transparent 100%);
}

.ak-tree {
  font-size: 62px;
  filter: drop-shadow(0 12px 10px rgba(0,0,0,.2));
}

.ak-item {
  width: 58px;
  height: 58px;
  font-size: 34px;
  border-radius: 50%;
  background: radial-gradient(circle at 38% 32%, rgba(255,255,255,.95) 0%, rgba(255,240,255,.7) 100%);
  border: 3px solid rgba(255,255,255,.95);
  box-shadow:
    0 8px 0 rgba(150,80,200,.2),
    0 12px 20px rgba(100,50,150,.2),
    inset 0 2px 0 rgba(255,255,255,.9);
  animation: akFloat 1.8s ease-in-out infinite;
}

@keyframes akFloat {
  0%,100% { transform: translateY(0) rotate(-3deg); }
  50%      { transform: translateY(-10px) rotate(3deg); }
}

.ak-item::after {
  content: '';
  position: absolute;
  inset: -7px;
  border-radius: 50%;
  border: 2.5px dashed rgba(255,200,80,.55);
  animation: akSpin 4s linear infinite;
}
@keyframes akSpin { to { transform: rotate(360deg); } }

.ak-flower {
  font-size: 26px;
  animation: akSway 2.5s ease-in-out infinite;
}
@keyframes akSway {
  0%,100% { transform: rotate(-8deg) scale(1); }
  50%      { transform: rotate(8deg) scale(1.06); }
}

.ak-mushroom { font-size: 30px; }

/* ================================================================
   INTEGRATED CONTROL PANEL — bottom of scene-wrap
   ================================================================ */
.ak-control-panel {
  background: linear-gradient(180deg, #220e40 0%, #1a0a2e 100%);
  border-top: 3px solid rgba(200,100,255,.2);
  display: grid;
  /* left: dpad | center: action btns | right: info */
  grid-template-columns: 148px 1fr 148px;
  align-items: center;
  gap: 0;
  padding: 10px 12px;
  min-height: 90px;
}

/* ── D-PAD ── */
.ak-dpad {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}

.ak-dpad-row {
  display: flex;
  gap: 3px;
}

.ak-dpad-btn {
  width: 38px;
  height: 38px;
  border: none;
  border-radius: 11px;
  background: linear-gradient(180deg, rgba(255,255,255,.15) 0%, rgba(255,255,255,.06) 100%);
  border: 2px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.85);
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
  transition: transform .09s, background .09s, box-shadow .09s;
  box-shadow: 0 4px 0 rgba(0,0,0,.4), 0 6px 12px rgba(0,0,0,.2);
  font-family: var(--font-h);
}

.ak-dpad-btn:active,
.ak-dpad-btn.pressed {
  transform: translateY(3px);
  box-shadow: 0 1px 0 rgba(0,0,0,.4);
  background: linear-gradient(180deg, rgba(200,120,255,.35) 0%, rgba(150,80,220,.25) 100%);
  border-color: rgba(200,120,255,.4);
}

.ak-dpad-spacer { width: 38px; height: 38px; }

/* ── ACTION BUTTONS ── */
.ak-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 6px;
  padding: 0 8px;
}

.ak-action-btn {
  border: none;
  border-radius: 14px;
  padding: 8px 6px;
  font-family: var(--font-h);
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: relative;
  overflow: hidden;
  transition: transform .1s, filter .1s;
  text-shadow: 0 1px 3px rgba(0,0,0,.3);
  letter-spacing: .3px;
}

.ak-action-btn::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 45%;
  background: rgba(255,255,255,.18);
  border-radius: 14px 14px 0 0;
}

.ak-action-btn:hover  { transform: translateY(-2px); filter: brightness(1.1); }
.ak-action-btn:active { transform: translateY(3px);  filter: brightness(.9); }

.ak-action-btn.serve {
  background: linear-gradient(180deg, #ff7ab8 0%, #ff1a72 100%);
  box-shadow: 0 5px 0 #a80050, 0 8px 16px rgba(255,30,100,.3);
}
.ak-action-btn.serve:active { box-shadow: 0 2px 0 #a80050; }

.ak-action-btn.bake {
  background: linear-gradient(180deg, #c880ff 0%, #8a30e8 100%);
  box-shadow: 0 5px 0 #5010a8, 0 8px 16px rgba(140,50,230,.3);
}
.ak-action-btn.bake:active { box-shadow: 0 2px 0 #5010a8; }

.ak-action-btn.world {
  background: linear-gradient(180deg, #3de87a 0%, #1cb85a 100%);
  box-shadow: 0 5px 0 #0a7030, 0 8px 16px rgba(30,180,90,.3);
}
.ak-action-btn.world:active { box-shadow: 0 2px 0 #0a7030; }

.ak-action-btn.shop {
  background: linear-gradient(180deg, #4dc8ff 0%, #0098e0 100%);
  box-shadow: 0 5px 0 #005898, 0 8px 16px rgba(0,150,220,.3);
}
.ak-action-btn.shop:active { box-shadow: 0 2px 0 #005898; }

/* ── MESSAGE (right column of panel) ── */
.ak-msg-box {
  padding: 0 0 0 8px;
  text-align: left;
}

.ak-msg-label {
  font-family: var(--font-b);
  font-size: 10px;
  font-weight: 700;
  color: rgba(255,255,255,.35);
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 4px;
}

.ak-msg-text {
  font-family: var(--font-h);
  font-size: 14px;
  font-weight: 700;
  color: var(--c-gr);
  line-height: 1.3;
  transition: color .3s;
  min-height: 36px;
}

/* ================================================================
   FLOATING PARTICLES & PAY
   ================================================================ */
.ak-pay {
  position: absolute;
  font-family: var(--font-h);
  font-size: 22px;
  color: var(--c-yl);
  pointer-events: none;
  z-index: 60;
  text-shadow: 0 2px 8px rgba(0,0,0,.25);
  animation: akPayUp .9s ease-out forwards;
}
@keyframes akPayUp {
  0%   { opacity: 1; transform: translateY(0) scale(.85); }
  30%  { opacity: 1; transform: translateY(-20px) scale(1.18); }
  100% { opacity: 0; transform: translateY(-60px) scale(1); }
}

/* ================================================================
   FULLSCREEN MODE
   ================================================================ */
.ak-game.fullscreen {
  position: fixed;
  inset: 0;
  margin: 0;
  max-width: 100vw;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  border-radius: 0 !important;
  filter: none;
}

.ak-game.fullscreen .ak-title-card { border-radius: 0; flex-shrink: 0; }
.ak-game.fullscreen .ak-scene { height: calc(100vh - 250px); min-height: 300px; }
.ak-game.fullscreen .ak-control-panel { flex-shrink: 0; }

/* ================================================================
   SCENE TRANSITION FLASH
   ================================================================ */
.ak-flash {
  position: absolute;
  inset: 0;
  background: #fff;
  opacity: 0;
  z-index: 50;
  pointer-events: none;
  border-radius: 0;
}
.ak-flash.go {
  animation: akFlash .45s ease-out forwards;
}
@keyframes akFlash {
  0%   { opacity: .9; }
  100% { opacity: 0; }
}

/* ================================================================
   MOBILE RESPONSIVE
   ================================================================ */
@media (max-width: 640px) {
  .ak-title-text h2 { font-size: 22px; }
  .ak-title-text p  { font-size: 12px; }
  .ak-title-card    { padding: 14px 16px 12px; }

  .ak-hud { gap: 5px; padding: 6px 10px; }
  .ak-hud-pill { font-size: 12px; padding: 4px 9px; }
  .ak-day-track { width: 80px; }

  .ak-scene { height: 360px; }

  .ak-control-panel {
    grid-template-columns: 130px 1fr;
    grid-template-rows: auto auto;
  }

  .ak-msg-box { display: none; }

  .ak-actions {
    grid-template-columns: 1fr 1fr;
    padding: 0 4px;
    gap: 5px;
  }

  .ak-action-btn { font-size: 12px; padding: 7px 4px; }
  .ak-dpad-btn   { width: 34px; height: 34px; font-size: 13px; }
  .ak-dpad-spacer{ width: 34px; height: 34px; }

  .ak-counter { width: 210px; }
  .ak-counter::before { font-size: 20px; }
}


.ak-memory-wrap {
	border-radius: 28px;
	overflow: hidden;
}

#akMemoryStartOverlay {
	border-radius: 23px;
	overflow: hidden;
}

.ak-memory-board {
	border-radius: 24px;
	overflow: hidden;
}

.ak-memory-level-screen {
	border-radius: 20px;
	overflow: hidden;
}

@media (max-width: 760px) {
	.ak-memory-wrap {
		border-radius: 24px;
	}

	#akMemoryStartOverlay {
		border-radius: 19px;
	}

	.ak-memory-board {
		border-radius: 20px;
	}

	.ak-memory-level-screen {
		border-radius: 16px;
	}
}

/* ARREDONDAR A PARTE DE BAIXO DO JOGO */
.ak-game {
	border-radius: 28px;
	overflow: hidden;
	background: #1a0a2e;
}

.ak-control-panel {
	border-radius: 0 0 28px 28px;
	overflow: hidden;
}

.ak-scene-wrap {
	overflow: hidden;
}

/* mobile */
@media (max-width: 640px) {
	.ak-game {
		border-radius: 22px;
	}

	.ak-control-panel {
		border-radius: 0 0 22px 22px;
	}
}