/* Player identity and readable captions, layered after the supplied frame kit. */
.machine-identity{position:absolute;top:10%;left:8%;color:#fff2c9;font:700 clamp(7px,.65vw,11px)/1.2 'DM Sans',sans-serif;letter-spacing:.1em;text-shadow:0 1px 3px #000;pointer-events:none}
.internal-scene .character-wrap{visibility:hidden}
@media(max-width:700px){
 :root{--sf-mobile-world:clamp(240px,38svh,340px)}
 .act-label{font-size:16px;line-height:1.45;max-width:46%;padding:10px 12px;top:48px;left:14px}
 .machine-identity{font-size:6px;letter-spacing:0}
}

/* One opaque reading surface keeps scene copy clear of the painted background. */
.scene-caption{position:absolute;top:28px;left:30px;width:300px;max-width:calc(100% - 60px);padding:18px 20px;background:#fff3d6;color:#17201b;border:2px solid #8c5636;border-radius:3px;box-shadow:0 3px 0 #07110bc9;z-index:4;pointer-events:none}
.scene-caption .location{position:static;font:700 17px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:0;color:#17201b;text-transform:none}
.scene-caption .location span{font:500 15px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:0;color:#324035;margin-top:3px}
.scene-caption .act-label{position:static;max-width:none;margin:14px 0 0;padding:13px 0 0;border:0;border-top:1px solid #9a9b82;border-radius:0;background:none;color:#17201b;font:700 24px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:0;text-shadow:none;box-shadow:none;text-wrap:pretty}
@media(max-width:700px){
 .scene-caption{top:12px;left:14px;width:46%;max-width:none;padding:10px 12px}
 .scene-caption .location{font-size:14px}
 .scene-caption .location span{font-size:12px}
 .scene-caption .act-label{font-size:18px;line-height:1.35;margin-top:9px;padding-top:9px}
}