:root{--bg: #000000;--text: #ffffff;--muted: #c9c9c9;--panel: #101010;--border: #ffffff;--accent: #ffd60a;--accent-text: #000000;--focus-ring: #ffd60a;--caption-bg: #000000;--caption-text: #ffffff;--dim: rgba(0, 0, 0, .8);--sky: #000000;--ground: #ffffff;--water: #2f9dff;--sand: #e3c56f;--green: #00e676;--rough: #a8a8a8;--flag: #ff2d55;--ball: #ffd60a;--ball-outline: #000000;--trail: #ffffff;--wave: #ffffff;--decor: 0;--sky-top: #000000;--sky-bottom: #000000;--sky-dawn: #000000;--sky-dusk: #000000;--silhouette-1: #000000;--silhouette-2: #000000;--silhouette-3: #000000;--stripe: #000000;--hl-w: 8px;--hl-offset: 4px;--hl-reach: calc(var(--hl-w) + var(--hl-offset))}html[data-theme=light]{--bg: #f7f7f5;--text: #17181a;--muted: #4d4f52;--panel: #ffffff;--border: #17181a;--accent: #0a5bd3;--accent-text: #ffffff;--focus-ring: #0a5bd3;--caption-bg: #17181a;--caption-text: #ffffff;--dim: rgba(20, 22, 26, .55);--sky: #bfe3ff;--ground: #8cc152;--water: #2f8fdd;--sand: #f0ddab;--green: #33cf6b;--rough: #5f8f38;--flag: #d63031;--ball: #ff7a00;--ball-outline: #17181a;--trail: #17181a;--wave: #f2fbff;--decor: 1;--sky-top: #9fd0f2;--sky-bottom: #e6f4ff;--sky-dawn: #ffcf9e;--sky-dusk: #ff9d6e;--silhouette-1: #b3d4ea;--silhouette-2: #8fb8a8;--silhouette-3: #84a98c;--stripe: #4f7d2f}html[data-theme=dark]{--bg: #101319;--text: #e9edf3;--muted: #a6adba;--panel: #1a1f29;--border: #8b93a7;--accent: #5cb3ff;--accent-text: #0b0d12;--focus-ring: #5cb3ff;--caption-bg: #000000;--caption-text: #ffffff;--dim: rgba(0, 0, 0, .7);--sky: #182136;--ground: #3f5a41;--water: #2e6fc2;--sand: #b3a06b;--green: #4fae63;--rough: #2c4030;--flag: #ff6b6b;--ball: #ffd166;--ball-outline: #0b0d12;--trail: #cfe3ff;--wave: #cfe3ff;--decor: 1;--sky-top: #0b1120;--sky-bottom: #223252;--sky-dawn: #55486f;--sky-dusk: #7c4634;--silhouette-1: #1d2940;--silhouette-2: #263650;--silhouette-3: #2f4661;--stripe: #263a28}html[data-theme=warm]{--bg: #fff3e2;--text: #46281a;--muted: #7a5a44;--panel: #ffe7c7;--border: #46281a;--accent: #ee5f2a;--accent-text: #ffffff;--focus-ring: #ee5f2a;--caption-bg: #46281a;--caption-text: #fff3e2;--dim: rgba(70, 40, 26, .55);--sky: #ffd9a8;--ground: #97c05c;--water: #58b7d8;--sand: #f3d9a4;--green: #58c46f;--rough: #6f984a;--flag: #ee5f2a;--ball: #ff8b2c;--ball-outline: #46281a;--trail: #46281a;--wave: #fff7ea;--decor: 1;--sky-top: #ffcf97;--sky-bottom: #fff0d4;--sky-dawn: #ffc48b;--sky-dusk: #f58e57;--silhouette-1: #f0cba1;--silhouette-2: #dbb185;--silhouette-3: #c19a67;--stripe: #6f9c3f}html[data-hl=thin]{--hl-w: 4px}html[data-hl=medium]{--hl-w: 8px}html[data-hl=thick]{--hl-w: 12px}*{box-sizing:border-box}[hidden]{display:none!important}html{font-size:calc(16px * var(--font-scale, 1.25))}body{margin:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.6rem 1rem;background:var(--panel);border-bottom:3px solid var(--border)}.header-title{font-size:min(1.3rem,24px);font-weight:800;flex:0 0 auto;white-space:nowrap}.header-screen{flex:0 1 auto;font-size:min(1.1rem,21px);font-weight:600;color:var(--muted);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{position:relative;flex:1 1 0;min-height:min(46dvh,15rem);background:var(--sky)}.scan-panel{width:clamp(min(16rem,55vw),34%,30rem);overflow-y:auto;scroll-padding-block:var(--hl-reach);padding:min(1rem,14px);display:flex;flex-direction:column;align-items:stretch;background:var(--panel);border-left:3px solid var(--border)}@media(max-width:560px){.main{flex-direction:column}.canvas-wrap{flex:0 0 34%!important;min-height:0}.scan-panel{width:100%;border-left:none;border-top:3px solid var(--border)}}@media(max-width:900px){:root[data-font="125"] .main,:root[data-font="150"] .main,:root[data-font="175"] .main,:root[data-font="200"] .main{flex-direction:column}:root[data-font="125"] .canvas-wrap,:root[data-font="150"] .canvas-wrap,:root[data-font="175"] .canvas-wrap,:root[data-font="200"] .canvas-wrap{flex:0 0 34%!important;min-height:0}:root[data-font="125"] .scan-panel,:root[data-font="150"] .scan-panel,:root[data-font="175"] .scan-panel,:root[data-font="200"] .scan-panel{width:100%;border-left:none;border-top:3px solid var(--border)}}.canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.caption-bar{position:relative;z-index:101;display:flex;align-items:safe center;min-height:0;flex:0 1 auto;max-height:min(45dvh,30rem);overflow-y:auto;padding:.6rem 1rem;background:var(--caption-bg);color:var(--caption-text);border-top:3px solid var(--border);font-size:1.6rem;font-weight:700}.footer{position:relative;z-index:101;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.5rem;padding:.5rem 1rem;background:var(--panel);border-top:3px solid var(--border);font-size:min(1rem,19px);font-weight:600}.footer-mode{color:var(--accent)}.footer-focus{color:var(--text);min-width:0;flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-legend{margin-left:auto;color:var(--muted);font-size:min(1rem,17px)}@media(max-height:860px){.caption-bar{max-height:min(30dvh,22rem)}}@media(max-height:700px){.caption-bar{max-height:min(24dvh,18rem)}:root[data-font="150"] .footer-legend,:root[data-font="175"] .footer-legend,:root[data-font="200"] .footer-legend{display:none}}@media(max-width:560px){:root[data-font="150"] .footer-legend,:root[data-font="175"] .footer-legend,:root[data-font="200"] .footer-legend{display:none}}@media(max-width:320px){.footer-legend{display:none}}@media(max-height:560px){.footer-legend{display:none}.footer{flex-wrap:nowrap;gap:.4rem .6rem}.footer-mode{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-pause{flex:0 0 auto}.header{padding:.35rem 1rem}.main{min-height:min(34dvh,15rem)}}@media(max-width:560px){.caption-bar{max-height:min(24dvh,16rem)}}.footer-pause{font:inherit;font-weight:700;color:var(--text);background:var(--panel);border:3px solid var(--border);border-radius:.4rem;padding:.3rem .9rem;min-height:2.2rem;cursor:pointer}@media(max-height:560px){.footer-pause{min-height:44px;padding:.2rem .7rem;font-size:min(1rem,17px)}}.footer-pause:hover,.footer-pause:focus-visible{border-color:var(--accent);color:var(--accent)}.scan-list{display:flex;flex-direction:column;gap:.8rem;margin:0;padding:1rem;list-style:none}.scan-item{appearance:none;font:inherit;text-align:left;cursor:pointer;display:flex;align-items:center;width:100%;min-height:64px;padding:.9rem min(1.2rem,24px);background:var(--panel);color:var(--text);border:3px solid var(--border);border-radius:10px;font-size:1.35rem;font-weight:700}.scan-item:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.scan-item:active{background:color-mix(in srgb,var(--accent) 28%,var(--panel));transform:translateY(1px)}[data-scan-focus=true]{outline:var(--hl-w) solid var(--focus-ring);outline-offset:var(--hl-offset);background:color-mix(in srgb,var(--accent) 18%,var(--panel));animation:hl-pulse 1.6s ease-in-out infinite}@keyframes hl-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--focus-ring) 50%,transparent)}50%{box-shadow:0 0 0 var(--hl-reach) color-mix(in srgb,var(--focus-ring) 50%,transparent)}}.scan-item{--dwell: 0}.scan-item,.scan-item:hover,.scan-item:active,.scan-item[data-scan-focus=true]{background-image:linear-gradient(to right,color-mix(in srgb,var(--accent) 30%,transparent) calc(var(--dwell, 0) * 100%),transparent calc(var(--dwell, 0) * 100%))}.scan-glyph{width:2.75rem;height:2.75rem;flex:none}@media(max-height:700px){.scan-item{font-size:min(1.15rem,22px);padding:min(.9rem,14px) min(1.2rem,18px);min-height:56px}.scan-glyph{width:min(2.75rem,40px);height:min(2.75rem,40px)}}@media(max-width:560px){.scan-item{font-size:min(1.15rem,22px);padding:min(.9rem,14px) min(1.2rem,18px);min-height:56px}.scan-glyph{width:min(2.75rem,40px);height:min(2.75rem,40px)}}@media(max-height:480px),(max-width:400px){:root{--hl-offset: 0px}html[data-hl=thick]{--hl-w: 8px}}@media(max-height:480px){.scan-item{font-size:min(1rem,17px);padding:min(.5rem,8px) min(1.2rem,18px);min-height:44px}.scan-glyph{width:min(2rem,30px);height:min(2rem,30px)}.scan-panel{padding:min(.5rem,8px)}.caption-bar{max-height:min(12dvh,5rem)}.main{min-height:min(40dvh,15rem)}:root[data-font] .canvas-wrap{flex:0 0 20%!important}}@media(max-width:360px){.scan-item{font-size:min(1rem,16px);padding:min(.5rem,8px) min(.8rem,12px);min-height:44px}.scan-glyph{width:min(2rem,28px);height:min(2rem,28px)}}.overlay{position:absolute;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:min(1rem,12px);background:var(--dim)}.overlay-panel{width:min(32rem,100%);max-height:100%;overflow-y:auto;scroll-padding-block:var(--hl-reach);background:var(--panel);border:4px solid var(--border);border-radius:14px;padding:.5rem}html[data-reduce-motion=true] *{animation:none!important;transition:none!important}html[data-reduce-motion=true] [data-scan-focus=true]{box-shadow:none}