:root{--bg: #14142b;--panel-bg: #23233f;--panel-bg-alt: #2d2d4d;--border: #0a0a18;--accent: #f54e00;--accent-2: #f9bd2b;--success: #4fce5d;--danger: #e5484d;--text: #f5f3ee;--text-dim: #b9b6d6;--pixel: 6px;--font-display: "Press Start 2P", "Courier New", monospace;--font-body: "VT323", "Courier New", monospace}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0px,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px);color:var(--text);font-family:"Press Start 2P",Courier New,monospace;font-size:12px;line-height:1.6}.page{max-width:980px;margin:0 auto;padding:24px 16px 64px}.header{text-align:center;margin-bottom:24px}.header h1{font-size:22px;margin:0;color:var(--accent-2);text-shadow:3px 3px 0 var(--border)}.subtitle{color:var(--text-dim);margin-top:8px;font-size:10px}.loading{text-align:center;padding:40px;color:var(--text-dim)}.layout{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}@media(max-width:720px){.layout{grid-template-columns:1fr}}.sidebar{display:flex;flex-direction:column;gap:20px}.panel,.btn,.persona-btn,.pill,.tab{clip-path:polygon(0 var(--pixel),var(--pixel) var(--pixel),var(--pixel) 0,calc(100% - var(--pixel)) 0,calc(100% - var(--pixel)) var(--pixel),100% var(--pixel),100% calc(100% - var(--pixel)),calc(100% - var(--pixel)) calc(100% - var(--pixel)),calc(100% - var(--pixel)) 100%,var(--pixel) 100%,var(--pixel) calc(100% - var(--pixel)),0 calc(100% - var(--pixel)))}.panel{background:var(--panel-bg);border:3px solid var(--border);box-shadow:6px 6px 0 var(--border);padding:16px}.panel.center{text-align:center}.panel-title{font-size:13px;margin:0 0 10px;color:var(--accent-2)}.panel-title-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 10px}.panel-title-row .panel-title{margin:0}.btn-nav{font-size:9px;padding:8px 12px;white-space:nowrap}.panel-hint{font-family:var(--font-body);font-size:18px;line-height:1.4;color:var(--text-dim);margin:0 0 14px}.quiz-intro{max-width:440px;margin:0 auto 16px;padding-bottom:16px;border-bottom:2px dashed var(--border)}.persona-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.persona-btn{font-family:inherit;font-size:9px;color:var(--text);background:var(--panel-bg-alt);border:2px solid var(--border);box-shadow:3px 3px 0 var(--border);padding:10px 4px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px}.persona-btn:hover{background:#3a3a63}.persona-btn.active{background:var(--accent);color:#1a1a1a}.persona-avatar{font-size:18px}.flags-panel{margin-top:20px}.flags-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.flags-grid-loading{opacity:.35}@media(max-width:860px){.flags-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.flags-grid{grid-template-columns:1fr}}.flag-card{background:var(--panel-bg-alt);border:2px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:10px;justify-content:space-between}.flag-card-head{display:flex;flex-direction:column;gap:3px}.flag-card-status{display:flex;align-items:center;gap:8px}.flag-label{font-size:13px;color:var(--text);cursor:help;border-bottom:1px dotted var(--text-dim)}.flag-key{display:block;font-family:var(--font-body);font-size:15px;color:var(--accent-2);margin-top:3px}.pill{--pixel: 3px;display:inline-block;font-size:14px;padding:7px 11px;border:2px solid var(--border);white-space:nowrap;text-transform:uppercase}.pill-on{background:#b9c2e0;color:#1a1a35}.pill-off{background:#55536f;color:var(--text)}.pill-variant{background:#b9c2e0;color:#1a1a35}.issue-pill{cursor:help}.issue-wrap{position:relative;display:inline-block;cursor:help}.issue-wrap:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);right:0;width:max-content;max-width:260px;background:var(--border);color:var(--text);border:2px solid var(--accent-2);padding:8px 10px;font-family:var(--font-body);font-size:18px;line-height:1.35;text-align:left;white-space:pre-line;opacity:0;visibility:hidden;transition:opacity .1s ease;z-index:10;pointer-events:none}.issue-wrap-below:after{bottom:auto;top:calc(100% + 8px)}.issue-wrap:hover:after,.issue-wrap:focus-visible:after{opacity:1;visibility:visible}.pill-issue-stale{background:#d9a441;color:#241800}.pill-issue-broken{background:var(--danger);color:#2a0d0e}.pill-issue-misused{background:#ff8a3d;color:#2a1400}.pill-issue-race{background:#4d8dff;color:#06122e}.pill-issue-naming{background:#22d3ee;color:#063540}.pill-issue-unsafe{background:#d946ef;color:#34073a}.pill-correct{background:var(--success);color:#10230f}.btn{font-family:inherit;font-size:11px;cursor:pointer;border:2px solid var(--border);box-shadow:4px 4px 0 var(--border);padding:12px 18px;background:var(--panel-bg-alt);color:var(--text)}.btn:active{box-shadow:1px 1px 0 var(--border);transform:translate(3px,3px)}.btn-primary{background:var(--accent);color:#1a0f00}.btn:disabled{cursor:default}.quiz-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);margin-bottom:14px}.timer-bar-track{width:100%;height:10px;background:var(--panel-bg-alt);border:2px solid var(--border);margin-bottom:18px}.timer-bar-fill{height:100%;background:var(--danger);transition:width 1s linear}.flag-display{font-size:64px;margin:10px 0 26px;line-height:1}.flag-display-large{font-size:96px}.pro-tip{font-size:9px;color:#2a1400;background:#ff8a3d;border:2px solid var(--border);padding:8px 10px;margin:0 0 14px}.strategy-tip{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-family:var(--font-body);font-size:20px;color:var(--text-dim);margin:0 0 14px}.strategy-tip-value{color:var(--text)}.hint-row{margin:-14px 0 26px;min-height:20px}.btn-hint{font-size:9px;padding:8px 12px}.hint-text{font-size:10px;color:var(--accent-2)}.choices{display:grid;gap:10px;margin:0 auto;max-width:480px}.choices-4,.choices-2{grid-template-columns:1fr 1fr}.btn-choice{font-size:10px;padding:14px 8px}.btn-choice.correct{background:var(--success);color:#0f2310}.btn-choice.incorrect{background:var(--danger);color:#260b0c}.feedback{margin-top:18px;font-size:11px;min-height:14px}.feedback-correct{color:var(--success)}.feedback-incorrect{color:var(--danger)}.score-big{font-size:32px;color:var(--accent-2);margin:16px 0 24px}.tabs{display:flex;gap:10px;justify-content:center;margin:18px 0 22px;flex-wrap:wrap}.tab{--pixel: 4px;font-family:inherit;font-size:9px;color:var(--text-dim);background:var(--panel-bg-alt);border:2px solid var(--border);box-shadow:3px 3px 0 var(--border);padding:10px 16px;cursor:pointer}.tab.active{background:var(--accent);color:#1a0f00}.drift-glossary{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:0 0 18px}@media(max-width:720px){.drift-glossary{grid-template-columns:1fr}}.drift-glossary-row{display:flex;align-items:center;gap:8px}.drift-glossary-row .pill{flex:none}.drift-glossary-text{font-family:var(--font-body);font-size:15px;line-height:1.35;color:var(--text-dim)}.table-scroll{overflow:visible}table.inspect-table{border-collapse:collapse;width:100%;min-width:560px;table-layout:fixed;font-family:var(--font-body);font-size:17px}table.inspect-table th{text-align:center;color:var(--accent-2);font-size:14px;padding:8px 6px;border-bottom:3px solid var(--border);white-space:nowrap}table.inspect-table th.col-flag{text-align:left;width:230px}table.inspect-table td{padding:10px 6px;border-bottom:2px dashed var(--border);vertical-align:top;text-align:center}table.inspect-table tr.inspect-row:nth-child(4n+1) td{background:var(--panel-bg-alt)}td.col-flag{position:relative;text-align:left}td.col-flag .flag-label,td.col-flag .flag-key{display:block}td.col-flag .flag-key{margin-top:3px}tr.inspect-row:hover td{background:#34345c}.row-tooltip{position:absolute;left:0;top:100%;margin-top:4px;width:min(90vw,420px);background:var(--border);border:2px solid var(--accent-2);padding:0;opacity:0;visibility:hidden;transition:opacity .1s ease;z-index:30;pointer-events:none}tr.inspect-row:hover .row-tooltip,tr.inspect-row:focus-within .row-tooltip{opacity:1;visibility:visible}.row-tooltip .seen-block{border-top:1px dashed var(--border);padding:10px 14px 12px}.seen-block-label{font-family:var(--font-body);font-size:15px;font-weight:700;color:var(--accent);margin:0 0 6px}.seen-text{font-family:var(--font-body);font-size:17px;line-height:1.4;color:var(--text);margin:0}.code-link-btn{--pixel: 3px;display:inline-block;font-family:var(--font-body);font-size:14px;color:var(--text);background:var(--panel-bg-alt);border:2px solid var(--border);padding:6px 10px;text-decoration:none;white-space:nowrap;clip-path:polygon(0 var(--pixel),var(--pixel) var(--pixel),var(--pixel) 0,calc(100% - var(--pixel)) 0,calc(100% - var(--pixel)) var(--pixel),100% var(--pixel),100% calc(100% - var(--pixel)),calc(100% - var(--pixel)) calc(100% - var(--pixel)),calc(100% - var(--pixel)) 100%,var(--pixel) 100%,var(--pixel) calc(100% - var(--pixel)),0 calc(100% - var(--pixel)))}.code-link-btn:hover{background:var(--accent-2);color:#241800}.explain-banner{background:var(--panel-bg-alt);padding:12px 14px;text-align:left}.explain-heading{font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--accent-2);margin:0 0 8px}.explain-body{font-family:var(--font-body);font-size:19px;line-height:1.4;color:var(--text);margin:0;white-space:pre-line}.explain-fix{font-family:var(--font-body);font-size:18px;line-height:1.4;color:var(--text-dim);margin:8px 0 0;padding-top:8px;border-top:1px dashed var(--border)}.explain-fix-label{font-family:var(--font-body);font-size:16px;font-weight:700;color:var(--accent-2);margin-right:6px}.explain-correct{border-left:6px solid var(--success)}.explain-correct .explain-heading{color:var(--success)}.explain-stale{border-left:6px solid #d9a441}.explain-broken{border-left:6px solid var(--danger)}.explain-misused{border-left:6px solid #ff8a3d}.explain-race{border-left:6px solid #4d8dff}.explain-naming{border-left:6px solid #22d3ee}.explain-unsafe{border-left:6px solid #d946ef}