/* Screen treatment matched to the supplied XMB / VHS reference. */
body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
img{-webkit-user-drag:none;user-select:none}
input,textarea,[contenteditable=true]{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
:root{--chromatic:-1px 0 #ff1e5a4d,1px 0 #1ed2ff4d,0 1px 2px #0007;--focus-glow:-1.5px 0 #ff1e5a66,1.5px 0 #1ed2ff66,0 0 10px #ffffff80,0 1px 2px #0007}
.shade{background:linear-gradient(180deg,#000a1959 0%,#000a1914 42%,#000a194d 100%),linear-gradient(90deg,#000a1940,transparent 60%),rgba(0,7,20,calc(max(0,var(--darkness) - .2)))}
.crt:before{background:linear-gradient(transparent,rgba(0,0,0,.28) 50%,transparent);background-size:100% 3px}
.crt:after{background:radial-gradient(ellipse 80% 75% at 50% 50%,transparent 55%,#00000073)}
.grain{inset:-60px;opacity:.1;animation:tape-grain .5s steps(5) infinite}
@keyframes tape-grain{to{transform:translate(-60px,40px)}}
.tracking{top:0;height:14vh;opacity:.5;transform:translateY(-30vh);animation:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath d='M0 0h600v120H0z' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/600px 100%;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.backdrop>.tape-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.tape-ready .backdrop>.tape-canvas{opacity:1}
.tape-ready .grain,.tape-ready .tracking{display:none}
.crt-off .backdrop>.tape-canvas,.media-open .crt{display:none}
.category-button>img,.item-art>img{filter:grayscale(1) drop-shadow(0 2px 3px #0006)}
.category-button[aria-selected=true]>img,.is-selected .item-art>img{filter:grayscale(0) drop-shadow(0 2px 3px #0006)}
.inspiration-row.is-selected .item-art>img{filter:grayscale(0) drop-shadow(0 0 7px #ffd65b80) drop-shadow(0 2px 3px #0006)}
.item-description{text-shadow:var(--chromatic)}
.social-tile{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:11px;overflow:hidden;box-shadow:0 3px 5px #0006,inset 0 0 0 1px #0004;transition:width .25s,height .25s,border-radius .25s}
.social-tile>img{width:100%;height:100%;object-fit:cover;filter:none}
.social-tile:after{content:'';position:absolute;left:-20%;right:-20%;top:-62%;height:112%;border-radius:50%;background:linear-gradient(#ffffff9e,#ffffff1a);pointer-events:none}
.is-selected .social-tile{width:80px;height:80px;border-radius:18px}
.donation-card{display:block;width:min(100%,360px);margin:22px 0 18px;padding:14px 16px;border:1px solid #a0cce15e;border-radius:8px;background:#0a2030;color:#fff;font:500 clamp(16px,4vw,23px)/1.4 'Segoe UI',sans-serif;letter-spacing:1px}
.donation-status{min-height:1.5em;font-size:13px}
.donation-dialog{width:min(460px,calc(100% - 32px));border-radius:22px}
.donation-dialog h2{padding-right:24px;font-size:21px}
.donation-dialog .donation-card{max-width:100%;margin-top:16px}
.page-hidden .grain{animation-play-state:paused}
.motion-off .grain{animation:none}
.performance-lite .grain{opacity:.065;animation-duration:1s;animation-timing-function:steps(3)}
.performance-lite .tracking,.tape-fallback .tracking{animation:light-tracking 18s linear infinite}
@keyframes light-tracking{0%,82%{transform:translateY(-30vh)}100%{transform:translateY(110vh)}}
.page-hidden .tracking,.motion-off .tracking,.media-open .tracking,.media-open .grain{animation-play-state:paused}
.performance-lite dialog::backdrop{backdrop-filter:none}
.performance-lite .game-dialog::backdrop,.performance-lite .game-dialog.is-visible::backdrop,.performance-lite .game-dialog.is-closing::backdrop,.performance-lite .theme-dialog::backdrop,.performance-lite .theme-dialog.is-visible::backdrop,.performance-lite .theme-dialog.is-closing::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}
.performance-lite body.game-open #console,.performance-lite body.theme-open #console{filter:none}
.game-open .grain,.game-open .tracking,.game-open .waterlight,.game-open .mountain-light,.game-open .thermometer :is(.thermo-liquid,.thermo-glint,.thermo-drop,.thermo-crown),.game-open .music-player.is-playing .music-cover img,.game-open .music-player.is-playing .music-playing-bars i{animation-play-state:paused}
.thermometer,.theme-dialog button,.game-dialog .game-back,.game-dialog .game-sound{touch-action:manipulation}
.section[aria-hidden=true] .row-node,.row-node.is-far{will-change:auto}
@media(max-width:640px){.is-selected .social-tile{width:62px;height:62px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){.grain{animation:none}}