:root{--yard-ink:#292820;--yard-muted:#5f5c4e;--yard-sky:#b8b8a8;--yard-ground:#666453;--yard-ground-dark:#45463d;--yard-card:#e7dfc9;--yard-card-edge:#817b68;--yard-paper:#d8d1bc;--yard-paper-line:#a6a08e;--yard-folder:#9a763f;--yard-rust:#8f4d32;--yard-green:#405b45;--yard-green-dark:#304636;--yard-danger:#913d31;color:var(--yard-ink);background:var(--yard-ground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% 22%, #ffffff2e 0 1px, transparent 2px), radial-gradient(circle at 82% 13%, #2b2a222e 0 1px, transparent 2px), linear-gradient(176deg, var(--yard-sky) 0 55%, var(--yard-ground) 55% 100%);background-size:31px 31px,43px 43px,auto;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.cacheyard-shell{isolation:isolate;place-items:center;min-height:100vh;padding:2rem 1.5rem 15rem;display:grid;position:relative;overflow:hidden}.cacheyard-shell:before{z-index:-2;border-top:7px solid var(--yard-ground-dark);background:linear-gradient(24deg, transparent 48%, #1f211d2e 49% 51%, transparent 52%) 0 0 / 90px 90px, linear-gradient(-18deg, transparent 48%, #1f211d24 49% 51%, transparent 52%) 0 0 / 120px 80px, var(--yard-ground);content:"";height:43vh;position:absolute;bottom:-8rem;left:-5vw;right:-5vw;transform:rotate(-1.5deg)}.cacheyard-shell:after{z-index:-1;border-top:8px solid var(--yard-ground-dark);border-bottom:8px solid var(--yard-ground-dark);background:repeating-linear-gradient(90deg, transparent 0 5.2rem, var(--yard-ground-dark) 5.2rem 5.7rem), repeating-linear-gradient(-35deg, transparent 0 1.75rem, #45463d75 1.75rem 2rem);content:"";opacity:.58;height:7rem;position:absolute;bottom:20vh;left:-4rem;right:-4rem}.cacheyard-card{z-index:2;border:2px solid var(--yard-card-edge);background:linear-gradient(95deg, transparent 0 8%, #403a2a0d 8.2%, transparent 8.6%), radial-gradient(circle at 72% 18%, #554b361a 0 2px, transparent 3px), var(--yard-card);width:min(100%,36rem);box-shadow:.8rem 1rem 0 var(--yard-ground-dark), 1.2rem 1.6rem 2.6rem #1d1e1a4d;border-radius:.35rem 1rem .5rem .8rem;padding:clamp(2rem,5vw,3.25rem);position:relative;transform:rotate(-.55deg)}.cacheyard-card:before,.cacheyard-card:after{content:"";background:#ccbe91b8;width:5rem;height:1.75rem;position:absolute;top:-.9rem;box-shadow:0 1px 4px #29282033}.cacheyard-card:before{left:10%;transform:rotate(-5deg)}.cacheyard-card:after{right:8%;transform:rotate(7deg)}h1{max-width:18ch;color:var(--yard-ink);letter-spacing:-.045em;text-shadow:1px 1px #ffffff5c;margin:0;font-size:clamp(1.75rem,5vw,2.6rem);font-weight:650;line-height:1}.cacheyard-intro{max-width:44ch;color:var(--yard-muted);margin:1rem 0 0;font-size:1rem;line-height:1.55}.cacheyard-note{background:#d8c98f;border:1px solid #a69566;margin:1.65rem 0 0;padding:1rem 1.1rem 1.1rem;position:relative;transform:rotate(.7deg);box-shadow:3px 4px #5b4f302e}.cacheyard-note:before{content:"";background:#dacc9cc7;width:4rem;height:1rem;position:absolute;top:-.45rem;left:42%;transform:rotate(-4deg)}.cacheyard-note>span{color:#6c5a2f;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.cacheyard-message{color:#403b2d;overflow-wrap:anywhere;margin-top:.45rem;font-family:Comic Sans MS,Bradley Hand,cursive;font-size:1.15rem;line-height:1.4}.cacheyard-form{margin-top:1.7rem}.cacheyard-form>p{color:var(--yard-muted);margin:0 0 .7rem;font-size:.9rem;line-height:1.45}.cacheyard-form-row{gap:.65rem;display:flex}.cacheyard-form input{border:2px solid var(--yard-card-edge);min-width:0;color:var(--yard-ink);background:#fffcefbd;border-radius:.3rem;outline:none;flex:1;padding:.75rem .9rem}.cacheyard-form input:focus{border-color:var(--yard-green);box-shadow:0 0 0 3px #405b4533}.cacheyard-form button{border:2px solid var(--yard-green-dark);background:var(--yard-green);color:var(--yard-card);cursor:pointer;box-shadow:3px 3px 0 var(--yard-green-dark);border-radius:.3rem;padding:.75rem 1rem .75rem 1.15rem;font-weight:650;transform:rotate(1deg)}.cacheyard-form button:hover{background:var(--yard-green-dark);transform:rotate(-1deg)translateY(-1px)}.cacheyard-error{color:var(--yard-danger);margin:.9rem 0 0;font-size:.925rem}.cacheyard-junk{z-index:1;pointer-events:none;position:absolute;inset:0}.cacheyard-scene{z-index:1;width:100%;min-width:68rem;height:17.5rem;color:var(--yard-ink);filter:drop-shadow(0 -.3rem .7rem #26272229);pointer-events:none;position:absolute;bottom:-.2rem;left:0;right:0}.junk-file,.junk-folder,.junk-disk,.junk-cable{filter:drop-shadow(.45rem .6rem .35rem #1c1e1a42);display:block;position:absolute}.junk-file{border:2px solid var(--yard-paper-line);background:linear-gradient(135deg, transparent 0 1rem, #756d5838 1.05rem 1.2rem, transparent 1.25rem) top right / 2.1rem 2.1rem no-repeat, repeating-linear-gradient(180deg, transparent 0 1rem, var(--yard-paper-line) 1.03rem 1.1rem), var(--yard-paper);clip-path:polygon(0 0,75% 0,100% 20%,100% 100%,0 100%);width:7.2rem;height:9rem}.junk-file:after{background:var(--yard-rust);content:"";opacity:.36;width:.65rem;position:absolute;top:1.1rem;bottom:.7rem;right:.65rem}.junk-file--one{bottom:6%;left:5%;transform:rotate(-18deg)}.junk-file--two{bottom:8%;right:7%;transform:rotate(13deg)}.junk-file--three{top:8%;left:10%;transform:rotate(22deg)}.junk-file--four{top:12%;right:8%;transform:rotate(-14deg)}.junk-file--five{bottom:-3rem;right:20%;transform:rotate(31deg)}.junk-folder{background:var(--yard-folder);border:2px solid #684d29;border-radius:.25rem;width:10rem;height:6.5rem}.junk-folder:before{background:var(--yard-folder);content:"";border:2px solid #684d29;border-bottom:0;border-radius:.3rem .5rem 0 0;width:4.2rem;height:1.25rem;position:absolute;top:-1.2rem;left:-2px}.junk-folder--one{bottom:17%;left:-2.7rem;transform:rotate(11deg)}.junk-folder--two{bottom:23%;right:-2rem;transform:rotate(-17deg)}.junk-disk{border:3px solid var(--yard-paper-line);background:radial-gradient(circle, var(--yard-ground-dark) 0 9%, transparent 10% 24%, #ffffff70 25% 28%, transparent 29%), conic-gradient(from 35deg, var(--yard-paper), #9daea0, #c6a888, var(--yard-paper), #9eaaac, var(--yard-paper));border-radius:50%;width:6rem;height:6rem}.junk-disk--one{top:42%;left:3%;transform:rotate(18deg)}.junk-disk--two{top:34%;right:3%;transform:rotate(-12deg)}.junk-cable{border:7px solid var(--yard-ground-dark);border-right-color:#0000;border-radius:50%;width:15rem;height:8rem;bottom:3%;right:13%;transform:rotate(-15deg)}.junk-cable:after{background:var(--yard-ground-dark);content:"";border-radius:.15rem;width:2.2rem;height:1rem;position:absolute;bottom:.6rem;right:-1.3rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=420px){.cacheyard-shell{padding:1.4rem .9rem 10rem}.cacheyard-card{border-radius:.35rem .8rem .4rem .65rem;padding:2rem 1.35rem}.cacheyard-form-row{flex-direction:column}.junk-file{width:4.8rem;height:6rem}.junk-file--three,.junk-file--four,.junk-disk--two{display:none}.junk-folder{width:7rem;height:4.4rem}.cacheyard-scene{width:58rem;min-width:58rem;height:12rem;left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:no-preference){.junk-file--three{animation:8s ease-in-out infinite alternate yard-drift}.junk-disk--two{animation:10s ease-in-out -3s infinite alternate-reverse yard-drift}.scene-car-antenna{transform-origin:286px 104px;animation:2.8s ease-in-out infinite alternate antenna-wobble}.scene-bin-lid{transform-box:fill-box;transform-origin:100% 100%;animation:5s ease-in-out -1s infinite bin-rattle}}@keyframes yard-drift{to{translate:0 .45rem;rotate:2deg}}@keyframes antenna-wobble{to{transform:rotate(5deg)}}@keyframes bin-rattle{0%,86%,to{transform:rotate(0)}90%{transform:rotate(-3deg)}94%{transform:rotate(2deg)}}