:root{--game-panel-from:#172a40b8;--game-panel-to:#0f1a29b8;--game-panel-border:#5a82aa47}[data-theme=light]{--game-panel-from:#e4ecf6b3;--game-panel-to:#e8e8e8b3;--game-panel-border:#6482a540}.triage-game{max-width:820px;color:var(--text);margin:2rem auto}.triage-header{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.triage-title{font-size:18px;font-weight:700}.triage-stats{color:var(--muted);gap:16px;margin-left:auto;font-size:13px;display:flex}.triage-stats b{color:var(--text);font-variant-numeric:tabular-nums}.triage-lives{letter-spacing:2px}.triage-wrap{position:relative}.triage-canvas-el{border:1px solid var(--game-panel-border);background:linear-gradient(145deg, var(--game-panel-from), var(--game-panel-to));-webkit-backdrop-filter:blur(2px);width:100%;height:420px;box-shadow:0 8px 24px var(--shadow-card);touch-action:none;border-radius:14px;display:block}.triage-toast{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);text-align:center;opacity:0;pointer-events:none;border-radius:10px;justify-content:center;align-items:center;max-width:min(92%,520px);min-height:78px;margin:10px auto 0;padding:9px 14px;font-size:13px;line-height:1.45;transition:opacity .18s;display:flex}.triage-toast.is-visible{opacity:1}.triage-toast--ok{border-color:rgba(var(--success-rgb), .5)}.triage-toast--miss{border-color:rgba(var(--danger-rgb), .5)}@media (prefers-reduced-motion:reduce){.triage-toast{transition:none}}.triage-bins{gap:10px;margin-top:10px;display:flex}.triage-bin{cursor:pointer;background:var(--surface);border:1px solid var(--surface-2);color:var(--text);font:inherit;text-align:center;border-radius:12px;flex:1;padding:12px 8px;font-size:13px;font-weight:700;transition:border-color .12s,transform .12s}.triage-bin small{color:var(--muted);margin-top:3px;font-size:11px;font-weight:400;display:block}.triage-bin kbd{background:var(--surface-2);color:var(--muted);border-radius:4px;margin-right:6px;padding:1px 5px;font-size:11px;display:inline-block}.triage-bin:hover,.triage-bin:focus-visible{border-color:var(--accent);outline:none}.triage-bin:active{transform:translateY(2px)}.triage-bin--hit{border-color:var(--success);background:rgba(var(--success-rgb), .15)}.triage-bin--miss{border-color:var(--danger);background:rgba(var(--danger-rgb), .15)}@media (prefers-reduced-motion:reduce){.triage-bin{transition:none}}.triage-overlay{background:linear-gradient(145deg, var(--game-panel-from), var(--game-panel-to));-webkit-backdrop-filter:blur(2px);border:1px solid var(--game-panel-border);text-align:center;border-radius:14px;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.triage-overlay.is-hidden{display:none}.triage-overlay h2{color:var(--text);margin:0 0 6px;font-size:26px}.triage-overlay p{color:var(--muted);max-width:44ch;margin:0 0 4px;font-size:14px}.triage-practice{color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin-top:14px;margin-bottom:18px;font-size:13px;display:flex}.triage-practice input{accent-color:var(--accent)}.triage-best{color:var(--muted);margin-top:10px;font-size:13px}@media (width<=520px){.triage-canvas-el{height:360px}.triage-bin{padding:10px 6px;font-size:12px}.triage-bin small{font-size:10px}.triage-overlay h2{font-size:22px}}.attack-path-game{max-width:820px;color:var(--text);margin:2rem auto}.attack-path-wrap{position:relative}.attack-path-overlay{background:linear-gradient(145deg, var(--game-panel-from), var(--game-panel-to));-webkit-backdrop-filter:blur(2px);border:1px solid var(--game-panel-border);text-align:center;border-radius:14px;place-items:center;padding:24px;display:grid}.attack-path-overlay.is-hidden{display:none}.attack-path-overlay h2{color:var(--text);margin:0 0 6px;font-size:26px}.attack-path-overlay p{color:var(--muted);max-width:48ch;margin:0 0 4px;font-size:14px}.attack-path-play,.odd-one-out-play,.spot-phish-play,.match-pair-play,.spot-misconfig-play,.next-step-play,.stronger-play{border:1px solid var(--game-panel-border);background:linear-gradient(145deg, var(--game-panel-from), var(--game-panel-to));-webkit-backdrop-filter:blur(2px);box-shadow:0 8px 24px var(--shadow-card);border-radius:14px;padding:20px}.attack-path-sequence-title{color:var(--text);margin:0 0 4px;font-size:16px;font-weight:700}.attack-path-timer,.attack-path-hint{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 14px;font-size:13px}.attack-path-list{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.attack-path-step{background:var(--surface-2);cursor:grab;touch-action:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.attack-path-step:active{cursor:grabbing}.attack-path-step:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.attack-path-step--selected,.attack-path-step--grabbed{border-color:var(--accent);background:rgba(var(--accent-rgb), .15)}.attack-path-step--correct{border-color:var(--success)!important;background:rgba(var(--success-rgb), .15)!important}.attack-path-step--wrong{border-color:var(--danger)!important;background:rgba(var(--danger-rgb), .15)!important}.attack-path-step-num{background:var(--panel);width:22px;height:22px;color:var(--muted);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.attack-path-step-text{color:var(--text);flex:1;font-size:14px;line-height:1.4}.attack-path-step-controls{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.attack-path-move{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:4px;padding:3px 6px;font-family:inherit;font-size:10px;line-height:1}.attack-path-move:hover:not(:disabled){border-color:var(--accent)}.attack-path-move:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.attack-path-move:disabled{opacity:.35;cursor:default}.drag-reorder-lifted{z-index:2000;box-shadow:0 10px 28px var(--shadow-drag);cursor:grabbing;opacity:.97;will-change:transform}.attack-path-answer{color:var(--muted);margin:4px 0 0;padding-left:1.25em;font-size:13px;line-height:1.6}@media (width<=520px){.attack-path-play{padding:16px}.attack-path-step-text{font-size:13px}}.odd-one-out-game{max-width:820px;color:var(--text);margin:2rem auto}.odd-one-out-options{flex-direction:column;gap:10px;margin-top:4px;display:flex}.odd-one-out-option{background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4}.odd-one-out-option:hover:not(:disabled){opacity:.9}.odd-one-out-option:disabled{cursor:default}.odd-one-out-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.odd-one-out-option--correct{border-color:var(--success)!important;background:rgba(var(--success-rgb), .15)!important;color:var(--success)!important}.odd-one-out-option--wrong{border-color:var(--danger)!important;background:rgba(var(--danger-rgb), .15)!important;color:var(--danger)!important}@media (width<=520px){.odd-one-out-play{padding:16px}}.match-pair-game{max-width:820px;color:var(--text);margin:2rem auto}.match-pair-board{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.match-pair-col{flex-direction:column;gap:8px;display:flex}.match-pair-card{background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.35;transition:border-color .12s,background-color .12s}.match-pair-card:hover:not(:disabled){opacity:.9}.match-pair-card:disabled{cursor:default}.match-pair-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.match-pair-card--selected{border-color:var(--accent)}.match-pair-card--matched{opacity:.75;border-color:var(--success)!important;background:rgba(var(--success-rgb), .15)!important;color:var(--success)!important}.match-pair-card--wrong{border-color:var(--danger)!important;background:rgba(var(--danger-rgb), .15)!important;color:var(--danger)!important}@media (width<=520px){.match-pair-play{padding:16px}.match-pair-board{gap:8px}.match-pair-card{padding:8px 10px;font-size:12px}}.spot-misconfig-game{max-width:820px;color:var(--text);margin:2rem auto}.misconfig-snippet{background:var(--bg);border-radius:8px;flex-direction:column;margin:4px 0 0;padding:4px;font-family:Courier New,Courier,monospace;font-size:13px;display:flex;overflow-x:auto}.misconfig-line{text-align:left;white-space:pre;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;display:block}.misconfig-line:hover:not(:disabled){background:var(--surface-2)}.misconfig-line:disabled{cursor:default}.misconfig-line:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.misconfig-line--correct{background:rgba(var(--success-rgb), .15);color:var(--success)}.misconfig-line--wrong{background:rgba(var(--danger-rgb), .15);color:var(--danger)}.next-step-game,.stronger-game{max-width:820px;color:var(--text);margin:2rem auto}.stronger-options{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.stronger-option{background:var(--surface-2);color:var(--text);text-align:center;cursor:pointer;border:2px solid #0000;border-radius:10px;padding:24px 14px;font-family:inherit;font-size:16px;font-weight:700}.stronger-option:hover:not(:disabled){opacity:.9}.stronger-option:disabled{cursor:default}.stronger-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.stronger-option--correct{border-color:var(--success)!important;background:rgba(var(--success-rgb), .15)!important;color:var(--success)!important}.stronger-option--wrong{border-color:var(--danger)!important;background:rgba(var(--danger-rgb), .15)!important;color:var(--danger)!important}.stronger-toast{box-sizing:border-box;background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:10px;justify-content:center;align-items:center;max-width:520px;min-height:44px;margin:14px auto 0;padding:9px 14px;font-size:13px;line-height:1.45;display:flex}.stronger-toast--ok{border-color:rgba(var(--success-rgb), .5)}.stronger-toast--miss{border-color:rgba(var(--danger-rgb), .5)}@media (width<=520px){.stronger-options{grid-template-columns:1fr}}.spot-phish-game{max-width:820px;color:var(--text);margin:2rem auto}.spot-phish-email{--mail-bg:#f8fafc;--mail-text:#1e293b;--mail-muted:#475569;--mail-border:#e2e8f0;--mail-mark-line:#94a3b8;--mail-mark-hover:#e0f2fe;--mail-found-bg:#dcfce7;--mail-found-line:#22c55e;--mail-found-text:#166534;--mail-safe-bg:#fee2e2;--mail-safe-line:#ef4444;background:var(--mail-bg);color:var(--mail-text);border-radius:10px;padding:16px;font-size:13.5px;line-height:1.6}.spot-phish-header{border-bottom:1px solid var(--mail-border);color:var(--mail-muted);margin-bottom:12px;padding-bottom:10px;font-size:12.5px}.spot-phish-header div{margin:2px 0}.spot-phish-body p{margin:0 0 10px}.spot-phish-body p:last-child{margin-bottom:0}.spot-phish-mark{font:inherit;color:inherit;border:0;border-bottom:1px dashed var(--mail-mark-line);cursor:pointer;background:0 0;border-radius:2px;padding:0 1px}.spot-phish-mark:hover{background:var(--mail-mark-hover)}.spot-phish-mark:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.spot-phish-mark--found{background:var(--mail-found-bg);border-bottom-color:var(--mail-found-line);color:var(--mail-found-text);font-weight:600}.spot-phish-mark--safe{background:var(--mail-safe-bg);border-bottom-color:var(--mail-safe-line)}@media (width<=520px){.spot-phish-play{padding:16px}.spot-phish-email{padding:12px}}.game-read-more{color:var(--accent);margin-top:6px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.game-read-more:hover,.game-read-more:focus-visible{text-decoration:underline}.game-perfect{border-top:1px solid var(--border);padding-top:14px;font-weight:600;color:var(--text)!important;margin-top:14px!important}.game-referral{margin-top:8px!important}.game-referral a{color:var(--accent);font-weight:600;text-decoration:none}.game-referral a:hover,.game-referral a:focus-visible{text-decoration:underline}.game-pregame-settings{border:1px solid var(--border);background:var(--surface);border-radius:10px;max-width:320px;margin:14px auto 20px;padding:14px 16px}.game-pregame-settings>*+*{margin-top:10px}.game-bot-eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700;display:block}.game-bot-segmented{flex-wrap:wrap;gap:6px;display:flex}.game-bot-pill{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;text-align:center;border-radius:999px;flex:auto;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:600}.game-bot-pill:hover{border-color:var(--accent)}.game-bot-pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-bot-pill[aria-checked=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.game-bot-segmented[aria-disabled=true] .game-bot-pill,.triage-practice--muted{opacity:.45}.game-bot-note{color:var(--muted);margin:0;font-size:12px}@media (width<=420px){.game-bot-pill{flex:calc(50% - 3px)}}.game-bot-score{color:var(--muted)}.game-bot-score b{color:var(--text);font-variant-numeric:tabular-nums}.game-bot-score-tier{color:var(--accent);font-weight:600}.game-bot-feed{color:var(--muted);min-height:1.5em;margin-top:4px;font-size:12px}.game-bot-feed--miss{color:var(--danger)}.game-bot-result{border-top:1px solid var(--border);padding-top:10px;color:var(--text)!important;margin-top:10px!important}.game-review{margin-top:14px}.game-review summary{cursor:pointer;color:var(--text);font-size:14px;font-weight:600;list-style:none}.game-review summary::-webkit-details-marker{display:none}.game-review summary:before{content:"▸";color:var(--muted);margin-right:6px;transition:transform .15s;display:inline-block}.game-review[open] summary:before{transform:rotate(90deg)}.game-review-group-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:10px 0 4px;font-size:11px;font-weight:600}.game-review-list{margin:4px 0 0;padding:0;list-style:none}.game-review-row{border-bottom:1px solid var(--border);padding:4px 0;font-size:14px}.game-review-row:last-child{border-bottom:none}.game-review-row a{color:var(--accent);text-decoration:none}.game-review-row a:hover,.game-review-row a:focus-visible{text-decoration:underline}.game-review-row span{color:var(--muted)}.game-cert-select{background-color:var(--surface-2);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:7px;width:max-content;min-width:190px;max-width:100%;padding-top:7px;padding-bottom:7px;padding-left:9px;font-size:13px;font-weight:600}.game-cert-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-cert-select option:disabled{color:var(--muted)}.game-fullscreen-btn{z-index:5;border:1px solid var(--game-panel-border);background:rgba(var(--panel-rgb), .6);width:32px;height:32px;color:var(--text);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.game-fullscreen-btn:hover,.game-fullscreen-btn:focus-visible{color:var(--accent);border-color:var(--accent)}.game-fullscreen-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.game-fullscreen-btn svg{width:16px;height:16px}.game-fullscreen-fallback{z-index:200;background:var(--bg);overflow-y:auto;width:100vw!important;max-width:none!important;height:100vh!important;margin:0!important;padding:16px!important;position:fixed!important;inset:0!important}.triage-game:fullscreen,.attack-path-game:fullscreen,.odd-one-out-game:fullscreen,.spot-phish-game:fullscreen,.match-pair-game:fullscreen,.spot-misconfig-game:fullscreen,.next-step-game:fullscreen,.stronger-game:fullscreen{background:var(--bg);max-width:none;margin:0;padding:16px;overflow-y:auto}.triage-game:fullscreen,.attack-path-game:fullscreen,.odd-one-out-game:fullscreen,.spot-phish-game:fullscreen,.match-pair-game:fullscreen,.spot-misconfig-game:fullscreen,.next-step-game:fullscreen,.stronger-game:fullscreen,.game-fullscreen-fallback{flex-direction:column;align-items:center;display:flex}.triage-game:fullscreen .triage-header,.triage-game:fullscreen .triage-wrap,.attack-path-game:fullscreen .triage-header,.attack-path-game:fullscreen .attack-path-wrap,.odd-one-out-game:fullscreen .triage-header,.odd-one-out-game:fullscreen .attack-path-wrap,.spot-phish-game:fullscreen .triage-header,.spot-phish-game:fullscreen .attack-path-wrap,.match-pair-game:fullscreen .triage-header,.match-pair-game:fullscreen .attack-path-wrap,.spot-misconfig-game:fullscreen .triage-header,.spot-misconfig-game:fullscreen .attack-path-wrap,.next-step-game:fullscreen .triage-header,.next-step-game:fullscreen .attack-path-wrap,.stronger-game:fullscreen .triage-header,.stronger-game:fullscreen .attack-path-wrap,.game-fullscreen-fallback .triage-header,.game-fullscreen-fallback .triage-wrap,.game-fullscreen-fallback .attack-path-wrap{flex-shrink:0;width:100%;max-width:min(1100px,92vw)}.triage-game:fullscreen .triage-wrap,.game-fullscreen-fallback .triage-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.triage-game:fullscreen .triage-canvas-el,.game-fullscreen-fallback .triage-canvas-el{flex:auto;height:auto;min-height:220px}.triage-game:fullscreen .triage-bin,.game-fullscreen-fallback .triage-bin{padding:20px 14px;font-size:18px}.triage-game:fullscreen .triage-bin small,.game-fullscreen-fallback .triage-bin small{font-size:14px}.triage-game:fullscreen .triage-bin kbd,.game-fullscreen-fallback .triage-bin kbd{padding:2px 7px;font-size:14px}.triage-game:fullscreen .triage-toast,.game-fullscreen-fallback .triage-toast{min-height:44px}.game-highscores-link{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:none}.game-highscores-link:hover,.game-highscores-link:focus-visible{text-decoration:underline}.leaderboard-panel{margin-top:10px}.leaderboard-panel.is-hidden{display:none}.leaderboard-table{border-collapse:collapse;width:100%;margin-top:10px;font-size:13px}.leaderboard-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:4px 8px;font-size:11px;font-weight:600}.leaderboard-table td{color:var(--text);font-variant-numeric:tabular-nums;padding:5px 8px}.leaderboard-table tr:not(:last-child) td{border-bottom:1px solid var(--border)}.leaderboard-rank{color:var(--muted);width:2.5em}.leaderboard-initials-cell{letter-spacing:.05em;font-weight:700}.leaderboard-row--new td{background:rgba(var(--accent-rgb), .12);color:var(--accent)}.leaderboard-empty{color:var(--muted);margin-top:10px;font-size:13px}.leaderboard-entry-prompt{color:var(--text);margin:0 0 10px;font-size:14px}.leaderboard-initials{justify-content:center;gap:8px;display:flex}.leaderboard-slot{border:1px solid var(--border);background:var(--surface-2);width:44px;height:52px;color:var(--text);text-align:center;cursor:pointer;font-variant-numeric:tabular-nums;border-radius:8px;font-size:24px;font-weight:700}.leaderboard-slot--selected{border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb), .25)}.leaderboard-arrows{justify-content:center;gap:8px;margin-top:8px;display:flex}.leaderboard-arrow{border:1px solid var(--border);background:var(--surface-2);width:36px;height:28px;color:var(--text);cursor:pointer;border-radius:6px}.leaderboard-arrow:hover,.leaderboard-arrow:focus-visible{color:var(--accent);border-color:var(--accent)}.leaderboard-submit{margin-top:14px}.game-feedback{border:1px solid var(--game-panel-border);background:linear-gradient(145deg, var(--game-panel-from), var(--game-panel-to));-webkit-backdrop-filter:blur(2px);text-align:center;border-radius:14px;max-width:820px;margin:1.5rem auto 0;padding:18px 20px}.game-feedback-prompt{color:var(--text);justify-content:center;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:600;display:flex}.game-feedback-thumbs{justify-content:center;gap:14px;display:flex}.game-feedback-thumb{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:flex}.game-feedback-thumb svg{width:20px;height:20px}.game-feedback-thumb:hover,.game-feedback-thumb:focus-visible{border-color:var(--accent);color:var(--accent)}.game-feedback-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-feedback-thumb--selected{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb), .12)}.game-feedback-textarea{resize:vertical;border:1px solid var(--border);background:var(--surface);width:100%;max-width:480px;min-height:72px;color:var(--text);font:inherit;border-radius:8px;margin:0 auto;padding:10px 12px;font-size:13px;display:block}.game-feedback-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-feedback-actions{justify-content:center;align-items:center;gap:14px;margin-top:12px;display:flex}.game-feedback-result{color:var(--muted);margin:0;font-size:13px}.game-feedback-result--ok{color:var(--success)}