/* MindArena shared game shell — loaded by every /play/*.html page */
.ar-wrap{background:#12101f;border:1px solid #2a2640;border-radius:16px;padding:14px;margin-bottom:24px;position:relative;overflow:hidden}
.ar-wrap *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.ar-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.ar-stat{background:#1c1830;border:1px solid #2e2a4a;border-radius:10px;padding:6px 12px;font-size:12px;color:#8e8aa0;letter-spacing:.4px}
.ar-stat b{display:block;font-size:18px;color:#fff;font-variant-numeric:tabular-nums;line-height:1.2}
.ar-streak{margin-left:auto;background:rgba(255,179,71,.12);border:1px solid rgba(255,179,71,.35);color:#ffb347;border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}
.ar-actions{display:flex;gap:8px}
.ar-btn{appearance:none;border:1px solid #2e2a4a;background:#1c1830;color:#e8e4f5;border-radius:10px;padding:9px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:border-color .15s,transform .1s}
.ar-btn:hover{border-color:#7c5cff}
.ar-btn:active{transform:scale(.96)}
.ar-btn.primary{background:#7c5cff;border-color:#7c5cff;color:#fff}
.ar-btn.primary:hover{background:#8d71ff}
.ar-board{position:relative;margin:0 auto;max-width:min(94vw,480px);touch-action:manipulation;user-select:none;-webkit-user-select:none}
.ar-board.ar-noscroll{touch-action:none}
.ar-msg{text-align:center;color:#8e8aa0;font-size:13px;min-height:20px;margin-top:10px}
.ar-msg b{color:#ffb347}
/* game-over overlay */
.ar-over{position:absolute;inset:0;background:rgba(10,9,16,.88);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-radius:16px;z-index:20;opacity:0;pointer-events:none;transition:opacity .25s}
.ar-over.show{opacity:1;pointer-events:auto}
.ar-over h3{color:#fff;font-size:26px;margin:0;font-weight:800}
.ar-over .ar-score{font-size:44px;font-weight:800;color:#7c5cff;font-variant-numeric:tabular-nums;line-height:1}
.ar-over .ar-sub{color:#8e8aa0;font-size:14px;margin:0}
.ar-over .ar-newbest{color:#ffb347;font-weight:800;font-size:14px;letter-spacing:1px}
.ar-over .ar-row{display:flex;gap:10px;margin-top:8px}
/* toast */
.ar-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(8px);background:#1c1830;border:1px solid #7c5cff;color:#fff;padding:10px 18px;border-radius:12px;font-size:14px;z-index:999;opacity:0;transition:.25s;pointer-events:none}
.ar-toast.show{opacity:1;transform:translateX(-50%)}
/* generic cell grid helper many games use */
.ar-grid{display:grid;gap:6px;width:100%}
.ar-cell{display:flex;align-items:center;justify-content:center;border-radius:8px;background:#1c1830;border:1px solid #2e2a4a;font-weight:800;cursor:pointer;transition:transform .12s,background .12s}
.ar-cell:active{transform:scale(.95)}
@media(max-width:480px){.ar-stat b{font-size:16px}.ar-over h3{font-size:22px}.ar-over .ar-score{font-size:36px}}