/* v2.2.19 game selection and advisory similarity */
.zap-mode-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:20px 0}
.zap-mode-card{min-height:165px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:22px 15px;border:1px solid #3d6080;border-radius:18px;background:linear-gradient(145deg,#0c2040,#10152e);color:#f3fbff;cursor:pointer;text-align:center;transition:transform .15s,border-color .15s;white-space:normal}
.zap-mode-card:hover,.zap-mode-card:focus-visible{transform:translateY(-3px);border-color:#22d3ee;outline-offset:3px}
.zap-mode-card strong{font-size:1.1rem}.zap-mode-card small{color:#b8cadb;font-size:.85rem}.zap-mode-logo{font-size:2.8rem;line-height:1.2;filter:drop-shadow(0 0 12px #1bc9eb66)}
.zap-similar-panel{margin:10px 0 15px;padding:14px;border:1px solid #22c4d8;border-radius:12px;background:#10233b;color:#f2fbff}
.zap-similar-panel ul{margin:10px 0;padding-left:22px}.zap-similar-panel li{margin:5px 0}.zap-similar-panel small{color:#b9cddd}.zap-similar-panel p{margin:10px 0}
.zap-generator-page{max-width:1150px;margin:auto}.zap-generator-page #dev-super-generator{display:block!important}
[hidden]{display:none!important}
@media(max-width:600px){.zap-mode-cards{grid-template-columns:1fr 1fr;gap:9px}.zap-mode-card{min-height:140px;padding:12px 7px}.zap-mode-logo{font-size:2.2rem}}

/* v2.2.19.2 selected-game settings layout */
.zap-setup-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid rgba(170,197,255,.22)}
.zap-selected-game{display:flex;align-items:center;gap:16px;min-width:0}.zap-selected-logo{display:grid;place-items:center;font-size:2.2rem;width:76px;height:76px;flex:none;border-radius:20px;background:linear-gradient(140deg,#133b6d,#17204d);box-shadow:inset 0 0 0 1px rgba(120,220,255,.32)}
.zap-selected-game h1,.zap-selected-game h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.2;margin:0!important}.zap-selected-game p{margin:7px 0 0;font-size:1.05rem;font-weight:650;color:#9fddff}.zap-setup-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.zap-setup-actions .btn{white-space:nowrap}.duel-shell.zap-in-settings>.eyebrow,.duel-shell.zap-in-settings>h1{display:none}.duel-shell.zap-in-settings #duel-message:empty{display:none}#zap-duel-options>.field,#zap-solo-options>.field{max-width:680px}#zap-duel-options .duel-alias{display:flex;align-items:center;gap:8px;margin-top:10px}#zap-duel-options .duel-alias input{width:auto;flex:none;margin:0}#zap-duel-options #duel-create{margin-top:16px}@media(max-width:600px){.zap-setup-top{flex-direction:column}.zap-setup-actions{width:100%}.zap-setup-actions .btn{flex:1;text-align:center}.zap-selected-logo{width:60px;height:60px;font-size:1.8rem}}

.solo-shell:has(#zap-solo-options:not([hidden])) .solo-top>div,.solo-shell:has(#zap-solo-options:not([hidden])) #solo-mode-info{display:none}.solo-shell:has(#zap-solo-options:not([hidden])) .solo-top{justify-content:flex-end;margin-bottom:4px}.solo-shell:has(#zap-solo-options:not([hidden])) #solo-exit{display:none}

/* v2.2.19.3 — consistent compact game exit */
.duel-shell{position:relative;padding-top:3.75rem}
.zap-duel-exit{position:absolute;top:1rem;right:1rem;width:3.1rem;height:3.1rem;display:grid;place-items:center;border:1px solid #52c8ed;border-radius:13px;background:#29466b;color:#fff;font-size:1.7rem;cursor:pointer;z-index:5}
.zap-duel-exit:hover,.zap-duel-exit:focus-visible{background:#35618c;outline:2px solid #76d9ff;outline-offset:2px}
.zap-in-settings>.eyebrow,.zap-in-settings>h1{display:none}
@media(max-width:600px){.zap-duel-exit{width:2.75rem;height:2.75rem;top:.75rem;right:.75rem}.duel-shell{padding-top:3.5rem}}

/* v2.2.19.4: match Solo exit icon and align Head-to-Head actions */
.duel-shell{padding-top:1.65rem}
.zap-duel-exit{display:inline-flex;align-items:center;justify-content:center;flex:0 0 3.1rem;padding:0;line-height:1}
.zap-duel-exit svg{display:block;pointer-events:none}
.duel-shell.zap-in-settings{padding-top:1.65rem}
.duel-shell.zap-in-settings .zap-duel-exit{position:static;width:3.1rem;height:3.1rem}
.duel-shell.zap-in-settings .zap-setup-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap;margin-left:auto}
.duel-shell.zap-in-settings .zap-setup-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;margin:0;white-space:nowrap}
.duel-shell.zap-in-settings .zap-setup-top{align-items:center;flex-wrap:nowrap}
.duel-shell:not(.zap-in-settings)>.eyebrow{margin-top:0;margin-right:4rem}
.duel-shell:not(.zap-in-settings)>h1{margin-top:.4rem;margin-bottom:1rem}
@media(max-width:600px){.duel-shell.zap-in-settings .zap-setup-top{flex-wrap:wrap}.duel-shell.zap-in-settings .zap-setup-actions{width:auto;max-width:100%;margin-left:0}.duel-shell.zap-in-settings .zap-setup-actions .btn{flex:0 1 auto}.duel-shell.zap-in-settings .zap-duel-exit{width:2.75rem;height:2.75rem;flex-basis:2.75rem}}