/* ═══ NEW GAMES: Notification Dodge, Focus Lock, Priority Sort ═══ */
/* Notification Dodge */
.nd-area{position:relative;height:300px;border-radius:18px;background:var(--ov07);border:1px solid var(--line);overflow:hidden;margin:6px 0 10px;display:grid;place-items:center;touch-action:manipulation}
.nd-card{position:absolute;max-width:52%;padding:9px 12px;border-radius:13px;font-size:12.5px;font-weight:700;line-height:1.25;text-align:left;cursor:pointer;animation:scaleIn .18s ease;border:none}
.nd-card.task{background:linear-gradient(135deg,#3ee6a6,#19b6d8);color:#062a1d}
.nd-card.notif{background:#fff;color:#2a1240;border:1px solid rgba(45,25,90,.15)!important;box-shadow:0 6px 16px rgba(0,0,0,.35)}
.nd-card.hit{transform:scale(1.15);opacity:0;transition:all .2s}
.nd-card.miss{background:var(--red);color:#fff;animation:shake .25s}
.nd-bar{height:6px;border-radius:3px;background:var(--ov08);overflow:hidden}
.nd-bar i{display:block;height:100%;background:var(--fire);transition:width .3s linear}
.nd-msg{font-stretch:118%;font-weight:800;font-size:20px;text-align:center;padding:10px}

/* Focus Lock */
.fl-area{position:relative;height:320px;border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(123,92,255,.18),rgba(0,0,0,.28) 70%);border:1px solid var(--line);overflow:hidden;margin:6px 0 10px;display:grid;place-items:center;touch-action:none;user-select:none;-webkit-user-select:none}
.fl-dot{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle,#fff 0 18%,rgba(193,77,255,.9) 20% 55%,rgba(193,77,255,.15) 60%);box-shadow:0 0 24px rgba(193,77,255,.7);transition:box-shadow .15s}
.fl-dot.on{background:radial-gradient(circle,#fff 0 18%,rgba(62,230,166,.95) 20% 55%,rgba(62,230,166,.15) 60%);box-shadow:0 0 34px rgba(62,230,166,.9)}

/* Priority Sort */
.pr-card{padding:20px 16px;border-radius:18px;background:var(--surf2);border:1px solid var(--line2);font-size:17px;font-weight:720;line-height:1.35;margin:4px 0 14px;min-height:92px;display:grid;place-items:center}
.pr-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pr-btn{padding:14px 10px;border-radius:14px;border:1.5px solid var(--line2);background:var(--ov05);font-size:14px;font-weight:720;cursor:pointer;color:var(--text)}
.pr-btn.ok{background:var(--mint);border-color:var(--mint);color:#062a1d}
.pr-btn.bad{background:var(--red);border-color:var(--red);color:#fff}
.pr-why{min-height:40px;margin-top:12px;font-size:13.5px;color:var(--text2)}