body{margin:0;background:#f5f4f0}.skip-link{position:fixed;top:-100px;left:12px;z-index:1000;padding:10px 16px;background:#fffdf4;color:#25252b;border:2px solid #25252b}.skip-link:focus{top:10px}
/* H07: mevcut KeskinLab kimliği, tahtadan okunur soru ve büyük dokunma hedefleri. */
.quiz{--paper:#f5f4f0;--ink:#202027;--accent:#7a2021;--line:#d8d4cd;--muted:#66635e;max-width:1120px;margin:0 auto;padding:24px 28px 64px;color:var(--ink);font-family:'IBM Plex Sans',Arial,sans-serif;line-height:1.5}.quiz [hidden]{display:none!important}.quiz button,.quiz a{-webkit-tap-highlight-color:transparent}.quiz button{font:inherit;cursor:pointer}.quiz button:focus-visible,.quiz a:focus-visible,.quiz summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.quiz button:disabled{cursor:default}.quiz .toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.toolbar a{color:inherit;text-decoration:none;font-size:15px}.toolbar>div{display:flex;gap:8px}.toolbar button{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:8px 12px;min-height:44px}.quiz-header{margin:26px 0 24px}.quiz .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.1em;margin:0 0 10px;color:var(--accent)}.quiz h1{font-size:clamp(34px,4.6vw,58px);line-height:1.08;margin:0 0 10px;letter-spacing:-.035em;font-weight:600}.quiz h1 span{color:var(--accent)}.quiz-header>p:last-child{margin:0;color:var(--muted);font-size:20px}.panel{background:#fffdf9;border:1px solid var(--line);border-radius:8px;padding:34px}.welcome{display:grid;grid-template-columns:180px 1fr;gap:36px;align-items:center}.intro-mark{font-size:84px;font-weight:600;letter-spacing:-.1em;line-height:1;text-align:center;color:var(--accent)}.intro-mark span{color:var(--line);font-weight:400;margin:0 8px}.quiz h2{font-size:clamp(26px,3vw,38px);line-height:1.3;letter-spacing:-.02em;margin:0 0 16px;font-weight:600}.welcome p:not(.eyebrow):not(.small-note){font-size:20px;max-width:650px}.rules{padding-left:22px;font-size:17px;margin:18px 0 24px}.rules li{margin:6px 0}.quiz .primary{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;border:1px solid var(--accent);background:var(--accent);color:white;border-radius:4px;padding:12px 22px;font-size:20px;font-weight:600}.quiz .primary:hover{background:#591719}.small-note{font-size:13px;color:var(--muted);margin:14px 0 0}.round-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.round-heading .eyebrow{margin:0}.score{font-family:'IBM Plex Mono',monospace;font-size:13px}.progress{display:flex;gap:5px;margin:16px 0 28px}.progress span{height:5px;flex:1;background:#e3dfd7;border-radius:2px}.progress .done{background:var(--accent)}.progress .current{background:#bcb4a6}.topic{font-size:14px;color:var(--muted);margin:0 0 12px}.play #statement{font-size:clamp(27px,3.15vw,41px);min-height:110px;max-width:970px;margin-bottom:30px;outline:none}.answers{display:grid;grid-template-columns:1fr 1fr;gap:18px}.answer{display:flex;align-items:center;gap:16px;background:#f4f2ec;color:var(--ink);border:2px solid #bdb8af;border-radius:6px;padding:20px 24px;min-height:92px;text-align:left;font-size:30px!important;font-weight:600!important}.answer:hover:not(:disabled){border-color:var(--accent);background:#efe8e3}.answer-letter{display:grid;place-items:center;background:#fffdf9;border:1px solid var(--line);border-radius:4px;width:44px;height:44px;font-size:23px}.answer small{font-size:13px;font-weight:400;margin-left:auto;color:var(--muted)}.answer:disabled{opacity:.65}.answer[data-correct=true]{opacity:1;border-color:#426852;background:#edf2ec}.answer[data-selected=true][data-correct=false]{opacity:1;border-color:var(--accent);background:#f8ebe8}.feedback{margin-top:24px;padding:20px 24px;border-left:4px solid #426852;background:#edf2ec;outline:none}.feedback[data-result=eliminated]{background:#f8ebe8;border-color:var(--accent)}.feedback[data-result=won]{background:#f3eee0;border-color:#9b7930}.feedback h3{font-size:27px;line-height:1.2;margin:4px 0 10px}.feedback>p:not(.eyebrow){font-size:21px;margin:8px 0}.feedback .correct-answer{font-size:16px!important;font-weight:600}.round-actions{display:flex;justify-content:flex-end;margin-top:20px}.teacher{margin-top:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:16px}.teacher summary{cursor:pointer;padding:16px 0;min-height:48px;font-weight:500}.teacher>div{padding:0 8px 14px}.teacher p{margin:0 0 12px;max-width:920px}.teacher .source{font-size:13px;color:var(--muted)}html[data-activity-embedded] .quiz{padding-top:16px}html:fullscreen{background:var(--paper,#f5f4f0)}
@media(max-width:640px){.quiz{padding:14px 16px 36px}.toolbar{align-items:flex-start}.toolbar a{font-size:13px}.toolbar button{font-size:12px;padding:8px}.quiz-header{margin:22px 0}.quiz-header>p:last-child{font-size:17px}.panel{padding:22px 18px}.welcome{grid-template-columns:1fr;gap:18px}.intro-mark{text-align:left;font-size:54px}.welcome p:not(.eyebrow):not(.small-note){font-size:18px}.rules{font-size:16px}.play #statement{font-size:27px;min-height:0;margin-bottom:24px}.answers{gap:12px}.answer{padding:15px 12px;gap:10px;min-height:82px;font-size:23px!important}.answer small{display:none}.answer-letter{width:30px;height:34px;font-size:18px}.feedback{padding:17px}.feedback>p:not(.eyebrow){font-size:18px}.feedback h3{font-size:24px}.round-actions .primary{width:100%;font-size:18px}.score{font-size:11px}.quiz .eyebrow{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.answer,.primary{transition:background-color .15s,border-color .15s}.feedback{animation:appear .2s ease-out}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}

/* Kullanıcının 23 Ekim talimatı: bu oyunda neo-brütalizm ve kodla çizilmiş SVG. */
.quiz{--accent:#842536;--ink:#25252b;--line:#25252b;--muted:#55535a;padding-top:24px}.quiz-header{position:relative}.quiz h1{font-weight:700;letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(38px,5.5vw,66px)}.quiz h1 span{display:inline-block;background:#f9dc58;color:#25252b;padding:0 8px 5px;box-shadow:4px 4px 0 #25252b;transform:rotate(-1deg);border:2px solid #25252b}.quiz-header>p:last-child{margin-top:18px;color:#25252b;font-weight:500}.toolbar{border-bottom:2px solid #25252b!important}.toolbar button{border:2px solid #25252b;background:#fffdf4;box-shadow:3px 3px 0 #25252b;border-radius:3px;font-weight:600}.panel{border:3px solid #25252b;background:#fffdf4;border-radius:6px;box-shadow:8px 8px 0 #25252b;padding:34px}.welcome{grid-template-columns:minmax(240px,.85fr) minmax(0,1.15fr);gap:34px}.drawing{align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;background:#e9e5db;border:2px solid #25252b;padding:12px;position:relative}.drawing-label{align-self:flex-start;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.03em;background:#a6d2c4;border:2px solid #25252b;padding:6px 9px;transform:rotate(-2deg);box-shadow:3px 3px 0 #25252b}.hero-svg{display:block;width:100%;height:auto;margin:12px 0}.drawing-note{align-self:flex-end;font:600 11px 'IBM Plex Mono',monospace;background:#f9dc58;border:2px solid #25252b;padding:6px 9px;box-shadow:3px 3px 0 #25252b}.welcome h2{font-weight:700;font-size:clamp(28px,3vw,40px)}.quiz .eyebrow{font-weight:600;color:#842536}.quiz .primary{border:2px solid #25252b;background:#842536;color:#fffdf4;box-shadow:5px 5px 0 #25252b;border-radius:3px;font-weight:700}.quiz .primary:hover{background:#67202b;transform:translate(-1px,-1px);box-shadow:6px 6px 0 #25252b}.quiz .primary:active{transform:translate(3px,3px);box-shadow:2px 2px 0 #25252b}.rules{font-size:17px}.rules li::marker{color:#842536}.play{position:relative;overflow:visible}.round-heading{padding-right:108px;min-height:50px}.round-heading .eyebrow{background:#f9dc58;color:#25252b;border:2px solid #25252b;padding:5px 10px;box-shadow:3px 3px 0 #25252b;letter-spacing:.04em}.question-art{position:absolute;right:23px;top:13px;width:100px;transform:rotate(4deg)}.question-art svg{display:block;width:100%;height:auto}.score{font-weight:600;white-space:nowrap}.progress{gap:6px;margin-top:20px}.progress span{height:10px;background:#ebe5d9;border:1px solid #25252b;border-radius:0}.progress .done{background:#a6d2c4}.progress .current{background:#f9dc58}.topic{display:inline-block;font-family:'IBM Plex Mono',monospace;font-size:12px;border-bottom:2px solid #842536;padding-bottom:3px;color:#55535a}.play #statement{font-weight:600;min-height:112px}.answer{border:3px solid #25252b!important;border-radius:5px;box-shadow:5px 5px 0 #25252b;background:#a6d2c4;color:#25252b;min-height:100px}.answer:nth-child(2){background:#e8a2a4}.answer-letter{border:2px solid #25252b;border-radius:3px;background:#fffdf4;box-shadow:2px 2px 0 #25252b;font-family:'IBM Plex Mono',monospace}.answer:hover:not(:disabled){background:#f9dc58;transform:translate(-1px,-1px);box-shadow:6px 6px 0 #25252b}.answer:active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px 0 #25252b}.answer small{color:#25252b}.answer:disabled{opacity:.5;box-shadow:2px 2px 0 #25252b}.answer[data-correct=true]{opacity:1;background:#a6d2c4;outline:3px solid #426852;outline-offset:4px}.answer[data-selected=true][data-correct=false]{opacity:1;background:#e8a2a4;outline:3px solid #842536;outline-offset:4px}.feedback{border:2px solid #25252b;border-left:9px solid #426852;border-radius:3px;box-shadow:4px 4px 0 #25252b;background:#edf4ec;margin-top:28px}.feedback[data-result=eliminated]{border-left-color:#842536;background:#fae9e4}.feedback[data-result=won]{border-left-color:#9b7930;background:#fff3c4}.feedback h3{font-weight:700}.teacher{border-top:2px solid #25252b;border-bottom:2px solid #25252b;margin-top:30px}.teacher summary{font-weight:600}.quiz button:focus-visible,.quiz a:focus-visible,.quiz summary:focus-visible{outline:3px solid #842536;outline-offset:7px}.quiz .small-note{font-size:12px}
@media(max-width:760px){.welcome{grid-template-columns:1fr;gap:25px}.drawing{max-width:420px;width:100%;justify-self:center;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:12px}.hero-svg{grid-column:1/-1;grid-row:2;max-width:300px;margin:0 auto}.drawing-label{grid-column:1/-1;justify-self:start;font-size:9px}.drawing-note{grid-column:1/-1;justify-self:end;font-size:10px}.quiz-header{margin-bottom:25px}.panel{padding:26px;box-shadow:6px 6px 0 #25252b}.question-art{width:85px;right:18px;top:18px}.round-heading{padding-right:84px}.score{font-size:11px}}
@media(max-width:480px){.quiz{padding:16px 17px 40px}.quiz h1{font-size:37px;line-height:1.17}.quiz h1 span{margin-top:5px;padding-bottom:2px}.quiz-header>p:last-child{font-size:17px;margin-top:14px}.panel{padding:20px 16px}.drawing{padding:10px}.hero-svg{max-width:235px}.drawing-note{font-size:9px}.welcome h2{font-size:29px}.round-heading{padding-right:58px;align-items:flex-start;gap:8px;flex-direction:column;min-height:67px}.round-heading .eyebrow{font-size:10px;padding:4px 7px}.question-art{width:76px;top:18px;right:13px}.play #statement{font-size:27px;min-height:0}.answer{padding:14px 10px;min-height:85px;font-size:21px!important;box-shadow:4px 4px 0 #25252b}.answer-letter{width:28px;height:32px;font-size:17px}.answers{gap:14px}.feedback{padding:16px 13px;border-left-width:6px}.feedback h3{font-size:25px}.feedback .eyebrow{font-size:10px}.feedback .correct-answer{font-size:14px!important}.round-actions{margin-top:22px}.round-actions .primary{font-size:16px;padding:12px 14px}.rules{font-size:16px}}
@media(prefers-reduced-motion:reduce){.quiz *, .quiz *::before,.quiz *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}