/* Build answers with familiar keyboard and touch controls. */
.starting-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px;padding:26px;border:1px solid #4c4268;border-radius:20px;background:#1b1c2e;margin:24px 0 30px;align-items:center}
.starting-settings h2{font-size:26px;margin:10px 0}.starting-settings p{font-size:15px;line-height:1.65;color:#c6c3d7}.starting-settings label{font-size:16px}.starting-settings select{width:100%;font-size:16px}.optional-label{font-size:12px;font-weight:400;color:#bfb6d9;margin-left:6px}
.starting-settings .small-text{font-size:13px;margin-bottom:0}.room-form #host-settings>p{margin-bottom:24px}
.word-clue{font-size:clamp(18px,2.2vw,23px);line-height:1.5;color:#eeebfa;text-align:center;margin:0 0 22px}
.word-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;margin:16px 0}.word-slot{display:flex;align-items:center;justify-content:center;flex:0 0 42px;height:52px;border-radius:9px;font-size:24px;font-weight:750;line-height:1;background:#393349;color:#e5daff;border:1px solid #87769e}.word-slot.blank{border:2px dashed #bba6f2;background:#242237}.word-slot.blank.filled{border-style:solid;background:#cbb4ff;color:#25183b}.word-slot.given{border-color:#60546f}
.answer-options.typed-answers{display:block}.answer-entry{max-width:520px;margin:0 auto;text-align:left}.answer-entry label{font-size:16px;color:#f2eefc;display:block;margin-bottom:9px}.answer-input-row{display:flex;gap:10px;align-items:stretch}.answer-entry .typed-answer{min-width:0;flex:1;width:100%;font-size:24px;min-height:54px;border:1px solid #b8a2e6;border-radius:10px;background:#151524;color:#f7f4ff;padding:10px 14px;letter-spacing:.08em}.answer-clear{flex:none;min-width:60px;min-height:48px;border:1px solid #746385;background:#282337;color:#eee6ff;border-radius:10px;padding:10px}
.input-help{font-size:14px;line-height:1.6;color:#c6c0d5;margin:12px 0}.input-error{color:#ffd2bd;font-size:15px;margin:12px 0}.input-error:empty{margin:0}.typed-answer[aria-invalid=true]{border-color:#ffc09e}.letter-bank,.operator-bank{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:20px 0}.entry-key{min-width:44px;min-height:48px;border:1px solid #9584b4;border-radius:10px;background:#393049;color:#f6f0ff;padding:8px 12px;font-size:21px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}.entry-key:hover{background:#54436d}.entry-key:active{transform:translateY(1px)}.entry-key.used{opacity:.4}.entry-key:disabled{cursor:default}.number-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:270px;margin:20px auto}.operator-bank .entry-key{min-width:50px;min-height:50px}.answer-entry .submit-answer{width:100%;justify-content:center;margin-top:12px;min-height:48px}
.ready-howto{border-block:1px solid #514469;padding:16px 0;margin:22px 0;text-align:left}.ready-howto>p{font-size:16px;line-height:1.6}.ready-howto summary{font-size:15px;color:#e2d4ff;cursor:pointer;padding:10px 0}.ready-howto details[open]{padding-bottom:10px}.ready-howto details>div{margin-top:20px}.tutorial-feedback{font-size:16px;color:#d3eea4}.next-level{margin:24px auto;padding:20px;border:1px solid #6a5b86;border-radius:14px;max-width:620px;text-align:center}.next-level p{font-size:16px;line-height:1.6}
@media(max-width:760px){.starting-settings{grid-template-columns:1fr;gap:16px;padding:20px}.starting-settings h2{font-size:23px}.word-slot{flex-basis:36px;height:46px;font-size:21px}.word-slots{gap:6px}.answer-entry .typed-answer{font-size:20px}.entry-key{padding:8px 10px}.ready-howto .word-slot{flex-basis:32px}.input-help{font-size:14px}}
@media(prefers-reduced-motion:reduce){.entry-key{transition:none}.entry-key:active{transform:none}}