@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#20211e;background:#f6f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{margin:0 4%;height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5d6cd}.logo{font-family:'Space Grotesk',sans-serif;font-size:54px;font-weight:700;letter-spacing:-5px;color:inherit;text-decoration:none}.logo span{font:14px 'DM Sans',sans-serif;vertical-align:top;letter-spacing:0;display:inline-block;margin:12px 0 0 7px}.header-note,.edition,footer{font-size:12px;letter-spacing:1.4px;font-weight:600}.edition{color:#66695e}main{max-width:1000px;margin:auto;padding:26px 24px 10px}.title-row{display:flex;align-items:center;justify-content:space-between;margin:0 auto 24px;max-width:820px}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(34px,4vw,52px);letter-spacing:-2.5px;margin:0;line-height:1.15;font-weight:600}h1 em{font-style:normal;background:#d4ff43;padding:0 8px 3px;border-radius:5px}.title-row p{font-size:14px;color:#6a6c61}.customizer{--side:130px;position:relative;display:grid;grid-template-columns:var(--side) minmax(0,490px) var(--side);justify-content:center;gap:20px}.stage{grid-column:2;position:relative;aspect-ratio:1254 / 1254;border:2px solid #22251d;border-radius:0;overflow:visible;box-shadow:0 8px 0 #e2e4d8;background:#e5e6d9}.stage>img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0}.dog-layers{position:absolute;inset:0;aspect-ratio:1254 / 1254;isolation:isolate}.dog-layers img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:none}#body{z-index:1}#hats{z-index:2}#accessories{z-index:3}.dog-layers img[hidden]{display:none}.stage-label{position:absolute;bottom:15px;left:15px;background:#f6f6f2e8;padding:7px 10px;border-radius:20px;font-size:10px;letter-spacing:1px;font-weight:700}#controls{display:contents}.control{display:contents}.control button{position:absolute;width:var(--side);top:calc(var(--row)*25% + 4%);height:18%;border:0;background:none;cursor:pointer;color:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.control button.prev{left:0}.control button.next{right:0}.arrow{font-family:Arial,sans-serif;font-size:49px;line-height:40px;transition:transform .15s}.control button:hover .arrow{transform:translateX(5px);color:#637900}.control button.prev:hover .arrow{transform:translateX(-5px)}.category{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.6px}.selection{font-size:13px;color:#6b6e63}.control button:focus-visible,.footer-links a:focus-visible{outline:3px solid #748e00;outline-offset:5px;border-radius:10px}.hint{text-align:center;font-size:13px;color:#6b6e63;margin:23px 0}.footer-links{display:flex;max-width:620px;margin:auto;border:1.5px solid #24271e;border-radius:50px;overflow:hidden;background:#d4ff43;box-shadow:0 4px 0 #24271e}.footer-links a{flex:1;padding:18px 25px;font-size:18px;font-weight:700;display:flex;justify-content:space-between;text-decoration:none;color:inherit}.footer-links a+a{border-left:1.5px solid #24271e}.footer-links a[href]:hover{background:#c3ee31}.footer-links a[aria-disabled]{cursor:default}.footer-links span{font-size:22px}#link-status{text-align:center;font-size:12px;color:#72756a;margin:14px 0}footer{margin:15px 4% 0;padding:20px 0;border-top:1px solid #d5d6cd;display:flex;justify-content:space-between;color:#77796e;font-size:10px}@media(min-width:1100px){.customizer{max-width:790px;margin:auto}}@media(max-width:700px){header{height:75px}.logo{font-size:45px}.edition{display:none}.header-note{font-size:9px;letter-spacing:.5px}main{padding:24px 12px 10px}.title-row{display:block;text-align:center;margin-bottom:22px}.title-row p{margin:12px 0}.customizer{--side:62px;gap:3px}.stage{border-radius:0}.arrow{font-size:35px;line-height:25px}.category{font-size:9px;letter-spacing:.3px}.selection{font-size:10px;max-width:62px}.control button{gap:2px}.stage-label{font-size:8px;bottom:8px;left:8px;padding:5px}.footer-links{margin:0 10px}.footer-links a{padding:15px;font-size:15px}.footer-links span{font-size:18px}footer span:last-child{display:none}.hint{margin-top:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}


/* Minimal generator: accessible control labels stay available to screen readers. */
main{width:100%;max-width:1000px;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:38px;padding:36px 24px;margin:auto}
.customizer{width:100%;flex:none;margin:0 auto}
html,body,body *{cursor:url('cursor.png') 24 24,auto!important}
.category,.selection{display:none}
.footer-links{width:min(620px,100%);margin:0 auto;border-radius:0}
.control button:focus-visible,.footer-links a:focus-visible{border-radius:0}
@media(max-width:700px){main{padding:24px 12px;gap:28px}.footer-links{width:calc(100% - 20px);margin:0 auto}}
.footer-links{background:linear-gradient(to right,#35d9a3 0%,#35d9a3 50%,#fff 50%,#fff 100%)}
.footer-links a[href]:hover{background:rgba(0,0,0,.07)}
#randomize{align-self:center;margin:-16px 0 -10px;padding:12px 28px;min-height:44px;border:1.5px solid #24271e;border-radius:0;background:#fff;color:#20211e;font:600 16px 'DM Sans',sans-serif;cursor:pointer}
#randomize:hover{background:#35d9a3}
#randomize:focus-visible{outline:3px solid #148568;outline-offset:4px}
#randomize:active{transform:translateY(1px)}

.picture-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-top:-22px}
.picture-actions #randomize,.picture-actions #download{margin:0;min-width:174px;padding:12px 24px;min-height:44px;border:1.5px solid #24271e;border-radius:0;background:#fff;color:#20211e;font:600 16px 'DM Sans',sans-serif;cursor:pointer}
.picture-actions #randomize:hover,.picture-actions #download:hover{background:#35d9a3}
.picture-actions #download:focus-visible{outline:3px solid #148568;outline-offset:4px}
.picture-actions #download:disabled{opacity:.6;cursor:wait}
body{isolation:isolate}
main{position:relative;z-index:1}
.inu-rain{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;user-select:none}
.falling-phrase{position:absolute;top:-100px;left:clamp(8px,var(--lane),calc(100% - 235px));display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:15px;font-weight:700;color:#248766;opacity:0;animation:inu-fall var(--duration) linear var(--delay) infinite}
.pump-pill{display:inline-block;flex:0 0 auto;width:29px;height:13px;border:2px solid #248766;border-radius:20px;background:linear-gradient(90deg,#35d9a3 50%,#fff 50%);transform:rotate(-38deg)}
@keyframes inu-fall{0%{transform:translateY(0) rotate(-8deg);opacity:0}8%,85%{opacity:.55}100%{transform:translateY(calc(100vh + 200px)) rotate(10deg);opacity:0}}
@media(max-width:700px){.falling-phrase{font-size:12px;gap:6px}.falling-phrase:nth-child(n+9){display:none}}
@media(prefers-reduced-motion:reduce){.inu-rain{display:none}.falling-phrase{animation:none}}
@media(max-width:700px){.picture-actions{margin-top:-12px}.picture-actions #randomize,.picture-actions #download{min-width:0;padding:12px 16px}}