:root{
  --primary:#164c78;
  --primary-dark:#0e3759;
  --background:#f2f5f8;
  --surface:#ffffff;
  --text:#172433;
  --muted:#6b7785;
  --line:#dbe3ea;
  --success:#1b9a59;
  --danger:#c43b34;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:var(--background);
  color:var(--text);
}

a{color:var(--primary);text-decoration:none}
button,input,select,textarea{font:inherit}

.topbar{
  min-height:78px;
  background:var(--primary);
  color:white;
  padding:0 28px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.brand strong,.brand span{display:block}
.brand span{font-size:13px;margin-top:3px}

.userbox{
  display:flex;
  align-items:center;
  gap:14px;
}

.userbox form{margin:0}

.logout-button{
  border:0;
  border-radius:8px;
  padding:10px 16px;
  background:#2372af;
  color:white;
  cursor:pointer;
}

.layout{
  display:grid;
  grid-template-columns:250px 1fr;
  min-height:calc(100vh - 78px);
}

.sidebar{
  background:#102f4a;
  padding:18px;
}

.sidebar a{
  display:block;
  color:white;
  padding:13px 14px;
  border-radius:8px;
  margin-bottom:5px;
}

.sidebar a:hover{background:#1a4d75}

.content{
  padding:28px;
  overflow:auto;
}

.page-title{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  margin-bottom:20px;
}

.page-title h1{margin:0 0 5px}
.page-title p{margin:0;color:var(--muted)}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #b8c2cc;
  background:white;
  padding:10px 16px;
  border-radius:8px;
  color:var(--text);
  cursor:pointer;
  font-weight:700;
}

.btn-primary{
  background:var(--primary);
  border-color:var(--primary);
  color:white;
}

.btn-primary:hover{background:var(--primary-dark)}

.metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin-bottom:20px;
}

.metric{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:12px;
  padding:22px;
}

.metric strong{
  display:block;
  font-size:34px;
  color:var(--primary);
}

.metric span{color:var(--muted)}

.panel{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:12px;
  padding:20px;
  margin-bottom:20px;
  box-shadow:0 3px 12px rgba(16,43,70,.05);
}

.panel h2{margin-top:0}
.narrow{max-width:620px}

table{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}

th,td{
  text-align:left;
  padding:12px 10px;
  border-bottom:1px solid var(--line);
}

th{
  color:#4f5c69;
  background:#f8fafc;
}

.filterbar{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin-bottom:16px;
}

.filterbar input{
  min-width:180px;
  padding:11px 12px;
  border:1px solid #bfc9d3;
  border-radius:8px;
  background:white;
}

input,select,textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid #bfc9d3;
  border-radius:8px;
  background:white;
}

textarea{min-height:100px}

.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.form-grid label{
  display:grid;
  gap:7px;
  font-weight:700;
  font-size:14px;
}

.full{grid-column:1/-1}

.check{
  display:flex!important;
  align-items:center;
  gap:8px;
}

.check input{width:auto}

.actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}

.alert{
  padding:14px 16px;
  border-radius:9px;
  margin-bottom:16px;
}

.alert.error{
  background:#feeceb;
  color:#9d211c;
}

.alert.success{
  background:#e9f8ef;
  color:#176d42;
}

.muted{color:var(--muted)}

