.sign-game{max-width:740px;padding:clamp(16px,4vw,28px);background:#fff;border:1px solid #d5dfd1;border-radius:22px;margin-top:22px}.game-stats{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px}.game-stats strong{background:#e7f1e1;color:#24513b;border-radius:10px;padding:8px 12px}#game-meter{width:100%;height:10px;margin:12px 0 0;accent-color:#2c7252}.game-rules{font-size:13px;color:#52665b;line-height:1.5}.compare-signs{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:480px;margin:18px auto 24px}.compare-signs figure{margin:0;text-align:center;background:#f6f7f2;border-radius:16px;padding:12px}.compare-signs img{display:block;width:100%;height:clamp(130px,27vw,190px);object-fit:contain}.compare-signs figcaption{font-size:14px;font-weight:750;margin-top:9px}#game-question{font-size:clamp(20px,4vw,26px);line-height:1.35;letter-spacing:-.4px}.game-options{display:grid;gap:10px}.game-option{display:flex;align-items:center;gap:12px;width:100%;padding:15px;text-align:left;background:#fff;border:2px solid #d8e1d5;border-radius:13px;color:#193b34;font:inherit;font-size:16px;line-height:1.5;cursor:pointer}.game-option:not(:disabled):hover{background:#edf4e8;border-color:#4c785f}.option-letter{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:8px;background:#eaf0e3;font-weight:800}.game-option:disabled{opacity:1;cursor:default}.game-option.is-correct{background:#e7f4e7;border-color:#2e7543}.game-option.is-wrong{background:#fff0e9;border-color:#b64b25}.game-option strong{font-size:12px;margin-left:auto;flex:0 0 72px}.game-feedback{padding:18px;border-radius:13px;background:#edf5e8;margin-top:16px;border-left:4px solid #3c7849}.game-feedback.wrong{background:#fff3e6;border-color:#b56c27}.game-feedback p{font-size:16px;line-height:1.6;margin:8px 0 0}.game-primary{display:block;margin-top:18px;background:#1f5f4b;color:#fff;border:0;border-radius:12px;padding:15px 22px;font:inherit;font-weight:750;cursor:pointer;min-height:48px}.game-primary:hover{background:#143e35}.sign-game [hidden]{display:none!important}.game-result .result-score{font-size:38px;font-weight:850;color:#24513b;margin:12px 0}.review-item{border:1px solid #d5dfd1;border-radius:10px;margin-top:12px;padding:12px}.review-item summary{cursor:pointer;font-weight:700;line-height:1.5}.review-item p{font-size:15px;line-height:1.6}.game-note,.game-source{font-size:13px;line-height:1.6;max-width:700px;color:#52665b}.game-source a{color:inherit;text-decoration:underline}@media(max-width:460px){.game-option{font-size:15px;padding:12px;gap:9px;flex-wrap:wrap}.game-option>span:nth-child(2){flex:1;min-width:0}.game-option strong{margin-left:41px;flex-basis:auto}.compare-signs{gap:10px}.game-stats{font-size:13px}}

.priority-sign{margin:18px auto 24px;text-align:center}.priority-sign img{display:block;width:min(220px,100%);height:auto;margin:auto}.priority-sign figcaption{margin-top:10px;font-size:14px;font-weight:700}

.traffic-situation{margin:18px 0 24px}.traffic-situation img{display:block;width:100%;height:auto;border-radius:12px}.traffic-situation figcaption{margin-top:10px;font-size:14px;text-align:center;line-height:1.5}

/* Phone play view: one complete question with its three answers. */
@media(max-width:600px){
 body.sign-game-page header.site-masthead{margin-top:5px}
 body.sign-game-page header.site-masthead .masthead-photo{display:none}
 body.sign-game-page header.site-masthead .masthead-contact{padding:5px 0}
 body.sign-game-page header.site-masthead address span{display:none}
 body.sign-game-page header.site-masthead .masthead-back{margin:2px 0;font-size:11px}
 body.sign-game-page main{padding:8px 12px 24px}
 body.sign-game-page .site-breadcrumbs,body.sign-game-page main>.eyebrow,body.sign-game-page main>.lead{display:none}
 body.sign-game-page main>h1{font-size:23px;margin:4px 2px 9px;letter-spacing:-.6px}
 .sign-game{padding:12px;margin-top:0;border-radius:18px;scroll-margin-top:8px}
 .game-stats{font-size:12px;gap:8px;line-height:1.3}.game-stats strong{padding:5px 8px;border-radius:8px}
 #game-meter{height:5px;margin:6px 0 0;display:block}
 .game-rules{font-size:11px;line-height:1.3;margin:6px 0}
 .compare-signs,.priority-sign,.traffic-situation{margin:8px auto;max-width:100%;gap:8px}
 .compare-signs figure{padding:6px;border-radius:10px}
 .sign-game .compare-signs img,.sign-game .priority-sign img,.sign-game .traffic-situation img{width:100%!important;height:clamp(78px,17svh,140px)!important;max-width:100%;object-fit:contain}
 .sign-game .traffic-situation img{height:clamp(90px,20svh,160px)!important}
 .compare-signs figcaption,.priority-sign figcaption,.traffic-situation figcaption{font-size:11px;line-height:1.25;margin-top:4px}
 #game-question{font-size:17px;line-height:1.3;letter-spacing:-.2px;margin:11px 0 9px}
 .game-options{gap:8px}
 .game-option{padding:10px;gap:9px;font-size:14px;line-height:1.35;min-height:48px;flex-wrap:nowrap;border-radius:11px}
 .game-option>span:nth-child(2){flex:1;min-width:0}
 .option-letter{flex:0 0 27px;height:27px;border-radius:7px;font-size:13px}
 .game-option strong{flex:0 0 48px;margin:0;font-size:10px;line-height:1.2}
 .game-feedback{padding:12px;margin-top:12px}.game-feedback p{font-size:14px;line-height:1.5}
 .game-primary{width:100%;margin-top:12px;padding:12px 16px;min-height:46px}
 .game-note,.game-source{font-size:12px}
}
@media(max-width:600px) and (max-height:700px){
 .sign-game{padding:10px}
 .sign-game .compare-signs img,.sign-game .priority-sign img{height:85px!important}
 .sign-game .traffic-situation img{height:100px!important}
 #game-question{font-size:15px;margin:8px 0;line-height:1.25}
 .game-option{font-size:13px;padding:8px;min-height:44px;line-height:1.3}
 .game-options{gap:6px}.game-rules{font-size:10px}
}

/* Larger Huinegem photograph, with all three choices kept compact on phones. */
@media(max-width:600px){
 .sign-game.is-huinegem .game-rules{display:none}
 .sign-game.is-huinegem #huinegem-situation{margin:7px 0}
 .sign-game.is-huinegem #huinegem-situation a{display:block}
 .sign-game.is-huinegem #huinegem-situation img{height:var(--huinegem-photo-height,clamp(160px,34svh,280px))!important;object-fit:cover;object-position:50% 36%;width:100%!important}
 .sign-game.is-huinegem #huinegem-situation figcaption{font-size:10px;margin-top:3px}
 .sign-game.is-huinegem #game-question{font-size:16px;line-height:1.25;margin:8px 0}
 .sign-game.is-huinegem .game-option{padding:9px;font-size:14px;min-height:44px;line-height:1.3}
 .sign-game.is-huinegem .game-options{gap:6px}
}
@media(max-width:600px) and (max-height:650px){
 .sign-game.is-huinegem #game-question{font-size:15px}
 .sign-game.is-huinegem .game-option{font-size:13px;padding:8px}
}

.right-turn-sign{margin:12px auto;text-align:center;max-width:340px}.right-turn-photo{display:block;overflow:hidden;height:290px;border-radius:12px}.right-turn-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(2.25);transform-origin:48% 39%}.right-turn-sign figcaption{font-size:11px;margin-top:4px}@media(max-width:600px){.right-turn-photo{height:clamp(160px,28svh,230px)}.right-turn-sign{max-width:270px;margin:8px auto}}

.merchtem-sign{max-width:560px;margin:16px auto}.merchtem-sign img{width:100%;max-height:340px;object-fit:contain;background:#f3f5ef}.merchtem-sign a{display:block}.merchtem-sign figcaption{font-size:12px}@media(max-width:600px){.sign-game .merchtem-sign img{height:clamp(170px,28svh,230px)!important;object-fit:contain}.merchtem-sign figcaption{font-size:10px}}

/* Show the two real signs together; keep the uploaded photograph intact. */
.merchtem-sign .merchtem-authentic-photo{position:relative;display:block;overflow:hidden;width:240px;max-width:100%;aspect-ratio:300/350;margin:auto;border-radius:12px;background:#ddd}
.sign-game .merchtem-sign .merchtem-authentic-photo img{position:absolute;left:-76.6667%;top:-180%;display:block;width:235.3333%!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:initial;border-radius:0}
@media(max-width:600px){.merchtem-sign .merchtem-authentic-photo{width:clamp(146px,24svh,197px)}}