/* The existing solution inspection UI remains unchanged. */
.experience-prompt{position:absolute;left:50%;bottom:152px;transform:translateX(-50%);z-index:8;display:flex;align-items:center;gap:14px;padding:14px 20px;border:1px solid #72d7efaa;border-radius:12px;background:#092c43f0;box-shadow:0 8px 30px #0004;white-space:nowrap}
.experience-prompt kbd{font-size:20px;border:1px solid #77d6f2;border-radius:6px;padding:5px 10px;color:#e0faff}.experience-prompt div{display:flex;flex-direction:column;gap:5px;text-align:left}.experience-prompt strong{font-size:16px;font-weight:600}.experience-prompt small{font-size:12px;color:#9bbdce}
.experience-hud{position:absolute;inset:0;z-index:7;pointer-events:none}.experience-hud button,.experience-hud input,.experience-hud label{pointer-events:auto}
.experience-head{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.experience-name{border-left:3px solid #54d6e9;padding:3px 14px;background:linear-gradient(90deg,#071c2dde,transparent)}.experience-name>span{font-size:12px;letter-spacing:1px;color:#8ce0ef}.experience-name h2{font-size:24px;margin:8px 0;color:#f0faff}.experience-name p{font-size:14px;color:#b8d2de;margin:0;max-width:600px;line-height:1.65}.experience-head>button{padding:12px 16px;border:1px solid #668ca5;border-radius:9px;background:#0b2438ed;white-space:nowrap;font-size:14px}
.experience-stagebar{position:absolute;top:140px;left:24px;display:flex;gap:5px;padding:5px;background:#0b2032ed;border-radius:10px;border:1px solid #3c697c99;pointer-events:auto}.experience-stagebar button{padding:10px 16px;border-radius:6px;background:transparent;color:#acc8d7;font-size:14px}.experience-stagebar button.active{background:#176387;color:#f0ffff}
.experience-rh{position:absolute;top:20px;right:214px;display:flex;gap:24px;padding:12px 20px;background:#091d2dda;border:1px solid #39647a;border-radius:10px}.experience-rh>div{display:flex;flex-direction:column;gap:7px}.experience-rh span{font-size:12px;color:#a4c6d8}.experience-rh strong{font-size:25px;font-weight:500;color:#b7f1ff}.experience-rh strong small{font-size:12px;margin-left:4px}
.experience-footer{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;padding:15px 20px;border:1px solid #315a71;background:#0b2336ed;border-radius:12px;pointer-events:auto;max-width:calc(100% - 300px)}.experience-focus{display:flex;align-items:center;gap:6px;white-space:nowrap}.experience-focus>span{font-size:12px;color:#95b7ca;margin-right:5px}.experience-focus button{padding:8px 12px;background:#1e465f;border-radius:6px;color:#d9f5ff;font-size:14px}.experience-options{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;font-size:12px;color:#a9c8d7}.experience-options label{display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}.experience-options input{accent-color:#29a6ca}.experience-options>span{color:#84adbf}.experience-reticle{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#e5faffb3;box-shadow:0 0 0 2px #16354888}.experience-directions{position:absolute;top:205px;left:24px;display:flex;gap:10px;font-size:12px}.experience-directions span{padding:7px 10px;border:1px solid #45687e;background:#09243ae8;border-radius:6px}.experience-directions .down.humid{color:#ffc2de;border-color:#a35e87}.experience-directions .down{color:#88e2fb}.experience-directions .up{color:#89dcff}
.experiencing .scene-title,.experiencing .view-nav,.experiencing .equipment-nav,.experiencing .solution-panel,.experiencing .bottom-area,.experiencing .walk-hud,.experiencing .solution-shortcuts,.experiencing .scene-note{display:none!important}.experiencing .joystick{z-index:9}
@media(max-width:1200px){.experience-rh{top:257px;right:auto;left:24px;gap:20px;padding:10px 14px}.experience-name p{max-width:660px}.experience-head{right:16px}.experience-rh strong{font-size:22px}}
@media(max-width:900px){
 .experience-prompt{bottom:167px;padding:10px 14px;gap:10px}.experience-prompt strong{font-size:14px}.experience-prompt small{font-size:12px}.experience-prompt kbd{font-size:17px}
 .experience-head{top:14px;left:14px;right:14px;gap:7px}.experience-name{padding:0 9px;max-width:calc(100% - 90px)}.experience-name h2{font-size:18px;margin:7px 0;line-height:1.4}.experience-name>span{font-size:12px;letter-spacing:0}.experience-name p{font-size:12px;line-height:1.55;max-height:58px;overflow-y:auto}.experience-head>button{font-size:12px;padding:9px 10px}.experience-head .exit-key{display:none}
 .experience-stagebar{top:152px;left:14px;right:14px;gap:2px;padding:4px;display:grid;grid-template-columns:1fr 1.5fr 1fr 1fr 1fr}.experience-stagebar button{padding:8px 3px;font-size:12px;white-space:nowrap}
 .experience-directions{top:200px;left:14px;right:14px;gap:5px;font-size:12px}.experience-directions span{padding:5px 7px}.experience-rh{top:238px;left:14px;padding:8px 10px;gap:14px}.experience-rh strong{font-size:20px}.experience-rh span,.experience-rh strong small{font-size:12px}
 .experience-footer{left:auto;right:12px;bottom:20px;transform:none;width:calc(100% - 145px);max-width:440px;padding:10px;gap:9px}.experience-focus{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;width:100%}.experience-focus>span{grid-column:1/-1;font-size:12px}.experience-focus button{font-size:12px;padding:8px 5px}.experience-options{font-size:12px;gap:8px}.experience-options>span{display:none}.experiencing .joystick{bottom:40px;left:18px;width:103px;height:103px}.experience-footer:has([data-look="jfs"]:not([hidden])) .experience-focus button:last-child{grid-column:1/-1}
}
@media(max-height:580px) and (max-width:900px){.experience-head{top:9px}.experience-name h2{font-size:17px;margin:3px 0}.experience-name p{display:none}.experience-stagebar{left:auto;top:60px;right:14px;width:320px}.experience-rh{top:75px;left:14px}.experience-directions{top:145px;left:14px;right:auto;flex-direction:column;gap:4px}.experience-footer{width:320px;bottom:14px}.experience-focus{display:flex;flex-wrap:wrap}.experience-focus>span{display:none}.experience-focus button{font-size:12px;flex:1}.experience-options{gap:12px}.experiencing .joystick{left:18px;bottom:15px;width:88px;height:88px}.experience-reticle{left:47%}.experience-prompt{bottom:100px}}

/* Both entry points open the same first-person experience. */
.experience-prompt{top:50%;bottom:auto;transform:translate(-50%,-50%);z-index:10;flex-direction:column;gap:12px;width:max-content;max-width:calc(100% - 28px);padding:20px 26px;border:2px solid #86eaff;background:#06334bf5;box-shadow:0 0 0 5px #58d9ee26,0 16px 45px #020c1f99;white-space:normal;text-align:center}
.experience-prompt-title{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;color:#e4fbff}.experience-prompt-title>span{font-size:24px;font-weight:400;color:#a3efff}.experience-prompt strong{font-size:20px}.experience-prompt kbd{font-size:22px;background:#8ce8fa;color:#052f46;border-color:#c7f9ff;font-weight:700}.experience-prompt small{font-size:13px;line-height:1.45;color:#badce9}.experience-prompt .experience-prompt-hint{color:#91c9db;font-size:12px}
.solution-experience-button{position:sticky;top:0;z-index:2;display:flex;width:100%;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:10px 12px;margin:10px 0 3px;border:1px solid #76d7ee;border-radius:8px;background:#125e80;color:#e9fcff;font-size:14px;font-weight:600;box-shadow:0 4px 12px #03132344}.solution-experience-button:hover{background:#177c9e}.solution-experience-button>span{font-size:19px}
@media(max-width:900px){.experience-prompt{top:50%;bottom:auto;padding:16px 14px;gap:10px}.experience-prompt-title{gap:5px}.experience-prompt strong{font-size:16px}.experience-prompt kbd{font-size:18px;padding:4px 8px}.experience-prompt-title>span{font-size:19px}.experience-prompt small{font-size:12px}.solution-inspection .solution-panel{max-height:262px}.solution-experience-button{min-height:44px;font-size:14px;margin:8px 0 3px;padding:8px 10px}}
@media(max-width:360px){.experience-prompt strong{font-size:14px}.experience-prompt{padding:14px 11px}}
@media(max-height:580px) and (max-width:900px){.solution-inspection .solution-panel{max-height:150px}.experience-prompt{top:50%;bottom:auto;padding:12px 18px;gap:8px}}

/* PC input stays visible without overlapping the observation controls. */
.experience-footer{gap:10px;max-width:calc(100% - 48px);padding:12px 18px}.experience-pc-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.experience-pc-actions button{padding:8px 13px;border:1px solid #52859a;border-radius:6px;background:#123c55;font-size:14px}.experience-pc-actions button[aria-pressed=true]{background:#1c6582;border-color:#80e5f0}#experience-input-hint{margin:0;font-size:13px;line-height:1.5;color:#b6d7e5;text-align:center}.mouse-locked .experience-reticle{background:#a4f3ff;box-shadow:0 0 0 3px #133d5580}.mouse-locked .experience-head .exit-key{font-size:0}.mouse-locked .experience-head .exit-key::after{content:'· E 종료 / Esc 마우스 해제';font-size:12px}
@media(pointer:fine) and (min-width:901px){.experiencing .joystick{display:none!important}.experience-footer{left:auto;right:24px;bottom:24px;transform:none;max-width:610px}.experience-name{max-width:calc(100% - 480px)}.experience-rh{right:190px}.experience-stagebar{top:150px}.experience-directions{top:212px}}
@media(pointer:fine) and (min-width:901px) and (max-width:1200px){.experience-name{max-width:calc(100% - 170px)}.experience-rh{right:auto;top:260px}}
@media(max-width:900px){.experience-footer{max-width:440px;padding:10px;gap:8px}.experience-pc-actions button{font-size:12px;padding:7px 9px}#experience-input-hint{font-size:12px;max-width:360px}.experience-pc-actions{gap:5px}}
@media(pointer:coarse){#experience-mouse{display:none}#experience-input-hint{display:none}}
@media(max-height:580px){.experience-footer{gap:6px}#experience-input-hint{font-size:12px}}