/* Furia v1.2.9 — integración con pantalla ilustrada original */
.startup-gate{position:fixed;inset:0;z-index:1800;background:#071017}
.startup-gate[hidden]{display:none!important}
.startup-gate iframe{display:block;width:100%;height:100%;border:0}
.ai-status{position:fixed;top:clamp(12px,3vw,35px);left:50%;transform:translateX(-50%);z-index:1605;display:flex;gap:15px;align-items:center;justify-content:center;padding:13px 18px;background:#081319e9;border:1px solid #d7ac6e;border-radius:7px;color:#f7d9a1;box-shadow:0 10px 35px #000b;font-family:Georgia,serif;font-size:16px;min-width:min(440px,90vw)}
.ai-status[hidden]{display:none!important}
.ai-status button{color:#ffdf9c;border:1px solid #b48c53;background:#213137;border-radius:4px;padding:7px 11px;cursor:pointer}
body.cpu-turn:before{content:"";position:fixed;inset:0;z-index:1580;background:rgba(5,11,15,.11);cursor:wait;pointer-events:auto}
body.cpu-turn .player-dock{filter:blur(10px);user-select:none}
body.cpu-turn .board-panel{pointer-events:none}
.ai-response{position:fixed;z-index:1700;top:50%;left:50%;width:min(440px,92vw);transform:translate(-50%,-50%);background:linear-gradient(#293a40,#08151c);border:2px solid #d5ab69;border-radius:10px;padding:24px;color:#edd5ac;text-align:center;box-shadow:0 0 0 100vmax #0008,0 15px 65px #000b}
.ai-response[hidden]{display:none!important}
.ai-response h3{color:#ffdca1;font-size:22px;margin:0 0 10px}
.ai-response p{font-size:16px;line-height:1.5}
.ai-response>div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ai-response button{background:#14252e;color:#ffdea7;border:1px solid #d0a368;border-radius:5px;padding:11px 13px;cursor:pointer}
.ai-response button.primary{background:linear-gradient(#fce1a7,#bb8344);color:#251508;font-weight:700}
.ai-return-menu{background:rgba(24,37,45,.9);border:1px solid #a4824e;border-radius:5px;color:#f0cf97;padding:8px 12px;cursor:pointer}
body:not(.match-started) .ai-return-menu{display:none}
@media(max-width:680px){.ai-status{top:auto;bottom:7.5rem;min-width:unset;width:min(96vw,440px);font-size:13px}}

/* v1.2.9: Presentación de la IA, sin alterar el motor de reglas */
.ai-status{width:min(860px,96vw);min-width:0;max-width:calc(100vw - 20px);gap:18px;top:12px;flex-wrap:wrap;justify-content:space-between;box-shadow:0 12px 42px #000d;z-index:1610}
.ai-status-copy{min-width:200px;flex:1;display:grid;gap:2px;line-height:1.27}
.ai-status-copy>span{font:12px Georgia,serif;color:#caa568;letter-spacing:.08em;text-transform:uppercase}
.ai-status-copy strong{font-size:clamp(15px,1.7vw,20px);font-weight:600;color:#ffdfac}
.ai-status-copy small{font:12px system-ui,sans-serif;color:#e2cfa9}
.ai-status-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ai-status-controls label{font:12px system-ui,sans-serif;display:flex;align-items:center;gap:6px;color:#e4cda2}
.ai-status-controls select{background:#102029;border:1px solid #bd9559;border-radius:4px;color:#ffe0a7;padding:7px 7px;cursor:pointer;max-width:110px}
.ai-status-controls button{font-size:13px}
.ai-status-controls button[hidden]{display:none!important}
.ai-history-shortcut{position:fixed;right:clamp(8px,1vw,18px);top:clamp(12px,4vw,45px);z-index:1610;background:#102029f2;border:1px solid #ceac72;color:#ffdeaa;border-radius:7px;padding:10px 14px;box-shadow:0 9px 30px #000b;cursor:pointer}
.ai-history-shortcut[hidden]{display:none!important}
.ai-journal{position:fixed;right:clamp(6px,1.3vw,22px);top:clamp(83px,13vh,125px);bottom:clamp(18px,3vh,36px);width:min(390px,93vw);z-index:1705;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(160deg,#1e3038fa,#09161cf8);border:1px solid #d6af6a;border-radius:10px;box-shadow:0 15px 75px #000d;color:#f5dcb4;font:13px system-ui,sans-serif}
.ai-journal[hidden]{display:none!important}
.ai-journal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 15px 6px;gap:8px}
.ai-journal-head h2{font:21px Georgia,serif;margin:0;color:#f1cd8c}
.ai-journal-head button{border:1px solid #ab844b;padding:5px 9px;border-radius:4px;background:#263540;color:#ffdfae;cursor:pointer}
.ai-journal-hint{font-size:12px;color:#d1bfa1;margin:2px 15px 10px;line-height:1.35}
#aiJournalEntries{margin:0;padding:2px 12px 14px 35px;overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin}
.ai-journal-entry{padding:10px 6px 11px 1px;border-bottom:1px solid #cb9f6140}
.ai-journal-entry strong{display:block;font:15px Georgia,serif;color:#ffe0a1;margin-bottom:5px}
.ai-journal-detail{font-size:12px;color:#e5d8bf;line-height:1.48;white-space:normal;overflow-wrap:anywhere}
/* Resaltado persistente durante cada acción. Glifos superpuestos, no alteran movimiento. */
main.tabletop-ui #world .token.ai-focus-actor{z-index:25!important;filter:drop-shadow(0 0 11px #ffe68a) drop-shadow(0 0 20px #edab38)!important;outline:3px solid #f1dc93;border-radius:50%;animation:ai-gold-pulse 1.3s ease-in-out infinite}
main.tabletop-ui #world .token.ai-focus-target{z-index:24!important;filter:drop-shadow(0 0 12px #ef6868) drop-shadow(0 0 20px #ed3e3e)!important;outline:3px solid #ff8076;border-radius:50%;animation:ai-red-pulse 1.3s ease-in-out infinite}
main.tabletop-ui #world .control-token.ai-focus-target{z-index:24!important;outline:4px solid #ff8076;border-radius:50%;filter:drop-shadow(0 0 13px #ec5e44)!important;animation:ai-red-pulse 1.3s ease-in-out infinite}
/* El enfoque de la IA ilumina SOLO el hexágono. No aplicar drop-shadow
   ni outline al botón rectangular: eso revelaba esquinas rectas del PNG.
   Los brillos rojos de .token.ai-focus-target no se modifican. */
main.tabletop-ui #world .tile.ai-focus-tile{
 z-index:2!important;
 filter:none!important;
 outline:none!important;
}
main.tabletop-ui #world .tile.ai-focus-tile::before{
 background:#ffe5a0;
}
@keyframes ai-gold-pulse{50%{filter:drop-shadow(0 0 18px #fff4b1) drop-shadow(0 0 24px #ffd252)}}
@keyframes ai-red-pulse{50%{filter:drop-shadow(0 0 18px #ff9a7f) drop-shadow(0 0 26px #ff5646)}}
@media(max-width:680px){
 .ai-status{top:auto;bottom:5.2rem;max-height:37vh;overflow-y:auto;padding:9px 10px;gap:5px}
 .ai-status-copy strong{font-size:15px}
 .ai-status-controls{gap:5px}
 .ai-status-controls button,.ai-status-controls select{padding:6px}
 .ai-journal{top:10px;bottom:20px}
 .ai-history-shortcut{top:6px;right:6px}
}
@media(prefers-reduced-motion:reduce){main.tabletop-ui #world .token.ai-focus-actor,main.tabletop-ui #world .token.ai-focus-target,main.tabletop-ui #world .control-token.ai-focus-target{animation:none!important}}

/* La banda superior del juego conserva su título libre. */
@media(min-width:681px){.ai-status{top:73px}.ai-journal{top:170px}}
