/* Wortwärts · Zeising: matching rounds, course glossary and individual rooms. */
#main:has(.workbook-section)>.heading p{max-width:none}
nav a.inbox-nav{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}
nav .mail-nav-icon{display:inline-flex;width:22px;flex-shrink:0}
.mail-nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
.glossary-admin{padding:22px;border:1px solid var(--line);background:var(--surface,#fff);border-radius:14px;margin-bottom:26px}
.glossary-course-controls{display:flex;align-items:center;gap:12px;margin:10px 0}
.glossary-course-controls select{flex:1;min-width:0}.glossary-course-controls button{flex-shrink:0}
.glossary-remove{margin-top:14px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
#glossary-entry-form label{display:block;margin:14px 0}#glossary-entry-form textarea{min-height:130px}
.glossary-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.matching-arena{border:1px solid var(--line);border-radius:22px;padding:24px;background:var(--surface,#fff)}
.matching-intro{display:flex;align-items:center;gap:20px;margin-bottom:20px}.matching-intro img{width:130px;height:100px;object-fit:cover;border-radius:14px}.matching-intro p{font-size:1rem;line-height:1.5;margin:6px 0}
.matching-hud{display:flex;align-items:center;gap:20px;font-size:1.05rem}.matching-hud #pm-time{margin-left:auto;font-size:1.7rem;font-variant-numeric:tabular-nums}.matching-hud #pm-target{color:var(--muted)}.matching-hud .urgent{color:var(--red,#a63c2d)}
.matching-track{height:6px;border-radius:8px;background:var(--line);overflow:hidden;margin:12px 0 24px}.matching-track span{display:block;height:100%;width:100%;background:#c8753f;transition:width .1s linear}
.matching-board{display:grid;grid-template-columns:1fr 1.45fr;gap:22px}.matching-board>div{display:grid;grid-template-rows:28px repeat(4,minmax(92px,auto));gap:12px;align-content:start}.matching-board h3{font-family:inherit;font-size:.9rem;color:var(--muted);margin:0}
.matching-board .pair{width:100%;min-height:92px;padding:15px 18px;font-size:1rem;line-height:1.4;border:1px solid var(--line);background:var(--surface-2,#fff6ec);box-shadow:0 3px 0 var(--line);transition:opacity .25s,transform .25s,background .2s}
.matching-board .pair.selected{border:2px solid #c8753f;background:var(--yellow-soft,#ffe4c3)}
.matching-board .pair.pair-hit{opacity:0;transform:scale(.93);background:#d9eedf;pointer-events:none}.matching-board .pair.pair-miss{border-color:#b64f48;background:var(--surface-2,#fff0eb);animation:pair-shake .25s ease-in-out}
.pair-gap{min-height:92px}.matching-finished{display:block}.matching-finished>div{display:block}.matching-finished .campaign-result img{width:100px}.matching-finished .controls{justify-content:center}
#pm-feedback{min-height:2.8em;margin-top:20px;font-size:.95rem;color:var(--muted)}
@keyframes pair-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.zr-room-picture[class*="zr-room-"]{background-size:100% 500%;background-repeat:no-repeat;height:auto;aspect-ratio:16/9}
.zr-room-0,.zr-room-1,.zr-room-2,.zr-room-3,.zr-room-4{background-image:url('game-art/rooms-1200-1850.png')}
.zr-room-5,.zr-room-6,.zr-room-7,.zr-room-8,.zr-room-9{background-image:url('game-art/rooms-1900-2100.png')}
.zr-room-0,.zr-room-5{background-position:0 0}.zr-room-1,.zr-room-6{background-position:0 25%}.zr-room-2,.zr-room-7{background-position:0 50%}.zr-room-3,.zr-room-8{background-position:0 75%}.zr-room-4,.zr-room-9{background-position:0 100%}
[data-theme="dark"] .matching-board .pair.selected{background:#614429;color:#fff3e4}[data-theme="dark"] .matching-board .pair{box-shadow:0 3px 0 #120f18}[data-theme="dark"] .matching-board .pair.pair-miss{background:#53323b}
@media(max-width:720px){nav a.inbox-nav{margin-top:0;border-top:0;border-left:1px solid var(--line);margin-left:14px;padding-top:9px}nav a.inbox-nav .mail-nav-icon{display:inline-flex}.matching-arena{padding:16px}.matching-intro img{width:76px;height:90px}.matching-intro{gap:12px}.matching-board{gap:12px;grid-template-columns:1fr 1.25fr}.matching-board .pair{font-size:.92rem;padding:12px;min-height:112px}.matching-board>div{grid-template-rows:30px repeat(4,minmax(112px,auto))}.pair-gap{min-height:112px}.glossary-course-controls{flex-wrap:wrap}.glossary-course-controls select{flex-basis:100%}.matching-hud{gap:10px;font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.matching-board .pair,.matching-track span{transition:none!important;animation:none!important}}
/* Wortwärts · short arcade rounds */
.sprint-arena{border:1px solid var(--line);border-radius:26px;background:var(--paper);padding:clamp(18px,3vw,36px)}.arcade-rules{display:flex;gap:20px;align-items:center;margin-bottom:24px}.arcade-rules img{width:74px;flex-shrink:0}.arcade-rules p{margin:0;line-height:1.5}.arcade-rules span{font-size:.95rem;color:var(--muted)}.arcade-hud{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px;border-radius:18px;background:#fff0d8}.arcade-hud>div{text-align:center}.arcade-hud span{display:block;font-size:.9rem}.arcade-hud strong{display:block;font-size:2rem;font-variant-numeric:tabular-nums}.arcade-target{font-size:.95rem;color:var(--muted);text-align:center}.sprint-card{max-width:760px;margin:24px auto 0;border-radius:22px;padding:24px;min-height:290px;border:2px solid transparent;transition:background .15s,border-color .15s}.sprint-card h3{font-family:inherit;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.4;margin:0 0 24px}.arcade-choices{display:grid;gap:12px}.arcade-choices button{display:flex;align-items:center;gap:16px;text-align:left;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);min-height:60px;font-size:1.08rem}.arcade-choices kbd{border:1px solid var(--line);border-radius:7px;padding:2px 8px;background:#f5e9df;flex-shrink:0}.arcade-choices button:hover:not(:disabled){border-color:#b45d34;background:#fff2e4;transform:translateY(-1px)}.sprint-card.hit{border-color:#73a48d;background:#e7f5ed}.sprint-card.miss{border-color:#b57166;background:#faece6}.arcade-feedback{min-height:30px;text-align:center;font-weight:700}.arcade-hud .on-fire{color:#bd532e}.arcade-result{text-align:center}.arcade-result .controls{justify-content:center}.arcade-review{text-align:left;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.arcade-review article{padding:16px 0;border-bottom:1px solid var(--line)}.arcade-review h4{font-size:1.1rem}.arcade-choices .revealed-correct{border-color:#50836b;background:#d7eadf}.matching-hud .pair-streak{font-size:1rem;font-weight:600}.matching-intro{max-height:150px}.matching-board .pair{font-size:1rem;line-height:1.4}.matching-hud{flex-wrap:wrap;gap:10px}.pair-record{font-size:.95rem;color:var(--muted)}
[data-theme=dark] .arcade-hud{background:#49372d}[data-theme=dark] .arcade-choices kbd{background:#453541}[data-theme=dark] .arcade-choices button:hover:not(:disabled){background:#553c33}[data-theme=dark] .sprint-card.hit,[data-theme=dark] .arcade-choices .revealed-correct{background:#23443a}[data-theme=dark] .sprint-card.miss{background:#54312e}
@media(max-width:600px){.arcade-hud{padding:12px 6px;gap:6px}.arcade-hud span{font-size:.85rem}.arcade-hud strong{font-size:1.6rem}.arcade-rules img{width:55px}.sprint-card{padding:12px 0;min-height:250px}.arcade-choices button{padding:12px;gap:10px}.matching-intro{max-height:none}.matching-board .pair{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.arcade-choices button,.sprint-card{transition:none!important;transform:none!important}}
/* Keep the timed question and all choices together on laptop and phone screens. */
#game-area.arcade-game-area{padding-top:18px;padding-bottom:24px}.arcade-game-area .play-header{margin-bottom:14px;gap:14px}.arcade-game-area .play-header h2{font-size:1.7rem;margin:3px 0}.arcade-game-area .play-header p{margin:3px 0;font-size:.95rem}.arcade-game-area .sprint-arena{padding:18px}.arcade-game-area .arcade-rules{margin-bottom:12px;gap:12px}.arcade-game-area .arcade-rules img{width:44px}.arcade-game-area .arcade-rules p{font-size:.95rem}.arcade-game-area .arcade-rules span{font-size:.875rem}.arcade-game-area .arcade-hud{padding:10px}.arcade-game-area .arcade-hud strong{font-size:1.7rem}.arcade-game-area .arcade-target{margin:8px 0}.arcade-game-area .sprint-card{padding:10px;margin:6px auto 0;min-height:0}.arcade-game-area .sprint-card h3{font-size:1.25rem;margin-bottom:12px;line-height:1.35}.arcade-game-area .arcade-choices{gap:8px}.arcade-game-area .arcade-choices button{padding:10px 14px;min-height:46px;font-size:1rem}.arcade-game-area .arcade-feedback{margin:4px 0;min-height:24px}.arcade-game-area .matching-track{margin:10px 0}
@media(max-width:600px){#game-area.arcade-game-area{padding:14px 12px}.arcade-game-area .sprint-arena{padding:12px}.arcade-game-area .arcade-rules img{display:none}.arcade-game-area .arcade-hud span{font-size:.8rem}.arcade-game-area .arcade-hud strong{font-size:1.45rem}.arcade-game-area .sprint-card{padding:8px 0}.arcade-game-area .play-header{align-items:center}.arcade-game-area .play-header h2{font-size:1.4rem}}