/* AI Win Game Popup - styles */

/* Trigger: add the class "aiwg-open-btn" to ANY menu item, button or link to open the popup */
.aiwg-open-btn,.aiwg-btn{cursor:pointer}
button.aiwg-open-btn,.aiwg-btn{background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border:0;border-radius:30px;padding:12px 28px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s}
button.aiwg-open-btn:hover,.aiwg-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(37,117,252,.4)}

/* Popup */
.aiwg-overlay{position:fixed;inset:0;background:rgba(10,10,30,.75);display:none;align-items:center;justify-content:center;z-index:2147483000;padding:12px;overflow:auto}
.aiwg-overlay.aiwg-open{display:flex}
body.aiwg-lock{overflow:hidden}
.aiwg-box{position:relative;background:#fff;width:100%;max-width:420px;border-radius:18px;padding:28px 22px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.35);animation:aiwgPop .25s ease;color:#222}
@keyframes aiwgPop{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
.aiwg-box h3{margin:0 0 6px;font-size:24px;color:#222}
.aiwg-sub{color:#666;margin:0 0 16px}
.aiwg-x{position:absolute;top:8px;right:12px;background:none!important;border:0;font-size:28px;line-height:1;cursor:pointer;color:#888;padding:4px 8px}
.aiwg-box input{width:100%;box-sizing:border-box;padding:12px 14px;margin-bottom:12px;border:1px solid #ddd;border-radius:10px;font-size:15px;background:#fff;color:#222}
.aiwg-box input:focus{outline:none;border-color:#2575fc;box-shadow:0 0 0 3px rgba(37,117,252,.15)}
.aiwg-err{color:#d63638;font-size:14px;min-height:18px;margin-bottom:8px}
.aiwg-btn{width:100%}
.aiwg-btn[disabled]{opacity:.6;cursor:wait}

/* Game */
.aiwg-hud{display:flex;justify-content:space-between;font-size:15px;margin:6px 0 8px}
.aiwg-bar{height:8px;background:#e9edff;border-radius:8px;overflow:hidden;margin-bottom:14px}
#aiwg-bar-fill{height:100%;width:100%;background:linear-gradient(90deg,#00c853,#ffd600,#ff1744);transition:width .25s linear}
.aiwg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.aiwg-tile{aspect-ratio:1;font-size:30px;border:2px solid #d9e0ff;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;border-radius:12px;cursor:pointer;padding:0;transition:transform .15s,background .2s}
.aiwg-tile:hover:not([disabled]){transform:scale(1.06)}
.aiwg-tile.aiwg-flipped{background:#f5f7ff;border-color:#2575fc}
.aiwg-tile.aiwg-matched{background:#d9f7e3;border-color:#00a32a;opacity:.85}
.aiwg-tile[disabled]{cursor:default}
#aiwg-title.aiwg-won{color:#00a32a}
#aiwg-title.aiwg-lost{color:#d63638}
[hidden]{display:none!important}