/* V5 scene only. Historical Retina mounts retain their original presentation. */
.rp5-portal { background:#170b10; color-scheme:dark; }
.rp5-game { position:absolute;inset:0;overflow:hidden;background:linear-gradient(180deg,rgba(25,6,12,.12),rgba(30,6,12,.3)),url('game-art/retina-fundus-v1.png') center/cover no-repeat;color:#fff3df;font-family:var(--font,sans-serif); }
.rp5-field { position:absolute;inset:66px 0 0;display:flex;align-items:center;justify-content:center;touch-action:none;overflow:hidden; }
.rp5-field canvas { flex:none;width:min(100%,calc((100dvh - 66px) * .72));height:auto;max-height:100%;outline:none; }
.rp5-hud { position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:60px;right:60px;display:grid;grid-template-columns:1fr 1fr;column-gap:12px;text-align:center;text-shadow:0 2px 5px #16080b,0 0 14px #16080b;pointer-events:none; }
.rp5-hud small { display:block;color:#f3c2a4;font-size:9px;font-weight:700;letter-spacing:1.8px;line-height:14px; }
.rp5-hud b { display:block;font-size:21px;font-weight:800;line-height:24px;font-variant-numeric:tabular-nums;letter-spacing:.3px; }
.rp5-hud [data-rp5-wave] { grid-column:1/-1;margin-top:4px;font-size:9px;font-weight:700;letter-spacing:2px;color:#ffe5c7; }
.rp5-icon { position:absolute;z-index:4;top:calc(env(safe-area-inset-top,0px) + 10px);display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #ffe5c738;border-radius:50%;background:#1f0810a6;color:#fff3df;touch-action:manipulation; }
.rp5-exit { left:9px; }.rp5-pause { right:9px; }.rp5-icon:disabled { opacity:.4; }
.rp5-icon svg { width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round; }
.rp5-overlay { position:absolute;inset:66px 0 0;z-index:3;display:flex;justify-content:center;align-items:center;padding:20px 25px calc(env(safe-area-inset-bottom,0px) + 25px);background:#18070fd9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);overflow:auto; }
.rp5-overlay[hidden] { display:none; }
.rp5-panel { width:100%;max-width:330px;text-align:center; }
.rp5-panel h2 { margin:0 0 18px;font-size:36px;line-height:1.1;color:#fff4de;font-weight:800; }
.rp5-panel p { color:#ead0bf;font-size:14px;line-height:1.5;margin:12px 0; }
.rp5-panel button { display:block;width:100%;min-height:46px;padding:12px;margin-top:10px;border:1px solid #ffe5c740;border-radius:10px;background:#421a228c;color:#fff1df;font:inherit;font-weight:600;touch-action:manipulation; }
.rp5-panel .rp5-primary { color:#432219;background:#ffe0a7;box-shadow:0 3px 0 #9b5939;border:0;font-weight:800; }
.rp5-panel .rp5-secondary { background:transparent;border:0; }
.rp5-menu { margin-top:20px; }.rp5-eyebrow { display:block;color:#ffcb9b;letter-spacing:2px;font-size:11px;margin-bottom:18px; }
.rp5-status { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap; }
@media (min-width:700px) and (hover:hover) and (pointer:fine) { .rp5-portal .rp5-field canvas { width:min(100%,calc((100cqh - 66px) * .72)); } }
@media (max-height:500px) { .rp5-hud b { font-size:17px; }.rp5-panel h2 { font-size:25px;margin-bottom:10px; }.rp5-panel p { font-size:12px; }.rp5-overlay { align-items:flex-start; }.rp5-panel button { min-height:44px; }.rp5-menu { margin-top:10px; } }