@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f0f0f0;--accent-neon:#cf0;--text-primary:#000;--text-secondary:#000;--brutalist-border:6px solid #000;--brutalist-shadow:16px 16px 0px #000}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100dvh;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(#0000001a 1.5px,#0000 1.5px),linear-gradient(90deg,#0000001a 1.5px,#0000 1.5px);background-position:50%;background-size:60px 60px;justify-content:center;align-items:center;min-height:100dvh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.main-container{z-index:10;text-align:center;background:var(--accent-neon);border:var(--brutalist-border);width:min(90%,800px);box-shadow:var(--brutalist-shadow);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);animation:8s ease-in-out infinite alternate liquidBubble,.8s ease-out both fadeSlideUp;display:flex;position:relative}.main-container:hover{transform:scale(1.02)rotate(-.5deg)}@keyframes liquidBubble{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}to{border-radius:30% 60% 70% 40%/50% 60% 30%}}.coming-soon-title{letter-spacing:-.04em;-webkit-user-select:none;user-select:none;color:#000;text-transform:uppercase;text-shadow:6px 6px #0000001a;flex-wrap:wrap;justify-content:center;gap:.15em;width:100%;margin:0;font-family:Outfit,sans-serif;font-size:clamp(2.5rem,10vw,8rem);font-weight:900;line-height:1.1;animation:.8s ease-out .3s both fadeSlideUp;display:flex}.title-word{white-space:nowrap;display:inline-block}.letter-char{transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:relative}.letter-char:hover{color:#fff;text-shadow:4px 4px #000;cursor:default;transform:scale(1.25)rotate(-5deg)translateY(-10px)}.letter-space{width:.25em;display:inline-block}.pets-layer{z-index:20;pointer-events:none;position:fixed;inset:0;overflow:hidden}.pet-sprite{image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:auto;cursor:pointer;filter:drop-shadow(4px 4px #00000040);transition:filter .15s;position:absolute}.pet-sprite:hover{filter:drop-shadow(4px 4px #00000040)drop-shadow(0 0 6px #0000004d);transform:scale(1.1)}.pet-selected{filter:drop-shadow(4px 4px 0px #000) drop-shadow(0 0 10px var(--accent-neon)) drop-shadow(0 0 20px var(--accent-neon))}.esc-hint{z-index:100;color:var(--accent-neon);border:4px solid var(--accent-neon);box-shadow:8px 8px 0px var(--accent-neon);text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;background:#000;padding:10px 18px;font-family:Outfit,monospace;font-size:.85rem;font-weight:700;animation:1.5s ease-in-out infinite hintPulse;position:fixed;bottom:24px;right:24px}.esc-hint kbd{background:var(--accent-neon);color:#000;margin:0 4px;padding:2px 8px;font-family:Outfit,monospace;font-weight:900;display:inline-block}@keyframes hintPulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.main-container{width:92%;padding:4rem 1.5rem}.coming-soon-title{text-shadow:4px 4px #0000001a;font-size:clamp(1.8rem,12vw,4.5rem)}}@media (max-width:480px){.main-container{border-width:4px;width:95%;padding:3.5rem 1rem;box-shadow:10px 10px #000}.coming-soon-title{font-size:clamp(1.5rem,14vw,3rem)}.esc-hint{box-shadow:5px 5px 0px var(--accent-neon);border-width:3px;padding:8px 12px;font-size:.7rem;bottom:15px;right:15px}}