:root{--ink:#151c15;--cream:#e8ead9;--lime:#c8dc92;--muted:#95a287;--accent:#c8dc92;--mono:'Courier New',monospace;--sans:Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:#252d1c;color:var(--cream);font-family:var(--sans)}button{font:inherit;color:inherit;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button:focus-visible{outline:2px solid var(--lime);outline-offset:5px}[hidden]{display:none!important}.experience{position:fixed;inset:0;overflow:clip;isolation:isolate;background:#242e1c}.scene-stage{position:absolute;left:0;top:0;width:1536px;height:1024px;transform-origin:0 0;will-change:transform}.room-image{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;user-select:none}.room-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 47%,#10170f38);pointer-events:none}.monitor-live{position:absolute;left:34.9%;top:41.8%;width:16%;height:14.25%;background:radial-gradient(ellipse,#304333,#101a14);color:#c8dc92;overflow:hidden;font-family:var(--mono);clip-path:polygon(0 0,100% 0,100% 98%,30% 100%,30% 85%,33% 73%,30% 62%,25% 53%,17% 48%,9% 46%,0 51%);pointer-events:none}.screen-top{position:absolute;top:7%;left:5%;right:5%;font-size:7px;letter-spacing:1px;display:flex;justify-content:space-between;opacity:.55}.screen-top i{font-style:normal}.screen-star{position:absolute;top:21%;left:0;width:100%;text-align:center;font-size:32px;line-height:1;color:#d9e1bc;animation:star-idle 5s ease-in-out infinite}.marquee{position:absolute;top:62%;left:0;width:100%;height:19%;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font-size:12px;line-height:1.2;background:#fff04}.marquee>span{display:inline-block;padding-left:100%;animation:marquee 8s linear infinite}.screen-bottom{position:absolute;top:88%;left:0;width:100%;text-align:center;letter-spacing:1px;font-size:6px;opacity:.6}.screen-bottom i{font-style:normal;animation:blink 1s steps(2,end) infinite}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px);pointer-events:none}.pc-glow{position:absolute;left:66%;top:47.5%;width:2.7%;height:7.7%;background:#bfcfff;border-radius:50%;filter:blur(14px);mix-blend-mode:screen;opacity:.12;animation:pc-pulse 4s ease-in-out infinite;pointer-events:none}.disc-drive{position:absolute;left:66.2%;top:44.7%;width:3.35%;height:1.05%;background:#1b2027;border:1px solid #7d849255;box-shadow:0 2px 0 #0009;display:flex;align-items:center;justify-content:center}.disc-drive>span{height:2px;width:77%;background:#040709;box-shadow:0 1px #6b748c44}.disc-drive>i{position:absolute;right:5%;width:3px;height:3px;background:#b4c885}.disc-drive[data-active=true]>i{box-shadow:0 0 7px #dce8a3;animation:blink .7s steps(2,end) infinite}
.binder{position:absolute;left:52.3%;top:57.1%;width:10.6%;height:6.1%;perspective:700px;transform:rotate(-3deg);filter:drop-shadow(5px 5px 1px #170f0966);transform-origin:center;z-index:5}.binder-cover{position:absolute;inset:-5px -6px -5px;background:linear-gradient(135deg,#3f4d36,#232c21);border:2px solid #657355;box-shadow:inset 0 0 0 2px #131e17,0 3px 0 #182216;border-radius:3px}.binder-leaves{position:absolute;inset:1px -1px -4px;background:repeating-linear-gradient(#999b78 0 1px,#c1c19b 1px 2px);border:1px solid #77795b}.binder-pages{position:absolute;inset:0;display:flex;overflow:hidden}.binder-page{position:relative;width:50%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#d4d3aa,#b7b68c);border:1px solid #838561}.left-page{background:linear-gradient(90deg,#c4c39b,#b3b68a)}.right-page{background:linear-gradient(90deg,#a4a782,#d1d0aa)}.binder-spine{position:absolute;left:48.5%;top:0;bottom:0;width:3%;background:linear-gradient(90deg,#868b67,#333e2b,#8b9570);display:flex;flex-direction:column;align-items:center;justify-content:space-around;pointer-events:none}.binder-spine i{width:6px;height:3px;border:1px solid #92987d;border-radius:50%;background:#3d493a}.sleeve{position:relative;width:81%;height:83%;border:1px solid #8d977773;background:linear-gradient(155deg,#fff3,transparent 52%,#ffffff16);box-shadow:inset 0 0 0 1px #fff2;display:flex;align-items:center;justify-content:center;overflow:hidden}.sleeve::after{content:'';position:absolute;inset:2px;border:1px solid #d9e2b63d;border-bottom:2px solid #e1e3c07a;clip-path:polygon(0 0,34% 0,43% 7%,57% 7%,66% 0,100% 0,100% 100%,0 100%);pointer-events:none}.disc-choice{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;height:79%;max-width:87%;padding:0;background:transparent;transition:transform .2s,filter .2s;z-index:2}.disc-choice:hover,.disc-choice:focus-visible{transform:translateY(-4%) scale(1.07);filter:drop-shadow(0 0 3px var(--disc-color))}.disc-icon{position:relative;display:block;width:100%;height:100%;border:1px solid color-mix(in srgb,var(--disc-color) 75%,#eae8ce);border-radius:50%;background:conic-gradient(from 45deg,var(--disc-color),#697365,var(--disc-color),#e0ddc2,var(--disc-color),#445347,var(--disc-color));box-shadow:inset 0 0 0 2px #fff2,0 1px 2px #0004;image-rendering:pixelated}.disc-icon::after{content:'';position:absolute;inset:39%;background:#bcc09a;border:1px solid #757a59;border-radius:50%}.disc-icon b{position:absolute;left:22%;top:24%;font:700 7px var(--mono);color:#172017;text-shadow:0 1px #fff4;z-index:1}.sleeve-number{position:absolute;right:4%;bottom:4%;font:5px var(--mono);color:#515d47;pointer-events:none}.empty-sleeve{font:5px var(--mono);color:#687356;letter-spacing:.4px}.book-open{position:absolute;inset:-7px;z-index:12;background:transparent}.book-open span{position:absolute;bottom:calc(100% + 11px);left:50%;transform:translateX(-50%);padding:6px 9px;background:#1a2518db;border:1px solid #b4c68b55;white-space:nowrap;font:8px var(--mono);letter-spacing:.7px;color:#dce5c0;opacity:0;transition:opacity .2s}.book-open span i{font-style:normal;margin-left:5px;color:var(--lime)}.book-open:hover span,.book-open:focus-visible span{opacity:1}.book-open:hover{box-shadow:0 0 12px #d2dd8945}.binder-controls{position:absolute;top:calc(100% + 11px);left:-5px;right:-5px;display:flex;align-items:center;justify-content:space-between;background:#172017d9;border:1px solid #b6bf9166;padding:2px 4px;gap:9px;color:#d7dfbc;font:7px var(--mono);height:22px}.binder-controls button{height:16px;width:20px;padding:0;background:transparent;color:#dce7bb;font-size:12px}.binder-controls button:disabled{opacity:.2}.binder-controls button:hover:enabled{color:#fff}.binder-controls span{white-space:nowrap;font-size:6px;letter-spacing:.7px}.page-turn{position:absolute;top:0;left:50%;width:50%;height:100%;transform-origin:left center;transform-style:preserve-3d;background:linear-gradient(90deg,#a4a782,#d1d0aa);border:1px solid #747d5c;z-index:9;display:flex;align-items:center;justify-content:center;backface-visibility:visible;box-shadow:2px 0 5px #0003}.page-turn[data-direction=previous]{left:0;transform-origin:right center;background:linear-gradient(90deg,#c4c39b,#b3b68a)}.page-turn .sleeve{pointer-events:none}.binder[data-busy=true] .disc-choice,.binder[data-busy=true] .binder-controls{pointer-events:none}body:not([data-mode=book]):not([data-mode=paging]) .binder-controls{display:none}
.door-entry{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;perspective:1200px;overflow:hidden}.entry-wall{position:absolute;inset:0;background:radial-gradient(ellipse at 56% 28%,#8b936649,transparent 60%),repeating-linear-gradient(0deg,#ffffff03 0 2px,transparent 2px 5px),linear-gradient(100deg,#303a25,#69704a 52%,#38432b)}.entry-wall::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 180px 80px #1019106e;background:linear-gradient(transparent 68%,#27311e44)}.entry-floor{position:absolute;left:-20%;right:-20%;bottom:-20%;height:38%;background:repeating-linear-gradient(90deg,transparent 0 92px,#291b1399 92px 95px),repeating-linear-gradient(0deg,#6b5940 0 45px,#342d22 45px 48px);transform:perspective(380px) rotateX(55deg);transform-origin:50% 100%;box-shadow:0 -4px #484a34,0 -8px #92937a50;filter:brightness(.75)}.door-frame{position:relative;width:min(290px,40vw);height:min(620px,71svh);min-height:280px;margin-top:5svh;border:10px solid #93947a;box-shadow:0 0 0 3px #353d2b,0 0 0 6px #8f92765c,12px 15px 22px #131b1255,inset 0 0 10px #000;perspective:1300px;transform-origin:50% 55%;background:#121b12}.door-peek{position:absolute;inset:0;background:url('assets/room.png') 57% 54%/auto 100%;filter:brightness(.8)}.door-leaf{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);padding:0;overflow:hidden;background:#c2b895;transform-origin:left center;transform-style:preserve-3d;box-shadow:5px 0 12px #0007;backface-visibility:hidden;will-change:transform}.door-leaf img{position:absolute;left:-14.6%;top:-2.65%;width:133.7%;height:106.5%;object-fit:fill;image-rendering:pixelated;pointer-events:none;user-select:none}.door-leaf:hover{filter:brightness(1.035)}.handle-glint{position:absolute;right:9%;top:56%;height:5px;width:5px;background:#fff3bc;box-shadow:0 0 9px #fff4a277;animation:handle-glint 4s ease-in-out infinite;pointer-events:none}.entry-caption{position:absolute;top:7svh;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:13px;font:9px var(--mono);letter-spacing:2.5px;color:#d2d8ba;opacity:.7}.entry-caption p{margin:0}.entry-dash{width:17px;height:1px;background:#c8dc9280}.entry-prompt{position:absolute;bottom:6svh;left:0;right:0;text-align:center;font:11px var(--mono);letter-spacing:.3px;color:#d6dac6;margin:0}.entry-prompt span{color:#c8dc92;padding-left:12px}.room-hud{position:absolute;top:max(22px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));z-index:20;display:flex;gap:7px}.round-button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:#172216aa;color:#d0dabc;border:1px solid #c8dc9233;border-radius:50%;backdrop-filter:blur(5px);font:16px var(--mono);opacity:.65;transition:opacity .2s,background .2s}.round-button:hover,.round-button:focus-visible{opacity:1;background:#202e1e}.music-toggle[aria-pressed=true]{color:#d6e79f;border-color:#c8dc9255}.book-close{position:absolute;left:max(24px,env(safe-area-inset-left));top:max(24px,env(safe-area-inset-top));z-index:20;display:flex;align-items:center;gap:10px;background:#172216bf;border:1px solid #bcc79633;color:#d6dec5;font:11px var(--mono);padding:10px 13px;border-radius:4px;backdrop-filter:blur(7px)}kbd{font:8px var(--mono);padding:3px 5px;border:1px solid #c8dc9233;border-radius:3px;color:#9dad8a;margin-left:7px}.room-hint{position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#172216bd;border:1px solid #bcc7962b;color:#e0e5d1;font:11px var(--mono);padding:11px 16px;border-radius:4px;margin:0;white-space:nowrap;pointer-events:none;backdrop-filter:blur(5px);z-index:15}.room-hint>span{color:#c8dc92;padding-left:13px}.transition-note{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;padding:12px 17px;background:#101b11d9;border:1px solid #c8dc9230;color:#dce5c6;font:11px var(--mono);border-radius:3px;z-index:26;white-space:nowrap;pointer-events:none}.loading-square{width:5px;height:5px;background:#c8dc92;animation:blink .7s steps(2,end) infinite}.flight-disc{position:fixed;width:54px;height:54px;left:0;top:0;z-index:25;border-radius:50%;border:1px solid #e0e6c3;background:conic-gradient(from 30deg,var(--disc-color,#c8dc92),#b5bdc1,#dfd9be,var(--disc-color,#c8dc92),#809d99,#dfd9be,var(--disc-color,#c8dc92));box-shadow:inset 0 0 0 3px #fff2,0 7px 13px #0005;pointer-events:none;will-change:transform,left,top}.flight-disc>i{position:absolute;inset:39%;border:1px solid #8c997a;border-radius:50%;background:#2b3723}.flight-disc>b{position:absolute;left:21%;top:24%;font:700 10px var(--mono);color:#263522;text-shadow:0 1px #fff4}
.project-screen{position:absolute;inset:0;z-index:28;--accent:#c8dc92;background:radial-gradient(ellipse at 26% 45%,color-mix(in srgb,var(--accent) 15%,#152016),#101810 75%);display:flex;flex-direction:column;overflow:auto;opacity:0}.project-texture{position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#0001 3px 4px);pointer-events:none;z-index:2}.project-header{display:flex;justify-content:space-between;align-items:center;margin:0 5%;padding:23px 0;border-bottom:1px solid #ffffff12;position:relative;z-index:3;color:#a3b193;font:9px var(--mono);letter-spacing:1px}.project-header>div{display:flex;align-items:center;gap:18px}.project-return{background:none;color:#d1dcc0;font:11px var(--mono);padding:8px 0}.project-return:hover{color:var(--accent)}.project-header .round-button{height:30px;width:30px}.project-menu{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;flex:1;width:min(1050px,90%);margin:auto;padding:4% 0}.project-art{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1}.large-disc{width:67%;aspect-ratio:1;position:relative;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);background:conic-gradient(from 30deg,color-mix(in srgb,var(--accent) 62%,#101810),#2c4130,color-mix(in srgb,var(--accent) 22%,#101810),color-mix(in srgb,var(--accent) 80%,#101810),#314534,color-mix(in srgb,var(--accent) 62%,#101810));box-shadow:0 0 90px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 0 0 17px #fff03,inset 0 0 0 18px #fff08;animation:disc-spin 50s linear infinite}.large-disc>i{position:absolute;inset:39%;border-radius:50%;background:#111a10;border:1px solid #c3d49b4d;box-shadow:0 0 0 15px #fff08,0 0 0 16px #fff1}.large-disc>b{position:absolute;left:24%;top:26%;font:700 clamp(20px,3vw,38px) var(--mono);color:var(--accent);opacity:.75}.orbit{position:absolute;inset:6%;border:1px solid #ffffff0d;border-radius:50%}.orbit-b{inset:0;border-style:dashed;border-color:#ffffff08}.art-cross{position:absolute;font:22px var(--mono);color:var(--accent);opacity:.7}.cross-a{left:6%;top:17%}.cross-b{right:6%;bottom:20%}.art-caption{position:absolute;bottom:0;font:8px var(--mono);color:#849775;letter-spacing:1.5px}.project-copy{position:relative;z-index:3}.eyebrow{font:9px var(--mono);color:var(--accent);letter-spacing:2px;margin:0 0 14px}.project-copy h1{font-family:var(--sans);font-size:clamp(35px,5.5vw,72px);font-weight:400;letter-spacing:-2px;margin:0}.project-copy h1 span{color:var(--accent);animation:blink 1.2s steps(2,end) infinite}.project-description{font-size:13px;color:#a6b399;line-height:1.9;margin:21px 0 27px}.game-menu{display:flex;flex-direction:column;gap:6px}.game-menu>button{display:flex;align-items:center;gap:15px;border-bottom:1px solid #ffffff10;text-align:left;background:transparent;color:#a3b397;font:13px var(--mono);padding:15px 12px 15px 0;transition:color .2s,background .2s}.game-menu>button>span{font-size:9px;opacity:0}.game-menu>button:hover,.game-menu>button:focus-visible{background:#ffffff04;color:var(--accent)}.game-menu>button.primary-item{color:var(--accent)}.game-menu>button.primary-item>span,.game-menu>button:hover>span{opacity:1}.game-menu small{margin-left:auto;border:1px solid #b8c49533;padding:3px 5px;font:7px var(--mono);color:#98a787}.game-menu i{margin-left:auto;color:#6f8261;font-style:normal;font-size:16px}.empty-label{display:flex;align-items:center;gap:9px;font:8px var(--mono);letter-spacing:1px;color:#819574;margin-top:24px}.empty-label i{width:4px;height:4px;background:#819574}.project-footer{display:flex;align-items:center;gap:18px;margin:0 5%;padding:19px 0;border-top:1px solid #ffffff12;color:#839778;font:8px var(--mono);letter-spacing:1px;position:relative;z-index:3}.project-footer>span:nth-child(2){margin-left:auto}.project-footer>i{height:3px;width:40px;background:repeating-linear-gradient(90deg,var(--accent) 0 7px,transparent 7px 10px);opacity:.7}.project-panel{position:relative;z-index:3;flex:1;width:min(950px,84%);margin:auto;padding:6svh 0}.panel-back{font:11px var(--mono);background:transparent;color:#a9b899;padding:0;margin-bottom:38px}.project-panel h2{font-size:clamp(25px,4vw,50px);font-weight:400;letter-spacing:-1px;margin:0 0 21px}.project-panel p{color:#9daf92;font-size:14px;line-height:1.9;max-width:570px}.empty-visual{height:180px;width:min(570px,100%);display:flex;align-items:center;justify-content:center;border:1px dashed #c8dc9233;background:#ffffff02;color:var(--accent);font:32px var(--mono);margin:26px 0}.info-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #ffffff12;color:#acbaa1;font:12px var(--mono);max-width:570px}.info-row>span:last-child{color:var(--accent)}.asset-error{position:absolute;inset:0;z-index:32;background:#20291b;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d4dfbf}.asset-error button{background:#c8dc92;color:#243219;padding:12px 18px}.status-toast{position:fixed;z-index:40;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);background:#142014ef;border:1px solid #c8dc9233;padding:12px 16px;color:#d6e1c2;font:11px var(--mono);line-height:1.7;margin:0;border-radius:4px;text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.no-js{position:fixed;inset:auto 16px 16px;z-index:40;padding:15px;text-align:center;background:#c8dc92;color:#25331a;font-size:12px}.motion-reduced *, .motion-reduced *::before,.motion-reduced *::after{animation:none!important;transition-duration:.01ms!important}.motion-reduced .marquee>span{padding-left:0;display:block;margin:auto;text-align:center}body[data-mode=project] .room-hud,body[data-mode=returning] .room-hud{visibility:hidden}
.entry-darkness{position:absolute;inset:0;z-index:35;background:#030503;pointer-events:none;will-change:opacity}
.room-extension{position:absolute;top:0;left:50%;transform:translateX(-50%);height:100%;max-width:none;object-fit:fill;image-rendering:pixelated;pointer-events:none;user-select:none}
.monitor-live{left:36.9%;top:41.8%;width:14.3%;height:15.4%}
.disc-drive{left:60.6%;top:44.7%;width:3.2%}
.pc-glow{left:65%;top:47.5%}
.binder{left:51.3%;top:59%}
.desk-player{position:absolute;left:54.7%;top:59%;width:4.7%;height:2.4%;z-index:6;background:linear-gradient(#536051,#2a3328);border:1px solid #9ba48a;border-radius:2px;box-shadow:2px 3px 0 #151b13,0 0 5px #e1edaa22;display:flex;align-items:center;gap:4%;padding:2px;transform:rotate(-3deg)}
.player-grille{width:30%;height:85%;background:repeating-linear-gradient(0deg,#182117 0 1px,#56634a 1px 2px);border:1px solid #1e281b}
.player-display{flex:1;background:#172116;color:#d9e8a1;font:4px var(--mono);white-space:nowrap;display:flex;justify-content:space-between;padding:2px 1px}.player-display i{font-style:normal}
.player-knob{height:5px;width:5px;border:1px solid #adb99a;background:#323f2c;border-radius:50%}
.desk-player[data-playing=true] .player-display{box-shadow:0 0 6px #c8dc9255}.desk-player:hover,.desk-player:focus-visible{outline:1px solid #deedb2;box-shadow:0 0 10px #d4e89c77}
.music-player{width:min(420px,calc(100vw - 32px));padding:23px;border:1px solid #9ba97f;border-radius:8px;background:linear-gradient(145deg,#303c2a,#182318);color:#e2e9d1;box-shadow:0 24px 70px #0008;font-family:var(--mono);max-height:calc(100svh - 32px);overflow:auto}
.music-player::backdrop{background:#0b140bd9}
.music-player header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #dae7b325}.music-player header p{font-size:8px;letter-spacing:1.4px;margin:0 0 8px;color:#b2bf9f}.music-player h2{font-size:23px;font-weight:400;margin:0}.music-player button{background:transparent;color:inherit}.music-player header button{font-size:18px;padding:4px}
.now-playing{display:flex;align-items:center;gap:17px;margin:23px 0}.now-playing div{min-width:0}.now-playing p{font-size:8px;letter-spacing:1px;color:#96a986;margin:0 0 8px}.now-playing strong{display:block;font:16px var(--mono);line-height:1.4}.now-playing div>span{display:block;margin-top:6px;color:#acba9c;font-size:11px}.cassette-art{display:flex;align-items:center;justify-content:space-evenly;width:78px;height:49px;flex:none;border:2px solid #8e9c74;background:linear-gradient(#869174 0 27%,#263521 27% 80%,#727e61 80%);border-radius:4px}.cassette-art i{width:15px;height:15px;border:4px dotted #b1bb96;border-radius:50%;background:#1c2919}
.transport{display:flex;justify-content:center;align-items:center;gap:20px;margin:18px 0}.transport button{width:37px;height:37px;border:1px solid #94a47e55;border-radius:50%;font-size:17px}.transport #track-play{width:49px;height:49px;background:#c8dc92;color:#25341d;border:0}.transport button:disabled{opacity:.25}.music-player button:hover:enabled{color:#d4eb9e}.transport #track-play:hover{color:#25341d;background:#dfedb4}
.player-volume{display:flex;align-items:center;gap:12px;margin:24px 0;font-size:10px;color:#b1bf9e}.player-volume input{width:100%;accent-color:#c8dc92;cursor:pointer}.player-volume output{min-width:30px;text-align:right}.track-list{border-top:1px solid #dae7b325}.track-list button{display:flex;align-items:center;gap:16px;width:100%;padding:14px 8px;text-align:left;font:12px var(--mono);border-bottom:1px solid #dae7b315}.track-list button>span:first-child{color:#93a77d;font-size:10px}.track-list small{display:block;color:#93a77d;font-size:9px;margin-top:5px}.track-list button[aria-pressed=true]{background:#c8dc9210;color:#d7e6b2}.playlist-note{font-size:9px;color:#93a77d;line-height:1.6;margin:17px 0 0}
.binder-lid{position:absolute;left:50%;top:-3px;width:calc(50% + 4px);height:calc(100% + 6px);z-index:11;background:linear-gradient(135deg,#526246,#253123 75%);border:2px solid #879374;border-radius:2px;box-shadow:inset 0 0 0 2px #243220,3px 4px 0 #182417;transform-origin:left center;transform:rotateY(0deg);transition:transform .75s cubic-bezier(.3,.1,.2,1),opacity .2s,visibility 0s;backface-visibility:hidden;pointer-events:none}
.binder-lid::before{content:'';position:absolute;left:4%;top:0;bottom:0;width:5%;border-right:1px solid #acb5965c;background:#1c2a1b}
.binder{transition:transform .75s cubic-bezier(.3,.1,.2,1);transform-origin:center bottom}
.binder[data-open=false]{transform:rotate(-7deg) skewX(-18deg) scaleY(.55)}
.binder-lid b{position:absolute;left:16%;right:5%;bottom:10%;font:700 6px var(--mono);letter-spacing:1px;text-align:center;color:#dce4c5;line-height:1.5}
.lid-disc{position:absolute;left:35%;top:15%;width:35%;aspect-ratio:1;border-radius:50%;border:1px solid #b7c2a4;background:conic-gradient(#a5b589,#d4dbc0,#657d61,#c7d5ad,#a5b589)}
.lid-disc::after{content:'';position:absolute;inset:38%;border-radius:50%;background:#34452f}
.book-spark{position:absolute;font:normal 14px var(--mono);color:#f1f6c9;text-shadow:0 0 7px #e4efad;animation:book-sparkle 2.8s ease-in-out infinite}
.spark-one{right:-14%;top:-22%}.spark-two{left:-12%;bottom:-15%;font-size:9px;animation-delay:.8s}.spark-three{right:8%;top:35%;font-size:9px;animation-delay:1.5s}
.binder[data-open=false] .binder-cover{left:50%}
.binder[data-open=false] .binder-leaves{left:50%}
.binder[data-open=false] .binder-pages,.binder[data-open=false] .binder-spine{visibility:hidden}
.binder[data-open=false] .book-open{left:50%;right:-8px;box-shadow:0 0 12px #d2dd8933;animation:book-invitation 3s ease-in-out infinite}
.binder[data-open=true] .binder-lid{transform:rotateY(-180deg);opacity:0;visibility:hidden;transition:transform .75s cubic-bezier(.3,.1,.2,1),opacity .2s .5s,visibility 0s .75s}
body:not([data-mode=room]) .book-spark{visibility:hidden}
body[data-mode=room] .binder::after{content:'✦';position:absolute;right:-8%;top:-48%;font:22px var(--mono);color:#f6f9cf;text-shadow:0 0 8px #e7eea6,0 0 15px #dde893;pointer-events:none;animation:book-beacon 2.5s ease-in-out infinite}
@keyframes book-beacon{0%,100%{opacity:.6;transform:scaleY(1.8) scale(.75)}50%{opacity:1;transform:scaleY(1.8) scale(1.1)}}
@keyframes book-sparkle{0%,15%,75%,100%{opacity:.35;transform:scale(.65)}40%{opacity:1;transform:scale(1.25)}}
@keyframes book-invitation{0%,100%{box-shadow:0 0 7px #d2dd891c}50%{box-shadow:0 0 16px #e1ef965c}}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes star-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes pc-pulse{0%,100%{opacity:.08}50%{opacity:.19}}@keyframes handle-glint{0%,65%,100%{opacity:.15}70%,80%{opacity:.9}}@keyframes disc-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.door-frame{width:min(240px,58vw);height:min(590px,66svh);margin-top:0}.entry-caption{top:8svh;font-size:8px;letter-spacing:2px}.entry-prompt{bottom:9svh;font-size:10px}.room-hud{top:16px;right:16px;gap:6px}.round-button{width:32px;height:32px;font-size:15px}.book-close{left:16px;top:16px;font-size:10px;padding:9px 11px}kbd{display:none}.room-hint{font-size:9px;padding:10px 13px;bottom:22px}.transition-note{font-size:9px;bottom:22px;padding:10px 13px}.project-header{padding:18px 0;font-size:8px;margin:0 6%}.project-header>div{gap:11px}.project-return{font-size:9px}.project-header .round-button{width:26px;height:26px;font-size:13px}.project-menu{grid-template-columns:1fr;gap:12px;width:78%;padding:25px 0;align-content:center}.project-art{width:155px;margin:auto;aspect-ratio:1}.art-caption{font-size:5px;letter-spacing:.8px;bottom:-6px}.art-cross{font-size:15px}.large-disc>b{font-size:16px}.large-disc{box-shadow:0 0 40px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 0 0 5px #fff03,inset 0 0 0 6px #fff08}.large-disc>i{box-shadow:0 0 0 5px #fff08,0 0 0 6px #fff1}.project-copy{padding-top:10px}.project-copy h1{font-size:42px}.eyebrow{font-size:8px;margin-bottom:10px}.project-description{font-size:12px;margin:14px 0 20px}.game-menu>button{font-size:12px;padding:13px 8px 13px 0}.empty-label{font-size:7px;margin-top:21px;letter-spacing:.7px}.project-footer{padding:15px 0;font-size:7px;margin:0 6%}.project-panel{width:82%;padding:34px 0}.panel-back{margin-bottom:29px;font-size:10px}.project-panel h2{font-size:30px}.project-panel p{font-size:12px}.empty-visual{height:125px;font-size:27px}.info-row{font-size:10px;padding:14px 0}}@media(max-height:560px) and (min-width:701px){.entry-caption{top:5svh}.door-frame{height:72svh;width:180px;margin-top:1svh}.entry-prompt{bottom:5svh}.project-menu{width:80%;padding:18px 0;gap:9%}.project-art{max-width:270px}.project-copy h1{font-size:42px}.project-description{font-size:11px;margin:12px 0}.game-menu>button{font-size:11px;padding:10px 8px 10px 0}.project-header{padding:14px 0}.project-footer{padding:12px 0}.empty-label{margin-top:14px}}