:root{color:#f7fff4;background:#050505;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%;background:#050505;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0}.show-shell{position:relative;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 18% 9%,rgba(212,171,86,.2),transparent 31%),radial-gradient(circle at 82% -11%,rgba(225,184,102,.12),transparent 30%),radial-gradient(circle at 50% 112%,rgba(194,121,49,.16),transparent 36%),linear-gradient(145deg,#050505,#0a0907 42%,#12100b)}.show-shell:before{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";opacity:.42;background-image:linear-gradient(rgba(226,197,127,.052) 1px,transparent 1px),linear-gradient(90deg,rgba(226,197,127,.04) 1px,transparent 1px),linear-gradient(115deg,transparent 0 47%,rgba(221,178,91,.08) 47.08% 47.28%,transparent 47.36%);background-size:56px 56px,56px 56px,100% 100%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.7) 58%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.7) 58%,transparent 100%)}.show-shell:after{position:fixed;inset:0;z-index:0;pointer-events:none;content:"";opacity:.16;background:radial-gradient(ellipse at 50% 45%,transparent 0%,transparent 42%,rgba(0,0,0,.68) 100%),repeating-linear-gradient(to bottom,#fff0 0 5px,#e2c57f8f 6px);mix-blend-mode:soft-light}.ambient{position:fixed;z-index:0;width:34vw;height:34vw;min-width:360px;min-height:360px;pointer-events:none;border-radius:999px;filter:blur(58px);opacity:.24;transform:translateZ(0);animation:ambientFloat 14s ease-in-out infinite alternate}.ambient-a{top:8%;left:-8%;background:#2b4f32}.ambient-b{right:-10%;bottom:8%;background:#c99a4b;animation-delay:-5s}.show-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(219,179,101,.1);padding:18px clamp(18px,3vw,44px) 13px;color:#fafff4e6;background:linear-gradient(180deg,#050505c7,#05050533);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.brand-lockup,.topbar-side{display:inline-flex;align-items:center;gap:12px}.brand-lockup{letter-spacing:.13em;font-size:12px;font-weight:900}.brand-lockup img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.44)) drop-shadow(0 0 16px rgba(113,255,166,.16))}.topbar-side{color:#f6e8c3b8;font-size:12px;font-weight:800;letter-spacing:.03em}.topbar-side span{display:inline-flex;min-width:68px;min-height:34px;align-items:center;justify-content:center;border:1px solid rgba(224,184,101,.24);border-radius:999px;padding:0 16px;font-family:ui-monospace,SF Mono,Cascadia Code,monospace;background:linear-gradient(135deg,#e0b86524,#ffffff09),#00000047;box-shadow:inset 0 1px #ffffff1a,0 12px 30px #0000003d}.show-stage{position:relative;z-index:1;min-height:calc(100dvh - 116px);padding:20px clamp(16px,2.7vw,42px) 72px}.masonry-wall{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:clamp(12px,1.35vw,22px);max-width:1780px;margin:0 auto;transition:opacity .26s ease}.masonry-column{display:flex;min-width:0;flex-direction:column;gap:clamp(12px,1.35vw,22px)}.masonry-column:nth-child(2n){padding-top:clamp(26px,3.8vw,76px)}.masonry-column:nth-child(3n){padding-top:clamp(12px,2vw,42px)}.masonry-wall.is-muted{opacity:.26}.dog-card{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 50%;position:relative;display:inline-block;isolation:isolate;width:100%;margin:0;overflow:hidden;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);transform-origin:center;animation:cardEnter .62s cubic-bezier(.2,.88,.2,1) backwards;animation-delay:var(--delay);border:1px solid rgba(226,197,127,.16);border-radius:18px;padding:7px;color:#f4fff2;background:linear-gradient(145deg,#e2c57f26,#ffffff06 38%,#e2c57f0e),#0a0a08e6;box-shadow:0 24px 70px #0000006b,inset 0 1px #ffffff1f,inset 0 0 0 1px #ffffff08;cursor:pointer;content-visibility:auto;contain-intrinsic-size:260px;backface-visibility:hidden;will-change:transform;transition:transform .22s cubic-bezier(.2,.88,.2,1),border-color .22s ease,box-shadow .22s ease,filter .22s ease,background .22s ease}.dog-card:focus{outline:none}.dog-card:focus-visible{outline:2px solid rgba(226,197,127,.82);outline-offset:3px}.dog-card:before{position:absolute;inset:6px;z-index:2;pointer-events:none;content:"";border-radius:13px;opacity:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,244,211,.28),transparent 22%),linear-gradient(110deg,transparent 18%,rgba(226,197,127,.22) 50%,transparent 82%),linear-gradient(90deg,rgba(226,197,127,.18),transparent 18%,transparent 82%,rgba(106,255,164,.1));transition:opacity .18s ease;mix-blend-mode:screen}.dog-card:after{position:absolute;inset:0;z-index:2;pointer-events:none;content:"";opacity:.28;background:linear-gradient(to bottom,transparent 0%,rgba(226,197,127,.3) 49%,transparent 51%);transform:translateY(-105%)}.dog-card:hover{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,-6px,0) scale(1.015);border-color:#e2c57f80;background:linear-gradient(145deg,#e2c57f33,#ffffff0a 38%,#4fff9417),#0a0a08f0;box-shadow:0 34px 86px #00000094,0 0 0 1px #e2c57f14,0 0 36px #e2c57f1a,inset 0 1px #ffffff2e;filter:saturate(1.1) brightness(1.07)}.dog-card:hover:before{opacity:1}.dog-card:hover:after{animation:scanPass .76s ease-out}.card-light{position:absolute;inset:7px;z-index:1;pointer-events:none;border-radius:13px;opacity:.46;background:linear-gradient(90deg,rgba(226,197,127,.34),transparent 18%,transparent 82%,rgba(226,197,127,.18)),radial-gradient(circle at 50% 0%,rgba(255,244,211,.15),transparent 46%);mix-blend-mode:screen;transition:opacity .22s ease}.dog-card:hover .card-light{opacity:.86}.card-index{position:absolute;top:15px;left:15px;z-index:3;min-width:46px;border:1px solid rgba(226,197,127,.2);border-radius:999px;padding:6px 9px;color:#f8ebc4c7;font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:10px;font-weight:800;letter-spacing:.08em;background:#0000006b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dog-portrait{position:relative;display:block;aspect-ratio:1 / var(--ratio);overflow:hidden;border-radius:12px;background:#12100d;box-shadow:inset 0 0 0 1px #e2c57f1a}.dog-portrait img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.012);transition:transform .42s cubic-bezier(.2,.88,.2,1)}.dog-card:hover .dog-portrait img{transform:scale(1.07)}.dog-meta{position:relative;z-index:3;display:flex;min-height:68px;flex-direction:column;justify-content:center;gap:6px;margin-top:7px;border-top:1px solid rgba(226,197,127,.1);padding:13px 10px 10px;text-align:left;background:linear-gradient(90deg,rgba(226,197,127,.1),transparent 32%),#0000001a}.dog-meta strong{display:block;overflow:hidden;color:#fbfff4;font-size:clamp(18px,1.15vw,24px);font-weight:950;letter-spacing:0;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}.dog-card-fictional{border-color:#e2c57f3d}.show-state{position:fixed;top:50%;left:50%;z-index:6;transform:translate(-50%,-50%);border:1px solid rgba(226,197,127,.28);border-radius:999px;padding:12px 18px;color:#f8ebc4c7;font-family:ui-monospace,SF Mono,monospace;font-size:12px;font-weight:900;letter-spacing:.1em;background:#050505b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.show-footer{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:0 18px 22px;color:#f6e8c36b;font-size:12px;font-weight:700}.show-footer a:hover{color:#fafff4db}.dog-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:26px;background:radial-gradient(circle at 50% 24%,rgba(226,197,127,.12),transparent 31%),#020202c7;backdrop-filter:blur(28px) saturate(1.2);-webkit-backdrop-filter:blur(28px) saturate(1.2);animation:overlayIn .18s ease both}.dog-dialog{position:relative;display:grid;grid-template-columns:minmax(300px,460px) minmax(270px,360px);width:min(900px,100%);max-height:min(780px,calc(100dvh - 52px));overflow:hidden;border:1px solid rgba(226,197,127,.24);border-radius:22px;color:#f7fff5;background:radial-gradient(circle at 30% 0%,rgba(226,197,127,.14),transparent 34%),linear-gradient(145deg,#141511f5,#040504fa);box-shadow:0 50px 130px #000000ad,0 0 0 1px #6bffa30a,inset 0 1px #ffffff24;animation:dialogIn .28s cubic-bezier(.2,.88,.2,1) both}.dialog-close{position:absolute;top:14px;right:14px;z-index:2;display:grid;width:36px;height:36px;place-items:center;border:1px solid rgba(226,197,127,.28);border-radius:999px;color:#f7fff5;font-size:24px;line-height:1;cursor:pointer;background:#00000070;transition:transform .18s ease,background .18s ease}.dialog-close:hover{transform:scale(1.06);background:#e2c57f1f}.dialog-image{min-height:540px;border-right:1px solid rgba(226,197,127,.12);background:#11130f}.dialog-image img{display:block;width:100%;height:100%;object-fit:cover}.dialog-copy{display:flex;min-height:540px;flex-direction:column;justify-content:center;padding:44px 38px}.dialog-copy h1{margin:0 0 18px;color:#fbfff4;font-size:clamp(40px,5.8vw,76px);font-weight:1000;letter-spacing:-.04em;line-height:.92;text-shadow:0 22px 64px rgba(0,0,0,.52)}.dog-facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.dog-facts span{border:1px solid rgba(226,197,127,.16);border-radius:999px;padding:8px 11px;color:#f6e8c3c7;font-size:12px;font-weight:850;background:#ffffff0e}.qr-panel{display:grid;width:190px;min-height:190px;place-items:center;overflow:hidden;border:1px solid rgba(226,197,127,.18);border-radius:22px;color:#f6e8c39e;font-size:13px;font-weight:850;text-align:center;background:linear-gradient(145deg,#e2c57f1f,#ffffff0a),#ffffff0f}.qr-panel img{display:block;width:100%;height:100%;object-fit:cover}@keyframes cardEnter{0%{opacity:0;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,28px,0) scale(.96)}to{opacity:1;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0) scale(1)}}@keyframes mobileCardEnter{0%{opacity:0;transform:rotate(var(--tilt)) translate3d(0,30px,0) scale(.94);filter:blur(7px) saturate(.88)}to{opacity:1;transform:rotate(var(--tilt)) translateZ(0) scale(1);filter:blur(0) saturate(1)}}@keyframes mobileCardView{0%{opacity:.48;transform:rotate(var(--tilt)) translate3d(0,28px,0) scale(.94);filter:blur(7px) saturate(.88)}to{opacity:1;transform:rotate(var(--tilt)) translateZ(0) scale(1);filter:blur(0) saturate(1)}}@keyframes scanPass{0%{transform:translateY(-105%)}to{transform:translateY(105%)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes dialogIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ambientFloat{0%{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(4%,-3%,0) scale(1.12)}}@media(max-width:760px){:root,html{color:#253524;background:#eff4c8;overscroll-behavior-y:none}body{background:#eff4c8;-webkit-overflow-scrolling:touch}.show-shell{overflow:visible;background:radial-gradient(circle at 18% -7%,rgba(255,232,139,.68),transparent 34%),radial-gradient(circle at 92% 4%,rgba(132,196,96,.38),transparent 35%),radial-gradient(circle at 12% 82%,rgba(255,183,94,.2),transparent 31%),linear-gradient(180deg,#fff8ec,#edf4cf 46%,#d9e79e)}.show-shell:before{display:block;opacity:.34;background-image:linear-gradient(116deg,transparent 0 44%,rgba(45,93,48,.13) 44.15% 44.45%,transparent 44.6%),linear-gradient(64deg,transparent 0 58%,rgba(236,141,50,.16) 58.1% 58.38%,transparent 58.5%),radial-gradient(circle at 20% 18%,rgba(255,255,255,.62) 0 1px,transparent 1.5px),radial-gradient(circle at 76% 28%,rgba(37,68,34,.18) 0 1px,transparent 1.5px);background-size:100% 100%,100% 100%,36px 36px,44px 44px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 58%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 58%,transparent 100%);mix-blend-mode:multiply}.show-shell:after{display:block;opacity:.22;background:radial-gradient(circle at 8% 26%,rgba(255,255,255,.8),transparent 10%),radial-gradient(circle at 96% 70%,rgba(255,255,255,.62),transparent 13%);mix-blend-mode:soft-light}.ambient{display:block;width:72vw;height:72vw;min-width:260px;min-height:260px;opacity:.2;filter:blur(46px)}.ambient-a{top:9%;left:-36%;background:#a7dc73}.ambient-b{right:-38%;bottom:12%;background:#ffbd62}.show-topbar{padding:17px 20px 11px;color:#2a3d2a;background:linear-gradient(180deg,#fff9e2b8,#fff9e200);backdrop-filter:blur(20px) saturate(1.18);-webkit-backdrop-filter:blur(20px) saturate(1.18)}.brand-lockup{gap:9px;font-size:12px;letter-spacing:.1em}.brand-lockup img{width:32px;height:32px;filter:drop-shadow(0 8px 15px rgba(58,78,37,.18))}.topbar-side{gap:0;color:#2b3c299e}.topbar-side span{min-width:58px;min-height:42px;justify-content:center;border-color:#273b241a;padding:0 14px;color:#28382699;font-family:ui-monospace,SF Mono,monospace;font-size:18px;letter-spacing:.06em;background:#ffffff8f;box-shadow:inset 0 1px #ffffffb3,0 10px 24px #4a5a2e1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.topbar-side span:last-child{display:none}.show-stage{min-height:calc(100dvh - 92px);padding:18px 21px 76px}.masonry-wall{gap:21px;align-items:start}.masonry-column{gap:24px}.masonry-column:nth-child(2){padding-top:34px}.dog-card{overflow:visible;isolation:isolate;transform:rotate(var(--tilt)) translateZ(0);animation-name:mobileCardEnter;animation-duration:.66s;animation-timing-function:cubic-bezier(.16,1,.3,1);border-color:#ffffffdb;border-radius:30px;padding:9px 9px 12px;color:#253524;background:linear-gradient(180deg,#fffffff5,#fffdf1d1),#fffc;box-shadow:0 20px 35px #52632d29,0 11px 0 -7px #6fb13d80,inset 0 1px #fffffff0;content-visibility:visible;contain-intrinsic-size:auto;will-change:transform,opacity;transition:transform .32s cubic-bezier(.16,1,.3,1),border-color .26s ease,box-shadow .26s ease,filter .26s ease}.dog-card:nth-child(3n+2){box-shadow:0 20px 35px #52632d26,0 11px 0 -7px #ee953c70,inset 0 1px #fffffff0}.dog-card:focus-visible{outline-color:#367a3480}.dog-card:hover{transform:rotate(var(--tilt)) translate3d(0,-3px,0) scale(1.01);border-color:#fffffff2;box-shadow:0 24px 40px #4c5b2a30,0 12px 0 -7px #6fb13d8c,inset 0 1px #fffffff5;filter:none}.dog-card:active{transform:rotate(var(--tilt)) translate3d(0,2px,0) scale(.982)}.dog-card:before{display:block;inset:7px;border-radius:23px;opacity:.42;background:linear-gradient(145deg,rgba(255,255,255,.7),transparent 38%),radial-gradient(circle at 12% 0%,rgba(255,235,145,.38),transparent 36%);mix-blend-mode:soft-light}.dog-card:after{display:block;inset:auto 21px -7px;height:15px;z-index:-1;border-radius:0 0 22px 22px;background:#6fb13d8f;transform:none;mix-blend-mode:multiply}.dog-card:nth-child(3n+2):after,.dog-card-fictional:after{background:#ee953c75}.card-light{display:none}.dog-portrait{aspect-ratio:1 / 1.04;border-radius:22px;background:#eef4d2;box-shadow:inset 0 0 0 1px #253d2314,0 1px #ffffffeb;transform:translateZ(0)}.dog-portrait img{border-radius:inherit;transform:scale(1.018)}.dog-card:hover .dog-portrait img{transform:scale(1.045)}.card-index{display:none}.dog-meta{min-height:52px;margin-top:0;border-top:0;padding:13px 4px 0;justify-content:flex-start;background:transparent}.dog-meta strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#243823;font-size:clamp(22px,6.6vw,31px);letter-spacing:-.03em;line-height:.98;text-overflow:clip;white-space:normal}.dog-card-fictional{box-shadow:0 20px 35px #5b5e2a26,0 11px 0 -7px #ee953c80,inset 0 1px #fffffff0}.show-state{color:#2b3a28b8;background:#ffffffc7}.show-footer{gap:10px;padding:0 18px 18px;color:#2b3a287a}.dog-overlay{align-items:end;padding:10px;background:#1e241952;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dog-dialog{grid-template-columns:1fr;width:100%;max-height:calc(100dvh - 20px);overflow-y:auto;border-color:#2b422a1a;border-radius:34px;color:#263326;background:radial-gradient(circle at 70% 0%,rgba(255,207,93,.3),transparent 34%),#fffaf0;box-shadow:0 28px 70px #232d1947,inset 0 1px #ffffffd1}.dialog-close{top:12px;right:12px;width:42px;height:42px;color:#263326;background:#ffffffb3}.dialog-image{min-height:48dvh;border-right:0}.dialog-copy{min-height:auto;padding:26px 22px 24px}.dialog-copy h1{color:#263326;font-size:clamp(48px,15vw,64px)}.dog-facts span{border-color:#2b422a1a;color:#2b3a28b3;background:#ffffff9e}.qr-panel{width:172px;min-height:172px;border-color:#2b422a1a;color:#2b3a2894;background:#ffffffb8}}@media(max-width:430px){.show-topbar{align-items:flex-start}.topbar-side span:first-child{min-width:36px;justify-content:center}.dog-meta strong{font-size:17px}}@media(prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){@media(max-width:760px){.dog-card{animation-delay:0ms;animation-duration:1ms;animation-name:mobileCardView;animation-range:entry -10% cover 32%;animation-timeline:view()}}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}