.overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:30;pointer-events:none;height:100vh}.sceneLabel{position:absolute;bottom:48px;right:56px;color:white;font-size:14px;font-family:monospace;z-index:15;text-shadow:0 0 2px black;opacity:0;transform:translateY(10px);transition:opacity 1.2s ease,transform 1.2s ease}.building.ready .sceneLabel{opacity:1;transform:translateY(0)}.snow{pointer-events:none;inset:0;z-index:999}.snow,.snowflake{position:absolute}.snowflake{top:-5px;background:white;border-radius:50%;image-rendering:pixelated;animation-name:fall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes fall{to{transform:translateY(100vh)}}.startScreen{position:absolute;inset:0;background:#05050d;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.loadingText{color:#888;font-family:monospace;font-size:1.2rem;animation:blink-smooth 1.6s ease-in-out infinite}.startButton.pixel{margin-top:20px;padding:0;font-size:18px;font-family:Press Start\ 2P,monospace;background:transparent;border:none;color:white;cursor:pointer;text-shadow:0 0 2px white;transition:opacity .3s ease}.startButton.pixel:hover{opacity:.7}@keyframes blink-smooth{0%,to{opacity:1}50%{opacity:.5}}.building{position:relative;width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 20% 15%,rgba(68,82,120,.35) 0,rgba(5,5,13,0) 55%),#05050d;color:#e0e3ff;font-family:Arial,sans-serif}.buildingContent{position:relative;width:100%;height:calc(100vh - var(--fence-height, 350px));padding:0;display:flex;align-items:flex-start;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease;z-index:1}.controlColumn{position:absolute;top:10px;left:24px;width:180px;gap:5px;z-index:120}.controlColumn,.infoColumn{display:flex;flex-direction:column}.infoColumn{gap:10px}.infoCard{background:rgba(12,16,28,.78);border:1px solid rgba(92,114,168,.35);border-radius:10px;padding:10px 12px;box-shadow:0 8px 18px rgba(4,6,12,.32)}.infoCard summary{display:flex;flex-direction:column;gap:4px;cursor:pointer;list-style:none;font-family:Courier New,Courier,monospace}.infoCard summary::-webkit-details-marker{display:none}.infoTitle{display:flex;flex-direction:column;gap:4px;font-family:Courier New,Courier,monospace}.infoInstrument{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d2d7ff}.infoSequence{font-size:11px;letter-spacing:.04em;color:#757ba0}.infoSequence.on{color:#9db2ff}.infoSequence.off{color:#5a5e78}.building.ready .buildingContent{opacity:1;visibility:visible}.moon{position:absolute;top:12%;right:16%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(243,246,255,.5),rgba(176,182,216,.2) 60%,rgba(90,100,140,0) 100%);box-shadow:0 0 80px rgba(130,160,220,.25);opacity:0;transform:translateY(-20px);filter:blur(12px);pointer-events:none;transition:opacity 2s ease,transform 2s ease;z-index:4}.building.ready .moon{opacity:.9;transform:translateY(0)}.facadeViewport{align-items:flex-start;justify-content:center;overflow:visible;margin:0 auto;z-index:1}.facade,.facadeViewport{position:relative;display:flex;width:calc(var(--panel-size, 160px) * var(--facade-columns, 16));min-width:100%;height:calc(var(--panel-size, 160px) * 5)}.facade{flex-direction:column;gap:0;align-items:center;justify-content:flex-start}.facadeRow{position:relative;display:flex;align-items:center;justify-content:center;transition:filter .35s ease,opacity .35s ease}.facadeRow.muted{filter:none;opacity:1}.facadeRow.enabled{filter:brightness(1);opacity:1}.panelRow{position:relative;display:flex;width:100%;gap:0;justify-content:center}.panelWrapper{position:relative;width:var(--panel-size,160px);height:var(--panel-size,160px);overflow:hidden;background:#0a0e1a;border:1px solid rgba(28,32,46,.85);box-shadow:inset 0 0 8px rgba(0,0,0,.35);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease,opacity .2s ease;flex-shrink:0}.panelWrapper img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.95);transition:transform .35s ease}.panelWrapper.decorative img,.panelWrapper.filler img{filter:saturate(.5) brightness(.88)}.panelWrapper:hover{cursor:default;transform:none;box-shadow:0 14px 28px rgba(8,12,24,.3)}.panelWrapper.interactive:hover{cursor:pointer;transform:translateY(-3px);box-shadow:0 14px 28px rgba(8,12,24,.6)}.panelWrapper.selected{box-shadow:0 0 18px rgba(126,180,255,.38)}.panelWrapper.active{filter:brightness(1.22);box-shadow:0 0 28px rgba(162,204,255,.55),inset 0 0 18px rgba(180,212,255,.35)}.panelWrapper.muted{opacity:.35}.panelWrapper.columnHover{box-shadow:0 0 22px rgba(114,164,255,.4)}.panelWrapper.interactive{cursor:pointer;opacity:1}.panelWrapper.filler{cursor:default;opacity:.9;pointer-events:none}.panelWrapper.decorative{cursor:default;opacity:1;pointer-events:none}.panelWrapper.decorative:hover,.panelWrapper.filler:hover{transform:none;box-shadow:inset 0 0 6px rgba(0,0,0,.4)}.panelOverlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:8px;background:linear-gradient(180deg,rgba(6,8,16,0) 55%,rgba(6,10,20,.75))}.panelSequenceLabel{font-size:12px;letter-spacing:.14em;color:#f8f9ff;text-shadow:0 0 6px rgba(0,0,0,.9)}.panelInstrumentLabel,.panelSequenceLabel{font-family:Courier New,Courier,monospace;text-transform:uppercase}.panelInstrumentLabel{margin-top:4px;font-size:11px;letter-spacing:.12em;color:#8ddcff;text-shadow:0 0 5px rgba(0,0,0,.8)}.decorativeRow .panelWrapper{pointer-events:none;opacity:1}.facadeRow.decorativeRow{transform:translateY(0);z-index:1;pointer-events:none}.decorativeRow .panelWrapper.columnHover{box-shadow:0 0 20px rgba(84,132,208,.32)}.decorativeRow .panelOverlay{background:none}.volumeControl{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:10px;letter-spacing:.04em;color:#8f93bf;text-transform:uppercase}.volumeControl input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:140px;height:3px;background:rgba(120,132,180,.35);border-radius:999px;outline:none}.volumeControl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#a6c7ff;box-shadow:0 0 6px rgba(166,199,255,.6);cursor:pointer}.volumeControl input[type=range]::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#a6c7ff;box-shadow:0 0 6px rgba(166,199,255,.6);cursor:pointer}.transportControls{display:flex;justify-content:flex-start}.transportButton{padding:10px 28px;border:1px solid rgba(160,190,255,.4);border-radius:999px;background:rgba(15,20,35,.7);color:#dce6ff;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,box-shadow .2s ease}.transportButton:hover{background:rgba(30,42,66,.85);box-shadow:0 0 18px rgba(120,154,220,.35)}.legend span{opacity:.85}.legend span:first-child{text-transform:uppercase;letter-spacing:.08em;color:#9aa3d4}@media (max-width:1280px){.buildingContent{padding:0 0 calc(var(--panel-size, 160px) * .6)}.controlColumn{top:60px;left:40px}.moon{top:10%;right:12%;width:100px;height:100px}}@media (max-width:900px){.buildingContent{padding:0 0 calc(var(--panel-size, 160px) * .55)}.controlColumn{top:40px;left:24px;width:200px}.sceneLabel{right:32px;bottom:32px}.moon{top:8%;right:8%;width:90px;height:90px}}@media (max-width:600px){.buildingContent{flex-direction:column;padding:0 0 calc(var(--panel-size, 160px) * .5);gap:32px}.controlColumn{position:static;width:calc(100% - 40px);margin:20px}.sceneLabel{right:20px;bottom:26px}.moon{display:none}}.fence{position:fixed;bottom:-50px;left:0;display:flex;z-index:13}.poster{position:absolute;left:60%;bottom:130px;transform:rotate(-7deg);box-shadow:0 0 6px rgba(0,0,0,.3);z-index:5}.page_page__ZU32B{display:flex;min-height:100vh;flex-direction:column}.page_main__GlU4n{flex:1 1}.page_legendOverlay__cTWpo{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:50;pointer-events:none}.page_legendCard__VxWIz{display:flex;flex-direction:column;gap:4px;padding:10px 18px;border-radius:999px;background:rgba(12,16,28,.78);box-shadow:0 12px 28px rgba(6,8,18,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#cfd6ff;font-family:Courier New,Courier,monospace;font-size:12px;letter-spacing:.03em;text-align:center}.page_legendActive__osCmk{margin-top:2px;font-size:13px;letter-spacing:.08em;color:#f4f7ff}