html,body{margin:0;padding:0;font-family:Lora,serif;font-size:12px;min-height:100vh}.app-container{display:grid;grid-template-columns:50vw 50vw;min-height:100vh;width:100vw}.logo-container img{width:12ch;margin-left:8ch;margin-top:4ch;filter:invert(1)}.tree-container{width:100%;height:100%}.tree-top-container{position:relative}.tree-top{height:auto;display:block;width:100%}.tree-body{position:relative;display:flex;flex-direction:column;align-items:center;gap:8ch}.tree-bottom-container{position:relative}.tree-bottom{height:auto;display:block;width:100%}.trunk-decoration{position:absolute;left:0;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.image-overlay-button{position:absolute;bottom:0;left:0;width:100%;height:auto;border:none;background:none;padding:0;cursor:pointer}.overlay-image{height:auto;display:block;width:100%;filter:drop-shadow(0 0 20px rgba(255,255,255,.8)) drop-shadow(0 0 40px rgba(255,255,255,.4));animation:glowPulse 2s ease-in-out infinite}.blurb-container{position:fixed;top:50%;left:70%;transform:translate(-50%,-50%);width:40vw;padding:2ch;display:flex;flex-direction:column;justify-content:center;z-index:1000}.blurb-content{border-radius:2ch;padding:2ch 6ch;border:2px solid #8b4513;background-color:#f5f5f5;box-shadow:0 4px 8px #0000004d;font-size:1.5rem;text-align:justify;max-height:80vh;display:flex;flex-direction:column}.blurb-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1ch;margin-top:1ch}.blurb-header h2{margin:0;flex:1;text-align:center}.close-button{background:none;border:none;font-size:2.5rem;font-weight:700;color:#8b4513;cursor:pointer;padding:0;width:2.5ch;height:2.5ch;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.close-button:hover{color:#654321}.blurb-text{flex:1;overflow-y:auto;padding-right:1ch}.blurb-content h2{font-size:2rem}@media (max-width: 768px){.app-container{grid-template-columns:1fr;grid-template-rows:auto auto}.logo-container{display:none}.blurb-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;order:2;display:flex;justify-content:center;align-items:center}.tree-container{order:1}.blurb-content{font-size:1.2rem;padding:1.5ch 4ch;max-height:70vh}.close-button{font-size:2rem;width:2ch;height:2ch}.blurb-text{padding-right:.5ch}.blurb-content h2{font-size:1.5rem}}@keyframes glowPulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,255,255,.8)) drop-shadow(0 0 40px rgba(255,255,255,.4))}50%{filter:drop-shadow(0 0 30px rgb(255,255,255)) drop-shadow(0 0 60px rgba(255,255,255,.6))}}.background-layer{position:absolute;top:0;left:0;width:100%;opacity:.85;filter:url(#noise);z-index:-1}.stars-layer{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;filter:url(#stars);z-index:0;pointer-events:none}.step-container{position:relative;display:inline-block;z-index:10}.step-nail{position:absolute;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:silver;border-radius:50%;border:1px solid #a0a0a0;z-index:1;box-shadow:0 1px 3px #0000004d}.step-nail-left{left:4px}.step-nail-right{right:4px}.step-button{padding:1ch 2ch;background-color:#8b4513;color:wheat;border:2px solid #654321;cursor:pointer;font-size:1.2rem;font-family:Lora,serif;transition:all .3s ease;white-space:normal;min-width:10ch;max-width:15ch;text-align:center;position:relative;transform-origin:center}.footer{background-color:#5e321b;color:#fff;margin:0;padding:2rem;font-size:1.2rem;min-height:70rem;font-family:monospace;text-align:center}