/* SDOG — approved Singles Day comic direction. */
:root{--max:1280px}
.bar{padding:12px max(28px,calc((100vw - 1340px)/2));gap:18px}
.brand-t{font-family:var(--fat);font-size:26px}.brand-t i{font-size:18px}
.dog-mark{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;flex-shrink:0}
.dog-mark img{width:55px;height:55px;max-width:none;object-fit:cover;object-position:50% 20%;border-radius:0}
.hero{background:radial-gradient(ellipse at 75% 70%,#30223c 0%,#14111c 70%)}
.hero:after{content:"";position:absolute;bottom:-100px;left:-5%;width:110%;height:180px;background:var(--sky);border-top:3px solid var(--ink);border-radius:50% 50% 0 0;z-index:-1}
.hero-in{min-height:calc(100svh - 74px);padding:36px 28px 72px;grid-template-columns:1.1fr .9fr;gap:20px}
.hero-copy{position:relative;z-index:3;animation:arrive .55s ease-out both}
.hero-kicker{font:400 28px/1 var(--fat);letter-spacing:.13em;color:var(--gold);margin:0 0 14px}
.hero-copy h1{font-size:clamp(80px,9.5vw,142px)!important;line-height:1.1;white-space:nowrap;text-shadow:5px 7px 0 #000}
.dog-red{color:var(--red);text-shadow:4px 6px 0 var(--cream);-webkit-text-stroke:1px var(--red)}
.dek{font-family:var(--fat);font-size:clamp(22px,2.2vw,32px);color:var(--cream);margin:20px 0 10px}
.hero-time{font:600 13px var(--mono);color:var(--gold-2);margin:0 0 22px}
.hero-act{margin-top:20px}.hero-act .btn-main{font-size:21px;padding:14px 32px}
.chips{margin-top:22px}.chips li{font-size:14px}
.dog-art{height:560px;width:100%;max-width:460px;position:relative;display:flex;align-items:flex-end;justify-content:center;z-index:2}
.hero .dog-art img{width:auto;height:100%;max-width:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(10px 12px 0 #0003);animation:dog-float 5s ease-in-out infinite}
.eleven-ticket{position:absolute;right:-15px;top:20%;transform:rotate(-12deg);font:400 45px var(--fat);color:var(--ink);background:var(--gold);border:3px solid var(--ink);padding:6px 20px;box-shadow:5px 5px 0 var(--red);z-index:3}
.heart-sticker{position:absolute;left:-8px;bottom:14%;font:400 95px/1 var(--round);color:var(--red);text-shadow:3px 3px 0 var(--cream);transform:rotate(-15deg);z-index:3}
.refund-notice{border:2px solid var(--ink);border-radius:14px;padding:12px 15px;background:var(--gold-2);color:var(--ink);margin-top:20px;box-shadow:3px 3px 0 var(--ink)}
.refund-notice b{font-size:16px}.refund-notice p{font-size:12px;line-height:1.65;margin:5px 0 0;font-weight:700}
.hero .refund-notice{max-width:540px;background:var(--cream);border-color:var(--ink)}
.mint-zone{grid-template-columns:minmax(0,1.22fr) minmax(0,.85fr);gap:28px;padding-top:74px;padding-bottom:60px;align-items:stretch}
.ticket-sheet{border-radius:22px}.ticket-side{background:var(--red)}.ticket-body{padding:24px}
.ticket-body .t-head h2{font-size:30px}.ticket-body .refund-notice{margin-top:18px}
.kv dd{font-size:13px;max-width:65%}.clock{font-size:20px!important}
.mint-invite{padding:25px;margin:0;background:var(--gold);border:3px solid var(--ink);border-radius:23px;box-shadow:5px 5px 0 var(--ink);text-align:center;max-width:none;display:flex;flex-direction:column;justify-content:space-between;gap:14px}
.mint-invite h2{font-size:35px;line-height:1.25}
.invite-dog{width:100%;max-width:280px;height:245px;object-fit:contain;margin:8px auto 0}
.invite-reward{font:400 80px/1 var(--fat);color:var(--red);text-shadow:3px 3px 0 white;margin:0 0 10px;transform:rotate(-3deg)}
.invite-reward small{font:600 20px var(--mono);color:var(--ink);text-shadow:none}
.reward-copy{font-size:18px;font-weight:900;line-height:1.5;margin:0 0 14px}
.quota-strip{background:var(--paper);border:2px solid var(--ink);border-radius:12px;font-size:14px;padding:10px;margin:0}
.quota-strip b{color:var(--red);font-size:22px}
.mint-invite .linkbox{background:white;border:2px solid var(--ink);border-radius:12px;padding:10px;display:flex;flex-direction:row;align-items:center;gap:8px;text-align:left;min-width:0}
.mint-invite .linkbox code{overflow-wrap:anywhere;min-width:0;flex:1;font-size:12px;text-align:left;background:transparent;border:0;border-radius:0;padding:0}
.mint-invite .linkbox .ghost{align-self:center;flex:0 0 auto;padding:9px 14px;font-size:14px;margin:0}
@media(min-width:901px){.mint-invite .invite-dog{max-width:340px;height:clamp(250px,27vw,360px);margin:8px auto}.mint-invite .linkbox{margin-top:0}.mint-invite .fine{margin:0}}
.live-section{max-width:var(--max);padding:0 28px 72px;margin:0 auto}
.live-section>h2{font-size:29px;margin-bottom:22px}.live-section>.live{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.book-b li>span:nth-child(2)>a{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rules{padding:65px 28px}.stamps{gap:20px}.stamps li{padding:18px}
.divs{background:var(--cream-2);max-width:none}.divs>.sec-h,.div-grid,.div-claim{max-width:1224px;margin-left:auto;margin-right:auto}
.chip-card{transition:transform .16s}.chip-card:hover{transform:translateY(-3px)}
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes dog-float{50%{transform:translateY(-9px) rotate(1deg)}}
@media(min-width:1450px){.hero-in{min-height:790px}}
@media(max-width:1060px){.hero-copy h1{font-size:94px!important}.dog-art{height:450px}.eleven-ticket{font-size:34px;right:0}.mint-zone{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.mint-invite{padding:22px 16px}.mint-invite h2{font-size:28px}.ticket-body{padding:20px}.invite-dog{height:220px}}
@media(max-width:900px){.bar{padding:8px 16px;gap:8px 10px}.hero-in{grid-template-columns:1fr 1fr;min-height:650px;padding-top:35px}.hero-copy h1{font-size:78px!important}.hero-kicker{font-size:21px}.dek{font-size:23px}.dog-art{order:0;height:380px;align-self:center}.hero-copy .refund-notice b{font-size:14px}.hero .refund-notice p{font-size:11px}.hero-act .btn-main{font-size:18px;padding:12px 22px}.heart-sticker{font-size:68px}.mint-zone{grid-template-columns:1fr}.mint-invite{padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;align-items:center}.mint-invite h2{grid-column:1/-1;font-size:34px}.invite-dog{grid-row:2/6;margin:0 auto;height:290px}.invite-reward{font-size:65px}.mint-invite .fine{grid-column:1/-1;margin:0}.mint-invite .linkbox{grid-column:1/-1}.live-section>.live{grid-template-columns:1fr}}
@media(max-width:600px){.brand-t{font-size:21px}.brand-t i{font-size:14px;display:inline}.dog-mark{width:31px;height:34px}.dog-mark img{width:39px;height:39px}.bar-r{gap:6px}.cta{padding:8px 12px}.lng button{padding:6px 8px}.hero-in{grid-template-columns:1fr;min-height:auto;padding:30px 20px 48px;gap:0}.hero-copy h1{font-size:94px!important;line-height:1.05}.hero-kicker{font-size:20px}.badge{font-size:12px;margin-bottom:14px}.dek{font-size:25px;margin-top:14px}.hero-time{font-size:11px}.hero-act{margin-top:14px}.hero-act .btn-main{font-size:18px}.chips{gap:6px;margin-top:20px}.chips li{font-size:12px;padding:4px 9px}.hero .refund-notice{margin-top:16px}.hero .refund-notice b{font-size:15px}.hero .refund-notice p{font-size:12px}.dog-art{height:350px;max-width:360px;margin:15px auto 0}.hero .dog-art img{height:100%;width:auto}.eleven-ticket{right:9px;top:20%;font-size:32px}.heart-sticker{left:28px;bottom:18%;font-size:65px}.hero:after{bottom:-115px}.mint-zone{padding:50px 14px 45px}.ticket-body{padding:18px 15px}.ticket-body .t-head h2{font-size:27px}.mint-invite{display:block;padding:23px 18px}.mint-invite h2{font-size:31px}.invite-dog{height:240px;margin-top:12px}.invite-reward{font-size:76px}.mint-invite .fine{margin:12px 0}.live-section{padding:0 14px 50px}.live-section>h2{font-size:25px}.clock{font-size:17px!important}.trio b{font-size:22px}}
@media(max-width:360px){.brand-t{font-size:18px}.brand-t i{font-size:12px}.cta{font-size:12px;padding:8px 10px}.hero-copy h1{font-size:83px!important}.t-head{gap:5px}.ticket-body .t-head h2{font-size:23px}.dot{font-size:10px;padding:3px 8px}}
@media(prefers-reduced-motion:reduce){.hero .dog-art img,.hero-copy{animation:none}}