@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500;700&family=DM+Sans:wght@300;400;500;700&family=Press+Start+2P&display=swap";:root{--bg:#080807;--surface:#151512;--surface2:#232019;--border:#f5c84b;--border-soft:#52462a;--accent:#ff4fa3;--accent2:#22d3ee;--accent3:#facc15;--green:#6ee75f;--red:#ff5a5a;--text:#fff8da;--muted:#b7aa81;--radius:.5rem;--pixel-shadow:4px 4px 0 #000;--pixel-shadow-lg:8px 8px 0 #000}.dark{--sidebar-ring:oklch(43.9% 0 0)}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(#f5c84b0a 1px, transparent 1px), linear-gradient(90deg, #f5c84b0a 1px, transparent 1px), radial-gradient(circle at top left, #ff4fa329, transparent 34rem), radial-gradient(circle at bottom right, #22d3ee1f, transparent 32rem), var(--bg);color:var(--text);background-size:18px 18px,18px 18px,auto,auto,auto;min-height:100vh;font-family:DM Sans,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}::selection{background:var(--accent3);color:#080807}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);border:3px solid var(--border);text-align:center;width:100%;max-width:420px;box-shadow:var(--pixel-shadow-lg);border-radius:0;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.login-card h1{text-transform:uppercase;margin-bottom:10px;font-family:"Press Start 2P",DM Mono,monospace;font-size:clamp(1.55rem,6vw,2.6rem);line-height:1.25}.login-card span,.logo span{color:var(--accent)}.login-card p{color:var(--muted);margin-bottom:30px;line-height:1.7}.role-buttons,.login-form{flex-direction:column;gap:16px;display:flex}.login-form{margin-bottom:18px}.link-button{color:var(--accent2);cursor:pointer;text-underline-offset:4px;background:0 0;border:none;font-weight:700;text-decoration:underline}.btn{cursor:pointer;text-transform:uppercase;border:2px solid #000;border-radius:0;padding:14px 24px;font-family:DM Mono,monospace;font-size:.95rem;font-weight:700;transition:all .16s;box-shadow:3px 3px #000}.btn-primary{background:var(--accent3);color:#11100c}.btn-primary:hover{background:var(--green);transform:translate(2px,2px);box-shadow:1px 1px #000}.btn-secondary{background:var(--surface2);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--accent);color:#fff;transform:translate(2px,2px);box-shadow:1px 1px #000}.dashboard-page{max-width:1400px;margin:0 auto;padding:20px}.dashboard-page h1,.page-header h1{text-transform:uppercase;text-shadow:4px 4px #000;margin-bottom:12px;font-family:"Press Start 2P",DM Mono,monospace;font-size:clamp(1.55rem,4vw,2.9rem);line-height:1.28}.dashboard-page p,.page-header p{color:var(--muted)}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:3px solid var(--border);background:#080807eb;justify-content:space-between;align-items:center;padding:18px 40px;display:flex;position:sticky;top:0;box-shadow:0 4px #000}.logo{cursor:pointer;text-transform:uppercase;font-family:"Press Start 2P",DM Mono,monospace;font-size:1.15rem;font-weight:800}.nav-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.role-badge{border:2px solid var(--accent2);color:var(--accent2);background:#11100c;border-radius:0;padding:8px 16px;font-size:.9rem;font-weight:700;box-shadow:3px 3px #000}.dashboard-content{padding:40px}.dashboard-header,.section-title-row,.publish-bar,.publish-actions,.join-form,.attempt-header{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.dashboard-header,.section-title-row,.publish-bar,.attempt-header{justify-content:space-between}.dashboard-header{margin-bottom:40px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.page-header{margin-bottom:42px}.section-title-row{margin-bottom:24px}.compact-row{margin-bottom:16px}.publish-bar{background:var(--surface);border:3px solid var(--border);box-shadow:var(--pixel-shadow);border-radius:0;padding:28px}.publish-bar h2{text-transform:uppercase;margin-bottom:8px;font-family:"Press Start 2P",DM Mono,monospace;font-size:1.1rem;line-height:1.45}.join-form .input-field{min-width:280px}.empty-state{color:var(--muted);line-height:1.7}.form-error,.form-success{border-radius:0;margin-top:12px;padding:12px 14px;font-weight:700;box-shadow:3px 3px #000}.form-error{border:2px solid var(--red);color:#ffd0d0;background:#ff5a5a2e}.form-success{border:2px solid var(--green);color:#d9ffd4;background:#6ee75f26}.table-wrap{overflow:auto}.results-table{border-collapse:collapse;width:100%;min-width:820px}.results-table th,.results-table td{border-bottom:2px solid var(--border-soft);text-align:left;padding:14px 16px}.results-table th{color:var(--accent3);font-family:DM Mono,monospace;font-weight:700}.attempt-list,.detail-list,.answer-review-list,.answer-review{gap:12px;display:grid}.attempt-list{gap:24px}.attempt-card,.detail-row,.answer-review{border:2px solid var(--border-soft);background:#151512eb;border-radius:0}.attempt-card{box-shadow:var(--pixel-shadow);border-width:3px;padding:24px}.attempt-header{align-items:flex-start;margin-bottom:24px}.attempt-header h3,.result-detail-grid h4{margin-bottom:8px;font-family:DM Mono,monospace}.result-detail-grid{grid-template-columns:minmax(240px,.75fr) minmax(320px,1.25fr);gap:24px;display:grid}.detail-row{justify-content:space-between;gap:16px;padding:14px 16px;display:flex}.detail-row span{color:var(--muted)}.detail-row strong{color:var(--text);text-align:right}.answer-review{padding:14px 16px}.answer-review.correct{border-color:var(--green)}.answer-review.incorrect{border-color:var(--red)}.answer-review p{color:var(--text)}.answer-review div{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.answer-review span{color:#e8dfb6}.eight-bit-faq{width:100%;padding:4rem 1rem}.eight-bit-faq-inner{max-width:64rem;margin:0 auto}.eight-bit-faq-heading{text-align:center;margin-bottom:2.5rem}.eight-bit-faq-heading h2{text-transform:uppercase;margin-bottom:.75rem;font-family:"Press Start 2P",DM Mono,monospace;font-size:clamp(1.2rem,3vw,2rem);line-height:1.35}.eight-bit-faq-heading p,.eight-bit-card-content p{color:var(--muted);font-size:.9rem;line-height:1.7}.eight-bit-faq-grid{gap:1rem;display:grid}.eight-bit-card{background:var(--surface);border:3px solid var(--border);box-shadow:var(--pixel-shadow);padding:1rem}.eight-bit-card-title{color:var(--accent3);text-transform:uppercase;margin-bottom:.6rem;font-family:DM Mono,monospace;font-size:1rem}@media (width>=640px){.eight-bit-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.navbar{align-items:flex-start;padding:16px 20px}.nav-right{justify-content:flex-end}.dashboard-content{padding:24px 12px}.result-detail-grid{grid-template-columns:1fr}}.input-field{border:2px solid var(--border-soft);width:100%;color:var(--text);appearance:none;background:#080807b8;border-radius:0;outline:none;padding:16px 18px;font-family:DM Mono,monospace;font-size:1rem;transition:all .2s;box-shadow:3px 3px #000}.input-field:focus{border-color:var(--accent2);background:#22d3ee14;box-shadow:3px 3px #000,0 0 0 4px #22d3ee29}textarea.input-field{resize:vertical}select{appearance:none}select option{color:var(--text);background:#151512}.checkbox-row{color:var(--muted);align-items:center;gap:10px;font-size:.95rem;display:flex}.form-group{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.form-group label{color:var(--accent3);letter-spacing:.3px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.95rem;font-weight:700}.form-row{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.field-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;display:flex}.option-row{grid-template-columns:1fr auto;align-items:end;gap:16px;display:grid}.option-remove{margin-bottom:28px}.cover-preview{object-fit:cover;border:3px solid var(--border);width:100%;max-height:280px;box-shadow:var(--pixel-shadow);border-radius:0}.option-list{gap:12px;display:grid}.answer-option{border:2px solid var(--border-soft);color:var(--text);background:#fff8da0a;border-radius:0;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:2px 2px #000}.answer-option:hover{border-color:var(--accent2);background:#22d3ee14}.answer-option input,.checkbox-row input{accent-color:var(--accent3)}.dashboard-card{background:var(--surface);border:3px solid var(--border);cursor:pointer;box-shadow:var(--pixel-shadow);border-radius:0;padding:28px;transition:all .16s;position:relative;overflow:hidden}.dashboard-card:hover{border-color:var(--accent2);transform:translate(3px,3px);box-shadow:1px 1px #000}.card-icon{border:2px solid var(--border);border-radius:0;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;font-family:"Press Start 2P",DM Mono,monospace;font-size:1.25rem;display:flex;box-shadow:3px 3px #000}.dashboard-card h3{color:var(--accent3);text-transform:uppercase;margin-bottom:12px;font-family:DM Mono,monospace;font-size:1.4rem}.dashboard-card p{color:var(--muted);font-size:.95rem;line-height:1.7}.quiz-section:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#fff8da09 1px,#0000 1px),linear-gradient(90deg,#fff8da09 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.quiz-section{border:3px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--pixel-shadow-lg);background:linear-gradient(145deg,#151512f5,#232019e6);border-radius:0;margin-bottom:36px;padding:42px;position:relative;overflow:hidden}.quiz-section>*{z-index:1;position:relative}.quiz-section h2{text-transform:uppercase;margin-bottom:34px;font-family:"Press Start 2P",DM Mono,monospace;font-size:clamp(1rem,2.5vw,1.55rem);font-weight:700;line-height:1.45}.participant-field-card{border:2px solid var(--border-soft);background:#fff8da0a;border-radius:0;margin-bottom:24px;padding:28px;transition:all .16s}.participant-field-card:hover{border-color:var(--accent2);transform:translate(2px,2px);box-shadow:1px 1px #000}.question-card{border:2px solid var(--border-soft);background:#0808077a;border-radius:0;margin-bottom:20px;padding:24px}.question-card h4{color:var(--accent3);margin-bottom:18px;font-size:1.1rem;line-height:1.5}.question-card ul{margin-bottom:20px;padding-left:20px}.question-card li{color:#e8dfb6;margin-bottom:10px}.question-card .btn{margin-top:20px;margin-right:12px}.question-preview{margin-top:32px}.question-preview h3,.manual-question-builder h3{margin-bottom:24px;font-family:DM Mono,monospace;font-size:1.5rem}.manual-question-builder{border-top:2px dashed var(--border-soft);margin-top:40px;margin-bottom:40px;padding-top:40px}.correct-answer{color:var(--green);font-weight:700}.delete-btn{margin-top:20px}.quiz-list-card{gap:18px;display:grid}.quiz-list-card h3,.result-card h3{margin-bottom:8px;font-family:DM Mono,monospace}.quiz-card-cover,.take-cover{object-fit:cover;border:3px solid var(--border);width:100%;box-shadow:var(--pixel-shadow);border-radius:0}.quiz-card-cover{height:180px}.take-cover{max-height:340px;margin-bottom:28px}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.meta-grid span{border:2px solid var(--border-soft);color:var(--text);background:#fff8da0d;border-radius:0;padding:12px 14px;font-family:DM Mono,monospace;font-size:.9rem}.copy-link{display:grid}.result-card{grid-template-columns:1fr auto;align-items:center;gap:18px;display:grid}.result-card .meta-grid{grid-column:1/-1}.score-pill{border:2px solid var(--green);color:#d9ffd4;background:#6ee75f24;border-radius:0;justify-content:center;align-items:center;min-width:82px;min-height:52px;font-family:DM Mono,monospace;font-weight:800;display:flex;box-shadow:3px 3px #000}.score-pill.large{width:140px;height:90px;margin-bottom:16px;font-size:2rem}.result-summary{justify-items:start;gap:12px;display:grid}@media (width<=640px){.quiz-section{padding:28px 18px}.option-row,.result-card{grid-template-columns:1fr}}