:root{font-family:system-ui,Arial;background:#090f21;color:#f6f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#1a2b52,#090f21 70%)}main{max-width:780px;margin:auto;padding:28px 18px}h1,h2,.arcade{font-family:'Courier New',monospace;letter-spacing:1px}h1{font-size:clamp(26px,5vw,48px);color:#6af7e5;text-shadow:3px 3px #be3afa}h2{color:#f7c55c}.muted{color:#abbad0}.panel{border:2px solid #47638f;background:#111d36;border-radius:14px;padding:22px;margin:20px 0;box-shadow:6px 6px #050912}.button,button{cursor:pointer;border:0;background:#6af7e5;color:#081124;font-weight:800;padding:13px 18px;border-radius:7px;font-size:16px}.button:hover,button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:default}.danger{background:#ff6985}.secondary{background:#293e66;color:#fff}input,select,textarea{display:block;width:100%;padding:12px;margin:8px 0 15px;background:#0b1429;color:white;border:1px solid #63799b;border-radius:6px;font-size:16px}label{display:block;margin-top:12px}.choices button{display:block;width:100%;text-align:left;margin:12px 0;background:#21385d;color:#fff;border:1px solid #58729b}.choices button:hover{background:#38598c}.hidden{display:none!important}.pill{display:inline-block;background:#2b466c;border-radius:99px;padding:6px 12px;margin:4px}.error{color:#ff8296}.good{color:#70ffd0}.death{color:#ff6c85;text-shadow:2px 2px #801837}.top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.path{padding:18px;border:2px solid #3d567b;border-radius:10px;background:#172843;color:white;text-align:left;min-height:110px}.path.selected{border-color:#6af7e5;background:#25535b}.pixel{font-size:64px;text-align:center;animation:bounce .8s infinite alternate}@keyframes bounce{to{transform:translateY(-12px)}}.flash{animation:flash .25s 4}@keyframes flash{50%{background:#79243d}}.big{font-size:clamp(26px,4vw,56px)}.board{max-width:1200px}.board h1{font-size:clamp(40px,6vw,90px)}.board .panel{min-height:220px}.score{font-size:30px;color:#f7c55c}table{width:100%;border-collapse:collapse}td,th{padding:10px;text-align:left;border-bottom:1px solid #344868}.small{font-size:13px}.check{display:flex;gap:8px;align-items:start}.check input{width:auto;margin:5px}.links a{color:#6af7e5;margin-right:16px}pre{white-space:pre-wrap}

/* V2 booth and operator additions */
#closedMessage{display:none;text-align:center;padding:5rem 1rem}
.registration-closed #closedMessage{display:block}
.registration-closed #register,.registration-closed #waiting,.registration-closed #playing,.registration-closed #finish{display:none!important}
.queue-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #39405b;flex-wrap:wrap}
.queue-row span{flex:1;min-width:180px}
.queue-row button{width:auto;padding:9px 14px}
.booth-stage{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(210px,1fr);gap:16px;margin-bottom:16px}
.booth-stage .mirror{min-height:390px;margin:0;display:flex;flex-direction:column}
.mirror-content{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:12px}
.mirror-question{width:100%;max-width:860px}.mirror-question h2{font-size:clamp(24px,3vw,48px);line-height:1.18;margin:22px 0}.mirror-choice{text-align:left;border:2px solid #42dbcf;border-radius:9px;padding:14px;margin:12px 0;font-size:clamp(17px,1.65vw,28px);background:#17253d}
.mirror-result h2{font-size:clamp(30px,4vw,56px)}.mirror-result p{font-size:clamp(20px,2vw,30px)}.mirror-skull{font-size:80px}
.booth-aside{text-align:center;margin:0}.qr-image{display:block;width:min(100%,190px);aspect-ratio:1;object-fit:contain;background:white;padding:8px;margin:10px auto}.wagon-scene{height:185px;position:relative;overflow:hidden;border-radius:12px;background:linear-gradient(#20334d 0 65%,#ad7247 65%);border:3px solid #61452c}.sun{position:absolute;right:24px;top:17px;width:47px;height:47px;background:#f7d05a;border-radius:50%}.trail-line{position:absolute;bottom:20px;width:100%;border-top:6px dashed #e3a36a}.wagon{position:absolute;bottom:32px;left:15%;width:135px;height:100px;animation:wagon-bounce .55s infinite alternate}.wagon-cover{position:absolute;top:0;left:15px;width:104px;height:73px;border:6px solid #704b2d;background:#e8ddae;border-radius:60px 60px 10px 10px;display:flex;align-items:center;justify-content:center;font:bold 42px monospace;color:#2a73b9;text-shadow:2px 2px #8be8e0}.wagon-body{position:absolute;bottom:11px;width:132px;height:32px;background:#8a522e;border:4px solid #4d2e21}.wheel{position:absolute;bottom:-12px;width:34px;height:34px;border-radius:50%;border:7px dashed #3e2c22;background:#d7a567;animation:wheel-spin .5s linear infinite}.wheel.left{left:16px}.wheel.right{right:15px}.dust{position:absolute;bottom:8px;left:10px;color:#f4cc9a;animation:dust-move .6s infinite alternate}@keyframes wagon-bounce{to{transform:translateY(-5px) rotate(-2deg)}}@keyframes wheel-spin{to{transform:rotate(90deg)}}@keyframes dust-move{to{transform:translateX(-12px);opacity:.3}}
@media(max-width:850px){.booth-stage{grid-template-columns:1fr}.booth-stage .mirror{min-height:320px}}

/* V3: Explicit landscape and portrait booth compositions. Both keep the leaderboard/disaster panels below the live player. */
.display-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.screen-mode-label{display:flex;align-items:center;gap:8px;color:#aee8e5;font:700 12px 'Courier New',monospace}
.screen-mode-label select{width:auto;margin:0;padding:8px 10px;font-size:13px}
html[data-booth-layout="landscape"] .board{max-width:1600px;width:100%;padding:clamp(12px,2vw,28px)}
html[data-booth-layout="landscape"] .booth-stage{grid-template-columns:minmax(0,3.5fr) minmax(200px,1fr)}
html[data-booth-layout="landscape"] .board h1{font-size:clamp(34px,4.5vw,75px);margin:12px 0}
html[data-booth-layout="portrait"] .board{max-width:850px;width:100%;padding:clamp(12px,2vw,26px)}
html[data-booth-layout="portrait"] .board h1{font-size:clamp(32px,5vw,64px);margin:12px 0;text-align:center}
html[data-booth-layout="portrait"] .booth-stage{grid-template-columns:minmax(0,1fr);gap:10px}
html[data-booth-layout="portrait"] .booth-stage .mirror{min-height:52vh;padding:clamp(12px,2vw,24px)}
html[data-booth-layout="portrait"] .mirror-question h2{font-size:clamp(24px,3.7vw,46px)}
html[data-booth-layout="portrait"] .mirror-choice{font-size:clamp(18px,2.7vw,27px)}
html[data-booth-layout="portrait"] .booth-aside{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,210px);align-items:center;gap:10px;min-height:170px;padding:10px}
html[data-booth-layout="portrait"] .booth-aside .wagon-scene{height:160px}
html[data-booth-layout="portrait"] .booth-aside h3{display:none}
html[data-booth-layout="portrait"] .booth-aside #qrBlock{grid-column:2;grid-row:1}
html[data-booth-layout="portrait"] .booth-aside .muted{display:none}
html[data-booth-layout="portrait"] .qr-image{width:min(100%,150px);margin:0 auto}
html[data-booth-layout="portrait"] .board>.grid{grid-template-columns:1fr 1fr}
html[data-booth-layout="portrait"] .board>.grid .panel{min-height:140px;margin:4px 0;padding:14px}
html[data-booth-layout="portrait"] .board>.grid h2{font-size:clamp(15px,2.5vw,23px)}
@media(max-width:550px){
 html[data-booth-layout="portrait"] .booth-aside{grid-template-columns:1fr 125px}
 html[data-booth-layout="portrait"] .booth-aside .wagon{transform:scale(.8);transform-origin:left bottom}
 html[data-booth-layout="portrait"] .board>.grid{grid-template-columns:1fr}
}

.admin-tabs{display:flex;gap:10px;margin:20px 0 14px;flex-wrap:wrap}.admin-tabs button{width:auto;min-width:190px}.admin-tabs button.selected{outline:3px solid #6af7e5;outline-offset:2px}.admin-tab-content{min-width:0}.question-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.question-toolbar label{min-width:0}@media(max-width:700px){.question-toolbar{grid-template-columns:1fr}}

#replayArea{margin-top:20px;border-top:1px solid #47638f;padding-top:15px}#replayArea .path{min-height:65px;padding:12px}#noThanks{margin:10px 0}#leadStatus{font-weight:700;color:#6af7e5}

.path{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 12px;text-align:left}.adventure-icon{flex:none;width:38px;height:38px;display:grid;place-items:center;font-size:27px}.adventure-icon img{width:38px;height:38px;object-fit:contain;border-radius:5px}.thank-you{text-align:center;padding:35px 20px}.lateetud-logo{font-size:clamp(30px,7vw,60px);color:#6af7e5;letter-spacing:.14em}.thank-you .button{display:inline-block;margin:12px auto}.participant-scroll{overflow-x:auto}.participant-table{width:100%;border-collapse:collapse}.participant-table td,.participant-table th{border-bottom:1px solid #52627a;padding:8px;text-align:left}.participant-table button{padding:6px 10px}.mirror-result{animation:resultPop .55s ease-out}.answer-correct .mirror{border:5px solid #2ee87c;box-shadow:0 0 35px #2ee87c80;background:linear-gradient(135deg,#113e2b,#172f3e)}.answer-wrong .mirror{border:5px solid #ff4156;box-shadow:0 0 35px #ff415680;background:linear-gradient(135deg,#4d1426,#242139)}.answer-correct .mirror-skull,.answer-wrong .mirror-skull{font-size:clamp(55px,9vw,130px);animation:resultPop .5s ease-out}@keyframes resultPop{0%{transform:scale(.6) rotate(-7deg);opacity:.3}70%{transform:scale(1.1) rotate(3deg)}100%{transform:scale(1);opacity:1}}

.mirror-answer-highlight{padding:14px;border-radius:10px;border:3px solid currentColor;font-weight:800;font-size:clamp(15px,2vw,30px);background:#0005}.answer-correct .mirror-answer-highlight{color:#76ff9e}.answer-wrong .mirror-answer-highlight{color:#ff8393}