.state-page{background:var(--ink);place-items:center;min-height:100dvh;padding:32px 20px;display:grid}.state-card{text-align:center;justify-items:center;gap:14px;width:100%;max-width:420px;display:grid}.state-card h1{font-family:var(--font-cinzel), serif;color:var(--cream);letter-spacing:.02em;margin:0;font-size:34px;font-weight:700}.state-card p{font-family:var(--font-noto-serif), serif;color:var(--muted);margin:0;font-size:17px;font-style:italic}.state-actions{gap:10px;width:100%;margin-top:8px;display:grid}.state-art{border:1px solid var(--line);background:var(--ink2);border-radius:18px;width:200px;height:260px;position:relative;overflow:hidden}.state-art img{object-fit:cover;width:100%;height:100%;display:block}.state-art:after{content:"";background:linear-gradient(#0a090700,#0a0907d9);height:90px;position:absolute;inset:auto 0 0}.state-digest{font:500 12px var(--font-inter), sans-serif;color:var(--muted)}.crest-loader{justify-items:center;gap:10px;display:grid}.crest-loader .crest-mark{border-radius:50%;width:96px;height:92px;animation:2.4s cubic-bezier(.65,0,.35,1) infinite crest-breathe;position:relative;overflow:hidden}.crest-loader .crest-mark img{object-fit:contain;width:100%;height:100%;display:block}.crest-loader .crest-mark:after{content:"";background:linear-gradient(100deg,#f3dc9a00,#fbeab461,#f3dc9a00);width:34%;animation:1.6s cubic-bezier(.65,0,.35,1) infinite crest-sweep;position:absolute;top:0;bottom:0;left:0;transform:translate(-120%)skew(-18deg)}.crest-loader .grains{width:44px;height:44px;position:relative}.crest-loader .grains i{background:var(--cream);opacity:0;border-radius:50%;width:5px;height:5px;animation:1.1s cubic-bezier(.55,.085,.68,.53) infinite grain-fall;position:absolute;top:0}.crest-loader .grains i:first-child{left:8px}.crest-loader .grains i:nth-child(2){animation-delay:.37s;left:20px}.crest-loader .grains i:nth-child(3){animation-delay:.74s;left:32px}@keyframes crest-sweep{0%{transform:translate(-120%)skew(-18deg)}to{transform:translate(380%)skew(-18deg)}}@keyframes crest-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes grain-fall{0%{opacity:0;transform:translateY(0)}12%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(38px)}}@media (prefers-reduced-motion:reduce){.crest-loader .crest-mark,.crest-loader .crest-mark:after,.crest-loader .grains i{animation:none}.crest-loader .crest-mark:after{display:none}.crest-loader .grains i{opacity:1;top:26px}}
