.start-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;-webkit-backdrop-filter:blur(18px)saturate(120%);padding:28px}.start-logo{object-fit:contain;width:66%;max-width:220px;height:auto;margin:0 auto 16px;display:block}.start-title{margin:0 0 12px;font-size:24px;font-weight:800}.start-desc{color:var(--muted);margin:0 0 18px}.quiz-dropdown{border:2px solid var(--violet-35);background-color:var(--option-bg);width:100%;height:52px;color:var(--text);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23f8fafc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 6 8 10 12 6'/></svg>");background-position:right 16px center;background-repeat:no-repeat;border-radius:12px;margin-bottom:8px;padding:0 44px 0 18px;font-size:16px;font-weight:800;display:block}.quiz-dropdown:focus{outline:3px solid var(--focus-outline);outline-offset:2px;border-color:var(--accent)}.quiz-dropdown:disabled{opacity:.6;cursor:not-allowed}.quiz-dropdown-hint{color:var(--muted);min-height:18px;margin:8px 0 18px;font-size:13px}.start-btn{border:1px solid var(--border);background:var(--start-btn-bg);width:100%;height:52px;color:var(--white);cursor:pointer;border-radius:12px;font-size:16px;font-weight:800;display:block}.start-btn:disabled{opacity:.6;cursor:not-allowed}.start-error{color:var(--time-grad-start);margin:12px 0;font-weight:800}.display-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}@media (width<=900px){.display-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=700px){.display-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=480px){.display-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.number-tile{aspect-ratio:1;background:var(--card);border:1px solid var(--violet-35);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(120%);cursor:pointer;color:var(--text);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;padding:16px;transition:transform 60ms,box-shadow .16s,border-color .12s;display:flex}.number-tile:hover{box-shadow:0 18px 40px var(--purple-shadow);border-color:var(--violet-65);transform:translateY(-2px)}.number-tile:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.number-tile-number{letter-spacing:1px;font-size:clamp(48px,7vw,96px);font-weight:900;line-height:1}.number-tile-score{color:var(--muted);text-align:center;margin-top:8px;font-size:14px;font-weight:700}.connection-banner{border:1px solid var(--white-15);box-shadow:0 10px 24px var(--black-25);border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 14px;font-weight:800;display:flex}.connection-banner.connecting{background:var(--violet-35);color:var(--text)}.connection-banner.reconnecting{background:linear-gradient(135deg, var(--time-grad-start), var(--time-grad-end));color:var(--text-on-accent)}.display-empty{text-align:center;color:var(--muted);margin-top:48px}.display-empty img{width:160px;max-width:40%;margin:0 auto 16px;display:block}.quiz-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.question-title{letter-spacing:.2px;overflow-wrap:anywhere;margin:0;font-size:24px;font-weight:800;line-height:1.25}@media (width<=420px){.question-title{font-size:20px}}.counter{color:var(--muted);white-space:nowrap;font-size:14px;font-weight:700}.divider{background:linear-gradient(90deg, var(--divider-grad-1), var(--divider-grad-2), var(--divider-grad-1));height:1px;margin:14px 0 18px}.options-grid{grid-template-columns:1fr;gap:12px;display:grid}.options-grid[data-answer-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.options-grid[data-answer-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.options-grid[data-answer-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=560px){.options-grid,.options-grid[data-answer-count="2"],.options-grid[data-answer-count="3"],.options-grid[data-answer-count="4"]{grid-template-columns:1fr}}.option-btn{text-align:left;border:2px solid var(--violet-35);background:var(--option-bg);min-height:58px;color:var(--text);cursor:default;overflow-wrap:anywhere;border-radius:14px;justify-content:flex-start;align-items:center;gap:12px;padding:12px 16px;font-size:16px;font-weight:800;display:flex;position:relative}.option-btn:before{content:"";width:18px;height:18px;box-shadow:inset 0 0 0 2px var(--violet-70);background:radial-gradient(circle at 50% 50%, var(--accent-blue-09), var(--accent-blue-00) 55%);opacity:.3;border-radius:999px;flex:0 0 18px}.option-btn[disabled]{cursor:default;opacity:1}.detail-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 0;display:flex}.detail-title{letter-spacing:.2px;font-size:22px;font-weight:900}.score-pill{border:1px solid var(--white-15);letter-spacing:.3px;color:var(--text-on-accent);box-shadow:0 10px 24px var(--black-25);border-radius:999px;padding:8px 14px;font-size:14px;font-weight:900}.score-pill.good{background:linear-gradient(135deg, var(--time-color), #0fb879)}.score-pill.bad{background:linear-gradient(135deg, var(--time-grad-start), var(--time-grad-end))}.question-block{background:var(--card);border:1px solid var(--violet-35);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(120%);margin-bottom:16px;padding:28px}@media (width<=420px){.question-block{border-radius:14px;padding:20px}}.question-image{object-fit:cover;border:1px solid var(--violet-35);border-radius:14px;width:100%;max-height:260px;margin-bottom:16px;display:block}.skipped-label{color:var(--muted);letter-spacing:.3px;margin-top:8px;font-size:13px;font-weight:800;display:inline-block}.option-btn.is-correct{border-color:var(--time-color);background:#16f2a614}.option-btn.is-correct:before{opacity:1;box-shadow:inset 0 0 0 6px var(--time-color), 0 0 18px #16f2a699;background:var(--time-color)}.option-btn.is-user-wrong{border-color:var(--time-grad-start);background:#ff7a6e14}.option-btn.is-user-wrong:before{opacity:1;box-shadow:inset 0 0 0 6px var(--time-grad-start), 0 0 18px #ff7a6e99;background:var(--time-grad-start)}.answer-label{background:var(--white-15);color:var(--text);letter-spacing:.3px;white-space:nowrap;border-radius:999px;flex:none;margin-left:auto;padding:3px 8px;font-size:11px;font-weight:800}.answer-label.user{background:#ff7a6e40}.detail-header .ghost{border:1px solid var(--violet-35);height:44px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:0 14px;font-weight:700}.detail-header .ghost:focus-visible{outline:3px solid var(--focus-outline);outline-offset:2px}.dev-toolbar{background:var(--card);border:1px solid var(--violet-65);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px)saturate(120%);z-index:10;border-radius:14px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex;position:fixed;bottom:16px;right:16px}.dev-toolbar-label{color:var(--accent);letter-spacing:1px;padding-right:4px;font-size:11px;font-weight:900}.dev-toolbar-btn{border:1px solid var(--violet-35);background:var(--option-bg);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:800;transition:background .1s,border-color .1s,color .1s}.dev-toolbar-btn:hover{background:var(--accent-blue-008);border-color:var(--accent)}.dev-toolbar-btn:focus-visible{outline:2px solid var(--focus-outline);outline-offset:2px}.dev-toolbar-btn.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.dev-toolbar-btn.danger{border-color:var(--time-grad-start)}.dev-toolbar-btn.danger:hover{border-color:var(--time-grad-start);background:#ff7a6e26}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Regular-Dh36KTnx.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Bold-DirYFTCx.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-Italic-B66cfCmv.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/JetBrainsMono-BoldItalic-De0BkA58.ttf)format("truetype");font-weight:700;font-style:italic;font-display:swap}:root{--bg:transparent;--card:#110a218c;--text:#f8fafc;--muted:#ffffffa6;--border:#8b5cf6;--btn:#0b0820;--btn-disabled:#a5a6d3;--shadow:0 20px 60px #0000004d, 0 0 0 1px #8b5cf640;--radius:26px;--accent:#7c7cff;--accent-2:#a78bfa;--text-on-accent:#0b0720;--white:#fff;--start-btn-bg:#111827;--violet-35:#8b5cf659;--violet-45:#8b5cf673;--violet-65:#8b5cf6a6;--violet-70:#8b5cf6b3;--option-bg:#ffffff08;--divider-grad-1:#ffffff14;--divider-grad-2:#8b5cf680;--purple-shadow:#6b21a859;--focus-outline:#c7d2feb3;--white-15:#ffffff26;--white-35:#ffffff59;--black-25:#00000040;--black-35:#00000059;--time-grad-start:#ff7a6e;--time-grad-end:#feb36b;--time-color:#16f2a6;--accent-blue-1:#7c7cff;--accent-blue-09:#7c7cffe6;--accent-blue-08:#7c7cffcc;--accent-blue-045:#7c7cff73;--accent-blue-008:#7c7cff14;--accent-blue-00:#7c7cff00}*{box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);place-items:center;margin:0;padding:24px;font-family:JetBrains Mono,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:grid}button,input,select,textarea{font-family:inherit}@media (width<=420px){body{padding:16px}}#shader-target{z-index:-1;pointer-events:none;border:0;width:100vw;height:100vh;position:fixed;inset:0}.app{width:min(1140px,100vw - 48px)}@media (width<=420px){.app{width:min(1140px,100vw - 32px)}}