@layer space-headings {
 html body#top.version-five .points-dialog {box-sizing:border-box!important;width:min(680px,calc(100vw - 48px))!important;max-height:calc(100dvh - 64px)!important;margin:auto!important;padding:48px!important;border:0!important;border-radius:24px!important;background:#111!important;color:#fff!important;overflow:auto!important;font-family:'Neue Montreal',Arial,sans-serif!important;box-shadow:0 24px 100px #0008!important;}
 .points-dialog::backdrop {background:#0008;backdrop-filter:blur(16px);}
 html body#top.version-five .points-dialog h2 {margin:0 48px 20px 0!important;font-family:'Neue Montreal',Arial,sans-serif!important;font-size:40px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:normal!important;text-transform:none!important;}
 html body#top.version-five .points-dialog-description {margin:0 0 32px!important;max-width:none!important;color:#6e6e73!important;font-size:16px!important;font-weight:400!important;line-height:1.45!important;}
 html body#top.version-five .points-dialog-close {position:absolute!important;top:20px!important;right:20px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;background:#f5f5f7!important;color:#252525!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-size:20px!important;--hover-fill:#252525!important;--hover-ink:#fff!important;}
 .points-dialog-grid {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px;row-gap:24px;padding-bottom:24px;}
 .points-dialog-item {min-width:0;display:flex;flex-direction:column;gap:10px;align-items:center;font-size:16px;font-weight:500;color:#fff;}
 .points-dialog-item:nth-child(12n+7),.points-dialog-item:nth-child(12n+8),.points-dialog-item:nth-child(12n+9),.points-dialog-item:nth-child(12n+10),.points-dialog-item:nth-child(12n+11),.points-dialog-item:nth-child(12n+12) {transform:translateY(14px);}
 .points-dialog-tile {width:100%;aspect-ratio:1;border-radius:12px;background:rgb(255 255 255 / 10%);display:grid;place-items:center;}
 .points-dialog-tile img {display:block;width:78%;height:78%;object-fit:contain;}
 .points-dialog-empty {font-size:16px;line-height:1.4;color:#6e6e73;}
 html body#top.version-five .v5-points {pointer-events:auto!important;cursor:pointer!important;--hover-fill:#fff!important;--hover-ink:#111!important;--v5-button-hover-bg:#fff!important;--v5-button-hover-ink:#111!important;}
 html body#top.version-five .v5-points .control-label {display:inline-flex!important;gap:.4em!important;align-items:baseline!important;}
 html body#top.version-five .v5-points .directional-fill-label .v5-points-value {color:#111!important;}
 @media(max-width:600px){html body#top.version-five .points-dialog{padding:48px 24px 28px!important;width:calc(100vw - 24px)!important;}.points-dialog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}.points-dialog-item:nth-child(n){transform:none;}.points-dialog-item:nth-child(even){transform:translateY(10px);}}
 @media(prefers-reduced-motion:no-preference){.points-dialog[open]{animation:points-dialog-in .3s cubic-bezier(.22,1,.36,1);}@keyframes points-dialog-in{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}}
}

@layer space-headings {
 html body#top.version-five.home-page .v5-intro .v5-points {z-index:100!important;appearance:none!important;-webkit-appearance:none!important;border:0!important;outline:none!important;box-shadow:none!important;border-radius:12px!important;min-height:44px!important;padding:12px 20px!important;font-family:'Neue Montreal',Arial,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1.2!important;pointer-events:auto!important;cursor:pointer!important;background:transparent!important;}
 html body#top.version-five.home-page .v5-intro .v5-points * {pointer-events:none!important;}
 html body#top.version-five.home-page .v5-intro .v5-points .v5-points-value {font-size:16px!important;}
 html body#top.version-five .v5-points::after {border-radius:12px!important;}
 html body#top.version-five .v5-points .directional-fill-label .v5-points-value {color:#fff!important;}
}

@layer space-headings {
 html body#top.version-five .points-dialog-count {font-family:'Neue Montreal',Arial,sans-serif!important;font-size:15px!important;font-weight:600!important;line-height:1!important;color:#6e6e73!important;text-shadow:none!important;}
 html body#top.version-five .points-dialog-count.is-collected {color:#fff!important;}
}

@layer space-headings {
 html body#top.version-five.points-dialog-open,html body#top.version-five.points-dialog-open .points-dialog,html body#top.version-five.points-dialog-open .points-dialog * {cursor:auto!important;}
 html body#top.version-five.points-dialog-open .points-dialog button,html body#top.version-five.points-dialog-open .points-dialog button * {cursor:pointer!important;}
 html body#top.version-five.points-dialog-open :is(.site-cursor,.hover-tooltip) {visibility:hidden!important;opacity:0!important;}
 html body#top.version-five .points-dialog {overscroll-behavior:contain!important;touch-action:pan-y!important;}
}

@layer space-headings {
 html body#top.version-five .points-dialog .points-dialog-close {appearance:none!important;width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;outline:none!important;border:0!important;box-shadow:none!important;background:#252525!important;color:#fff!important;font:400 20px/1 'Neue Montreal',Arial,sans-serif!important;transform:none!important;translate:none!important;}
 html body#top.version-five .points-dialog .points-dialog-close:is(:hover,:focus-visible) {background:#f5f5f7!important;color:#252525!important;outline:none!important;box-shadow:none!important;}
 html body#top.version-five .points-dialog .points-dialog-close::before {content:none!important;display:none!important;}
}

@layer space-headings {
 html body#top.version-five .points-dialog-grid {gap:20px!important;}
 html body#top.version-five .points-dialog-item:nth-child(n) {transform:none!important;}
}

.points-dialog-tile{position:relative;overflow:hidden}.points-dialog-tile>canvas{pointer-events:none}

@layer space-headings {
 html body#top.version-five .points-dialog :is(.points-dialog-count,.points-dialog-float) {font-family:var(--v4-font,Arial)!important;font-size:15px!important;font-weight:600!important;font-variation-settings:normal!important;font-synthesis:none!important;line-height:1!important;letter-spacing:normal!important;text-shadow:none!important;}
}

.points-dialog-icon{position:relative;display:block;width:78%;height:78%;background:transparent}
.points-dialog-icon>img{width:100%;height:100%;object-fit:contain}
.points-dialog-icon>.pixel-enter-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;image-rendering:pixelated}
.points-dialog-icon.pixel-icon-active>img{visibility:hidden!important}

@layer space-headings {html body#top.version-five .points-dialog-count:not(.is-collected){opacity:.5!important;}}

.hero-lives{position:absolute;display:flex;gap:4px;width:100px;height:44px;align-items:center;pointer-events:none;z-index:100}
.hero-life{display:block;width:24px;height:24px;background:url('/assets/hero-lives-sprite.png') left center/300% 100% no-repeat}
.hero-life.is-empty{background-position:right center}
.points-dialog-icon.is-uncollected{opacity:.3}
.points-dialog-tile{background:rgb(255 255 255 / 10%)}

.hero-lives{height:24px!important;align-items:center!important;gap:4px!important}.hero-life{flex:0 0 24px;height:24px}

/* Exact sprite windows: both states share the same 534×477 artwork box. */
.hero-lives{width:80px!important;display:flex!important;gap:4px!important;height:24px!important;align-items:center!important;}
.hero-lives .hero-life{box-sizing:border-box!important;display:block!important;flex:0 0 24px!important;width:24px!important;height:21.44px!important;margin:0!important;padding:0!important;background-image:url('/assets/hero-lives-sprite.png')!important;background-repeat:no-repeat!important;background-size:97.618px 32.539px!important;background-position:-12.045px -6.067px!important;}
.hero-lives .hero-life.is-empty{background-position:-61.573px -6.067px!important;}

@layer space-headings {
 @media(hover:hover) and (pointer:fine){html body#top.version-five.points-dialog-open.v5-custom-pointer .points-dialog,html body#top.version-five.points-dialog-open.v5-custom-pointer .points-dialog *{cursor:none!important;}}
 html body#top.version-five.points-dialog-open .v5-cursor{visibility:visible!important;}
}

.points-dialog-tile:has(.points-dialog-icon.is-uncollected){background:rgb(255 255 255 / 3%)}

@keyframes lives-lost-blink{0%,100%{opacity:1}50%{opacity:.15}}
body.points-game-over .hero-lives{animation:lives-lost-blink .5s linear 6}
body.points-game-over .v5-intro .v5-hero-surround{pointer-events:none!important}

@layer space-headings {
 html body#top.version-five.home-page .v5-intro .v5-points .hero-lives{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;flex:0 0 auto!important;width:max-content!important;height:30px!important;margin:0 0 0 16px!important;gap:4px!important;pointer-events:none!important;}
 html body#top.version-five.home-page .v5-intro .v5-points{gap:6px!important;}
}

@layer space-headings {
 html body#top.version-five .hero-game-retry{position:absolute!important;transform:translateX(-50%)!important;margin:0!important;font-family:'Neue Montreal',Arial,sans-serif!important;font-size:18px!important;font-weight:600!important;line-height:1.2!important;color:#fff!important;letter-spacing:normal!important;pointer-events:none!important;z-index:100!important;visibility:hidden!important;opacity:0;}
 html body#top.version-five.points-game-over .hero-game-retry{visibility:visible!important;opacity:1;}
}

@layer space-headings {
 html body#top.version-five.home-page .v5-intro .v5-points {height:52px!important;min-height:52px!important;padding:0 24px!important;}
}

@layer space-headings {
 html body#top.version-five.home-page .v5-intro .v5-points::before{z-index:0!important;}
 html body#top.version-five.home-page .v5-intro .v5-points .points-button-label{position:relative!important;z-index:1!important;display:inline-flex!important;gap:6px!important;align-items:center!important;color:#fff!important;mix-blend-mode:difference!important;white-space:nowrap!important;}
 html body#top.version-five.home-page .v5-intro .v5-points .points-button-label .v5-points-value,html body#top.version-five.home-page .v5-intro .v5-points:hover .points-button-label .v5-points-value{color:#fff!important;}
 html body#top.version-five.home-page .v5-intro .v5-points .hero-lives{position:relative!important;z-index:1!important;}
}

@layer space-headings {html body#top.version-five.points-game-over .hero-game-retry{animation:lives-lost-blink .5s linear 6!important;}}

@layer space-headings {html body#top.version-five .points-dialog .points-dialog-close:is(:hover,:focus-visible){background:#3b3b3c!important;color:#fff!important;}}

@keyframes retro-game-over-flash{0%,100%{opacity:0}20%,60%{opacity:.14}40%,80%{opacity:.03}}
body.points-game-over::after{content:"";position:fixed;inset:0;background:#e21d20;opacity:0;pointer-events:none;z-index:10000;animation:none;}
@media(prefers-reduced-motion:reduce){body.points-game-over::after{animation:none;opacity:.08}}

.hero-life.life-just-lost{animation:lives-lost-blink .4s linear 5}
body.points-game-over .hero-life.life-just-lost{animation:none}

@keyframes heart-healed-color{0%,99.99%{filter:hue-rotate(85deg) saturate(1.6) brightness(1.7)}100%{filter:none}}
.hero-life.life-healed{animation:heart-healed-color 1.5s steps(1,end) forwards}

@layer space-headings {
 html body#top.version-five.home-page .v5-intro .v5-points {margin-top:0!important;}
}

@layer space-headings {html body#top.version-five.home-page .v5-intro .v5-points{padding-left:28px!important;padding-right:28px!important;}}

@layer space-headings {html body#top.version-five.home-page .v5-intro .v5-points .hero-lives{translate:0 1px!important;}}

body.points-game-over .v5-surround-icon,body.points-game-over .v5-surround-icon>img{opacity:1!important;visibility:visible!important;transition:none!important;}

@layer space-headings {html body#top.version-five.points-game-go .hero-game-retry{visibility:visible!important;opacity:1;animation:none!important;}}

@layer space-headings {
 html body#top.version-five.home-page .v5-intro .v5-points,html body#top.version-five.home-page .v5-intro .v5-points::before,html body#top.version-five.home-page .v5-intro .v5-points::after{border-radius:999px!important;}
}

/* The close cross of the points popup turns once on hover (shared-components.css, which has the same turn for the gallery, is not loaded on the home page). */
.points-dialog-close .close-icon{display:block;transform-origin:center;}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .points-dialog-close:is(:hover,:focus-visible) .close-icon{animation:points-close-turn .65s cubic-bezier(.22,.61,.36,1) both;}
}
@keyframes points-close-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}