.kiosk-shell{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:linear-gradient(135deg,#e8f1f8,#f8fbfd);
}

.login-card,.kiosk-card{
  width:min(520px,100%);
  background:white;
  border-radius:20px;
  padding:38px;
  text-align:center;
  box-shadow:0 20px 60px rgba(16,43,70,.14);
}

.login-card h1,.kiosk-card h1{margin-bottom:6px}

.logo-mark{
  width:70px;
  height:70px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:var(--primary);
  color:white;
  font-size:38px;
  font-weight:900;
  margin:0 auto 18px;
}

.stack{
  display:grid;
  gap:16px;
  text-align:left;
  margin-top:26px;
}

.stack label{
  display:grid;
  gap:7px;
  font-weight:700;
}

.btn-huge,.btn-kiosk{
  width:100%;
  min-height:66px;
  font-size:21px;
  margin-top:10px;
}

.identity{
  font-weight:700;
  color:var(--primary);
}

.link-button{
  border:0;
  background:transparent;
  color:var(--primary);
  cursor:pointer;
  font-weight:700;
}

.quiet{
  margin-top:24px;
  color:var(--muted);
}

.success-icon{
  width:84px;
  height:84px;
  border-radius:50%;
  background:#e7f7ed;
  color:var(--success);
  font-size:52px;
  display:grid;
  place-items:center;
  margin:0 auto 15px;
}

.result-box{
  padding:18px;
  background:#f6f9fb;
  border-radius:12px;
  margin:22px 0;
}

.result-box strong,.result-box span{display:block}
.result-box strong{font-size:30px;color:var(--primary)}

.game-screen{
  min-height:100vh;
  background:#eef3f7;
}

.game-header{
  min-height:86px;
  background:var(--primary);
  color:white;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 32px;
}

.game-header span,.game-header strong{display:block}
.game-header span{margin-top:4px;opacity:.85}

.timer-box{text-align:right}
.timer-box strong{font-size:28px}

.game-main{
  min-height:calc(100vh - 86px);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:22px;
}

.game-meta,.scorebar{
  width:min(900px,100%);
  display:flex;
  justify-content:space-between;
  background:white;
  border-radius:12px;
  padding:14px 18px;
  margin-bottom:14px;
}

.game-stage{
  width:min(900px,100%);
  min-height:470px;
  background:white;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  padding:24px;
  box-shadow:0 8px 24px rgba(0,0,0,.07);
}

.scorebar{
  justify-content:center;
  gap:40px;
  margin-top:14px;
}

.hidden{display:none!important}

.reaction{
  width:230px;
  height:230px;
  border-radius:50%;
  border:0;
  color:white;
  font-size:28px;
  font-weight:bold;
  background:#8997a4;
  cursor:pointer;
}

.reaction.ready{background:var(--success)}

.memory-grid,.number-grid,.odd-grid,.sequence-grid{
  display:grid;
  gap:12px;
}

.memory-grid{grid-template-columns:repeat(4,100px)}
.sequence-grid{grid-template-columns:repeat(2,130px)}
.odd-grid,.number-grid{grid-template-columns:repeat(4,90px)}

.memory-card,.number-button,.odd-button,.sequence-button{
  min-width:90px;
  min-height:90px;
  border:0;
  border-radius:12px;
  font-size:30px;
  background:#e9eff4;
  cursor:pointer;
}

.memory-card.open,.memory-card.done{background:#d8efe2}
.sequence-button.active{background:#ffd463}

@media(max-width:850px){
  .layout{grid-template-columns:1fr}
  .sidebar{
    display:flex;
    overflow:auto;
    padding:8px;
  }
  .sidebar a{
    white-space:nowrap;
    margin:0;
  }
  .content{padding:16px}
  .metrics{grid-template-columns:1fr}
  .form-grid{grid-template-columns:1fr}
  .full{grid-column:auto}
  .game-header{padding:0 14px}
  .game-stage{min-height:420px}
  .memory-grid{grid-template-columns:repeat(4,70px)}
  .memory-card{min-width:70px;min-height:70px}
}


/* Biblioteca de jogos casuais - V6 */
.leisure-main{
  min-height:calc(100vh - 86px);
  padding:24px;
  background:#eef3f7;
}

.game-chooser,.selected-game,.activity-footer{
  width:min(1120px,100%);
  margin:0 auto;
}

.chooser-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
}

.chooser-heading h1{margin:0 0 5px}
.chooser-heading p{margin:0;color:var(--muted)}

.game-library{
  display:grid;
  grid-template-columns:repeat(5,minmax(150px,1fr));
  gap:16px;
}

.game-card{
  min-height:168px;
  border:1px solid var(--line);
  border-radius:16px;
  background:white;
  cursor:pointer;
  padding:18px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:7px;
  color:var(--text);
  box-shadow:0 6px 18px rgba(16,43,70,.07);
  transition:transform .15s,box-shadow .15s,border-color .15s;
}

.game-card:hover{
  transform:translateY(-3px);
  border-color:var(--primary);
  box-shadow:0 10px 25px rgba(16,43,70,.13);
}

.game-card strong{font-size:17px}
.game-card small{color:var(--muted);text-align:center}
.game-icon{font-size:47px;line-height:1}

.selected-game-toolbar{
  background:white;
  padding:13px;
  border-radius:13px 13px 0 0;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:15px;
  border:1px solid var(--line);
  border-bottom:0;
}

.selected-game-toolbar div{text-align:center}
.selected-game-toolbar strong,
.selected-game-toolbar span{display:block}
.selected-game-toolbar span{font-size:13px;color:var(--muted);margin-top:3px}

.casual-stage{
  position:relative;
  min-height:570px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:0 0 16px 16px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  user-select:none;
}

.activity-footer{
  text-align:center;
  padding:18px 0 4px;
}

.activity-footer p{color:var(--muted)}

.game-message{
  text-align:center;
  margin:0 0 14px;
  color:var(--muted);
}

.game-board-wrap{text-align:center}
.game-board-wrap h2{margin:0 0 8px}
.game-button-row{display:flex;gap:10px;justify-content:center;margin-top:14px}

/* Dino */
.dino-canvas,.arcade-canvas{
  width:min(900px,100%);
  max-height:500px;
  background:#f7fafc;
  border:2px solid #cad4dd;
  border-radius:12px;
  touch-action:none;
}

/* Memória */
.casual-memory{
  display:grid;
  grid-template-columns:repeat(4,95px);
  gap:12px;
}

.casual-memory button{
  width:95px;
  height:95px;
  border:0;
  border-radius:12px;
  background:#dce8f1;
  font-size:34px;
  cursor:pointer;
}

.casual-memory button.open,
.casual-memory button.done{background:#d9f2e3}

/* 2048 */
.board-2048{
  display:grid;
  grid-template-columns:repeat(4,82px);
  gap:9px;
  padding:10px;
  background:#b9afa3;
  border-radius:12px;
}

.tile-2048{
  width:82px;
  height:82px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#cdc4b8;
  font-size:25px;
  font-weight:bold;
  color:#504840;
}

.tile-2048[data-value="2"],.tile-2048[data-value="4"]{background:#eee8db}
.tile-2048[data-value="8"],.tile-2048[data-value="16"]{background:#efb36e;color:white}
.tile-2048[data-value="32"],.tile-2048[data-value="64"]{background:#ed7656;color:white}
.tile-2048[data-value="128"],.tile-2048[data-value="256"],
.tile-2048[data-value="512"],.tile-2048[data-value="1024"],
.tile-2048[data-value="2048"]{background:#e9c454;color:white}

/* Campo minado */
.mines-board{
  display:grid;
  grid-template-columns:repeat(9,42px);
  gap:3px;
}

.mine-cell{
  width:42px;
  height:42px;
  border:0;
  border-radius:5px;
  background:#cbd8e2;
  cursor:pointer;
  font-weight:bold;
}

.mine-cell.revealed{background:#eef2f5}
.mine-cell.mine{background:#ffd9d6}

/* Quebra-cabeça */
.slide-board{
  display:grid;
  grid-template-columns:repeat(4,82px);
  gap:7px;
  padding:8px;
  background:#d7e2ea;
  border-radius:12px;
}

.slide-tile{
  width:82px;
  height:82px;
  border:0;
  border-radius:9px;
  background:var(--primary);
  color:white;
  font-size:25px;
  font-weight:bold;
  cursor:pointer;
}

.slide-tile.empty{background:transparent;cursor:default}

/* Jogo da velha */
.ttt-board{
  display:grid;
  grid-template-columns:repeat(3,110px);
  gap:8px;
}

.ttt-cell{
  width:110px;
  height:110px;
  border:0;
  border-radius:12px;
  background:#e7eef4;
  font-size:50px;
  color:var(--primary);
  cursor:pointer;
}

/* Paciência */
.solitaire-board{
  width:min(900px,100%);
  overflow:auto;
}

.solitaire-top,
.solitaire-columns{
  display:flex;
  gap:12px;
  justify-content:center;
  align-items:flex-start;
}

.solitaire-top{margin-bottom:28px}

.card-slot,.playing-card{
  width:72px;
  height:98px;
  border-radius:9px;
}

.card-slot{
  border:2px dashed #b7c2cb;
  display:grid;
  place-items:center;
  color:#8a97a2;
}

.playing-card{
  border:1px solid #a8b2bb;
  background:white;
  display:grid;
  place-items:center;
  font-size:22px;
  font-weight:bold;
  box-shadow:0 3px 8px rgba(0,0,0,.12);
  cursor:pointer;
}

.playing-card.red{color:#c7302a}
.playing-card.black{color:#172433}
.playing-card.back{
  background:repeating-linear-gradient(45deg,#164c78,#164c78 8px,#24638f 8px,#24638f 16px);
  color:transparent;
}

.solitaire-column{
  width:78px;
  min-height:230px;
  position:relative;
}

.solitaire-column .playing-card{
  position:absolute;
  left:3px;
}

.solitaire-selected{outline:4px solid #ffd05a}

/* Controles por toque */
.mobile-controls{
  display:grid;
  grid-template-columns:repeat(3,62px);
  gap:6px;
  justify-content:center;
  margin-top:12px;
}

.mobile-controls button{
  min-height:52px;
  border:0;
  border-radius:9px;
  background:#dfe8ef;
  font-size:22px;
  cursor:pointer;
}

.mobile-controls .blank{visibility:hidden}

.games-used{min-width:260px;font-size:13px}

@media(max-width:950px){
  .game-library{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:620px){
  .leisure-main{padding:12px}
  .game-library{grid-template-columns:repeat(2,1fr);gap:10px}
  .game-card{min-height:140px}
  .casual-stage{min-height:500px;padding:10px}
  .selected-game-toolbar{grid-template-columns:1fr 1fr}
  .selected-game-toolbar div{grid-column:1/-1;grid-row:1}
  .casual-memory{grid-template-columns:repeat(4,68px);gap:7px}
  .casual-memory button{width:68px;height:68px}
  .board-2048{grid-template-columns:repeat(4,64px)}
  .tile-2048{width:64px;height:64px;font-size:20px}
  .mines-board{grid-template-columns:repeat(9,31px);gap:2px}
  .mine-cell{width:31px;height:31px}
  .slide-board{grid-template-columns:repeat(4,64px)}
  .slide-tile{width:64px;height:64px}
  .ttt-board{grid-template-columns:repeat(3,85px)}
  .ttt-cell{width:85px;height:85px}
}


/* Importação de colaboradores - V7 */
.import-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
  margin-bottom:18px;
}

.import-heading h2{margin:0 0 6px}

.import-rules{
  background:#f4f8fb;
  border:1px solid #d8e3eb;
  border-radius:10px;
  padding:14px 16px;
  margin-bottom:18px;
}

.import-rules p{margin:7px 0 0;line-height:1.5}

.import-form{
  display:flex;
  align-items:flex-end;
  gap:14px;
  flex-wrap:wrap;
}

.import-form label{
  display:grid;
  gap:7px;
  min-width:min(500px,100%);
  font-weight:700;
}

.import-summary{
  display:flex;
  gap:22px;
  flex-wrap:wrap;
  margin-top:10px;
}

.import-errors{
  border:1px solid #e6c9c7;
  border-radius:9px;
  padding:12px 15px;
  margin-bottom:18px;
  background:#fffafa;
}

.import-errors summary{
  cursor:pointer;
  font-weight:700;
  color:#9d211c;
}

.import-errors ul{
  margin:12px 0 0;
  max-height:270px;
  overflow:auto;
}

@media(max-width:700px){
  .import-heading{display:block}
  .import-heading .btn{margin-top:14px}
}


/* Gerenciador de jogos - V13 */
.games-admin-list{
  display:grid;
  gap:14px;
}

.game-admin-card{
  display:grid;
  grid-template-columns:75px 1fr auto;
  gap:16px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:12px;
  padding:15px;
  background:#fbfdff;
}

.game-admin-icon{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#e7f0f7;
  font-size:34px;
}

.game-admin-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.game-type-badge{
  font-size:12px;
  border-radius:999px;
  padding:4px 9px;
  background:#e2ebf2;
  color:#345066;
}

.game-admin-grid{
  display:grid;
  grid-template-columns:2fr 90px 100px 1.5fr;
  gap:10px;
  align-items:end;
}

.game-admin-grid label{
  display:grid;
  gap:5px;
  font-size:13px;
  font-weight:700;
}

.game-description-field{
  grid-column:1/4;
}

.game-active-field{
  display:flex!important;
  flex-direction:row;
  align-items:center;
  min-height:42px;
  font-weight:600!important;
}

.game-active-field input{
  width:auto;
}

.game-admin-actions{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.btn-danger{
  border-color:#c93f37;
  color:#9e241f;
  background:#fff;
}

.manifest-example{
  max-width:700px;
  margin:15px 0;
}

.manifest-example pre{
  background:#102f4a;
  color:#fff;
  padding:16px;
  border-radius:10px;
  overflow:auto;
}

.import-note{
  margin-top:15px;
}

.external-game-frame{
  width:100%;
  height:560px;
  border:0;
  border-radius:10px;
  background:#fff;
}

.game-load-error,.no-games{
  padding:30px;
  text-align:center;
  color:var(--muted);
}

@media(max-width:1050px){
  .game-admin-card{
    grid-template-columns:65px 1fr;
  }

  .game-admin-actions{
    grid-column:1/-1;
    flex-direction:row;
    justify-content:flex-end;
  }

  .game-admin-grid{
    grid-template-columns:1fr 90px 100px;
  }

  .game-active-field,.game-description-field{
    grid-column:1/-1;
  }
}

@media(max-width:650px){
  .game-admin-card{
    display:block;
  }

  .game-admin-icon{
    margin-bottom:12px;
  }

  .game-admin-grid{
    grid-template-columns:1fr;
  }

  .game-admin-grid label,
  .game-active-field,
  .game-description-field{
    grid-column:auto;
  }

  .external-game-frame{
    height:500px;
  }
}


/* V14 - logo normalizada */
.brand-with-logo{display:flex;align-items:center;gap:12px;min-width:0}
.brand-with-logo img{display:block;width:auto!important;height:46px!important;max-width:150px!important;object-fit:contain;flex:0 0 auto}
.login-card img,.kiosk-card img,.login-logo{width:auto!important;height:72px!important;max-width:220px!important;object-fit:contain;margin:0 auto 16px}

.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.catalog-toolbar input{max-width:300px}
.game-catalog-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.catalog-admin-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.catalog-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#eaf2f8;font-size:28px}.catalog-info{display:grid;gap:4px}.catalog-info span{font-size:13px;color:var(--muted)}
.switch-control{display:grid;grid-template-columns:46px;justify-items:center;gap:4px;font-size:11px;color:var(--muted);cursor:pointer}.switch-control input{display:none}.switch-slider{width:44px;height:24px;border-radius:20px;background:#aab6c0;position:relative}.switch-slider:after{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:white;transition:.2s}.switch-control input:checked+.switch-slider{background:var(--success)}.switch-control input:checked+.switch-slider:after{transform:translateX(20px)}
.mini-game-panel{width:min(900px,100%);min-height:480px;margin:auto;padding:28px;border-radius:16px;background:#f8fbfd;text-align:center}.mini-game-btn{min-width:54px;padding:11px 14px;margin:5px;border:1px solid #b9c9d6;border-radius:9px;background:white;cursor:pointer}.sudoku-grid{display:grid;grid-template-columns:repeat(4,58px);justify-content:center}.sudoku-grid input{width:58px;height:58px;text-align:center;font-size:24px;border:1px solid #789}.connect4{display:grid;grid-template-columns:repeat(7,56px);justify-content:center;background:#164c78;padding:10px;border-radius:12px}.c4-cell{width:48px;height:48px;border-radius:50%;border:0;background:#eef}.c4-cell.p1{background:#f1c40f}.c4-cell.p2{background:#e74c3c}.sequence-board{display:grid;grid-template-columns:repeat(2,130px);gap:12px;justify-content:center}.sequence-board button{height:110px;border:0;border-radius:14px;opacity:.75}.sequence-board .flash{opacity:1;transform:scale(1.06);box-shadow:0 0 20px #333}.spawn-field{height:380px;position:relative;border:2px dashed #aac;border-radius:12px}.spawn-item{position:absolute;font-size:42px;background:none;border:0;cursor:pointer}.reflex-box{width:90%;height:300px;border:0;border-radius:14px;font-size:32px;background:#c0392b;color:white}.reflex-box.ready{background:#27ae60}.maze-grid{display:grid;grid-template-columns:repeat(9,42px);justify-content:center}.maze-grid span{width:42px;height:42px;display:grid;place-items:center}.maze-wall{background:#20394f}.maze-path{background:white}.maze-exit{background:#2ecc71}.word-grid{display:grid;grid-template-columns:repeat(5,55px);justify-content:center}.word-grid button{height:55px;border:1px solid #ccd;background:white}.word-grid button.selected{background:#f1c40f}.hang-word{font-size:34px;letter-spacing:5px;margin:30px}.alphabet{display:flex;flex-wrap:wrap;justify-content:center}.sort-blocks{height:300px;display:flex;align-items:end;justify-content:center;gap:10px}.hanoi{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.hanoi-tower{height:300px;border:0;border-bottom:8px solid #704214;background:linear-gradient(90deg,transparent 48%,#704214 48%,#704214 52%,transparent 52%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.hanoi-tower span{height:28px;background:#3498db;border-radius:8px;margin:2px}.tangram-board{position:relative;height:390px;border:2px dashed #aaa}.tan{position:absolute;width:100px;height:100px;cursor:grab}.t1{background:#e74c3c;clip-path:polygon(0 0,100% 0,0 100%);left:80px;top:80px}.t2{background:#3498db;clip-path:polygon(100% 0,100% 100%,0 100%);left:200px;top:80px}.t3{background:#2ecc71;transform:rotate(45deg);left:340px;top:100px}.t4{background:#f1c40f;clip-path:polygon(0 0,100% 50%,0 100%);left:500px;top:80px}.t5{background:#9b59b6;left:620px;top:120px}.pair-grid,.number-grid{display:grid;grid-template-columns:repeat(4,90px);justify-content:center}.pair-grid button,.number-grid button{height:70px;font-size:24px}.math-question,.hl-number,.color-word{font-size:54px;font-weight:bold;margin:45px}.math-options,.color-options{display:flex;justify-content:center;flex-wrap:wrap}@media(max-width:650px){.brand-with-logo img{height:36px!important;max-width:110px!important}.catalog-toolbar{display:block}.catalog-toolbar input{margin-top:12px;max-width:none}.game-catalog-admin{grid-template-columns:1fr}.connect4{grid-template-columns:repeat(7,40px)}.c4-cell{width:34px;height:34px}.mini-game-panel{padding:12px}.pair-grid,.number-grid{grid-template-columns:repeat(4,65px)}}