/* Three-stage presentation; older scenes remain frozen. Header/footer proportions and
   control/HUD positions are measured from the 887×1774 generated master. */
.rp12-portal{background:#020812;color-scheme:dark}
.rp12-game{--rp12-header:39.2334cqw;--rp12-footer:14.5434cqw;position:absolute;inset:0;container-type:size;overflow:hidden;background:#020812;color:#f4e8c8;font-family:Georgia,'Times New Roman',serif;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.rp12-top{position:absolute;z-index:5;top:env(safe-area-inset-top,0px);left:0;right:0;height:var(--rp12-header);background:url('game-art/eyemageddon-v2/header.webp') top center/100% 100% no-repeat;pointer-events:none}
.rp12-icon{position:absolute;width:44px;height:44px;min-height:44px;padding:0;border:0;background-color:transparent;background-position:center;background-size:100% 100%;background-repeat:no-repeat;pointer-events:auto;touch-action:manipulation;cursor:pointer;transform:translate(-50%,-50%)}
.rp12-icon svg{display:none}.rp12-icon[hidden]{display:none}.rp12-icon:disabled{opacity:.45}
.rp12-top .rp12-icon{background-size:30px 30px;filter:brightness(1.3) drop-shadow(0 0 2px #b4e8f7)}
.rp12-top [data-rp12=back]{left:22px;top:max(22px,4.34cqw);background-image:url('game-art/eyemageddon-v3/back.webp')}
.rp12-top [data-rp12=play]{left:calc(100% - 70px);top:max(22px,4.40cqw);background-image:url('game-art/eyemageddon-v3/play.webp')}
.rp12-top [data-rp12=play][aria-pressed=true]{background-image:url('game-art/eyemageddon-v3/pause.webp')}
.rp12-top [data-rp12=info]{left:calc(100% - 22px);top:max(22px,4.40cqw);background-image:url('game-art/eyemageddon-v3/info.webp')}
.rp12-game button:focus-visible,.rp12-intro:focus-visible{outline:2px solid #f7df9b;outline-offset:-2px}.rp12-game button:active{filter:brightness(1.2)}
.rp12-hud{position:absolute;z-index:6;top:calc(env(safe-area-inset-top,0px) + 31.8cqw);left:0;right:0;height:4.8cqw;pointer-events:none}
.rp12-hud>div{position:absolute;top:0;height:100%;display:flex;justify-content:center;align-items:center;min-width:0}
.rp12-hud>div:nth-child(1){left:12.4%;width:24.35%}.rp12-hud>div:nth-child(2){left:43.4%;width:26.4%}.rp12-hud>div:nth-child(3){left:78.2%;width:8.35%}
.rp12-hud small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rp12-hud b{font:700 clamp(16px,5.3cqw,24px)/1 'EB Garamond',Georgia,serif;color:#fff2d5;text-shadow:0 1px 2px #000;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.1px;white-space:nowrap;display:flex;width:100%;align-items:center;justify-content:space-around}
.rp12-hud b span{display:block;flex:1;text-align:center}.rp12-hud b span[style]{position:absolute;transform:translateX(-50%);width:16.67%}
.rp12-hud>div:nth-child(3) b{font-size:clamp(16px,4.9cqw,22px)}
.rp12-field{position:absolute;inset:calc(env(safe-area-inset-top,0px) + var(--rp12-header)) 0 calc(env(safe-area-inset-bottom,0px) + var(--rp12-footer));touch-action:none;overflow:hidden;background:url('game-art/eyemageddon-v3/iris-base.webp') center/cover no-repeat}
.rp12-field>canvas{position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:none}
.rp12-footer{position:absolute;z-index:6;inset:auto 0 env(safe-area-inset-bottom,0px);height:var(--rp12-footer);background:url('game-art/eyemageddon-v3/footer.webp') center/100% 100% no-repeat;pointer-events:none}
.rp12-footer .rp12-icon{background-size:28px 28px;top:6.8cqw;z-index:10}
.rp12-footer [data-rp12=sound]{left:7.9%;background-image:url('game-art/eyemageddon-v3/speaker-on.webp')}
.rp12-footer [data-rp12=sound][data-audio-mode=off]{background-image:url('game-art/eyemageddon-v3/speaker-muted.webp')}
.rp12-footer [data-rp12=music]{left:21.8%;background-image:url('game-art/eyemageddon-v3/music-off.webp')}
.rp12-footer [data-rp12=music][data-music=on]{background-image:url('game-art/eyemageddon-v3/music.webp')}
.rp12-footer .rp12-master-muted{opacity:.48;filter:saturate(.45)}
.rp12-reserves{position:absolute;right:3.3%;top:0;width:46%;height:100%;pointer-events:none}
.rp12-ready{position:absolute;z-index:3;inset:calc(env(safe-area-inset-top,0px) + var(--rp12-header)) 0 calc(env(safe-area-inset-bottom,0px) + var(--rp12-footer));display:flex;align-items:center;justify-content:center;pointer-events:none}
.rp12-ready[hidden]{display:none}.rp12-level-title{width:90%;max-width:400px;text-align:center;pointer-events:none}.rp12-level-title img{width:100%;height:auto;display:block;filter:drop-shadow(0 3px 6px #020812)}.rp12-level-title span{display:block;font-size:18px;letter-spacing:5px}.rp12-level-title strong{display:block;font-size:30px;line-height:1.2;letter-spacing:1.5px;color:#f8e8b1;text-shadow:0 2px 4px #000}
.rp12-challenge-intro{display:flex;align-items:center;justify-content:center;background:url('game-art/eyemageddon-v3/iris-base.webp') center/cover no-repeat}
.rp12-overlay{position:absolute;z-index:7;inset:calc(env(safe-area-inset-top,0px) + var(--rp12-header)) 0 calc(env(safe-area-inset-bottom,0px) + var(--rp12-footer));display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px 22px;overflow:auto;background:#01070dbc}
.rp12-overlay[hidden]{display:none}.rp12-game[data-mode=countdown] .rp12-overlay{pointer-events:none}
.rp12-game:is([data-mode=paused],[data-mode=finished],[data-mode=invalid],[data-mode=save-error]) .rp12-field>canvas{visibility:hidden}
.rp12-entry-overlay{inset:0;padding:0;background:#020812;overflow:hidden;z-index:4}
.rp12-intro{position:absolute;inset:0;cursor:pointer;outline:none;touch-action:manipulation}
.rp12-intro-card{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;background:#020812}
.rp12-intro-card:first-child{opacity:1}.rp12-intro-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.rp12-opening .rp12-top{height:44px;background:none;z-index:9}.rp12-opening .rp12-hud,.rp12-opening .rp12-reserves{visibility:hidden}
.rp12-opening .rp12-footer{background:none;height:48px;z-index:9}.rp12-opening .rp12-footer .rp12-icon{top:24px}
.rp12-panel{width:100%;max-width:340px;box-sizing:border-box;padding:22px 16px;text-align:center;border:17px solid transparent;border-image:url('game-art/eyemageddon-v2/panel.webp') 40 fill stretch}
.rp12-panel h2{font:700 27px/1.15 Georgia,serif;letter-spacing:1.5px;margin:0 0 16px;color:#eed9a4;text-shadow:0 2px 2px #020812}.rp12-panel p{font:16px/1.4 Georgia,serif;margin:12px 0;color:#e5ddc9}
.rp12-panel button,.rp12-completion-actions button{min-height:48px;box-sizing:border-box;padding:9px 12px;color:#f5e7bc;font:700 17px/1.2 Georgia,serif;background:none;border:10px solid transparent;border-image:url('game-art/eyemageddon-v2/panel.webp') 40 fill stretch;touch-action:manipulation;cursor:pointer}
.rp12-panel>.rp12-primary{width:100%}.rp12-pause-actions{display:flex;gap:10px;justify-content:center}.rp12-pause-actions button{flex:1}.rp12-paused-heading{pointer-events:none;font-size:32px!important;letter-spacing:5px!important}
.rp12-completion{width:100%;max-width:350px;text-align:center;box-sizing:border-box;border:17px solid transparent;border-image:url('game-art/eyemageddon-v2/panel.webp') 40 fill stretch;padding:22px 10px;color:#f4e5bd}
.rp12-completion-title{font:700 26px/1.2 Georgia,serif;letter-spacing:2px;margin:0 0 20px}.rp12-completion h2{font:700 45px/1 Georgia,serif;font-variant-numeric:tabular-nums;margin:0 0 14px}.rp12-completion p{font:16px/1.35 Georgia,serif;margin:12px 0}.rp12-completion-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.rp12-completion-actions button{flex:1;min-width:120px}
.rp12-settle,.rp12-loading{font:700 18px/1.4 Georgia,serif;letter-spacing:2px;text-align:center;color:#e4cf9d}
.rp12-status,.rp12-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rp12-lab-boards{display:grid;gap:8px}.rp12-lab-panel{max-height:100%;overflow:auto;padding:14px 10px}.rp12-lab-panel h2{margin-bottom:8px}.rp12-lab-panel p{font-size:14px}.rp12-lab-boards button{font-size:15px}
@media(max-height:650px){.rp12-panel{padding:14px 12px}.rp12-panel p{font-size:15px}.rp12-completion{padding:15px 10px}.rp12-completion-title{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.rp12-game *{animation:none!important;transition:none!important}}

.rp12-ready{opacity:1;transition:opacity .2s ease}.rp12-ready.rp12-title-launched{opacity:0}.rp12-opening .rp12-footer [data-rp12=music]{left:21.8%}
.rp12-panel,.rp12-completion{max-height:100%;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.rp12-overlay{overscroll-behavior:contain}
.rp12-intro-card{margin:0}.rp12-intro-prose{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0 8px;margin:0;font:italic 18px/1.28 'EB Garamond',Georgia,serif;text-align:center;color:#f7ead1;text-shadow:0 1px 3px #031222;pointer-events:none;overflow:hidden}