/* v10 only. Source-derived illustrated panels retain their corners via nine
 * slicing; live text and accessible control hit regions own their own layout. */
.rp10-portal{background:#06101f;color-scheme:dark}
.rp10-game{--rp10-header:106px;--rp10-footer:48px;position:absolute;inset:0;container-type:size;overflow:hidden;color:#fff0ca;font-family:var(--font,system-ui,sans-serif);background:#07172b}
.rp10-top{position:absolute;z-index:5;inset:env(safe-area-inset-top,0px) 0 auto;height:58px;box-sizing:border-box;border:12px solid transparent;border-image:url('game-art/eyemageddon-v1/header.webp') 24 fill stretch}
.rp10-title{position:absolute;inset:1px 79px 0 36px;display:grid;place-items:center;font:700 clamp(19px,5.8cqw,25px)/1 Georgia,serif;letter-spacing:.2px;color:#f1dba4;text-shadow:0 1px 0 #533a26,0 2px 2px #050b14;white-space:nowrap}
.rp10-icon{position:absolute;width:44px;height:44px;min-height:44px;border:0;background-color:transparent;background-position:center;background-size:42px 42px;background-repeat:no-repeat;padding:0;touch-action:manipulation;cursor:pointer}
.rp10-icon svg{display:none}
.rp10-top [data-rp10=back]{left:-8px;top:-5px;background-image:url('game-art/retina-patrol-frame-v1-back.webp')}
.rp10-top [data-rp10=play]{right:34px;top:-5px;background-image:url('game-art/retina-patrol-frame-v1-play.webp')}
.rp10-top [data-rp10=play][aria-pressed=true]{background-image:url('game-art/retina-patrol-frame-v1-pause.webp')}
.rp10-top [data-rp10=info]{right:-10px;top:-5px;background-image:url('game-art/retina-patrol-frame-v1-info.webp')}
.rp10-icon:disabled{opacity:.4}.rp10-game button:focus-visible{outline:2px solid #ffe8a2;outline-offset:1px}.rp10-game button:active{filter:brightness(1.2)}
.rp10-hud{position:absolute;z-index:4;inset:calc(env(safe-area-inset-top,0px) + 58px) 8px auto;display:grid;grid-template-columns:1fr 1fr 48px;gap:5px;height:43px;pointer-events:none}
.rp10-hud>div,.rp10-hud>span{border:8px solid transparent;border-image:url('game-art/eyemageddon-v1/panel.webp') 24 fill stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;box-sizing:border-box}
.rp10-hud small{font:600 8px/10px system-ui;letter-spacing:1px;color:#e1c999}.rp10-hud b{font:800 clamp(13px,3.7cqw,16px)/17px system-ui;font-variant-numeric:tabular-nums;color:#fff2d5;white-space:nowrap;letter-spacing:-.4px}.rp10-hud>span{font:700 10px/12px system-ui;text-align:center;color:#e6cf9f}
.rp10-field{position:absolute;inset:calc(env(safe-area-inset-top,0px) + var(--rp10-header)) 0 calc(env(safe-area-inset-bottom,0px) + var(--rp10-footer));display:flex;align-items:center;justify-content:center;touch-action:none;overflow:hidden;background:url('game-art/eyemageddon-v1/choroid-nocturne.webp') center/cover no-repeat}
.rp10-field:before,.rp10-field:after{content:'';position:absolute;inset:0 auto 0 0;width:6px;background:url('game-art/retina-patrol-frame-v1-left-rail.webp') center/100% 100% no-repeat;pointer-events:none;z-index:1}.rp10-field:after{left:auto;right:0;background-image:url('game-art/retina-patrol-frame-v1-right-rail.webp')}
.rp10-field>canvas{flex:none;max-width:100%;height:auto;max-height:100%;width:min(100%,calc((100cqh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - var(--rp10-header) - var(--rp10-footer)) * .72));outline:none}
.rp10-ambient{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover;opacity:.09;pointer-events:none;animation:rp10-breathe 14s ease-in-out infinite alternate}.rp10-brand{position:absolute;width:42%;height:auto;top:79%;left:29%;opacity:.09;filter:grayscale(1);pointer-events:none}.rp10-field>canvas{position:relative;z-index:1}
.rp10-game:not([data-mode=running]) .rp10-ambient{animation-play-state:paused}@keyframes rp10-breathe{from{transform:translateY(-2px)}to{transform:translateY(2px)}}
.rp10-game:is([data-mode=paused],[data-mode=finished],[data-mode=invalid],[data-mode=save-error]) .rp10-field>canvas{visibility:hidden}
.rp10-overlay{position:absolute;z-index:3;inset:calc(env(safe-area-inset-top,0px) + var(--rp10-header)) 0 calc(env(safe-area-inset-bottom,0px) + var(--rp10-footer));display:flex;align-items:center;justify-content:center;padding:14px 20px;overflow:auto;box-sizing:border-box;background:#04101d88}
.rp10-overlay[hidden]{display:none}.rp10-entry-overlay{padding:8px 12px;background:#061429d9;overflow:hidden}.rp10-game[data-mode=countdown] .rp10-overlay{pointer-events:none}
.rp10-footer{position:absolute;z-index:4;inset:auto 0 env(safe-area-inset-bottom,0px);height:var(--rp10-footer);box-sizing:border-box;border:10px solid transparent;border-image:url('game-art/eyemageddon-v1/header.webp') 24 fill stretch}
.rp10-footer [data-rp10=sound]{left:0;top:-8px;background-image:url('game-art/retina-v8-sound-off.webp')}.rp10-footer [data-rp10=sound][data-audio-mode=effects]{background-image:url('game-art/retina-v8-sound-effects.webp')}.rp10-footer [data-rp10=sound][data-audio-mode=music]{background-image:url('game-art/retina-v8-sound-music.webp')}
.rp10-reserves{position:absolute;right:2px;top:-8px;width:90px;height:44px;pointer-events:none}
.rp10-intro{width:100%;max-width:390px;display:flex;flex-direction:column;gap:7px;align-items:stretch;max-height:100%;color:#fff0d0;cursor:pointer}
.rp10-intro-brief{text-align:center;flex:none}.rp10-intro-brief small{font:700 9px/12px system-ui;letter-spacing:1.4px;color:#d9bb80}.rp10-intro-brief p{font:500 11px/14px system-ui;margin:3px 0 0}
.rp10-portrait{position:relative;flex:none;width:100%;line-height:0}.rp10-portrait>img{display:block;width:100%;height:auto;object-fit:contain}.rp10-portrait-name{display:none}.rp10-portrait-mask{position:absolute;background:#071c31;border:6px solid transparent;border-image:url('game-art/eyemageddon-v1/panel.webp') 24 fill stretch;box-sizing:border-box;pointer-events:none;display:grid;place-items:center;color:#efcf8b;font:italic 12px/1.2 Georgia,serif;text-align:center}
.rp10-live-card{display:grid;grid-template-columns:88px 1fr;column-gap:8px;row-gap:3px;border:9px solid transparent;border-image:url('game-art/eyemageddon-v1/panel.webp') 24 fill stretch;box-sizing:border-box;cursor:pointer}
.rp10-flight{grid-row:1/4;text-align:center}.rp10-flight canvas{display:block;width:90px;height:56px;margin:-7px -2px 0}.rp10-flight small{font:600 8px/10px system-ui;letter-spacing:1px;color:#cbb68d}
.rp10-live-stats h2{font:700 17px/20px Georgia,serif;margin:0;color:#f4db9b}.rp10-live-stats b{font:700 10px/15px system-ui;letter-spacing:.4px;color:#c8eaf0}.rp10-live-card p{grid-column:2;margin:0;font:500 11px/14px system-ui;color:#ebdfc4}.rp10-live-card p strong{color:#f2d895;font-weight:700}
.rp10-cast{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;flex:none}.rp10-cast button,.rp10-begin{color:#eed7a6;background:none;border:8px solid transparent;border-image:url('game-art/eyemageddon-v1/panel.webp') 24 fill stretch;min-height:44px;padding:1px 0;box-sizing:border-box;font:700 12px/16px system-ui;touch-action:manipulation;cursor:pointer}.rp10-cast button[aria-pressed=true]{color:#fff6dd;filter:brightness(1.35)}
.rp10-begin{min-height:48px;font:700 17px/18px Georgia,serif}.rp10-begin small{display:block;font:600 10px/12px system-ui;letter-spacing:1px;color:#bde3ed}
.rp10-panel{width:100%;max-width:330px;text-align:center;border:16px solid transparent;border-image:url('game-art/eyemageddon-v1/panel.webp') 24 fill stretch;padding:12px;box-sizing:border-box}.rp10-panel h2{margin:0 0 12px;font:700 25px/1.1 Georgia,serif}.rp10-panel p{font:14px/1.45 system-ui;margin:12px 0}.rp10-panel button{min-height:44px;background:none;border:10px solid transparent;border-image:url('game-art/eyemageddon-v1/panel.webp') 24 fill stretch;color:#fff0d0;font:700 14px system-ui;width:100%}
.rp10-pause-controls{display:flex;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:330px;text-align:center}.rp10-paused-heading{margin:0;width:100%;pointer-events:none}.rp10-paused-heading img{display:block;width:100%;height:auto}.rp10-pause-actions,.rp10-completion-actions{display:flex;justify-content:center;gap:18px;width:100%}.rp10-pause-actions button,.rp10-completion-actions button{border:0;background:none;width:120px;min-height:48px;padding:0;touch-action:manipulation}.rp10-pause-actions img,.rp10-completion-actions img{display:block;width:100%;height:auto;pointer-events:none}.rp10-pause-controls p{font:13px/1.4 system-ui;color:#ffd9c0}
.rp10-completion{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:330px;text-align:center}.rp10-completion-title{margin:0;font:700 28px/1.2 Georgia,serif;color:#e9d69f}.rp10-completion h2{margin:0;font:800 50px/1 system-ui;font-variant-numeric:tabular-nums}.rp10-completion p{margin:0;font:600 14px/1.5 system-ui}.rp10-settle{font:700 18px Georgia,serif;letter-spacing:2px}.rp10-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.rp10-lab-panel h2{margin-bottom:8px}.rp10-lab-panel p{font-size:12px}.rp10-lab-boards{display:grid;gap:8px}.rp10-lab-boards button{min-height:48px}.rp10-lab-hint{margin-bottom:0}
@media(max-height:680px){.rp10-game{--rp10-header:100px;--rp10-footer:46px}.rp10-top{height:54px}.rp10-hud{top:calc(env(safe-area-inset-top,0px) + 54px);height:41px}.rp10-entry-overlay{padding:5px 12px}.rp10-intro{gap:5px}.rp10-live-card{border-width:7px;row-gap:2px}.rp10-live-card p{font-size:11px;line-height:13px}.rp10-live-stats h2{font-size:15px;line-height:17px}.rp10-live-stats b{line-height:13px}.rp10-intro-brief p{font-size:10px}.rp10-portrait{max-width:260px;align-self:center}.rp10-pause-controls{gap:16px}}
@media(max-height:580px){.rp10-entry-overlay{overflow:auto;align-items:flex-start}.rp10-intro{max-height:none}.rp10-portrait{max-width:260px}.rp10-live-card p{font-size:10px;line-height:12px}}
@media(prefers-reduced-motion:reduce){.rp10-game *{animation:none!important;transition:none!important}}