/* @cpi 2026-09-25 00:16 - Walkie de partida con azul nocturno, marfil y dorado de UsuDominó. */
.walki-control{position:relative;flex:none;z-index:80}
.walki-control>summary{list-style:none;cursor:pointer}
.walki-control>summary::-webkit-details-marker{display:none}
.game-tools .walki-control>summary.icon{display:grid;place-items:center;box-sizing:border-box;width:42px;height:42px;min-width:42px;padding:5px}
.walki-control>summary svg{display:block;width:26px;height:26px;flex:none}
.game-tools .walki-control[open]>summary,.game-tools .walki-control.is-speaking>summary{color:#fff;background:#214f71;border-color:#b38b45}
.walki-control.has-pending>summary::after{content:'';position:absolute;right:4px;top:4px;width:8px;height:8px;background:#b38b45;border-radius:50%}
.walki-panel{position:absolute;right:0;top:calc(100% + 9px);width:296px;max-width:calc(100vw - 20px);padding:15px;border:1px solid #b38b45;border-radius:18px;background:linear-gradient(145deg,#fffdf8,#e8eff4);color:#20384d;box-shadow:0 16px 44px #20384d55;text-align:left;white-space:normal;z-index:100}
.walki-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.walki-heading strong{display:block;font-size:1rem}.walki-heading small{display:block;color:#647587;margin-top:3px;font-size:.75rem}
.walki-panel .walki-record{width:100%;min-height:56px;display:flex;justify-content:center;align-items:center;gap:10px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background:#214f71;border:1px solid #b38b45;color:white;border-radius:12px}
.walki-panel .walki-record svg{width:23px;height:23px}
.walki-panel .walki-record.is-recording{background:#1a6881;border-color:#b38b45;box-shadow:0 0 0 3px #b38b4555}
.walki-progress{display:block;width:100%;height:5px;accent-color:#1a6881;margin-top:10px}
.walki-status{font-size:.82rem;line-height:1.35;min-height:2.2em;margin:10px 0;color:#20384d}
.walki-status.is-error{color:#8c0b05}
.walki-panel .walki-listen{width:100%;min-height:40px;background:#fffdf8;border:1px solid #b38b45;color:#214f71;border-radius:10px}
.walki-limit{display:block;color:#647587;font-size:.72rem;line-height:1.45;margin-top:9px}
@media(max-width:600px){.walki-panel{position:fixed;top:76px;left:10px;right:10px;width:auto;max-width:none}.game-tools .walki-control>summary.icon{width:36px;height:36px;min-width:36px;padding:3px}.walki-control>summary svg{width:25px;height:25px}}
@media(orientation:landscape) and (max-height:500px){.walki-panel{position:fixed;top:48px;right:8px;left:auto;width:288px;max-height:calc(100dvh - 55px);overflow:auto;padding:11px}.walki-panel .walki-record{min-height:44px}.walki-status{min-height:0;margin:7px 0}.walki-heading{margin-bottom:7px}}

/* @cpi 2026-09-25 00:16: el resumen semántico hereda la apariencia de los botones del juego. */
#game .game-tools .walki-control>summary.icon{display:grid;place-items:center;width:40px;height:40px;min-width:40px;padding:5px;border:1px solid var(--gold);border-radius:10px;background:var(--paper);color:var(--green)}
#game .game-tools .walki-control>summary.icon:hover{background:#fff6df}
#game .game-tools .walki-control:focus-within>summary.icon{outline:2px solid var(--gold);outline-offset:2px}
@media(max-height:520px) and (orientation:landscape){#game .game-tools .walki-control>summary.icon{width:32px;height:32px;min-width:32px;padding:3px}}