/* New artwork only. V10 remains a frozen scene. Header/footer proportions and
   control/HUD positions are measured from the 887×1774 generated master. */
.rp11-portal{background:#020812;color-scheme:dark}
.rp11-game{--rp11-header:39.2334cqw;--rp11-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}
.rp11-top{position:absolute;z-index:5;top:env(safe-area-inset-top,0px);left:0;right:0;height:var(--rp11-header);background:url('game-art/eyemageddon-v2/header.webp') top center/100% 100% no-repeat;pointer-events:none}
.rp11-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%)}
.rp11-icon svg{display:none}.rp11-icon[hidden]{display:none}.rp11-icon:disabled{opacity:.45}
.rp11-top .rp11-icon{background-size:26px 26px}
.rp11-top [data-rp11=back]{left:22px;top:max(22px,4.34cqw);background-image:url('game-art/eyemageddon-v2/back.webp')}
.rp11-top [data-rp11=play]{left:calc(100% - 70px);top:max(22px,4.40cqw);background-image:url('game-art/eyemageddon-v2/play.webp')}
.rp11-top [data-rp11=play][aria-pressed=true]{background-image:url('game-art/eyemageddon-v2/pause.webp')}
.rp11-top [data-rp11=info]{left:calc(100% - 22px);top:max(22px,4.40cqw);background-image:url('game-art/eyemageddon-v2/info.webp')}
.rp11-game button:focus-visible,.rp11-intro:focus-visible{outline:2px solid #f7df9b;outline-offset:-2px}.rp11-game button:active{filter:brightness(1.2)}
.rp11-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}
.rp11-hud>div{position:absolute;top:0;height:100%;display:flex;justify-content:center;align-items:center;min-width:0}
.rp11-hud>div:nth-child(1){left:12.4%;width:24.35%}.rp11-hud>div:nth-child(2){left:43.4%;width:26.4%}.rp11-hud>div:nth-child(3){left:78.2%;width:8.35%}
.rp11-hud small{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rp11-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}
.rp11-hud b span{display:block;flex:1;text-align:center}.rp11-hud b span[style]{position:absolute;transform:translateX(-50%);width:16.67%}
.rp11-hud>div:nth-child(3) b{font-size:clamp(16px,4.9cqw,22px)}
.rp11-field{position:absolute;inset:calc(env(safe-area-inset-top,0px) + var(--rp11-header)) 0 calc(env(safe-area-inset-bottom,0px) + var(--rp11-footer));touch-action:none;overflow:hidden;background:url('game-art/eyemageddon-v2/background.webp') center/cover no-repeat}
.rp11-field>canvas{position:absolute;inset:0;width:100%;height:100%;outline:none;touch-action:none}
.rp11-footer{position:absolute;z-index:6;inset:auto 0 env(safe-area-inset-bottom,0px);height:var(--rp11-footer);background:url('game-art/eyemageddon-v2/footer.webp') center/100% 100% no-repeat;pointer-events:none}
.rp11-footer [data-rp11=sound]{left:9.70%;top:6.54cqw;background-image:url('game-art/eyemageddon-v2/sound-off.webp')}
.rp11-footer [data-rp11=sound][data-audio-mode=effects]{background-image:url('game-art/eyemageddon-v2/sound-effects.webp')}.rp11-footer [data-rp11=sound][data-audio-mode=music]{background-image:url('game-art/eyemageddon-v2/sound-music.webp')}
.rp11-reserves{position:absolute;right:3.6%;top:0;width:92px;height:45px;pointer-events:none}
.rp11-overlay{position:absolute;z-index:7;inset:calc(env(safe-area-inset-top,0px) + var(--rp11-header)) 0 calc(env(safe-area-inset-bottom,0px) + var(--rp11-footer));display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:16px 22px;overflow:auto;background:#01070dbc}
.rp11-overlay[hidden]{display:none}.rp11-game[data-mode=countdown] .rp11-overlay{pointer-events:none}
.rp11-game:is([data-mode=paused],[data-mode=finished],[data-mode=invalid],[data-mode=save-error]) .rp11-field>canvas{visibility:hidden}
.rp11-entry-overlay{inset:0;padding:0;background:#020812;overflow:hidden;z-index:4}
.rp11-intro{position:absolute;inset:0;cursor:pointer;outline:none;touch-action:manipulation}
.rp11-intro-card{position:absolute;inset:0;display:block;opacity:0;pointer-events:none;background:#020812}
.rp11-intro-card:first-child{opacity:1}.rp11-intro-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.rp11-opening .rp11-top{height:44px;background:none;z-index:9}.rp11-opening .rp11-hud,.rp11-opening .rp11-reserves{visibility:hidden}
.rp11-opening .rp11-footer{background:none;height:48px;z-index:9}.rp11-opening .rp11-footer [data-rp11=sound]{top:24px}
.rp11-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}
.rp11-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}.rp11-panel p{font:16px/1.4 Georgia,serif;margin:12px 0;color:#e5ddc9}
.rp11-panel button,.rp11-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}
.rp11-panel>.rp11-primary{width:100%}.rp11-pause-actions{display:flex;gap:10px;justify-content:center}.rp11-pause-actions button{flex:1}.rp11-paused-heading{pointer-events:none;font-size:32px!important;letter-spacing:5px!important}
.rp11-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}
.rp11-completion-title{font:700 26px/1.2 Georgia,serif;letter-spacing:2px;margin:0 0 20px}.rp11-completion h2{font:700 45px/1 Georgia,serif;font-variant-numeric:tabular-nums;margin:0 0 14px}.rp11-completion p{font:16px/1.35 Georgia,serif;margin:12px 0}.rp11-completion-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.rp11-completion-actions button{flex:1;min-width:120px}
.rp11-settle,.rp11-loading{font:700 18px/1.4 Georgia,serif;letter-spacing:2px;text-align:center;color:#e4cf9d}
.rp11-status,.rp11-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rp11-lab-boards{display:grid;gap:8px}.rp11-lab-panel{max-height:100%;overflow:auto;padding:14px 10px}.rp11-lab-panel h2{margin-bottom:8px}.rp11-lab-panel p{font-size:14px}.rp11-lab-boards button{font-size:15px}
@media(max-height:650px){.rp11-panel{padding:14px 12px}.rp11-panel p{font-size:15px}.rp11-completion{padding:15px 10px}.rp11-completion-title{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.rp11-game *{animation:none!important;transition:none!important}}
