/* Game presentation layer shared by the five learning spaces. */
#room-learning-space.game-v3[data-room]{--mint:#9cf0c6;--gold:#ffe2a0;--panel:#183d39;box-sizing:border-box;padding:20px clamp(16px,3.5vw,64px) 58px;background:radial-gradient(ellipse at 15% 55%,#2c675b66,transparent 50%),radial-gradient(ellipse at 80% 15%,#626d3e44,transparent 45%),linear-gradient(#071e25dd,#0b2928ec),url('../../assets/experience/allied/map-background.png') center/cover fixed;font-family:var(--sans)}
#room-learning-space.game-v3::before{inset:9px;border:1px solid #cbe7d313;border-radius:28px;box-shadow:inset 0 0 100px #00171955}
#room-learning-space.game-v3[data-room]>.dialog-top{max-width:1520px;border:0;padding:0 0 12px;margin:0 auto 12px;gap:16px;flex:none;width:100%}
#room-learning-space.game-v3[data-room] #quest-title{font:800 clamp(25px,3.4vh,40px)/1.2 var(--sans);text-transform:none;text-shadow:none;color:#fff2cf;letter-spacing:-.7px;margin:6px 0}
#room-learning-space.game-v3[data-room] #quest-kicker{color:#a4c6b9;font-size:10px;letter-spacing:1.8px}
#room-learning-space.game-v3[data-room] .museum-close{border:1px solid #b5ddc335;border-radius:14px;background:linear-gradient(#284a43,#18382f);box-shadow:0 4px 0 #081f1c,0 8px 15px #0003;padding:11px 18px;color:#e2eddb;transition:transform .15s,filter .15s}
#room-learning-space.game-v3[data-room] #quest-content{max-width:1440px;gap:16px;position:relative}
.game-mission-strip{display:flex;align-items:center;gap:14px;flex:none;padding:12px 20px;border-radius:20px;background:linear-gradient(110deg,#2b5349dd,#1a3735c9);border:1px solid #b7e6d025;box-shadow:0 8px 30px #0002,inset 0 1px #ffffff13}
.game-rank{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(140deg,#f5d787,#a77f39);color:#27392a;font-size:30px;box-shadow:0 4px 0 #6a5428,0 7px 15px #e0bc5022;flex:none}
.game-mission-strip small{display:block;font-size:9px;font-weight:700;color:#a9c4b7;letter-spacing:2px;margin-bottom:4px}.game-mission-strip strong{font-size:17px;color:#f1eddb}.game-stars{display:flex;gap:9px;margin-left:auto}.game-stars span{font-size:28px;color:#81978b66;filter:drop-shadow(0 2px 1px #071e1b)}.game-stars .earned{color:#ffd981;animation:game-pop .5s ease-out}
#room-learning-space.game-v3[data-room] .game-arena{border:0;border-radius:0;background:none;box-shadow:none;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(22px,3vw,48px);padding:14px 8px 0;align-items:stretch;flex:1;min-height:0}
.game-evidence{padding:16px!important;border-radius:24px;background:linear-gradient(145deg,#396255,#1a3933);border:1px solid #acd2af44;box-shadow:0 10px 0 #061d1b88,0 22px 45px #0004,inset 0 1px #ffffff22;transform:rotate(-.6deg)}
.evidence-label{display:flex;gap:8px;align-items:center;color:#f3e7b5;font-size:11px;font-weight:750;letter-spacing:1px;flex:none}.evidence-label span{font-size:23px;color:#b8edcf}.evidence-label b{margin-left:auto;padding:5px 8px;border-radius:7px;background:#0b2a26;color:#a9c7b8;font-size:8px;letter-spacing:1.3px}
.evidence-image{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:16px;background:#092623;box-shadow:inset 0 0 0 1px #d2d8b62b}
#room-learning-space.game-v3 .evidence-image img{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;object-fit:contain;background:none;flex:none}
#room-learning-space.game-v3 .game-evidence figcaption{font-size:11px;line-height:1.45;color:#bcd0bd;flex:none}.game-evidence figcaption a{display:inline-block;margin-left:8px;color:#e5d49e}
#room-learning-space.game-v3 .research-question{padding:4px 0;justify-content:center;gap:clamp(12px,2vh,24px);overflow:auto}
.game-question-count{display:flex;align-items:center;gap:8px;letter-spacing:1.5px;font-size:10px;color:#9cb8aa;font-weight:750}.game-question-count b{font-size:22px;color:#ffdfa0;letter-spacing:0}.game-question-count>span{color:#718f82;letter-spacing:0}
#room-learning-space.game-v3 .research-question h3{font:750 clamp(20px,2.9vh,32px)/1.35 var(--sans);color:#f6f1dc;text-wrap:balance;letter-spacing:-.5px}
#room-learning-space.game-v3 .research-options{gap:12px}
#room-learning-space.game-v3 .research-options button{min-height:60px;border:1px solid #acd9bd44;border-radius:17px;background:linear-gradient(135deg,#305c4f,#204338);box-shadow:0 5px 0 #081f1d,0 8px 15px #0002,inset 0 1px #ffffff12;color:#eaf3e4;padding:12px 15px;gap:13px;position:relative;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s;font-size:15px}
#room-learning-space.game-v3 .research-options button>span{width:35px;height:35px;flex:none;border-radius:11px;border:1px solid #b7dbbc33;background:#13342c;color:#efd499;box-shadow:inset 0 2px 5px #0003;font-weight:800}
.research-options button>b{flex:1;font-weight:650}.research-options button>i{font-style:normal;font-size:26px;color:#a9ccae}
#room-learning-space.game-v3 .research-options button:hover:enabled{transform:translateY(-3px);border-color:#d2e6b9;background:linear-gradient(135deg,#447a61,#285142);box-shadow:0 7px 0 #081f1d,0 12px 25px #b9dd9520}
#room-learning-space.game-v3 .research-options button:active:enabled{transform:translateY(3px);box-shadow:0 1px 0 #081f1d}
#room-learning-space.game-v3 .research-options button.correct{opacity:1;background:linear-gradient(120deg,#448b56,#245239);border-color:#b2eda2;box-shadow:0 4px 0 #103222,0 0 24px #9de88a33;animation:game-pop .35s ease-out}
#room-learning-space.game-v3 .research-options button.incorrect{border-color:#f49a87;background:linear-gradient(120deg,#754c42,#4d3730);animation:game-shake .3s ease-out}
#room-learning-space.game-v3 .research-options button:disabled:not(.correct){opacity:.48}
#room-learning-space.game-v3 .research-feedback{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#14352eaa;color:#b8cbb9;line-height:1.5;font-size:12px;border:1px solid #b9cfaa11;min-height:64px}
.research-feedback p{margin:0!important;font:inherit!important;color:inherit!important}.research-feedback strong{color:#e8dfbb;font-size:11px;letter-spacing:.5px}.feedback-icon{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#3e5e44;color:#f5dda3;font-size:17px}.research-feedback.is-correct{background:#2b5134aa!important;color:#d3eacb!important;border-color:#a1de8733!important}.research-feedback.is-wrong{background:#583e32aa!important;color:#f3d5c3!important}
#room-learning-space.game-v3 .research-source{color:#b2c0a5;font-size:11px}
.game-bottom-bar{display:flex;align-items:center;gap:16px;flex:none;padding:12px 0 0;min-height:58px}.game-journey{font-size:11px;color:#a6bfad}.game-next{margin-left:auto;border:0;border-radius:13px;padding:12px 20px;background:linear-gradient(#eed69a,#bda365);color:#23392b;box-shadow:0 4px 0 #736134;font:750 13px var(--sans);cursor:pointer}
#room-learning-space.game-v3 .research-pages{gap:8px}#room-learning-space.game-v3 .research-pages button{width:40px;height:40px;min-height:40px;display:grid;place-items:center;padding:0;border-radius:13px;border:1px solid #bce0bd33;background:#204237;color:#bcd6c0;box-shadow:0 3px 0 #0b241f;font-weight:750}#room-learning-space.game-v3 .research-pages [aria-current=step]{background:#d7b973;color:#22382a;border-color:#f9e2a0}
#room-learning-space.game-v3[data-room] #finish-task{border-radius:15px;border:1px solid #f6df9a77;background:linear-gradient(140deg,#f7dfa3,#c3a366);color:#203a2b;box-shadow:0 5px 0 #6c5930,0 10px 24px #0004;font:800 13px/1.4 var(--sans);padding:12px 25px;min-height:44px;letter-spacing:.2px;text-transform:none;margin:6px auto 0;transition:transform .15s,filter .15s}
#room-learning-space.game-v3[data-room] #finish-task:disabled{background:#1d3930;border-color:#afc5ad22;color:#91ab95;box-shadow:none;font-weight:500;cursor:default}
#room-learning-space.game-v3[data-room] button:focus-visible{outline:3px solid #c4ecc3;outline-offset:4px}
#room-learning-space.game-v3[data-room] .campaign-card,#room-learning-space.game-v3[data-room] .pick-card{border-radius:20px;background:linear-gradient(140deg,#355849,#16392f);border-color:#bad3a94d;box-shadow:0 7px 0 #0b231f,0 16px 28px #0004;padding:12px;overflow:hidden}
#room-learning-space.game-v3 .spring-photo,#room-learning-space.game-v3 .pick-card img{border-radius:13px;overflow:hidden}#room-learning-space.game-v3[data-room] .campaign-card button{border-radius:10px;box-shadow:0 3px 0 #0a241d;border-color:#b7d5b444;background:linear-gradient(#527559,#244536)}
#room-learning-space.game-v3[data-room] .spring-briefing,#room-learning-space.game-v3[data-room] #quest-content>label,#room-learning-space.game-v3[data-room] .source-drawer{border-radius:17px;border:1px solid #c2dab42b;background:linear-gradient(120deg,#2d5145bb,#193a30c9);box-shadow:inset 0 1px #ffffff09}
#room-learning-space.game-v3[data-room] #meaning,#room-learning-space.game-v3[data-room] input,#room-learning-space.game-v3[data-room] textarea{border-radius:12px;border:1px solid #a3c6aa66;background-color:#12362c;color:#f0e5c3;padding:12px}
dialog.mission-reward[open]{border-radius:30px!important;border:1px solid #f0d894!important;background:radial-gradient(circle at 50% 10%,#618151,#183e30 60%,#0b2723)!important;box-shadow:0 0 80px #e3d18733,0 28px 100px #000a!important;padding:40px 28px!important}
dialog.mission-reward .reward-actions button{border-radius:13px!important;box-shadow:0 4px 0 #0b261f!important;transition:transform .15s}dialog.mission-reward .reward-actions button:active{transform:translateY(3px)}dialog.mission-reward .reward-medal{background:linear-gradient(135deg,#ffe8a0,#a78239);color:#fff4c7;border-color:#fff0be;box-shadow:0 0 40px #e9d18488,0 7px 0 #6c5a2f}
.room-sound-toggle{border-radius:14px;box-shadow:0 4px 0 #071e1b;background:#1e4335;color:#e7dfb7;border-color:#bbd5ae55}
@keyframes game-pop{0%{transform:scale(.95)}65%{transform:scale(1.025)}100%{transform:scale(1)}}@keyframes game-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media(max-height:760px) and (min-width:701px){#room-learning-space.game-v3[data-room]{padding-top:10px;padding-bottom:46px}#room-learning-space.game-v3[data-room]>.dialog-top{margin-bottom:6px;padding-bottom:2px}.game-mission-strip{padding:8px 16px}.game-rank{width:34px;height:34px;font-size:24px}#room-learning-space.game-v3 .research-question{gap:10px}#room-learning-space.game-v3 .research-question h3{font-size:21px}#room-learning-space.game-v3 .research-options button{min-height:49px;padding:8px 12px;font-size:13px}#room-learning-space.game-v3 .research-feedback{padding:8px 12px;min-height:48px}.game-bottom-bar{padding-top:0;min-height:45px}.game-question-count b{font-size:18px}#room-learning-space.game-v3 .game-evidence figcaption{font-size:10px}}
@media(max-width:700px){#room-learning-space.game-v3[data-room]{padding:12px 14px 56px}#room-learning-space.game-v3[data-room] #quest-title{font-size:24px}#room-learning-space.game-v3[data-room]>.dialog-top{margin-bottom:8px;flex-direction:row;align-items:center}#room-learning-space.game-v3[data-room] .museum-close{font-size:10px;padding:9px;min-height:36px}.game-mission-strip{padding:9px 12px;gap:10px;border-radius:16px}.game-rank{width:30px;height:30px;font-size:23px;border-radius:10px}.game-mission-strip strong{font-size:13px}.game-mission-strip small{font-size:7px;letter-spacing:1px}.game-stars{gap:4px}.game-stars span{font-size:19px}#room-learning-space.game-v3[data-room] .game-arena{grid-template-columns:1fr;gap:16px;padding:6px 3px;overflow:auto}.game-evidence{transform:none;padding:10px!important;border-radius:18px;min-height:230px;flex:none}.evidence-image{min-height:145px}#room-learning-space.game-v3 .research-question{overflow:visible;padding:8px 2px;gap:12px}#room-learning-space.game-v3 .research-options button{font-size:13px;min-height:53px;border-radius:15px}#room-learning-space.game-v3 .research-question h3{font-size:20px}.game-bottom-bar{gap:8px;flex-wrap:wrap;padding:4px 0;min-height:44px}.game-journey{display:none}.game-next{font-size:11px;padding:10px}.research-pages button{width:34px!important;height:34px!important;min-height:34px!important}#room-learning-space.game-v3[data-room] #finish-task{font-size:11px;min-height:34px;padding:8px 14px}#room-learning-space.game-v3 .game-evidence figcaption{font-size:10px}}
@media(prefers-reduced-motion:reduce){#room-learning-space.game-v3 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:700px){#room-learning-space.game-v3[data-room] .game-arena{grid-template-rows:auto auto;grid-auto-rows:auto;align-content:start;align-items:start}.game-evidence{height:300px;min-height:300px!important}.evidence-image{min-height:0}#room-learning-space.game-v3 .research-question{min-height:auto;height:auto}#room-learning-space.game-v3 .game-evidence figcaption{font-size:10px;line-height:1.4}}

@media(max-width:700px){.game-evidence{display:grid!important;grid-template-columns:94px minmax(0,1fr);grid-template-rows:auto 1fr;height:124px;min-height:124px!important;gap:6px 10px!important;padding:10px!important}.game-evidence .evidence-image{grid-column:1;grid-row:1/3;min-height:100px}.game-evidence .evidence-label{grid-column:2;grid-row:1;font-size:9px;letter-spacing:0}.game-evidence .evidence-label b{display:none}.game-evidence figcaption{grid-column:2;grid-row:2;align-self:center}.game-evidence figcaption a{margin:4px 0 0;display:block}#room-learning-space.game-v3 .research-question{gap:9px}#room-learning-space.game-v3 .research-question h3{font-size:18px}#room-learning-space.game-v3 .research-options{gap:8px}#room-learning-space.game-v3 .research-options button{min-height:45px;padding:7px 10px;font-size:12px}#room-learning-space.game-v3 .research-feedback{min-height:0;padding:8px;font-size:11px}.game-question-count b{font-size:18px}}