:root{--mint: #beebd8;--mint-deep: #8fd3b6;--cream: #fff4e0;--orange: #e89a5c;--red: #d93c2b;--gold: #e9b949;--ink: #1d1a17;--muted: #835a3a;--tape: #f3cf3e;--tape-w: 46px;--display: "Bowlby One", "Arial Black", sans-serif;--text: "Bitter", Georgia, serif;--mono: "DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 18px/1.55 var(--text);padding-left:var(--tape-w);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--display);font-weight:400;line-height:.95;margin:0;letter-spacing:.01em}.tape{position:fixed;inset:0 auto 0 0;width:var(--tape-w);z-index:30;background:var(--tape);border-right:3px solid var(--ink);overflow:hidden;box-shadow:inset -6px 0 #0000000f}.tape-ticks{will-change:transform}.tape-ticks i{display:block;height:14px;position:relative}.tape-ticks i:before{content:"";position:absolute;left:0;top:0;height:2px;width:12px;background:var(--ink)}.tape-ticks i.mid:before{width:22px;height:3px}.tape-ticks b{position:absolute;left:24px;top:-6px;font:500 11px/1 var(--mono);color:var(--red)}.masthead{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(16px,4vw,48px);background:var(--mint);border-bottom:3px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:48px;height:48px;border-radius:50%;border:3px solid var(--ink);background:var(--cream)}.brand-name{font:400 26px/1 var(--display)}.brand-tick{font:500 13px/1 var(--mono);color:var(--red);border:2px solid var(--red);padding:4px 7px;border-radius:4px;transform:rotate(-3deg)}.ring-nav{display:flex;gap:4px}.ring-nav a{font:500 13px/1 var(--mono);text-transform:uppercase;text-decoration:none;padding:8px 10px;border:2px solid transparent;border-radius:999px;transition:transform .15s,background .15s,border-color .15s}.ring-nav a:hover{background:var(--cream);border-color:var(--ink);transform:translateY(-2px)}.stamp{display:inline-block;font:500 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--red);border:2px dashed var(--red);padding:7px 10px;border-radius:3px;transform:rotate(-1.5deg);background:#fff6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:400 18px/1 var(--display);text-decoration:none;padding:15px 22px;border:3px solid var(--ink);border-radius:14px;box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s;cursor:pointer}.btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.btn:active{transform:translate(4px,4px);box-shadow:1px 1px 0 var(--ink)}.btn-red{background:var(--red);color:var(--cream)}.btn-paper{background:var(--cream);color:var(--ink)}section{padding:clamp(56px,9vw,120px) clamp(18px,5vw,72px);position:relative}.entry{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.55) 0 2px,transparent 3px) 0 0 / 34px 34px,var(--mint);border-bottom:3px solid var(--ink)}.entry-grid{display:grid;grid-template-columns:1fr;gap:40px;margin-top:24px;align-items:center}.entry h1{font-size:clamp(54px,8vw,112px)}.entry h1 em{font-style:normal;color:var(--red);display:inline-block;transform:rotate(-2deg)}.lede{font-size:clamp(18px,2vw,22px);max-width:34ch;margin:22px 0 26px}.judge-card{margin:0 0 30px;background:var(--cream);border:3px solid var(--ink);border-radius:6px;max-width:460px;box-shadow:6px 6px 0 var(--orange)}.judge-card div{display:grid;grid-template-columns:110px 1fr;border-bottom:2px dotted var(--muted)}.judge-card div:last-child{border-bottom:0}.judge-card dt{font:500 12px/1 var(--mono);text-transform:uppercase;color:var(--muted);padding:13px 14px;border-right:2px dotted var(--muted)}.judge-card dd{margin:0;padding:10px 14px;font-weight:600}.entry-actions{display:flex;flex-wrap:wrap;gap:14px}.entry-art{margin:0;position:relative}.entry-art img{border:4px solid var(--ink);border-radius:22px;box-shadow:10px 10px 0 var(--ink);background:var(--cream);width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.entry-art figcaption{font:italic 400 15px/1.4 var(--text);margin-top:18px;color:var(--muted)}.rosette{position:absolute;z-index:2;top:-26px;right:-14px;width:118px;height:118px;border-radius:50%;background:var(--red);color:var(--cream);display:grid;place-items:center;text-align:center;font:400 15px/1 var(--display);border:3px solid var(--ink);box-shadow:0 0 0 7px var(--gold),0 0 0 10px var(--ink);animation:wobble 4s ease-in-out infinite}.rosette:after{content:"";position:absolute;bottom:-56px;left:50%;width:46px;height:64px;z-index:-1;background:linear-gradient(90deg,var(--red) 0 48%,transparent 48% 52%,var(--red) 52%);clip-path:polygon(0 0,100% 0,100% 100%,75% 82%,50% 100%,25% 82%,0 100%);transform:translate(-50%)}@keyframes wobble{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.ring{background:var(--orange);border-bottom:3px solid var(--ink)}.ring-head h2,.lineup-head h2,.bark h2,.tag h2{font-size:clamp(42px,7vw,88px);margin-top:16px}.ring .stamp{color:var(--ink);border-color:var(--ink)}.ring-scene{margin:36px 0}.ring-scene img{width:100%;height:auto;aspect-ratio:2 / 1;object-fit:cover;border:4px solid var(--ink);border-radius:18px;box-shadow:10px 10px 0 var(--ink)}.ring-split{display:grid;gap:22px;align-items:center}.dog-card{background:var(--cream);border:3px solid var(--ink);border-radius:16px;padding:24px 26px}.dog-card h3{font-size:38px;color:var(--red)}.dog-card-mega h3{color:var(--muted)}.dog-card p{margin:12px 0 0}.vs{font:400 44px/1 var(--display);text-align:center;color:var(--cream);-webkit-text-stroke:2px var(--ink)}.lineup{background:var(--cream);border-bottom:3px solid var(--ink)}.lineup-head p{max-width:46ch;margin-top:16px}.lineup-row{list-style:none;padding:34px 0 0;margin:46px 0 0;display:grid;gap:26px;border-top:4px solid var(--ink);position:relative}.lineup-row:before{content:"";position:absolute;top:-4px;left:0;right:0;height:16px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 22px)}.lineup-row li{background:var(--mint);border:3px solid var(--ink);border-radius:18px;padding:16px 16px 22px;transition:transform .2s}.lineup-row li:nth-child(2){background:#ffe1c7}.lineup-row li:nth-child(3){background:#f6d6cf}.lineup-row li:hover{transform:rotate(-1.2deg) translateY(-4px)}.lineup-row img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;border:3px solid var(--ink);background:var(--cream)}.lineup-row h3{font-size:28px;margin-top:18px}.lineup-row p{margin:8px 0 0}.bark{background:var(--red);color:var(--cream);border-bottom:3px solid var(--ink);overflow:hidden}.bark .stamp{color:var(--cream);border-color:var(--cream);background:transparent}.bark-box{text-align:center;position:relative}.bark-box>p{max-width:40ch;margin:16px auto 0}.bark-btn{margin:38px auto 0;display:grid;place-items:center;gap:6px;width:210px;height:210px;border-radius:50%;border:4px solid var(--ink);background:var(--gold);color:var(--ink);cursor:pointer;position:relative;z-index:2;box-shadow:0 10px 0 var(--ink);font:400 24px/1 var(--display);transition:transform .1s,box-shadow .1s}.bark-btn img{width:112px;height:112px;border-radius:50%;border:3px solid var(--ink)}.bark-btn:hover{transform:translateY(-3px);box-shadow:0 13px 0 var(--ink)}.bark-btn:active{transform:translateY(8px);box-shadow:0 2px 0 var(--ink)}.bark-btn:focus-visible{outline:4px dashed var(--cream);outline-offset:6px}.bark-btn.barking img{animation:yap .35s ease-out}@keyframes yap{30%{transform:scale(1.18) rotate(-8deg)}to{transform:none}}.bark-count{font:500 15px/1 var(--mono);margin-top:26px!important}.bark-stage{position:absolute;left:50%;top:58%;width:0;height:0;pointer-events:none}.bark-word{position:absolute;left:0;top:0;font:400 46px/1 var(--display);color:var(--gold);-webkit-text-stroke:2px var(--ink);white-space:nowrap;animation:fly 1.1s ease-out forwards}@keyframes fly{0%{opacity:0;transform:translate(-50%) scale(.4) rotate(var(--a))}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),-230px) scale(1.4) rotate(var(--a))}}.bark-ring{position:absolute;left:-105px;top:-105px;width:210px;height:210px;border-radius:50%;border:4px solid var(--cream);animation:ring .9s ease-out forwards}@keyframes ring{0%{transform:scale(1);opacity:.9}to{transform:scale(3.2);opacity:0}}.tag{background:var(--mint)}.tag-wrap{display:grid;gap:40px;align-items:center}.dogtag{position:relative;background:linear-gradient(145deg,#f6d67a,var(--gold) 55%,#c9962e);border:4px solid var(--ink);border-radius:46px 46px 120px 120px;padding:58px 28px 46px;text-align:center;max-width:420px;width:100%;margin:0 auto;box-shadow:8px 8px 0 var(--ink);min-height:230px}.dogtag-hole{position:absolute;top:16px;left:50%;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:var(--mint);border:3px solid var(--ink)}.dogtag-label{display:block;font:400 32px/1 var(--display)}.dogtag-value{display:block;font:500 14px/1.5 var(--mono);word-break:break-all;margin:14px 0;min-height:21px}.dogtag-actions{display:flex;justify-content:center;gap:10px}.tag-btn{display:inline-flex;align-items:center;gap:6px;font:500 14px/1 var(--mono);background:var(--cream);color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:8px 13px;cursor:pointer;transition:transform .12s,background .12s}.tag-btn svg{width:16px;height:16px}.tag-btn:hover{transform:translateY(-2px)}.tag-btn.copied{background:var(--ink);color:var(--gold)}.tag-btn.small{padding:5px 9px;font-size:12px}.tag-copy p{max-width:42ch;margin:16px 0 24px}.trade{display:flex;gap:14px;flex-wrap:wrap}.backcover{background:var(--ink);color:var(--cream);padding:40px clamp(18px,5vw,72px) 48px;display:grid;gap:26px;align-items:center}.backcover-brand{display:flex;align-items:center;gap:16px}.backcover-brand img{width:64px;height:64px;border-radius:50%;border:3px solid var(--gold)}.backcover-brand strong{font:400 28px/1 var(--display);display:block}.backcover-brand span{font-size:15px;opacity:.85}.foot-ca{display:flex;align-items:center;gap:10px;font:500 14px/1 var(--mono)}.foot-ca-label{color:var(--gold);border:2px solid var(--gold);padding:4px 7px;border-radius:4px}.icons{display:flex;gap:12px}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--cream);color:var(--ink);border:3px solid var(--gold);transition:transform .15s,background .15s}.icon svg{width:22px;height:22px}.icon:hover{transform:translateY(-3px) rotate(-6deg);background:var(--gold)}.dogtag .icon{width:36px;height:36px;border-width:2px;border-color:var(--ink)}.dogtag .icon svg{width:16px;height:16px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:none}@media(min-width:860px){.entry-grid{grid-template-columns:1.05fr 1fr;gap:56px}.ring-split{grid-template-columns:1fr auto 1fr}.lineup-row{grid-template-columns:repeat(3,1fr)}.lineup-row li:nth-child(2){transform:translateY(26px)}.lineup-row li:nth-child(2):hover{transform:translateY(22px) rotate(1deg)}.tag-wrap{grid-template-columns:420px 1fr;gap:64px}.backcover{grid-template-columns:1fr auto auto}}@media(max-width:640px){:root{--tape-w: 26px}body{font-size:17px}.tape-ticks b,.ring-nav{display:none}.brand-name{font-size:22px}.rosette{width:88px;height:88px;font-size:12px;right:-6px;top:-20px}.rosette:after{bottom:-44px;width:36px;height:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.lineup:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url(/img/texture.webp) 0 0 / 360px 360px;opacity:.16;pointer-events:none;animation:pan 60s linear infinite}.lineup>*{position:relative}@keyframes pan{to{background-position:360px 360px}}.ribbon{background:var(--ink);color:var(--gold);border-bottom:3px solid var(--ink);overflow:hidden;padding:14px 0}.ribbon-track{display:flex;gap:28px;width:max-content;animation:slide 48s linear infinite}.ribbon span{font:400 20px/1 var(--display);white-space:nowrap}.ribbon i{flex:none;align-self:center;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px var(--gold)}@keyframes slide{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ribbon-track{flex-wrap:wrap;width:auto;padding:0 20px}.ribbon .dup{display:none}}
