@font-face{font-family:Anton;src:url('/assets/fonts/anton.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--blue:#1247db;--ink:#061745;--white:#f8fbff;--orange:#ff941c;--tile:170px;--gap:9px;--head:78px;--foot:92px;color-scheme:dark}
*{box-sizing:border-box;letter-spacing:0}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,Helvetica,sans-serif;background:var(--blue);color:var(--white);position:relative;isolation:isolate}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}button,a{color:inherit}a{text-decoration:none}button:disabled{cursor:wait;opacity:.5}button,img{user-select:none}button img{pointer-events:none}img{display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button:hover,a:hover{filter:brightness(1.08)}
.dog-wall{position:absolute;z-index:-4;inset:-250px -200px;display:flex;flex-direction:column;justify-content:center;gap:var(--gap);transform:rotate(-8deg) scale(1.1);pointer-events:none;opacity:.92;overflow:hidden}.dog-row{flex-shrink:0;height:var(--tile);width:max-content;display:flex;gap:var(--gap);animation:conveyor var(--duration,110s) linear infinite;animation-delay:var(--delay,0s);will-change:transform}.dog-row.reverse{animation-direction:reverse}.dog-set{display:flex;gap:var(--gap);flex-shrink:0;padding-right:var(--gap)}.dog-tile{width:var(--tile);height:var(--tile);object-fit:cover;border:1px solid #b4cfff6b;border-radius:2px;flex-shrink:0;background:#0735a8}.paused .dog-row{animation-play-state:paused}.wall-shade{position:absolute;inset:0;background:#0617444a;z-index:-3;pointer-events:none}.page-frame{position:fixed;inset:13px;z-index:6;pointer-events:none;border:1px solid #d7e4ff9c;box-shadow:0 0 0 5px #06174524,inset 0 0 0 5px #06174524}
.topbar{position:absolute;left:38px;right:38px;top:29px;height:38px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:5}.small-brand{display:flex;align-items:center;gap:10px;font:400 22px/1 Anton,sans-serif;text-shadow:2px 2px #061745}.small-brand>img{border:1px solid #f8fbffbd;box-shadow:2px 2px 0 #06174580;border-radius:2px}.topbar-right{display:flex;align-items:center;gap:9px}.pair-reference{display:flex;align-items:center;gap:9px;padding:10px 13px;background:#061745d6;border:1px solid #9ebcff88;height:38px;box-shadow:3px 3px 0 #06174559}.pair-reference>span{font-size:11px;color:#becff1}.pair-reference strong{font-size:12px;font-weight:700}.tool-button{width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;background:#061745d6;border:1px solid #9ebcff88;box-shadow:3px 3px 0 #06174559;border-radius:0}.tool-button>img{filter:invert(1)}
.stage{height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--head) 70px var(--foot);min-height:0}.centerpiece{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;max-width:100%;width:660px;transform:rotate(-2deg)}h1{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:126px;line-height:1.05;margin:0 0 -16px;position:relative;z-index:3;color:#fff;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:2px 2px 0 var(--ink),4px 4px 0 var(--ink),6px 6px 0 var(--ink),8px 8px 0 var(--ink);white-space:nowrap}.title-shadow{position:absolute;inset:6px -6px -6px 6px;color:var(--orange);-webkit-text-stroke:2px var(--ink);z-index:-1;text-shadow:3px 3px var(--ink)}.portrait-wrap{position:relative;width:365px;max-width:75vw;aspect-ratio:1;isolation:isolate}.featured-dog{width:100%;height:100%;object-fit:cover;border:5px solid #fff;border-radius:1px;position:relative;z-index:1;background:#0735a8;box-shadow:0 0 0 3px var(--ink)}.portrait-offset{position:absolute;inset:13px -13px -13px 13px;background:var(--orange);border:3px solid var(--ink);z-index:0}.portrait-number{position:absolute;right:-10px;bottom:18px;z-index:3;padding:7px 11px;background:var(--white);border:2px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:11px;font-weight:700;transform:rotate(4deg)}.portrait-nav{position:absolute;z-index:4;top:calc(50% - 24px);width:45px;height:45px;display:grid;place-items:center;background:var(--white);border:2px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:0;transition:transform .12s,box-shadow .12s}.portrait-nav:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.previous{left:-30px}.next{right:-30px}.contract-label{display:flex;align-items:stretch;margin:33px 0 0;border:2px solid var(--ink);background:var(--white);color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(2deg)}.contract-label span{padding:13px 16px;background:var(--orange);border-right:2px solid var(--ink);font-size:12px;font-weight:800;display:grid;place-items:center}.contract-label strong{font-family:Anton,Impact,sans-serif;font-size:26px;font-weight:400;padding:7px 35px 8px;line-height:1.35}
.bottom-bar{position:absolute;bottom:42px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:4}.portrait-count{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;text-shadow:1px 2px 0 var(--ink)}.portrait-count strong{font-weight:800}.count-square{width:8px;height:8px;display:inline-block;background:var(--orange);border:1px solid #fff;margin-right:5px;box-shadow:1px 1px var(--ink)}.footer-actions{display:flex;align-items:center;gap:10px}.text-tool,.download-tool{display:flex;align-items:center;justify-content:center;gap:8px;min-height:34px;border:1px solid #b9ceff82;background:#061745d6;padding:8px 10px;box-shadow:3px 3px 0 #06174559;font-size:11px}.text-tool img,.download-tool img{filter:invert(1)}.download-tool{width:36px;min-width:36px;padding:6px}.disclaimer{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:9px;margin:0;color:#d4dff6;text-shadow:1px 1px var(--ink);pointer-events:none}
dialog{color:var(--ink);background:var(--white);border:3px solid var(--ink);padding:0;width:min(460px,calc(100vw - 36px));max-height:calc(100dvh - 36px);box-shadow:9px 9px 0 var(--orange);overflow:auto}dialog::backdrop{background:#061745c9}dialog>header{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink);padding:17px 21px;background:var(--orange);gap:15px}dialog h2{font:400 30px/1 Anton,sans-serif;margin:0}.dialog-close{background:transparent;border:0;display:grid;place-items:center;min-width:30px;min-height:30px}.info-content{padding:22px;font-size:12px;line-height:1.6}.info-content dl{margin:0 0 18px}.info-content dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #06174530}.info-content dt{color:#556079}.info-content dd{margin:0;font-weight:700;text-align:right}.info-content p{margin:16px 0;color:#46516a}.dev-wallet{display:grid;gap:7px;border-top:1px solid #06174530;padding-top:17px;margin-top:18px}.dev-wallet>span{color:#556079}.dev-wallet a{overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace;font-size:11px;text-decoration:underline}.info-content p.independence{font-size:10px;margin-bottom:0}.notice{position:fixed;z-index:15;bottom:105px;left:50%;transform:translateX(-50%);padding:10px 16px;background:var(--white);border:2px solid var(--ink);box-shadow:4px 4px var(--orange);color:var(--ink);font-size:12px;max-width:calc(100vw - 40px);opacity:0;pointer-events:none}.notice.visible{opacity:1}
@keyframes conveyor{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(min-width:2000px){:root{--tile:205px}h1{font-size:158px}.portrait-wrap{width:450px}.centerpiece{width:800px}}
@media(max-height:760px) and (min-width:761px){:root{--tile:140px;--head:75px;--foot:78px}h1{font-size:100px;margin-bottom:-13px}.portrait-wrap{width:280px}.contract-label{margin-top:25px}.contract-label strong{font-size:23px;padding:6px 29px}.contract-label span{padding:10px 14px}.bottom-bar{bottom:35px}.disclaimer{bottom:14px}}
@media(max-width:760px){:root{--tile:122px;--gap:7px;--head:80px;--foot:112px}.page-frame{inset:8px}.topbar{left:23px;right:23px;top:21px;gap:8px}.small-brand{font-size:18px;gap:7px}.small-brand>img{width:28px;height:28px}.topbar-right{gap:6px}.pair-reference{padding:8px 9px;height:34px;gap:6px}.pair-reference>span{font-size:9px}.pair-reference strong{font-size:11px}.tool-button{width:34px;height:34px}.tool-button img{width:17px;height:17px}.stage{padding-left:30px;padding-right:30px}.centerpiece{width:100%}h1{font-size:80px;-webkit-text-stroke:1.5px var(--ink);margin-bottom:-11px;text-shadow:2px 2px 0 var(--ink),4px 4px 0 var(--ink),6px 6px 0 var(--ink)}.title-shadow{inset:5px -5px -5px 5px;-webkit-text-stroke:1.5px var(--ink)}.portrait-wrap{width:285px;max-width:72vw}.featured-dog{border-width:4px}.portrait-offset{inset:10px -10px -10px 10px}.portrait-nav{width:37px;height:37px;top:calc(50% - 19px);box-shadow:3px 3px var(--ink)}.previous{left:-23px}.next{right:-23px}.portrait-number{font-size:9px;padding:6px 9px;bottom:14px;right:-8px}.contract-label{margin-top:26px}.contract-label span{padding:10px 14px;font-size:11px}.contract-label strong{font-size:23px;padding:6px 28px}.bottom-bar{left:23px;right:23px;bottom:40px;gap:8px;align-items:center}.portrait-count{font-size:10px;gap:4px;max-width:150px;flex-wrap:wrap;line-height:1.4}.count-square{margin-right:2px;width:6px;height:6px}.footer-actions{gap:6px}.text-tool{font-size:0;width:34px;padding:6px}.text-tool img{width:17px;height:17px}.download-tool{width:34px;min-width:34px}.disclaimer{font-size:8px;bottom:18px}.dog-wall{inset:-220px -190px;transform:rotate(-9deg) scale(1.1)}}
@media(max-width:380px){.pair-reference>span{display:none}.topbar{left:21px;right:21px}.small-brand{font-size:17px}.small-brand>img{width:25px;height:25px}h1{font-size:66px}.portrait-wrap{width:245px}.bottom-bar{left:21px;right:21px}.portrait-count{max-width:135px;font-size:9px}}
@media(max-height:620px) and (max-width:760px){:root{--head:68px;--foot:80px}h1{font-size:62px;margin-bottom:-9px}.portrait-wrap{width:200px;max-width:58vw}.contract-label{margin-top:20px}.contract-label strong{font-size:19px;padding:5px 25px}.contract-label span{padding:7px 12px}.topbar{top:17px}.bottom-bar{bottom:32px}.disclaimer{bottom:13px}}
@media(max-height:470px) and (min-width:650px){:root{--head:50px;--foot:45px}h1{font-size:62px;margin-bottom:-10px}.portrait-wrap{width:166px}.contract-label{margin-top:18px}.contract-label strong{font-size:17px;padding:3px 24px}.contract-label span{padding:5px 10px}.topbar{top:19px}.bottom-bar{bottom:27px}.disclaimer{bottom:10px}}
@media(prefers-reduced-motion:reduce){.dog-row{animation:none!important;will-change:auto}.portrait-nav{transition:none}}
.dog-row{gap:0}.tab-hidden .dog-row{animation-play-state:paused}.tool-button:disabled{cursor:default;opacity:.65}
@media(orientation:landscape) and (max-height:470px){:root{--head:68px;--foot:78px}h1{font-size:46px;margin-bottom:-8px}.portrait-wrap{width:clamp(90px,calc(100dvh - 256px),160px)}.contract-label{margin-top:14px}.contract-label strong{font-size:16px;padding:3px 23px}.contract-label span{padding:5px 10px}.topbar{top:19px}.bottom-bar{bottom:27px}.disclaimer{bottom:10px}}
@media(orientation:landscape) and (max-height:330px){:root{--head:64px;--foot:66px}h1{font-size:36px;margin-bottom:-7px}.portrait-wrap{width:72px}.portrait-number{font-size:8px;padding:3px 5px;bottom:7px}.contract-label{margin-top:8px}.contract-label strong{font-size:14px;padding:2px 23px}.contract-label span{font-size:10px;padding:3px 9px}.portrait-nav{width:28px;height:28px;top:calc(50% - 14px)}.portrait-nav img{width:16px;height:16px}.previous{left:-20px}.next{right:-20px}}
.contract-label{width:470px;max-width:100%}.copy-contract{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:var(--white);color:var(--ink);padding:12px 13px}.copy-contract code{font:600 11.5px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;min-width:0;text-align:left}.copy-contract>img{flex-shrink:0}.pump-link{display:grid;place-items:center;width:39px;flex-shrink:0;border-left:2px solid var(--ink);background:var(--orange)}.contract-record{font:600 10px/1.5 ui-monospace,Consolas,monospace;overflow-wrap:anywhere;max-width:250px;min-width:0}
@media(max-width:760px){.contract-label{width:360px}.contract-label>span{padding:8px 10px}.copy-contract{padding:8px 9px;gap:7px}.copy-contract code{font-size:10px}.copy-contract>img{width:14px;height:14px}.pump-link{width:32px}.pump-link img{width:17px;height:17px}}
@media(orientation:landscape) and (max-height:470px){.copy-contract{padding:7px 10px}.copy-contract code{font-size:10px}.contract-label{width:420px;max-width:calc(100vw - 110px)}}