/* Full-bright pixel room with the original dot navigation. */
.site-entry{position:fixed;inset:0;z-index:100;display:block;width:100%;height:100%;min-height:0;padding:0;overflow:hidden;border:0;background:transparent;color:#f5ecde;text-align:left;cursor:pointer;transform:none;isolation:isolate;transition:opacity .72s ease}
.site-entry>img{display:none}
.entry-shade{position:absolute;inset:0;background:linear-gradient(90deg,#06101be8 0%,#09121bc7 22%,#140f0a62 52%,transparent 80%),linear-gradient(0deg,#09070675,transparent 42%)}
.entry-copy{position:absolute;left:9%;top:50%;display:flex;width:min(54%,760px);flex-direction:column;align-items:flex-start;transform:translateY(-46%);text-shadow:0 3px 18px #000}
.entry-kicker{margin-bottom:20px;color:#efa94e;font:500 clamp(11px,1.35vw,20px)/1 var(--mono);letter-spacing:.15em;text-transform:uppercase}
.entry-copy strong{font:500 clamp(54px,7.1vw,112px)/.82 var(--serif);letter-spacing:-.045em}.entry-copy strong em{font-weight:400}
.entry-description{max-width:20ch;margin-top:46px;font:500 clamp(20px,2.5vw,38px)/1.35 var(--serif)}
.entry-action{margin-top:46px;color:#e6d6bb;font:500 clamp(10px,1.05vw,16px)/1 var(--mono);letter-spacing:.04em}.entry-action b{margin-left:9px;color:#efa94e}
.site-entry:hover .entry-action,.site-entry:focus-visible .entry-action{color:#fff3da;transform:translateX(5px)}
.entry-action{transition:color .2s ease,transform .2s cubic-bezier(.2,.8,.2,1)}
.site-entry:active{transform:none}
.site-entry:focus-visible{outline:2px solid #efa94e;outline-offset:-8px}
html.entry-pending .masthead,html.entry-pending .welcome,html.entry-pending .hotspot,html.entry-pending .room-widgets,html.entry-pending .room-quote,html.entry-pending .room-credit,body.entry-active .masthead,body.entry-active .welcome,body.entry-active .hotspot,body.entry-active .room-widgets,body.entry-active .room-quote,body.entry-active .room-credit{opacity:0}
body.entry-active{overflow:hidden}body.entry-active .room{transform:scale(1.055);transform-origin:61% 49%}
.room{transition:transform 1.05s cubic-bezier(.22,.72,.18,1)}
.masthead,.welcome,.hotspot,.room-widgets,.room-quote,.room-credit{transition:opacity .38s ease}
body.entry-leaving .site-entry{opacity:0;pointer-events:none}body.entry-leaving .entry-copy{opacity:0;transform:translateY(-46%) translateX(-14px)}body.entry-leaving .entry-shade{opacity:0}body.entry-leaving .room{transform:scale(1)}
.entry-copy,.entry-shade{transition:opacity .46s ease,transform .62s cubic-bezier(.2,.75,.18,1)}
body.entry-complete .site-entry{display:none}
.masthead{position:absolute;inset:0 0 auto;z-index:10;height:82px;background:linear-gradient(#090705d9 0%,#09070570 48%,transparent 100%);border:0}
.room-viewport{height:100svh;background:#080807}
.room{width:max(100%,calc(100svh * 1.77683));transform:none;transform-origin:61% 49%;transition:transform 1.05s cubic-bezier(.22,.72,.18,1)}
.room::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(to bottom,#0705044f 0,transparent 14%,transparent 76%,#080605ad 100%),linear-gradient(to right,#07050473 0,transparent 10%,transparent 90%,#07050447 100%)}
.room-art,#ambience{filter:none}
.bulletin{display:none}
.identity{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.identity:focus-visible{left:18px;top:16px;width:auto!important;height:auto!important;margin:0!important;padding:8px 11px!important;overflow:visible!important;clip:auto!important;background:#21180f;color:#f2eadc;outline:2px solid #e7a653;z-index:12}
.header-tools{margin-left:auto}
.welcome{left:3.8%;top:3.4%;width:27%;z-index:3}
.welcome h1{margin:0 0 6px;font-size:clamp(20px,1.65vw,26px);font-weight:400;line-height:1.1;letter-spacing:-.025em;color:#e7ddca;text-shadow:0 2px 8px #0008}
.welcome>p:last-child{margin:0;color:#b8aa93;text-shadow:0 2px 6px #0008;font:400 clamp(9px,.65vw,10px)/1.4 var(--mono);letter-spacing:0}
.room-widgets{right:2.2%;top:8.5%;width:19%;gap:8px;align-items:stretch;filter:none}
.room-widgets .glass-card{border-radius:2px;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease,box-shadow .2s ease}
.currently-card{position:relative;display:block;width:100%;aspect-ratio:1;container-type:inline-size;border:0;background:none;filter:drop-shadow(0 8px 10px #0008);transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease}
.board-material{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}
.current-copy{position:absolute;left:9%;top:16%;width:48%;z-index:2}
.currently-title{display:inline-block;margin:0 0 5cqw;padding:1.3cqw 2cqw;color:#402413;background:#e8d1a5;box-shadow:2px 3px 0 #3217088c;font:600 8.3cqw/1 'Caveat',cursive;transform:rotate(-2deg)}
.currently-card ul{list-style:none;margin:0;padding:0;color:#fff0d4;text-shadow:1px 2px 2px #321708;font:600 4.75cqw/1.2 'Caveat',cursive}
.currently-card li{position:relative;padding-left:4.2cqw;margin-bottom:3.1cqw}.currently-card li::before{content:'→';position:absolute;left:0;color:#ead3ab}.currently-card cite{font-style:inherit}
.current-pets{position:absolute;right:7%;top:8%;bottom:8%;width:34%;z-index:2;display:flex;flex-direction:column;justify-content:center;gap:1.5%}
.current-pets figure{width:100%;height:49%;margin:0;filter:drop-shadow(2px 3px 1px #35190780);transition:transform .2s cubic-bezier(.2,.8,.2,1),filter .2s ease}
.current-pets figure+figure{transform:translateX(1%)}
.current-pets svg{display:block;width:100%;height:100%;image-rendering:pixelated}
.currently-card:hover,.currently-card:focus-visible{transform:translateY(-6px) scale(1.025);filter:drop-shadow(0 14px 16px #000b) brightness(1.08)}
.currently-card:hover .current-pets figure:first-child,.currently-card:focus-visible .current-pets figure:first-child{transform:translateY(-4px) rotate(-2deg);filter:brightness(1.08)}
.currently-card:hover .current-pets figure+figure,.currently-card:focus-visible .current-pets figure+figure{transform:translateX(1%) translateY(-4px) rotate(2deg);filter:brightness(1.08)}
.side-facts{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:7px;width:100%;padding:0}
.weather-card,.clock-card{position:relative;width:100%;min-width:0;min-height:68px;padding:10px 12px;gap:9px;color:#e9decb;background:linear-gradient(115deg,#302419f2,#201812f5);border:1px solid #8c745b6b;border-radius:15px!important;box-shadow:0 5px 14px #0b060599,inset 0 1px #d0a46b20;transform:none}
.weather-card::before,.clock-card::before{display:none}
.weather-card .widget-icon,.clock-card .widget-icon{font-size:17px;color:#e0a54d}.room-widgets .weather-card strong,.room-widgets .clock-card strong{font-size:clamp(13px,1.1vw,18px);color:#f4ead8}.room-widgets .weather-card small,.room-widgets .clock-card small{font-size:clamp(7px,.56vw,9px);color:#bca98f}
#spotify-link{position:fixed;right:2.2%;bottom:3.2%;width:22%;margin:0;padding:14px 16px 15px;color:#f0dfbf;background:#4a2c19;border:5px solid #28170d;box-shadow:5px 8px 0 #100905a8,inset 0 0 0 2px #825737,inset 0 -12px #351f13}
#spotify-link::before{content:'';position:absolute;left:9px;right:9px;bottom:5px;height:4px;background:repeating-linear-gradient(90deg,#17100b 0 3px,#69482e 3px 6px)}
#spotify-link .small-label{color:#d3b98f}.room-widgets #spotify-link strong{color:#fff0d4}.room-widgets #spotify-link small{color:#cbb18a}
.record-icon{width:42px;height:42px;font-size:21px;border:3px solid #1d130d;background:#2b1b11;box-shadow:inset 0 0 0 2px #795536;color:#d4ae6c}
.weather-card:hover,.weather-card:focus-visible,.clock-card:hover{transform:translateY(-5px) scale(1.035);filter:brightness(1.14);box-shadow:0 10px 20px #0b0605c7,inset 0 1px #e9c08335}
#spotify-link:hover,#spotify-link:focus-visible{transform:translateY(-5px) scale(1.025);filter:brightness(1.14);box-shadow:7px 12px 0 #100905ba,inset 0 0 0 2px #9d6d45,inset 0 -12px #351f13;color:#fff0d4}
.hotspot .pin{box-shadow:0 0 0 2px #21160eb3,0 0 0 4px #f1d49a40;background:#fff0d2;transition:transform .18s cubic-bezier(.2,.9,.25,1.35),box-shadow .18s ease,background .18s ease}
.hotspot:hover .pin,.hotspot:focus-visible .pin{background:#f0af51;box-shadow:0 0 0 3px #1c1209,0 0 0 9px #f0af5170,0 0 22px #ffc3639c;transform:scale(1.38)}
.guide-links a{transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s ease}.guide-links a:hover,.guide-links a:focus-visible{transform:translateY(-3px);filter:brightness(1.2)}
.room-quote{position:absolute;left:5.7%;bottom:12.5%;z-index:4;margin:0;padding-left:13px;border-left:1px solid #b47a31;color:#f0e2c9;text-shadow:0 2px 8px #000;font-family:var(--serif)}
.room-quote p{margin:0 0 8px;font-size:clamp(14px,1.35vw,21px);line-height:1.45;font-style:italic}.room-quote cite{font:clamp(8px,.65vw,10px)/1.4 var(--mono);font-style:normal;color:#b9a589}
.room-credit{position:absolute;left:3.8%;bottom:3.7%;z-index:4;margin:0;color:#b8a88f;font:clamp(8px,.7vw,11px)/1 var(--mono);letter-spacing:.06em;text-shadow:0 2px 6px #000}
@media(max-width:1000px){.room-widgets{width:21%;right:1.5%}#spotify-link{right:1.5%;width:24%}}
@media(max-width:760px){.masthead{position:absolute;background:linear-gradient(#090705dc,transparent);border:0}.room-viewport{height:100svh}.room{width:max(1000px,calc(100svh * 1.77683));min-width:1000px}.room-art,#ambience{filter:none}.welcome{left:4%;top:4%;width:32%}.welcome h1{font-size:20px}.welcome>p:last-child{font-size:9px}.room-widgets{top:7.5%;width:21%;right:2%;gap:6px}.weather-card,.clock-card{min-height:56px;padding:6px 8px;gap:6px}.weather-card .widget-icon,.clock-card .widget-icon{font-size:14px}.room-widgets .glass-card strong{font-size:12px}.room-widgets .glass-card small{font-size:6px}#spotify-link{right:2%;bottom:2.5%;width:24%;padding:11px;border-width:4px}.spotify-body{gap:8px}.room-quote{left:4.5%;bottom:13%}.room-credit{left:3%;bottom:3.5%}}
@media(max-width:760px){.entry-copy{left:7%;width:76%}.entry-copy strong{font-size:clamp(48px,14vw,78px)}.entry-description{margin-top:30px}.entry-action{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.site-entry,.entry-copy,.entry-shade,.room,.masthead,.welcome,.hotspot,.room-widgets,.room-quote,.room-credit,.room-widgets .glass-card,.currently-card,.current-pets figure,.hotspot .pin,.guide-links a{transition:none}.site-entry:hover .entry-action,.site-entry:focus-visible .entry-action,body.entry-leaving .entry-copy,body.entry-active .room,.currently-card:hover,.currently-card:focus-visible,.currently-card:hover .current-pets figure,.currently-card:focus-visible .current-pets figure,.weather-card:hover,.weather-card:focus-visible,.clock-card:hover,#spotify-link:hover,#spotify-link:focus-visible,.hotspot:hover .pin,.hotspot:focus-visible .pin,.guide-links a:hover,.guide-links a:focus-visible{transform:none}}

.spotify-body>span:nth-child(2){flex:1;min-width:0}.spotify-cover{flex:0 0 auto;width:clamp(38px,4.2vw,64px);height:clamp(38px,4.2vw,64px);object-fit:cover;border:2px solid #c3975959;border-radius:3px}.spotify-cover[hidden]{display:none}
