.fd{--fd-accent:#284d53;--fd-light:#e3eff0;max-width:1120px}.fd-31{--fd-accent:#5a4131;--fd-light:#f3e9e1}.fd-61{--fd-accent:#3e4272;--fd-light:#e9eaf6}.fd ::selection{background:var(--fd-accent);color:#fff}.fd :focus-visible{outline:3px solid var(--fd-accent);outline-offset:3px}.fd h2,.fd h3{color:var(--fd-accent)}.fd p{max-width:75ch}.fd-help{margin:1.2rem 0;padding:.75rem 0;border-block:1px solid #c8d5d8}.fd-help summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}.fd-status{font-weight:650;font-variant-numeric:tabular-nums}.fd-line{list-style:none;display:flex;gap:.65rem;flex-wrap:wrap;padding:0;margin:1rem 0}.fd-line li{flex:1 1 140px;min-width:0}.fd-line button,.fd-station{width:100%;padding:.85rem;min-height:64px;border:1px solid #bac9cc;border-radius:12px;text-align:left;background:#fff;color:#243337;display:block}.fd-line button[aria-pressed=true]{background:var(--fd-light);border-color:var(--fd-accent)}.fd-line small{display:block;margin-bottom:.3rem}.fd-bank{display:flex;gap:.55rem;flex-wrap:wrap;margin:1rem 0}.fd-bank button{min-height:44px;padding:.55rem .85rem;background:#fff;color:var(--fd-accent);border:1px solid #9bb0b6;border-radius:8px;font-size:1rem}.fd button:hover:not(:disabled){background:var(--fd-light);color:var(--fd-accent)}.fd button:disabled{opacity:.55;cursor:default}.fd h3{margin-top:1.6rem}.fd-map{padding-inline-start:1.3rem;max-width:75ch}.fd-map li{margin:.7rem 0}.fd-map strong,.fd-map span{display:block}.fd-map span{margin-top:.2rem;color:#3d5157}.fd-candidates{border-block:1px solid #c8d5d8}.fd-candidate{padding:1rem 0;border-bottom:1px solid #c8d5d8}.fd-candidate:last-child{border-bottom:0}.fd-candidate button{min-height:44px;padding:.5rem .9rem;text-align:left;background:#fff;color:var(--fd-accent);border:1px solid #9bb0b6;border-radius:8px;font-size:1rem;font-weight:650}.fd-candidate button[aria-pressed=true]{background:var(--fd-light);border-color:var(--fd-accent)}.fd-readings{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.4rem;margin:.75rem 0}.fd-readings p{margin:0}.fd-role{font-weight:650}.fd-endpoints{font-size:1.2rem;font-weight:650;color:var(--fd-accent)}.fd-clues{padding-inline-start:1.4rem}.fd-clues li{margin:.75rem 0}.fd-input-row{display:flex;gap:.65rem;margin-top:.4rem}.fd-input-row input{min-width:0;flex:1;min-height:44px;padding:.7rem;border:1px solid #8ba1a8;border-radius:8px;caret-color:var(--fd-accent);font-size:1rem}.fd label{font-weight:600}.fd .bh-feedback{min-height:1.5rem}.fd-review-line{font-weight:650}.fd-history-section{margin-top:1.5rem}.fd #fd-history{padding-inline-start:1.4rem}.fd #fd-history li{margin:.7rem 0}.fd [hidden]{display:none!important}@media(max-width:600px){.fd-readings{grid-template-columns:1fr}.fd-input-row{flex-wrap:wrap}.fd-input-row input{flex-basis:100%}.fd .bh-play-actions{gap:.65rem}.fd-line li{flex-basis:calc(50% - .65rem)}.fd-line li:first-child,.fd-line li:last-child{flex-basis:100%}}

.fd-inline-check{margin-top:.8rem}.fd-inline-check button{min-height:44px}.fd-candidate:has(button[aria-pressed=true]){background:var(--fd-light);padding-inline:.75rem}
/* The German action labels need full width on phones so the hint price stays readable. */
@media(max-width:600px){#fd-game[data-language="de"] .bh-play-actions{flex-direction:column;align-items:stretch}#fd-game[data-language="de"] .bh-play-actions>button{width:100%;min-height:44px;flex:auto}}