:root{--bg: #ffffff;--text: #101418;--muted: #495362;--line: #d7deea;--accent: #111827}*{box-sizing:border-box}html,body,#root{min-height:100%;min-height:100dvh;background:var(--bg)}body{margin:0;min-height:100dvh;font-family:Sora,Segoe UI,sans-serif;color:var(--text);background-color:var(--bg);overflow-x:hidden;position:relative;isolation:isolate}body:before{content:"";position:fixed;top:calc(-30vh - env(safe-area-inset-top));right:-30vw;bottom:-30vh;left:-30vw;z-index:0;background:radial-gradient(circle at 20% 18%,rgba(46,196,182,.3),transparent 34%),radial-gradient(circle at 78% 26%,rgba(255,159,67,.28),transparent 38%),radial-gradient(circle at 48% 82%,rgba(97,218,251,.26),transparent 40%);filter:hue-rotate(0deg);animation:hueShift 14s linear infinite;pointer-events:none;will-change:filter}@keyframes hueShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@media(prefers-reduced-motion:reduce){body:before{animation:none}.tile,.tile span,.tile-g1.g-rotated span,.tile-g1.g-rotated:before{animation:none!important;transition:none!important}}.coming-soon{width:min(580px,calc(100% - 2rem));min-height:100svh;min-height:100dvh;margin:0 auto;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:calc(10px + env(safe-area-inset-bottom));padding-left:calc(1rem + env(safe-area-inset-left));padding-right:calc(1rem + env(safe-area-inset-right));display:grid;align-content:center;justify-items:center;gap:1.15rem;text-align:center;position:relative;z-index:1}.logo-stage{width:min(82vw,360px);position:relative;margin-bottom:.35rem}.logo-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.46rem}.tile{appearance:none;border:0;background:transparent;padding:0;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:visible;opacity:0;transform:translateY(14px) scale(.92);animation:tileEnter .78s cubic-bezier(.2,.85,.25,1) forwards;animation-delay:calc(var(--tile-order) * 42ms + .14s)}.tile span{width:100%;height:100%;display:grid;place-items:center;border-radius:10px;font-weight:800;font-size:clamp(.98rem,2vw,1.35rem);-webkit-user-select:none;user-select:none;transition:box-shadow .16s ease,transform .16s ease}.tile.filled{cursor:grab;touch-action:none}.tile.filled span{box-shadow:0 6px 12px #1a1a1a17}.tile.filled:active{cursor:grabbing}.tile.is-drag-origin span{opacity:.45;transform:scale(.95)}.tile.is-drop-target .empty-slot{border-color:#697180;background:#1a6fe814}.tile.filled:not(.g-rotated):hover span{animation:tileHop .26s ease-out}@keyframes tileHop{0%{transform:translateY(0)}45%{transform:translateY(-5px)}to{transform:translateY(0)}}.tile.g-rotated span{transform:rotate(-30deg)}.tile-g1{position:relative}.tile-g1:before{content:"";position:absolute;inset:0;border-radius:10px;background:#1a1a1a2e;transform:translate(7px,6px) rotate(0) scale(1);z-index:0}.tile-g1:after{content:"";position:absolute;width:48%;height:36%;right:10%;bottom:10%;background:linear-gradient(-45deg,transparent 38%,rgba(115,114,108,.5) 39%,rgba(115,114,108,.5) 40.5%,transparent 41.5%),linear-gradient(-45deg,transparent 52%,rgba(115,114,108,.35) 53%,rgba(115,114,108,.35) 54.5%,transparent 55.5%),linear-gradient(-45deg,transparent 66%,rgba(115,114,108,.22) 67%,rgba(115,114,108,.22) 68.5%,transparent 69.5%);pointer-events:none;z-index:0}.tile-g1>span{position:relative;z-index:2}.tile-g1 .g-slot-outline{position:absolute;inset:0;border-radius:10px;border:2px dashed rgba(115,114,108,.58);box-sizing:border-box;z-index:1;pointer-events:none}.tile-g1.g-rotated span{transform:translate(0) rotate(0) scale(1);animation:gLand .9s cubic-bezier(.2,.85,.25,1) both;animation-delay:2.05s}.tile-g1.g-rotated:before{animation:gShadowLand .9s cubic-bezier(.2,.85,.25,1) both;animation-delay:2.05s}.empty-slot{border:2px dashed #9da4b0;background:transparent}.drag-overlay{position:fixed;width:76px;height:76px;pointer-events:none;z-index:20;transform:translate(-50%,-50%)}.drag-overlay span{width:100%;height:100%;display:grid;place-items:center;border-radius:10px;font-weight:800;font-size:1.25rem;box-shadow:0 14px 28px #0003;transform:rotate(-4deg) scale(1.04)}.drag-overlay.g-rotated span{transform:translate(-26%,-26%) rotate(-30deg) scale(1.04)}@keyframes tileEnter{0%{opacity:0;transform:translateY(14px) scale(.92)}55%{opacity:1;transform:translateY(-3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gLand{0%{transform:translate(0) rotate(0) scale(1)}58%{transform:translate(-36%,-37%) rotate(-34deg) scale(1.04)}to{transform:translate(-33%,-33%) rotate(-30deg) scale(1)}}@keyframes gShadowLand{0%{transform:translate(7px,6px) rotate(0) scale(1)}58%{transform:translate(calc(-36% + 7px),calc(-37% + 6px)) rotate(-34deg) scale(1.04)}to{transform:translate(calc(-33% + 7px),calc(-33% + 6px)) rotate(-30deg) scale(1)}}.logo-base-shadow{position:absolute;left:14%;right:15%;bottom:-24px;height:5px;border-radius:999px;background:#1d9e7580}.reset-grid-btn{position:absolute;right:-12px;bottom:-12px;border:1px solid #9da4b0;background:#ffffffd1;color:#1e2631;border-radius:999px;width:38px;height:38px;display:grid;place-items:center;padding:0;z-index:4}.reset-grid-btn:hover{background:#fff;border-color:#7f8998}.reset-grid-btn svg{width:18px;height:18px}h1{margin:1.9rem 0 0;font-size:clamp(2rem,5.5vw,3.3rem);letter-spacing:.06em;text-transform:uppercase}@media(max-width:540px){.logo-grid{gap:.48rem}.reset-grid-btn{right:-10px;bottom:-10px;width:34px;height:34px}}