:root{--ink:#050505;--sand:#0b0b0b;--cream:#f3eee8;--orange:#f01414;--blue:#8e0000;--acid:#ff2b2b}*{box-sizing:border-box}html{background:var(--sand)}body{color:var(--cream);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit}.public-shell{background:radial-gradient(circle at 12% 7%, #ff1e1e80 0 1px, transparent 2px), linear-gradient(115deg, transparent 0 70%, #f014142e 70% 70.5%, transparent 70.5%), var(--sand);min-height:100vh;padding:30px clamp(20px,5vw,72px) 24px;overflow:hidden}.hero{border-bottom:7px solid var(--orange);max-width:1180px;margin:0 auto 48px;padding-bottom:22px;position:relative}.hero h1{letter-spacing:-.065em;text-transform:uppercase;margin:0;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(58px,11vw,150px);line-height:.73}.hero h1 span{color:var(--orange);letter-spacing:-.04em;font-size:.58em}.sound-grid,.loading-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:center;gap:clamp(18px,3vw,40px);max-width:1120px;margin:0 auto;display:grid}.sound-card{justify-items:center;gap:16px;min-width:0;display:grid}.sound-button{aspect-ratio:1;border:4px solid var(--orange);cursor:pointer;background:#1a1a1a;border-radius:50%;justify-self:center;width:100%;max-width:250px;padding:0;transition:transform .16s,box-shadow .16s,filter .16s;position:relative;overflow:hidden;box-shadow:8px 9px #5a0000}.sound-card:nth-child(3n+2) .sound-button{transform:rotate(2deg)}.sound-card:nth-child(3n) .sound-button{transform:rotate(-1.5deg)}.sound-button:hover{filter:contrast(1.12);transform:translate(-2px,-3px)rotate(0);box-shadow:11px 13px #8e0000}.sound-button:active,.sound-button.is-playing{transform:translate(6px,7px);box-shadow:2px 2px #5a0000}.sound-button:focus-visible{outline-offset:5px;outline:5px solid #ff4a4a}.sound-button img{object-fit:cover;filter:saturate(.7)contrast(1.2);width:100%;height:100%}.sound-shade{background:linear-gradient(#0000 45%,#000000bf);position:absolute;inset:0}.sound-name{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sound-name path{fill:#0000}.sound-name text{fill:#fff;stroke:#000;stroke-width:2px;paint-order:stroke;letter-spacing:.04em;text-transform:uppercase;font-family:Archivo Black,Impact,sans-serif;font-size:18px}.play-mark{background:var(--orange);color:#fff;border:2px solid #000;border-radius:50%;place-items:center;width:42px;height:42px;font-size:16px;display:grid;position:absolute;top:16%;left:50%;transform:translate(-50%)}.is-playing .play-mark{color:var(--orange);border-color:var(--orange);background:#000}.is-playing:after{content:"";border:8px solid var(--orange);border-radius:50%;animation:.75s ease-in-out infinite alternate throb;position:absolute;inset:-8px}.takedown-link{color:#a8a8a8;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #772020;padding:5px 8px;font-size:10px;font-weight:700}.takedown-link:hover,.takedown-link:focus-visible{color:#ff3c3c;border-color:#ff3c3c}@keyframes throb{to{opacity:.45;transform:scale(.94)}}.loading-grid span{aspect-ratio:1;background:#f0141438;border-radius:50%;justify-self:center;width:100%;max-width:250px;animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.35}}.empty-state{text-align:center;max-width:520px;margin:50px auto 80px}.empty-orb{border:4px solid var(--orange);width:180px;height:180px;color:var(--orange);background:#050505;border-radius:50%;place-items:center;margin:0 auto 28px;font-family:Archivo Black,sans-serif;font-size:58px;display:grid;transform:rotate(-5deg);box-shadow:9px 10px #5a0000}.empty-state h2{text-transform:uppercase;margin:0;font-family:Archivo Black,sans-serif;font-size:32px}.empty-state p{margin:8px 0 0}footer{border-top:2px solid var(--orange);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;max-width:1120px;margin:60px auto 0;padding-top:15px;font-size:11px;font-weight:700;display:flex}footer a{opacity:.55}.footer-links{gap:18px;display:flex}.coordinate-link:hover,.coordinate-link:focus-visible{color:var(--orange);opacity:1}.submission-shell{background:radial-gradient(circle at 15% 10%,#ff1e1e40,#0000 30%),#050505;place-items:center;min-height:100vh;padding:24px;display:grid}.submission-card{background:#100808;border:3px solid #ff2b2b;width:min(680px,100%);padding:clamp(26px,6vw,58px);box-shadow:12px 12px #590000}.submission-back{text-transform:uppercase;border-bottom:1px solid #777;margin-bottom:38px;padding-bottom:4px;font-size:12px;font-weight:800;text-decoration:none;display:inline-block}.submission-card h1{text-transform:uppercase;margin:0;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(42px,10vw,78px);line-height:.9}.submission-card>p:not(.modal-kicker){color:#bbb;line-height:1.5}.submission-card form{gap:17px;margin-top:30px;display:grid}.submission-card label{letter-spacing:.09em;text-transform:uppercase;gap:7px;font-size:11px;font-weight:800;display:grid}.submission-card label span{color:#aaa;font-size:9px}.submission-card input{color:#fff;background:#080808;border:2px solid #777;width:100%;min-width:0;padding:14px}.submission-card button{color:#fff;cursor:pointer;background:#f01414;border:2px solid #050505;justify-self:start;padding:14px 20px;font-weight:800;box-shadow:4px 4px #050505}.submission-success{color:#9ee6ad;background:#082d16;border:1px solid #3fb950;padding:12px;font-weight:700}.modal-backdrop{z-index:50;background:#000000db;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.takedown-modal{border:3px solid var(--orange);background:#090909;width:min(520px,100%);padding:clamp(28px,6vw,54px);position:relative;box-shadow:12px 12px #670000}.modal-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:12px;right:14px}.modal-kicker{color:#ff3c3c;letter-spacing:.18em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:800}.takedown-modal h2{text-transform:uppercase;margin:0 0 12px;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(34px,8vw,60px);line-height:.95}.takedown-modal>p,.takedown-result p{color:#bbb}.takedown-modal form{gap:12px;margin-top:28px;display:grid}.takedown-modal label{letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.takedown-modal input{color:#fff;background:#151515;border:2px solid #777;width:100%;padding:15px;font-size:18px}.takedown-reasons{border:1px solid #555;gap:10px;margin:6px 0;padding:16px;display:grid}.takedown-reasons legend{color:#bbb;letter-spacing:.08em;text-transform:uppercase;padding:0 7px;font-size:11px;font-weight:800}.takedown-reasons label{align-items:center;gap:10px;font-size:13px;display:flex}.takedown-reasons input{accent-color:#f01414;width:18px;height:18px;padding:0}.takedown-modal form button,.takedown-result button{color:#fff;cursor:pointer;background:#f01414;border:2px solid #ff2b2b;justify-self:start;padding:13px 18px;font-weight:800}.result-nice_try h2{color:#ff1515;font-size:clamp(46px,11vw,78px)}.result-unknown h2{font-size:clamp(36px,8vw,62px)}@media (max-width:620px){.public-shell{padding-inline:16px}.hero{margin-bottom:28px}.hero h1{font-size:clamp(52px,19vw,82px);line-height:.78}.hero h1 span{margin-top:8px;font-size:.48em;display:block}.sound-grid,.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.sound-button{box-shadow:5px 6px 0 var(--ink);border-width:3px}.sound-name text{stroke-width:1.5px;font-size:16px}.play-mark{width:32px;height:32px;font-size:12px;top:13%}footer{align-items:start;gap:18px}.footer-links{flex-direction:column;align-items:end;gap:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}