.casinoGames{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.casinoGame,.casinoPanel{background:linear-gradient(145deg,#0d2033,#091725);border:1px solid #244661;border-radius:20px;padding:24px;color:inherit;text-decoration:none;box-shadow:0 12px 35px #0003}.casinoGame>b{font-size:42px}.casinoGame h2{margin:12px 0 8px}.casinoGame span{font-weight:800;color:#67d7ff}.casinoShell{max-width:1100px}.casinoPanel label{display:grid;gap:7px;max-width:420px}.casinoPanel input{background:#07121e;border:1px solid #31516a;border-radius:10px;padding:12px;color:#fff}.casinoLobbyActions,.joinBox,.roomTop,.gameActions,.scoreRow{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.casinoLobbyActions{margin-top:18px}.roomTop{justify-content:space-between;border-bottom:1px solid #28445a;padding-bottom:15px;margin-bottom:18px}.roomTop strong{display:block;font-size:24px;letter-spacing:2px}.casinoStatus{min-height:24px}.pokeGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.pokeCard{position:relative;border:1px solid #2d526c;background:#10283b;border-radius:13px;padding:8px;color:#fff;text-align:center;cursor:pointer;min-height:116px}.pokeCard img{width:72px;height:72px;object-fit:contain;image-rendering:auto}.pokeCard.off{opacity:.28;filter:grayscale(1)}.pokeCard.secret{outline:2px solid #55d6a7}.selectedPoke{display:flex;align-items:center;gap:12px;background:#10283b;border:1px solid #31516a;border-radius:14px;padding:12px;margin:14px 0}.selectedPoke img{width:64px;height:64px;object-fit:contain}.gameNotice{padding:14px;border-radius:12px;background:#10283b;margin:12px 0}.quizAnswers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.quizAnswers button{padding:15px;border-radius:12px;border:1px solid #31516a;background:#10283b;color:#fff;cursor:pointer}.quizAnswers button:disabled{opacity:.55}.clueList{display:grid;gap:10px;margin:16px 0}.clue{background:#10283b;border-left:3px solid #55d6a7;padding:12px;border-radius:8px}.medalLocationCard{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:20px;align-items:center;margin:18px 0;padding:16px;border:1px solid #29475e;border-radius:16px;background:#0d2033}.medalLocationCard img,.medalMap{width:100%;border-radius:12px;cursor:zoom-in}.medalMap{margin:10px 0}.casinoBack{display:inline-block;margin-bottom:12px}.guessMode .pokeCard{outline:2px solid #ffcf5c}.resultWin{border-color:#55d6a7}.resultLose{border-color:#e76f6f}@media(max-width:800px){.casinoGames{grid-template-columns:1fr}.pokeGrid{grid-template-columns:repeat(3,1fr)}.medalLocationCard{grid-template-columns:1fr}.quizAnswers{grid-template-columns:1fr}}@media(max-width:430px){.pokeGrid{grid-template-columns:repeat(2,1fr)}}

/* Casino UX fixes */
.pokeCard span{display:block;font-weight:700;margin-top:4px}.selectedPoke{position:sticky;top:10px;z-index:4}.selectedPoke strong{display:block;font-size:1.12rem}.whoAutocomplete{position:relative;min-width:min(320px,100%);flex:1}.whoAutocomplete input{width:100%;box-sizing:border-box}.whoSuggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#07121e;border:1px solid #31516a;border-radius:12px;padding:6px;box-shadow:0 14px 32px #0008;max-height:300px;overflow:auto}.whoSuggestions button{width:100%;display:flex;align-items:center;gap:9px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:#fff;text-align:left;cursor:pointer}.whoSuggestions button:hover,.whoSuggestions button:focus{background:#10283b}.whoSuggestions img{width:36px;height:36px;object-fit:contain}.whoNoMatch{padding:10px;color:#c9d7e3}.whoHelp{margin:8px 0 0;color:#a9bdcc;font-size:.92rem}

/* Adivina Quién: estado visual inequívoco */
.pokeCard{overflow:hidden;transition:opacity .15s ease,filter .15s ease,transform .15s ease,border-color .15s ease}
.pokeCard .pokeState{display:block;margin:7px auto 0;width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:#17364b;border:1px solid #3f6680;color:#cfe9f8;font-size:.65rem;font-style:normal;font-weight:800;letter-spacing:.04em}
.pokeCard.off{opacity:1;filter:grayscale(1);background:#07111a;border-color:#9a4b4b}
.pokeCard.off img,.pokeCard.off>span{opacity:.22}
.pokeCard.off>span{text-decoration:line-through}
.pokeCard.off::after{content:"×";position:absolute;inset:0;display:grid;place-items:center;color:#ff7777;font-size:4.5rem;font-weight:900;line-height:1;pointer-events:none;text-shadow:0 2px 8px #000}
.pokeCard.off .pokeState{position:relative;z-index:2;background:#5d2020;border-color:#d56868;color:#fff;opacity:1}
.pokeCard .pokeState.available{background:#123c31;border-color:#2f8068;color:#bff6df}

/* Casino: botones integrados con el estilo visual de la wiki */
.casinoPanel .btn,
.quizAnswers button{
  appearance:none;
  -webkit-appearance:none;
  min-height:44px;
  padding:10px 18px;
  border:1px solid #3d789d;
  border-radius:11px;
  background:linear-gradient(180deg,#173d58 0%,#102d43 100%);
  color:#f4fbff;
  font:inherit;
  font-weight:800;
  line-height:1.1;
  letter-spacing:.01em;
  cursor:pointer;
  box-shadow:0 7px 18px #0003,inset 0 1px 0 #ffffff14;
  transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease,opacity .14s ease;
}
.casinoPanel .btn:hover,
.quizAnswers button:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:#67d7ff;
  background:linear-gradient(180deg,#1d506f 0%,#133850 100%);
  box-shadow:0 9px 22px #0005,0 0 0 2px #67d7ff18,inset 0 1px 0 #ffffff1c;
}
.casinoPanel .btn:active,
.quizAnswers button:active:not(:disabled){transform:translateY(1px);box-shadow:0 3px 9px #0004,inset 0 1px 3px #0005}
.casinoPanel .btn:focus-visible,
.quizAnswers button:focus-visible{outline:3px solid #67d7ff55;outline-offset:2px}
.casinoPanel .btn:disabled,
.quizAnswers button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}

/* Acción de salida: misma familia visual, pero claramente secundaria/peligrosa */
.casinoPanel .btn.ghost#leaveRoom{
  border-color:#8d4d55;
  background:linear-gradient(180deg,#3b252d 0%,#291b22 100%);
  color:#ffdadd;
}
.casinoPanel .btn.ghost#leaveRoom:hover{
  border-color:#e47a85;
  background:linear-gradient(180deg,#542d37 0%,#382029 100%);
  box-shadow:0 9px 22px #0005,0 0 0 2px #e47a8518;
}

/* Lobby: input y botones con la misma altura/alineación */
.casinoLobbyActions>.btn,.joinBox>.btn{min-height:44px;white-space:nowrap}
.joinBox input{min-height:44px;box-sizing:border-box}

/* Respuestas del quiz: botones grandes, no controles blancos del navegador */
.quizAnswers button{min-height:54px;text-align:left;padding:14px 16px}

@media(max-width:520px){
  .casinoLobbyActions{align-items:stretch}
  .casinoLobbyActions>.btn{width:100%}
  .joinBox{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto}
  .casinoPanel .btn{min-height:46px}
}