/* PoseIQ V9: central, unobstructed play area + compact CAD-style view controls.
 * Overrides only presentation. All V8 application/physics styles remain available.
 */
:root{--mint:#70f0c8;--text:#eefbf6}
.play-surface{border-color:#3d6370;background:radial-gradient(ellipse 80% 67% at 48% 49%,#1b3e50 0%,#0d2635 61%,#081522 100%)}
.play-surface.is-three{background:#0b1b2b}
.game-heading{top:27px;left:32px;max-width:370px}
.game-heading h1{font-size:clamp(22px,2.5vw,34px);line-height:1.12;letter-spacing:-.047em}
.game-heading p{font-size:12px;color:#bad4d8}
.game-heading .eyebrow{color:#82d9c7}
.game-top-right{top:20px;right:21px}
.challenge-pill{top:110px;left:50%;right:auto;transform:translateX(-50%);padding:10px 18px;background:#0a1e2cd9;box-shadow:0 14px 30px #05121a6b}
.camera-pip{top:clamp(180px,29%,250px);left:20px;bottom:auto;width:clamp(146px,17vw,204px);border-color:#406576;transition:box-shadow .2s,transform .2s}
.camera-pip:focus-within{box-shadow:0 0 0 2px #70e6bd,0 14px 35px #0008}
.view-tools{top:auto!important;bottom:148px!important;left:50%;right:auto;transform:translateX(-50%);flex-wrap:nowrap;max-width:calc(100% - 20px);align-items:center;justify-content:center;padding:7px 9px;box-shadow:0 12px 35px #0006;gap:5px;border-color:#436a75;white-space:nowrap}
.view-tools button{background:#213946;border:1px solid #3e5e69;color:#daebeb;min-height:36px;min-width:37px;border-radius:9px;font-size:12px}
.view-tools button:hover{background:#36505d}
.view-tools button.selected{background:#70ebc4;color:#082f29}
.view-tools .tool-divider{height:22px;width:1px;flex:none;background:#476975;margin:0 3px}
.game-bottom{bottom:40px;width:min(540px,88%);gap:9px}
.status-line{font-size:12px;max-width:100%}
.stage-hint{bottom:10px;color:#a6c6d0;background:#0b2532b0;font-size:11px}
.interaction-cue{position:absolute;z-index:5;pointer-events:none;transform:translate(-50%,-100%);font-size:12px;font-weight:750;color:#d1ffee;background:#112e39ee;border:1px solid #67c8af;border-radius:10px;padding:6px 10px;white-space:nowrap;box-shadow:0 7px 19px #0006}
.view-guide{position:absolute;right:19px;top:197px;z-index:4;display:flex;flex-direction:column;gap:6px;align-items:flex-end;pointer-events:none;opacity:.85}
.view-guide strong{font-size:11px;color:#95eed5;letter-spacing:.09em;text-transform:uppercase}
.view-guide span{font-size:11px;color:#b5cdd6;display:block;background:#0a22319c;border:1px solid #2b506077;border-radius:6px;padding:3px 7px}
.play-surface #world.mjDraggable{cursor:grab}
.play-surface #world.mjHovering{cursor:grab}
.play-surface #world.mjDragging{cursor:grabbing}
.play-surface #world.mjOrbiting{cursor:move}
@media(max-width:1050px){
 .game-heading{left:20px;top:21px;max-width:46%}
 .challenge-pill{top:107px}
 .view-guide{top:186px;right:13px}
 .camera-pip{left:13px;top:190px;width:152px}
}
@media(max-width:640px){
 .play-surface{min-height:500px;height:calc(100svh - 88px)}
 .game-heading{top:12px;left:12px;max-width:58%}
 .game-heading h1{font-size:clamp(17px,5.2vw,24px);margin:5px 0 4px}
 .game-heading p{font-size:10px;max-width:205px}
 .game-top-right{top:10px;right:8px}
 .challenge-pill{left:55%;right:auto;top:105px;transform:translateX(-50%);padding:8px 12px;gap:10px}
 .camera-pip{left:8px;top:115px!important;bottom:auto!important;width:clamp(102px,30vw,128px)}
 .camera-pip.minimized{width:121px}
 .view-guide{top:177px;right:8px;gap:4px}
 .view-guide span{font-size:9px;max-width:116px;text-align:right;line-height:1.28}
 .view-guide strong{font-size:9px}
 .view-tools{top:auto!important;bottom:151px!important;gap:3px;padding:5px 6px;max-width:calc(100% - 12px)}
 .view-tools button{font-size:10px;padding:7px 7px;min-width:31px;min-height:35px}
 .view-tools .tool-divider{margin:0 1px}
 .game-bottom{bottom:36px;width:96%;gap:7px}
 .status-line{max-width:98%;font-size:10px}
 .stage-hint{font-size:9px;padding:4px 8px;width:98%;white-space:normal;bottom:7px}
 .interaction-cue{font-size:10px;padding:5px 8px;max-width:85%;white-space:normal;text-align:center}
}
@media(max-width:390px){
 .game-heading{max-width:53%}
 .game-heading h1{font-size:18px}
 .game-heading p{font-size:9px}
 .challenge-pill{left:56%;top:109px}
 .camera-pip{top:124px!important;width:108px}
 .view-guide{top:186px}
 .view-guide span{font-size:8px;max-width:105px}
 .view-tools{bottom:151px!important}
 .view-tools button{padding:6px;min-width:29px}
}