/* Screen geometry: 288 × 512 inside a 320 × 584 transparent vector shell. */
.phone-outline{display:none}
.case-scene[data-category="5"] .case-visual{display:flex;flex-direction:column;align-items:center;perspective:none}
.case-scene[data-category="5"] .showcase-frame{width:min(340px,calc((100svh - 290px)*.547945205));aspect-ratio:320 / 584;max-height:none;margin-inline:auto;background:transparent;border:0;box-shadow:none;transform:none;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.case-scene[data-category="5"] .showcase-frame.focused{transform:none}
.case-scene[data-category="5"] .phone-outline{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;filter:drop-shadow(0 10px 16px #0005)}
.case-scene[data-category="5"] #playable-frame{position:absolute;left:5%;top:6.16438356%;width:90%;height:auto;aspect-ratio:9 / 16;border:0;border-radius:5.5% / 3.1%;overflow:hidden;background:#061019;z-index:1;box-shadow:0 0 24px #86c5e60a}
.case-scene[data-category="5"] .frame-top{top:-21px;font-size:7px;letter-spacing:1.1px;white-space:nowrap;gap:14px}
.case-scene[data-category="5"] .visual-toolbar{justify-content:center;margin:20px 0 0;gap:8px}
.case-scene[data-category="5"] .load-note{max-width:370px;text-align:center;margin:10px 0 0;font-size:10px;line-height:1.5}
@media(max-width:700px){.case-scene[data-category="5"] .showcase-frame{width:clamp(150px,calc((100svh - 370px)*.547945205),230px);max-height:none;aspect-ratio:320 / 584;transform:none}.case-scene[data-category="5"] .case-layout{overflow:auto;justify-content:flex-start;gap:20px;padding-top:23px}.case-scene[data-category="5"] .case-visual{padding-inline:0}.case-scene[data-category="5"] .visual-toolbar{margin-top:16px!important}.case-scene[data-category="5"] .frame-top{font-size:6px;letter-spacing:.5px}.case-scene[data-category="5"] .load-note{font-size:9px}}
@media(max-height:600px) and (min-width:701px){.case-scene[data-category="5"] .case-layout{overflow:auto;align-items:start;padding-top:25px}.case-scene[data-category="5"] .showcase-frame{width:180px}.case-scene[data-category="5"] .case-info{padding-top:8px}}

.case-scene[data-category="5"] .showcase-frame{transform:none!important;transform-style:flat}.case-scene[data-category="5"] #perspective{display:none}.sound-waves{display:none}#sound-toggle[aria-pressed="true"] .sound-waves{display:block}#sound-toggle[aria-pressed="true"] .sound-muted-mark{display:none}#sound-toggle[aria-pressed="true"]{color:#c5efff;border-color:#6bafc7}