@font-face{font-family:Autour One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/acb19710683925f0-s.1edc365c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Autour One;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ce92edc0b23ba199-s.p.0c03960e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Autour One Fallback;src:local(Arial);ascent-override:71.63%;descent-override:19.6%;line-gap-override:0.0%;size-adjust:137.02%}.autour_one_b9cc0de7-module__BcomiG__className{font-family:Autour One,Autour One Fallback;font-style:normal;font-weight:400}.autour_one_b9cc0de7-module__BcomiG__variable{--font-heading:"Autour One","Autour One Fallback"}
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#2a1a0a;background:#f4efe8;width:100%;height:100%;overflow:hidden}@keyframes titleSettle{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.title{font-family:var(--font-heading),cursive;letter-spacing:.02em;-webkit-text-stroke:1.5px #3b2314;paint-order:stroke fill;color:#3b2314;z-index:10;-webkit-user-select:none;user-select:none;font-size:clamp(3.5rem,10vw,7rem);font-weight:400;animation:1.2s ease-out forwards titleSettle;position:relative}@keyframes ctaPulse{0%,to{opacity:.5}50%{opacity:.8}}.cta{font-family:var(--font-heading),cursive;color:#6b5340;opacity:0;cursor:pointer;z-index:10;margin-top:1.2rem;font-size:clamp(.75rem,1.5vw,1rem);text-decoration:none;transition:color .2s;animation:1.5s ease-out .6s forwards subtitleFade,3s ease-in-out 2s infinite ctaPulse;position:relative}.cta:hover{color:#3b2314}.unlock-cta{letter-spacing:.2em;text-transform:lowercase;animation:.6s ease-out forwards unlockFadeIn,2s ease-in-out 1s infinite ctaPulse}@keyframes unlockFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:.7;transform:translateY(0)}}@keyframes subtitleFade{0%{opacity:0;transform:translateY(8px)}to{opacity:.5;transform:translateY(0)}}.subtitle{font-family:var(--font-heading),cursive;letter-spacing:.35em;opacity:0;color:#6b5340;font-size:clamp(.65rem,2vw,1rem);animation:1.5s ease-out .6s forwards subtitleFade}@keyframes spodikRoll{0%{transform:rotate(0)}25%{transform:rotate(6deg)}50%{transform:rotate(0)}75%{transform:rotate(-6deg)}to{transform:rotate(0)}}.spodik-link{z-index:10;cursor:grab;-webkit-user-select:none;user-select:none;text-decoration:none;position:relative}.spodik-link:active{cursor:grabbing}.spodik-img{object-fit:contain;margin:0 auto;transition:transform .4s cubic-bezier(.34,1.56,.64,1);animation:3s ease-in-out infinite spodikRoll;display:block}.spodik-img:hover{animation-play-state:paused;transform:scale(1.08)}.spodik-img.lifted{animation:none;transform:translateY(-20px)scale(1.05)}.spodik-img.dragging{cursor:grabbing;animation:none;transform:translate(-50%,-50%)scale(1.1)}.spodik-img.unlock-mode{cursor:grab;animation:3s ease-in-out infinite spodikRoll}.spodik-img.unlock-mode:active{cursor:grabbing}.grain{opacity:.03;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.password-section{opacity:0;z-index:10;flex-direction:column;align-items:center;max-height:0;transition:max-height .8s cubic-bezier(.34,1.56,.64,1),opacity .5s .15s;display:flex;position:relative;overflow:hidden}.password-section.visible{opacity:1;max-height:120px}.password-input{font-family:var(--font-heading),cursive;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#3b2314;text-align:center;letter-spacing:.15em;background:#f4efe8cc;border:2px solid #6b53404d;border-radius:12px;outline:none;width:240px;margin-top:0;padding:.7rem 1.4rem;font-size:clamp(.9rem,1.5vw,1.1rem);transition:border-color .3s,box-shadow .3s}.password-input::placeholder{color:#6b534066;letter-spacing:.1em}.password-input:focus{border-color:#6b534099;box-shadow:0 0 20px #c8a06433}.password-input.error{border-color:#b4503c99;animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.error-text{font-family:var(--font-heading),cursive;color:#b4503ccc;opacity:0;margin-top:.5rem;font-size:.75rem;animation:.4s ease-out forwards subtitleFade}.fade-overlay{z-index:200;opacity:0;pointer-events:none;background:#f4efe8;transition:opacity .6s;position:fixed;inset:0}.fade-overlay.active{opacity:1;pointer-events:all}@keyframes dropZonePulse{0%,to{box-shadow:0 0 30px #c8a0644d,inset 0 0 30px #c8a0641a}50%{box-shadow:0 0 50px #c8a06480,inset 0 0 50px #c8a06433}}.drop-zone{z-index:50;opacity:0;pointer-events:none;background:#c8a06414;border:2px dashed #6b53404d;border-radius:50%;width:100px;height:100px;transition:opacity .3s,transform .3s,border-color .2s,background .2s;position:fixed;bottom:30px;right:30px;transform:scale(.5)}.drop-zone.visible{opacity:1;animation:2s ease-in-out infinite dropZonePulse;transform:scale(1)}.drop-zone.active{background:#c8a06440;border-color:#6b5340b3;animation:none;transform:scale(1.15);box-shadow:0 0 60px #c8a06499,inset 0 0 40px #c8a0644d}
