/* PANBA — comic sticker-book look. Ink + newsprint, mint bamboo, bubblegum pink, comic yellow.
   Decorative motion always runs (no reduced-motion opt-out for decoration). */
@font-face{font-family:"Bangers";src:url("../fonts/bangers-latin.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Mali";src:url("../fonts/mali-latin-500.woff2") format("woff2");font-weight:400 600;font-display:swap}
@font-face{font-family:"Mali";src:url("../fonts/mali-latin-700.woff2") format("woff2");font-weight:700 900;font-display:swap}

:root{
  --ink:#17130f;--paper:#fff6dc;--white:#fffdf7;
  --bam:#2fbf74;--bam-d:#0f7a45;--bam-l:#cff2dc;
  --pnk:#ff4f9a;--pnk-d:#c81e6a;--pnk-l:#ffd6e8;
  --yel:#ffd93b;--yel-l:#fff2a8;
  --fd:"Bangers","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --fb:"Mali","Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --wob:255px 15px 225px 15px/15px 225px 15px 255px;
  --wob-p:22px 8px 26px 6px/6px 24px 8px 22px;
  --dots:radial-gradient(var(--ink) 1.25px,transparent 1.7px) 0 0/7px 7px;
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:84px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:500 16px/1.55 var(--fb);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
code,.addr-txt{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
.jump-link{position:absolute;left:-999px;top:8px;z-index:200;background:var(--yel);padding:8px 14px;border:3px solid var(--ink);border-radius:var(--wob)}
.jump-link:focus{left:12px}
.wrap{width:min(1180px,calc(100% - 32px));margin:0 auto}
.wrap-n{width:min(900px,calc(100% - 32px))}
.tiny{font-size:13px;margin:6px 0;opacity:.85}
.tiny-c{text-align:center}

/* ---------- speech-bubble headings ---------- */
.say{position:relative;display:inline-block;margin:0 0 18px;padding:8px 26px 6px;background:var(--white);border:3px solid var(--ink);border-radius:var(--wob);
  font:400 clamp(34px,4.6vw,56px)/1.05 var(--fd);letter-spacing:1.5px;transform:rotate(-1.6deg)}
.say::before,.say::after{content:"";position:absolute;left:42px;width:0;height:0;border-style:solid}
.say::before{bottom:-22px;border-width:22px 6px 0 18px;border-color:var(--ink) transparent transparent transparent}
.say::after{bottom:-15px;left:46px;border-width:16px 4px 0 12px;border-color:var(--white) transparent transparent transparent}
.say-s{font-size:clamp(26px,2.8vw,34px);padding:6px 18px 4px;margin-bottom:16px}
.say-pnk{background:var(--pnk)}.say-pnk::after{border-top-color:var(--pnk)}
.say-yel{background:var(--yel)}.say-yel::after{border-top-color:var(--yel)}
.say-grn{background:var(--bam)}.say-grn::after{border-top-color:var(--bam)}
.say-pnk,.say-grn{color:var(--white);text-shadow:2px 2px 0 var(--ink)}
.blurb{margin:6px 0 18px;max-width:62ch;font-size:16.5px}
.blurb-c{margin:4px auto 34px;text-align:center}
.zone .wrap>.say{display:table;margin-left:auto;margin-right:auto}
.is-zh .say{letter-spacing:0;font-weight:900}

/* ---------- comic buttons ---------- */
.bub-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px 26px 8px;border:3px solid var(--ink);border-radius:var(--wob);
  font:400 23px/1 var(--fd);letter-spacing:1.2px;text-decoration:none;color:var(--ink);background:var(--white);top:0;transition:top .15s}
.bub-btn::after{content:"";position:absolute;inset:7px -8px -8px 7px;border-radius:inherit;background:var(--dots);opacity:.55;z-index:-1}
.bub-btn:hover:not(:disabled){top:-3px}
.bub-btn:active:not(:disabled){top:3px}
.bub-btn:disabled{background:#ebe5d3;color:#8d877a;text-shadow:none;border-color:#8d877a;cursor:not-allowed}.bub-btn:disabled::after{opacity:.18}.bub-btn:disabled i{background:#8d877a}
.bub-btn i{font-style:normal;display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--white);font:700 13px/1 var(--fb)}
.bub-grn{background:var(--bam);color:var(--white);text-shadow:1.5px 1.5px 0 var(--ink)}
.bub-pnk{background:var(--pnk);color:var(--white);text-shadow:1.5px 1.5px 0 var(--ink)}
.bub-yel{background:var(--yel)}
.bub-wht{background:var(--white)}
.bub-s{min-height:42px;padding:8px 18px 6px;font-size:19px}
.bub-full{width:100%}
.is-zh .bub-btn{font-weight:900;letter-spacing:0}
.txt-link{display:inline-block;margin-top:10px;font-weight:700;color:var(--pnk-d);background:none;border:0;padding:0;text-decoration:underline wavy;text-underline-offset:4px}

/* ---------- top news strip ---------- */
.newsbar{display:flex;align-items:stretch;background:var(--ink);color:var(--white);min-height:52px;position:relative;z-index:31}
.cdown{display:flex;align-items:center;gap:14px;padding:6px 40px 6px 22px;background:var(--yel);color:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 22px) 100%,0 100%);flex-shrink:0}
.cdown.is-live{background:var(--pnk);color:var(--white)}
.cdown-lbl{font:700 15px/1.1 var(--fb)}
.cdown-nums{display:flex;gap:6px}
.cdown-u{display:flex;align-items:baseline;gap:2px;background:var(--ink);color:var(--yel);padding:3px 8px 1px;border-radius:9px 4px 10px 5px}
.cdown-u b{font:400 26px/1 var(--fd);letter-spacing:1px;min-width:2ch;text-align:center}
.cdown-u i{font:700 10px/1 var(--fb);font-style:normal;color:var(--white);opacity:.85}
.cdown-when{font:700 13px/1.1 var(--fb);white-space:nowrap}
.newsroll{flex:1;min-width:0;overflow:hidden;display:flex;align-items:center;pointer-events:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.newsroll-track{display:flex;width:max-content;animation:newsRoll 42s linear infinite;animation-play-state:running!important;will-change:transform}
.nr-run{display:flex;align-items:center;gap:16px;padding-right:16px;flex-shrink:0}
@keyframes newsRoll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.nr-face{width:36px;height:36px;flex-shrink:0;border-radius:42% 58% 50% 50%/55% 45% 55% 45%;overflow:hidden;background:#fff;border:2px solid var(--yel)}
.nr-face img{width:100%;height:100%;object-fit:cover}
.nr-word{font:400 22px/1 var(--fd);letter-spacing:1.5px;white-space:nowrap;color:var(--white)}
.nr-word:nth-of-type(3n+1){color:var(--yel)}
.nr-word:nth-of-type(3n+2){color:#8ff0bb}
.nr-star{color:var(--pnk);font-size:18px}
.is-zh .nr-word{font-weight:900;letter-spacing:0}

/* ---------- nav ---------- */
.navstrip{position:sticky;top:0;z-index:30;background:var(--white);border-bottom:3px solid var(--ink)}
.navstrip.stuck{box-shadow:0 6px 0 rgba(23,19,15,.08)}
.navstrip-in{width:min(1280px,calc(100% - 28px));margin:0 auto;display:flex;align-items:center;gap:18px;height:68px}
.logo-tag{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0}
.logo-tag img{width:46px;height:46px;border-radius:50%;border:3px solid var(--ink);background:#fff;transform:rotate(-8deg)}
.logo-tag span{font:400 32px/1 var(--fd);letter-spacing:2px}
.navtabs{display:flex;gap:2px;margin:0 auto;flex-wrap:nowrap}
.navtabs a{padding:7px 10px;font:700 15.5px/1 var(--fb);text-decoration:none;white-space:nowrap;border-radius:8px;
  background:linear-gradient(transparent 58%,transparent 58%) no-repeat;transition:background .2s,transform .2s}
.navtabs a:hover,.navtabs a.here{background:linear-gradient(176deg,transparent 52%,var(--yel) 52%,var(--yel) 88%,transparent 88%);transform:rotate(-2deg)}
.navstrip-act{display:flex;align-items:center;gap:12px;flex-shrink:0}
.lang-stamp{width:48px;height:48px;border-radius:50%;border:2.5px dashed var(--ink);background:var(--pnk-l);font:700 14px/1 var(--fb);transform:rotate(-10deg);display:grid;place-items:center;padding:0}
.lang-stamp:hover{transform:rotate(8deg)}
#navConnect.is-on{font-family:ui-monospace,Menlo,monospace;font-size:14px;letter-spacing:0}
.hamb{display:none;width:48px;height:48px;border:3px solid var(--ink);border-radius:var(--wob);background:var(--yel);padding:0;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.hamb i{display:block;width:22px;height:3px;background:var(--ink);border-radius:3px;transition:.2s}
.nav-open .hamb i:nth-child(1){transform:translateY(8px) rotate(45deg)}
.nav-open .hamb i:nth-child(2){opacity:0}
.nav-open .hamb i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* ---------- cover ---------- */
.cover{position:relative;overflow:hidden;background:var(--bam-l);padding:28px 0 70px;isolation:isolate}
.cover::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(15,122,69,.28) 1.6px,transparent 2px) 0 0/16px 16px;
  -webkit-mask:radial-gradient(circle at 50% 38%,#000 0,transparent 62%);mask:radial-gradient(circle at 50% 38%,#000 0,transparent 62%)}
.scatter{position:absolute;inset:0;z-index:0;pointer-events:none}
.flt{position:absolute;left:var(--x);top:var(--y);width:calc(var(--k) * 108px);margin:calc(var(--k) * -54px) 0 0 calc(var(--k) * -54px)}
.flt img{width:100%;aspect-ratio:1;object-fit:cover;background:#fff;border:5px solid #fff;outline:3px solid var(--ink);border-radius:38% 62% 55% 45%/45% 40% 60% 55%;
  box-shadow:7px 8px 0 rgba(23,19,15,.16);transform:rotate(var(--rot));animation:var(--anim,fltA) var(--dur) ease-in-out var(--del) infinite;animation-play-state:running!important}
.flt-b img{--anim:fltB;border-radius:55% 45% 40% 60%/50% 60% 40% 50%}
.flt-c img{--anim:fltC;border-radius:48% 52% 62% 38%/38% 55% 45% 62%}
@keyframes fltA{0%,100%{transform:translate(0,0) rotate(var(--rot))}50%{transform:translate(12px,-24px) rotate(calc(var(--rot) + 10deg))}}
@keyframes fltB{0%,100%{transform:translate(0,0) rotate(var(--rot)) scale(1)}50%{transform:translate(-16px,16px) rotate(calc(var(--rot) - 12deg)) scale(1.08)}}
@keyframes fltC{0%,100%{transform:translate(0,0) rotate(var(--rot))}25%{transform:translate(14px,-12px) rotate(calc(var(--rot) + 6deg))}50%{transform:translate(0,-24px) rotate(var(--rot))}75%{transform:translate(-14px,-12px) rotate(calc(var(--rot) - 6deg))}}

.cover-mid{position:relative;z-index:1;width:min(720px,calc(100% - 32px));margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.stamp-chip{display:inline-flex;align-items:center;gap:10px;margin:0 0 6px;padding:6px 14px 6px 6px;background:var(--ink);color:var(--white);font:700 14px/1 var(--fb);border-radius:6px 18px 6px 18px;transform:rotate(1.5deg)}
.stamp-chip b{background:var(--yel);color:var(--ink);padding:5px 8px;border-radius:4px 10px 4px 10px;font-family:var(--fd);font-weight:400;font-size:16px;letter-spacing:1px}
.panda-spot{position:relative;margin:14px 0 0}
.panda-big{width:250px;height:250px;border-radius:50%;background:#fff;border:8px solid #fff;outline:4px solid var(--ink);box-shadow:0 0 0 18px rgba(255,217,59,.55),12px 14px 0 18px rgba(23,19,15,.12);
  animation:pandaBob 3.4s ease-in-out infinite;animation-play-state:running!important}
@keyframes pandaBob{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}
.panda-says{position:absolute;left:calc(100% + 26px);top:6px;width:230px;margin:0;padding:14px 16px;background:var(--white);border:3px solid var(--ink);border-radius:var(--wob);
  font:700 17px/1.3 var(--fb);text-align:left;transform:rotate(3deg);animation:sayWiggle 2.6s ease-in-out infinite;animation-play-state:running!important}
.panda-says::before{content:"";position:absolute;left:-24px;top:34px;border-style:solid;border-width:10px 24px 10px 0;border-color:transparent var(--ink) transparent transparent}
.panda-says::after{content:"";position:absolute;left:-16px;top:37px;border-style:solid;border-width:7px 17px 7px 0;border-color:transparent var(--white) transparent transparent}
@keyframes sayWiggle{0%,100%{transform:rotate(3deg)}50%{transform:rotate(-1deg) translateY(-4px)}}
.cover-title{margin:28px 0 4px;font:400 clamp(84px,11vw,132px)/.9 var(--fd);letter-spacing:6px;color:var(--white);
  -webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink);animation:titleJiggle 1.8s steps(2,end) infinite;animation-play-state:running!important}
@keyframes titleJiggle{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}
.cover-text{margin:16px 0 26px;font-size:17.5px;max-width:58ch}
.cover-go{display:flex;flex-wrap:wrap;gap:18px 22px;justify-content:center}
.soon-strip{position:relative;z-index:1;margin:30px auto 0;width:min(560px,calc(100% - 32px));text-align:center;background:var(--yel-l);border:3px solid var(--ink);border-radius:var(--wob-p);padding:10px 14px}
.soon-strip b{display:block}

/* ---------- zones ---------- */
.zone{position:relative;padding:86px 0 96px;isolation:isolate;overflow-x:clip}
.zone::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;background:linear-gradient(135deg,var(--zc) 8px,transparent 0) 0 0/16px 16px repeat-x,linear-gradient(-135deg,var(--zc) 8px,transparent 0) 0 0/16px 16px repeat-x;z-index:2}
.zone-paper{--zc:var(--paper);background:var(--paper)}
.zone-pink{--zc:var(--pnk-l);background:var(--pnk-l)}
.zone-mint{--zc:var(--bam-l);background:var(--bam-l)}
.zone-dots{--zc:var(--yel);background:var(--yel) radial-gradient(rgba(255,255,255,.55) 2.2px,transparent 2.6px) 0 0/18px 18px}

/* ---------- comic panels ---------- */
.cpanel{position:relative;margin:0;background:var(--white);border:3.5px solid var(--ink);border-radius:var(--wob-p);padding:24px}
.cpanel::after{content:"";position:absolute;inset:10px -11px -11px 10px;border-radius:inherit;background:var(--dots);opacity:.35;z-index:-1}
.cpanel::before{content:"";position:absolute;inset:-7px -4px -5px -6px;border:2px solid var(--ink);border-radius:8px 26px 6px 24px/24px 6px 26px 8px;opacity:.45;transform:rotate(-.6deg);pointer-events:none}

.comic-page{width:min(1220px,calc(100% - 32px));margin:0 auto;display:grid;gap:30px;grid-template-columns:1.15fr 1fr;
  grid-template-areas:"mint grow" "mint nums" "stamps art"}
.cp-mint{grid-area:mint}
.cp-grow{grid-area:grow;background:var(--bam-l)}
.cp-nums{grid-area:nums;padding:20px}
.cp-stamps{grid-area:stamps;background:var(--pnk-l);display:grid;place-items:center}
.cp-art{grid-area:art;padding:0;overflow:visible;min-height:300px}
.cp-art img{width:100%;height:100%;object-fit:cover;border-radius:inherit;position:absolute;inset:0}
.narr{position:absolute;left:-8px;bottom:16px;background:var(--yel);border:3px solid var(--ink);padding:6px 14px;font:400 22px/1.1 var(--fd);letter-spacing:1px;transform:rotate(-2deg);border-radius:3px 10px 3px 10px;max-width:calc(100% - 16px)}
.is-zh .narr{font-weight:900;letter-spacing:0}

.mint-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:14px}
.phase-tag{display:inline-block;padding:6px 14px;border:2.5px solid var(--ink);border-radius:var(--wob);background:var(--yel);font-weight:700;font-size:14px}
.phase-tag[data-ph="pre"],.phase-tag[data-ph="post"]{background:var(--bam);color:var(--white)}
.phase-tag[data-ph="ended"]{background:var(--ink);color:var(--white)}
.paypick{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.paypick button{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:2.5px solid var(--ink);border-radius:var(--wob);background:var(--white);font-weight:700}
.paypick button.picked{background:var(--ink);color:var(--white);transform:rotate(-2deg)}
.tok{width:16px;height:16px;border-radius:50%;display:inline-block;border:2px solid var(--ink)}
.tok-usdt{background:#26a17b}.tok-bnb{background:#f3ba2f}
.qty{display:grid;grid-template-columns:62px 1fr 62px;border:3.5px solid var(--ink);border-radius:var(--wob);overflow:hidden;background:var(--white)}
.qty button{border:0;background:var(--bam-l);font:400 34px/1 var(--fd)}
.qty button:hover{background:var(--bam);color:var(--white)}
.qty input{min-width:0;border:0;border-left:3px solid var(--ink);border-right:3px solid var(--ink);text-align:center;font:400 40px/1 var(--fd);padding:8px 0;background:transparent;color:var(--ink);-moz-appearance:textfield;appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qty-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 16px}
.qty-quick button{padding:7px 0;border:2.5px solid var(--ink);border-radius:50% 46% 52% 44%/48% 52% 46% 50%;background:var(--pnk-l);font:400 20px/1 var(--fd)}
.qty-quick button:nth-child(even){background:var(--yel-l)}
.qty-quick button:hover{transform:rotate(-6deg)}
.receipt{margin:0 0 16px;padding:12px 16px;background:repeating-linear-gradient(transparent 0 34px,rgba(23,19,15,.12) 34px 35px),#fffef9;border:2.5px dashed var(--ink);border-radius:6px}
.receipt div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-height:35px}
.receipt dt{font-size:14.5px;opacity:.8}
.receipt dd{margin:0;font-weight:700;text-align:right;min-width:0;overflow-wrap:anywhere}
.receipt dd b{font:400 24px/1 var(--fd);letter-spacing:1px}
.receipt dd[data-tone="bad"]{color:var(--pnk-d)}
.go-pair{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.go-pair .bub-btn{flex:1 1 180px}
.note-box{margin:12px 0 0;padding:9px 14px;background:var(--yel-l);border:2.5px solid var(--ink);font-weight:700;font-size:14.5px;transform:skewX(-4deg)}
.note-box[data-tone="good"]{background:var(--bam-l)}
.note-box[data-tone="bad"]{background:#ffe1e1;color:#9c1630}

/* bamboo progress */
.grow-row{margin:6px 0 34px}
.grow-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 10px;font-weight:700}
.grow-h b{font:400 22px/1 var(--fd);letter-spacing:1px;white-space:nowrap}
.grow-h b i{font-style:normal}
.stalk{position:relative;height:34px;border:3px solid var(--ink);border-radius:17px;background:linear-gradient(180deg,#fbfff6,#e3f1d6)}
.stalk::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:repeating-linear-gradient(90deg,transparent 0 calc(10% - 3px),rgba(23,19,15,.55) calc(10% - 3px) calc(10% - 1px),rgba(255,255,255,.7) calc(10% - 1px) 10%)}
.stalk-fill{position:absolute;left:0;top:0;bottom:0;max-width:100%;border-radius:14px;background:linear-gradient(180deg,#9df0c2 0,var(--bam) 38%,var(--bam-d) 100%);transition:width 1.2s cubic-bezier(.3,1.4,.5,1)}
.stalk-fill::after{content:"";position:absolute;right:-14px;top:-20px;width:26px;height:14px;background:var(--bam);border:2.5px solid var(--ink);border-radius:0 100% 0 100%;transform:rotate(-24deg);transform-origin:left bottom;animation:leafSway 2.2s ease-in-out infinite;animation-play-state:running!important}
@keyframes leafSway{0%,100%{transform:rotate(-24deg)}50%{transform:rotate(-6deg)}}
.stalk-pink .stalk-fill{background:linear-gradient(180deg,#ffb3d4 0,var(--pnk) 40%,var(--pnk-d) 100%)}
.stalk-pink .stalk-fill::after{background:var(--pnk)}
.stalk-mark{position:absolute;top:calc(100% + 6px);transform:translateX(-50%);font:700 12px/1 var(--fb);font-style:normal;background:var(--white);border:2px solid var(--ink);border-radius:6px;padding:3px 6px;white-space:nowrap}
.stalk-mark::before{content:"";position:absolute;left:50%;top:-8px;width:2px;height:6px;background:var(--ink)}
.stalk-s{height:24px;margin-top:14px}

/* caption boxes */
.caps{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cap{background:var(--yel-l);border:2.5px solid var(--ink);padding:9px 12px;border-radius:2px 12px 2px 12px;min-width:0}
.cap:nth-child(4n+2),.cap:nth-child(4n+3){background:#fff}
.cap span{display:block;font-size:13px;opacity:.8}
.cap b{display:block;font:400 24px/1.1 var(--fd);letter-spacing:1px;overflow-wrap:anywhere}

/* stamps */
.stamps{list-style:none;margin:0;padding:6px;display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;width:100%;justify-items:center}
.stamps li{width:clamp(118px,13vw,150px);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;
  background:var(--white);border:3px solid var(--ink);box-shadow:inset 0 0 0 5px var(--white),inset 0 0 0 7.5px var(--ink)}
.stamps li:nth-child(1){transform:rotate(-9deg);background:var(--yel)}
.stamps li:nth-child(2){transform:rotate(7deg)}
.stamps li:nth-child(3){transform:rotate(5deg);background:var(--bam);color:var(--white)}
.stamps li:nth-child(4){transform:rotate(-6deg)}
.stamps li:nth-child(1){box-shadow:inset 0 0 0 5px var(--yel),inset 0 0 0 7.5px var(--ink)}
.stamps li:nth-child(3){box-shadow:inset 0 0 0 5px var(--bam),inset 0 0 0 7.5px var(--ink)}
.stamps b{font:400 clamp(26px,2.6vw,34px)/1 var(--fd);letter-spacing:1px}
.stamps span{font:700 12px/1.2 var(--fb);margin-top:4px}

/* ---------- free coupon ---------- */
.coupon{position:relative;display:grid;grid-template-columns:minmax(220px,.8fr) 1.6fr;max-width:960px;margin:70px auto 0;background:var(--white);border:3.5px solid var(--ink);border-radius:var(--wob-p)}
.coupon::after{content:"";position:absolute;inset:12px -12px -12px 12px;border-radius:inherit;background:var(--dots);opacity:.35;z-index:-1}
.coupon-stub{background:var(--yel);padding:28px 24px;border-right:3.5px dashed var(--ink);border-radius:20px 0 0 22px;position:relative}
.coupon-stub::after{content:"✂";position:absolute;right:-15px;top:14px;font-size:24px;line-height:1;background:var(--white);border-radius:50%;padding:2px}
.coupon-num{margin:0;font-family:var(--fd)}
.coupon-num b{font-weight:400;font-size:clamp(64px,7vw,92px);line-height:.9;letter-spacing:2px}
.coupon-num span{font-size:26px;margin-left:6px}
.coupon-body{padding:26px 30px 28px}
.checks{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:10px}
.checks li{position:relative;padding-left:38px;font-weight:700}
.checks li::before{content:"✓";position:absolute;left:0;top:-2px;width:27px;height:27px;display:grid;place-items:center;background:var(--bam);color:var(--white);border:2.5px solid var(--ink);border-radius:46% 54% 50% 50%;font-size:15px}
.coupon .bub-btn{margin-top:16px}
.slap{position:absolute;right:-28px;top:-74px;width:150px;margin:0;transform:rotate(9deg);z-index:3;animation:slapTilt 3s ease-in-out infinite;animation-play-state:running!important}
.slap img{border:6px solid #fff;outline:3px solid var(--ink);border-radius:46% 54% 42% 58%/52% 44% 56% 48%;background:#fff}
.think{position:absolute;right:124px;top:34px;width:max-content;max-width:200px;background:var(--white);border:3px solid var(--ink);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;padding:10px 16px;font:700 14px/1.2 var(--fb);transform:rotate(-12deg)}
.think::after{content:"";position:absolute;right:-12px;bottom:-6px;width:12px;height:12px;border:2.5px solid var(--ink);border-radius:50%;background:var(--white)}
@keyframes slapTilt{0%,100%{transform:rotate(9deg)}50%{transform:rotate(3deg) translateY(-6px)}}

/* ---------- lucky strip ---------- */
.strip3{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:26px;align-items:stretch}
.strip-art{padding:0}
.strip-art{min-height:300px}.strip-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.strip-pot{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:18px;background:var(--white)}
.pot-big{position:relative;isolation:isolate;padding:40px 24px;width:100%;max-width:330px}
.pot-big::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--pnk);
  clip-path:polygon(50% 0,59% 18%,79% 6%,76% 28%,99% 26%,84% 44%,100% 60%,78% 66%,86% 90%,63% 80%,52% 100%,41% 81%,18% 94%,23% 70%,0 64%,16% 47%,2% 27%,24% 28%,20% 6%,40% 19%)}
.pot-big span{display:block;font-weight:700;color:var(--white);text-shadow:1px 1px 0 var(--ink)}
.pot-big b{display:block;font:400 clamp(34px,3.6vw,46px)/1 var(--fd);letter-spacing:1px;color:var(--yel);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}
.pot-big b i{font-style:normal}
.pot-clock{border:3px solid var(--ink);border-radius:var(--wob);padding:8px 20px;background:var(--yel-l)}
.pot-clock span{display:block;font-size:13px}
.pot-clock b{font-size:26px}
.strip-odds{display:grid;gap:12px;align-content:center}
#lucky .note-box{max-width:640px;margin:30px auto 0}
.winners-roll{margin:40px auto 0;max-width:640px;text-align:center}
.won-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.won-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--white);border:2.5px solid var(--ink);padding:10px 16px;border-radius:4px;
  -webkit-mask:radial-gradient(circle 8px at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 8px at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;
  mask:radial-gradient(circle 8px at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 8px at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat}
.won-list li.nil{justify-content:center;font-weight:700}

/* ---------- leaderboard notepad ---------- */
.notepad{position:relative;background:#fffef6;border:3.5px solid var(--ink);border-radius:var(--wob-p);padding:46px 26px 26px 66px;
  background-image:linear-gradient(90deg,transparent 46px,rgba(255,79,154,.6) 46px 48px,transparent 48px),repeating-linear-gradient(transparent 0 37px,rgba(47,140,200,.22) 37px 38px)}
.notepad::before{content:"";position:absolute;left:20px;right:20px;top:-14px;height:26px;background:radial-gradient(circle 7px,var(--ink) 92%,transparent) 0 0/34px 26px repeat-x}
.notepad::after{content:"";position:absolute;inset:12px -12px -12px 12px;border-radius:inherit;background:var(--dots);opacity:.35;z-index:-1}
.polaroid{position:absolute;right:-214px;top:30px;width:176px;margin:0;background:#fff;padding:10px 10px 8px;border:2.5px solid var(--ink);transform:rotate(7deg);z-index:2;box-shadow:6px 7px 0 rgba(23,19,15,.15)}
.polaroid::before{content:"";position:absolute;left:50%;top:-14px;width:80px;height:26px;margin-left:-40px;background:rgba(255,217,59,.8);transform:rotate(-5deg);border:1px solid rgba(23,19,15,.2)}
.polaroid figcaption{font:700 13px/1.2 var(--fb);text-align:center;margin-top:6px}
.day-tabs{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.day-tabs b{font:400 30px/1 var(--fd);letter-spacing:1px}
.day-tabs b i{font-style:normal;color:var(--pnk-d)}
.day-tabs button{width:42px;height:42px;border:2.5px solid var(--ink);border-radius:10px 10px 4px 4px;background:var(--bam-l);font:700 22px/1 var(--fb)}
.day-tabs button:hover{background:var(--bam);color:#fff}
.score{width:100%;border-collapse:collapse;font-size:15px;margin-bottom:10px}
.score th{text-align:left;font:400 18px/1 var(--fd);letter-spacing:1px;padding:8px 6px;border-bottom:3px solid var(--ink)}
.score td{padding:8px 6px;height:38px;border-bottom:1px dashed rgba(23,19,15,.25)}
.score th:last-child,.score td:last-child{text-align:right}
.score tbody tr:nth-child(1) td{background:linear-gradient(176deg,transparent 18%,rgba(255,217,59,.75) 18% 84%,transparent 84%)}
.score tbody tr:nth-child(2) td{background:linear-gradient(176deg,transparent 18%,rgba(47,191,116,.35) 18% 84%,transparent 84%)}
.score tbody tr:nth-child(3) td{background:linear-gradient(176deg,transparent 18%,rgba(255,79,154,.3) 18% 84%,transparent 84%)}
.score tr.yours td{font-weight:700;color:var(--pnk-d)}
.score td:first-child{font:400 20px/1 var(--fd)}

/* ---------- invite postcard ---------- */
.postcard{max-width:1040px;margin:0 auto;padding:12px;border-radius:10px;background:repeating-linear-gradient(-45deg,var(--pnk) 0 18px,var(--white) 18px 30px,var(--bam) 30px 48px,var(--white) 48px 60px);border:3px solid var(--ink);
  display:grid;grid-template-columns:1.2fr 1fr;position:relative}
.pc-left,.pc-right{background:var(--white);padding:28px;min-width:0}
.pc-left{border-right:2.5px solid var(--ink);border-radius:4px 0 0 4px}
.pc-right{border-radius:0 4px 4px 0;position:relative}
.copyline{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border:2.5px solid var(--ink);border-radius:var(--wob);background:#fffef6;min-width:0}
.copyline code{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.copyline .bub-btn{flex-shrink:0}
.pc-counts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0 8px}
.pc-counts div{border-bottom:2.5px solid var(--ink);padding-bottom:6px}
.pc-counts span{display:block;font-size:13px;opacity:.8}
.pc-counts b{font:400 30px/1.1 var(--fd);letter-spacing:1px}
.postage{float:right;width:108px;margin:0 0 10px 14px;padding:7px;background:var(--white);transform:rotate(5deg);
  -webkit-mask:radial-gradient(circle 4px,transparent 95%,#000) -4px -4px/12px 12px;mask:radial-gradient(circle 4px,transparent 95%,#000) -4px -4px/12px 12px;filter:drop-shadow(0 0 1px var(--ink))}
.postage img{border:1.5px solid var(--ink)}
.pc-h{margin:4px 0 12px;font:400 26px/1.1 var(--fd);letter-spacing:1px}
.guestbook{list-style:none;clear:both;margin:0;padding:0;max-height:300px;overflow:auto;display:grid;gap:6px}
.guestbook li{display:flex;align-items:center;gap:10px;padding:6px 4px;border-bottom:1.5px dashed rgba(23,19,15,.3);min-width:0}
.guestbook li i{font:400 18px/1 var(--fd);font-style:normal;width:30px;text-align:center}
.guestbook li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.guestbook li.yours{background:var(--yel-l)}
.guestbook li.nil{justify-content:center;font-weight:700;border:0;text-align:center}

/* ---------- sticker sheet ---------- */
.sheet{background:#eef6ff;border:3px dashed var(--ink);border-radius:var(--wob-p);padding:30px 24px;background-image:linear-gradient(rgba(23,19,15,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(23,19,15,.05) 1px,transparent 1px);background-size:24px 24px}
.sheet-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px 20px}
.peel{position:relative;display:block;background:#fff;padding:7px;border-radius:44% 56% 50% 50%/52% 46% 54% 48%;box-shadow:0 0 0 3px var(--ink),5px 6px 0 3px rgba(23,19,15,.15);transform:rotate(var(--tw));transition:transform .2s}
.peel img{border-radius:inherit;width:100%;aspect-ratio:1;object-fit:cover}
.peel:hover{transform:rotate(0) translateY(-6px) scale(1.06)}
.peel::after{content:"";position:absolute;right:8%;bottom:6%;width:26px;height:26px;background:linear-gradient(135deg,#fff 0 48%,#cfd6de 52%,#9aa3ad 100%);border-radius:0 0 50% 0;box-shadow:-2px -2px 3px rgba(0,0,0,.12)}
.peel-tag{position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);background:var(--yel);border:2px solid var(--ink);border-radius:6px;padding:2px 10px;font:700 12px/1.3 var(--fb);white-space:nowrap}
.sheet-foot{text-align:center;margin-top:34px}
.film{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:44px 0 30px;padding:22px 14px;background:var(--ink);border-radius:6px;
  background-image:radial-gradient(circle 5px at 50% 50%,var(--paper) 92%,transparent) ,radial-gradient(circle 5px at 50% 50%,var(--paper) 92%,transparent);
  background-size:26px 22px,26px 22px;background-position:0 0,0 100%;background-repeat:repeat-x}
.film img{width:100%;aspect-ratio:1;object-fit:cover;border:3px solid var(--white)}
.wide-pic{width:100%;height:auto;border:3.5px solid var(--ink);border-radius:var(--wob-p);margin-top:30px;background:#fff}

/* ---------- rules chat ---------- */
.chat{list-style:none;margin:10px 0 40px;padding:0;display:grid;gap:18px}
.chat li{position:relative;max-width:min(680px,80%);padding:14px 18px;background:var(--white);border:3px solid var(--ink);border-radius:var(--wob-p);font-size:15.5px;margin-left:66px}
.chat li::before{content:"";position:absolute;left:-66px;bottom:-4px;width:50px;height:50px;border-radius:50%;border:3px solid var(--ink);background:#fff center/cover no-repeat var(--av)}
.chat li::after{content:"";position:absolute;left:-15px;bottom:14px;width:14px;height:14px;background:inherit;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:skewY(-35deg)}
.chat li:nth-child(even){justify-self:end;margin-left:0;margin-right:66px;background:var(--bam-l)}
.chat li:nth-child(even)::before{left:auto;right:-66px}
.chat li:nth-child(even)::after{left:auto;right:-15px;border-left:0;border-right:3px solid var(--ink);transform:skewY(35deg)}
.chat li:nth-child(4n+1){--av:url("../img/emoji_01.webp")}
.chat li:nth-child(4n+2){--av:url("../img/emoji_05.webp")}
.chat li:nth-child(4n+3){--av:url("../img/emoji_08.webp")}
.chat li:nth-child(4n+4){--av:url("../img/emoji_11.webp")}
.chat li b{color:var(--pnk-d)}
.cane{display:flex;height:70px;gap:0;margin:0 0 12px;filter:drop-shadow(5px 6px 0 rgba(23,19,15,.18))}
.cane div{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;border:3px solid var(--ink);margin-left:-3px;border-radius:12px;color:var(--ink);overflow:hidden}
.cane div::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.55) 0,rgba(255,255,255,0) 40%,rgba(0,0,0,.18) 100%);pointer-events:none}
.cane b{font:400 24px/1 var(--fd);letter-spacing:1px;position:relative}
.cane span{font:700 12px/1.1 var(--fb);position:relative;white-space:nowrap}
.cane-a{background:var(--bam);color:var(--white)!important}
.cane-b{background:var(--pnk)}
.cane-c{background:var(--yel)}
.cane-d{background:var(--ink);color:var(--white)!important}
.cane-d b{font-size:17px}
.cane-key{display:none;list-style:none;margin:0 0 6px;padding:0;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:13px}
.cane-key li{display:flex;align-items:center;gap:5px}
.cane-key li::before{content:"";width:13px;height:13px;border:2px solid var(--ink);border-radius:4px}
.ck-a::before{background:var(--bam)}.ck-b::before{background:var(--pnk)}.ck-c::before{background:var(--yel)}.ck-d::before{background:var(--ink)}

/* ---------- back cover ---------- */
.backcover{position:relative;background:var(--ink);color:var(--white);padding:90px 0 40px;isolation:isolate}
.backcover::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px;background:linear-gradient(135deg,var(--ink) 8px,transparent 0) 0 0/16px 16px repeat-x,linear-gradient(-135deg,var(--ink) 8px,transparent 0) 0 0/16px 16px repeat-x}
.back-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:start;color:var(--ink)}
.back-grid .cpanel::after{background:radial-gradient(rgba(255,255,255,.7) 1.25px,transparent 1.7px) 0 0/7px 7px}
.back-grid .cpanel::before{border-color:var(--white)}
.cp-wallet{}
.cp-ca{background:var(--yel)}
.cp-ca .copyline{background:var(--white);margin-bottom:6px}
.cp-ca .bub-btn{margin-top:14px}
.ca-panda{position:absolute;right:16px;bottom:16px;width:92px;transform:rotate(-12deg);border-radius:50%;border:3px solid var(--ink);opacity:.95}
.wpick{display:grid;gap:10px;margin:6px 0 4px}
.wpick-b{display:flex;align-items:center;gap:12px;width:100%;padding:9px 12px;border:2.5px solid var(--ink);border-radius:var(--wob);background:var(--white);font-weight:700;text-align:left}
.wpick-b:hover{background:var(--yel-l);transform:rotate(-1deg)}
.wlogo{width:34px;height:34px;border-radius:50%;flex-shrink:0;border:2px solid var(--ink)}
.receipt-w{margin-top:14px}
.colophon{margin-top:60px;padding-top:30px;border-top:2px dashed rgba(255,255,255,.35);display:grid;gap:14px;justify-items:start}
.logo-inv span{color:var(--white)}
.colophon-links{display:flex;gap:22px;flex-wrap:wrap}
.colophon-links a{font-weight:700;text-decoration:underline wavy var(--yel);text-underline-offset:5px}
.fineprint{max-width:80ch;font-size:13.5px;opacity:.75;margin:0}
.backcover .tiny{opacity:.6}
a[aria-disabled="true"],.is-soon{opacity:.55;cursor:not-allowed}

/* toasts */
.pops{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:80;display:grid;gap:10px;width:min(92vw,440px);pointer-events:none}
.pop{position:relative;background:var(--white);border:3px solid var(--ink);border-radius:var(--wob);padding:12px 18px;font-weight:700;box-shadow:6px 6px 0 rgba(23,19,15,.25);animation:popIn .3s cubic-bezier(.3,1.6,.5,1)}
.pop[data-tone="good"]{background:var(--bam-l)}.pop[data-tone="bad"]{background:#ffe1e1}
.pop.pop-gone{opacity:0;transform:scale(.9);transition:.35s}
@keyframes popIn{from{opacity:0;transform:scale(.6) rotate(-6deg)}}

/* ---------- responsive ---------- */
@media (max-width:1300px){
  .notepad{margin-top:70px}
  .polaroid{width:120px;right:10px;top:-80px}
  .polaroid figcaption{font-size:11px}
}
@media (max-width:1180px){
  .navtabs a{padding:7px 7px;font-size:14.5px}
}
@media (max-width:1080px){
  .hamb{display:flex}
  .navtabs{position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--white);border-bottom:3px solid var(--ink);padding:8px 16px 16px;display:none;max-height:calc(100vh - 80px);overflow:auto}
  .nav-open .navtabs{display:flex}
  .navtabs a{padding:13px 8px;font-size:17px;border-bottom:1.5px dashed rgba(23,19,15,.2)}
  .navstrip-act{margin-left:auto}
  .comic-page{grid-template-columns:1fr 1fr;grid-template-areas:"mint mint" "grow grow" "nums nums" "stamps art"}
  .strip3{grid-template-columns:1fr 1fr}
  .strip-art{grid-row:span 2}
  .sheet-grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:760px){
  html{scroll-padding-top:72px}
  .newsbar{flex-direction:column}
  .cdown{clip-path:none;justify-content:center;flex-wrap:wrap;gap:6px 10px;padding:8px 10px}
  .cdown-u b{font-size:22px}
  .newsroll{height:40px}
  .nr-face{width:28px;height:28px}.nr-word{font-size:18px}
  .navstrip-in{height:62px;gap:10px}
  .logo-tag span{font-size:26px}
  .logo-tag img{width:40px;height:40px}
  .lang-stamp{width:42px;height:42px}
  .navstrip-act{gap:8px}
  .hamb{width:44px;height:44px}
  #navConnect{padding:6px 12px 4px;font-size:17px;min-height:40px}
  .cover{padding:22px 0 60px}
  .flt{left:var(--mx);top:var(--my);width:calc(var(--k) * 60px);margin:calc(var(--k) * -30px) 0 0 calc(var(--k) * -30px)}
  .flt-wide{display:none}
  .flt img{border-width:3px;outline-width:2.5px}
  .panda-big{width:200px;height:200px;border-width:6px;box-shadow:0 0 0 12px rgba(255,217,59,.55),8px 10px 0 12px rgba(23,19,15,.12)}
  .panda-spot{display:flex;flex-direction:column;align-items:center}
  .panda-says{position:relative;left:auto;top:auto;margin-top:30px;width:auto;max-width:300px;text-align:center}
  .panda-says::before{left:50%;top:-24px;margin-left:-10px;border-width:0 10px 24px 10px;border-color:transparent transparent var(--ink) transparent}
  .panda-says::after{left:50%;top:-15px;margin-left:-7px;border-width:0 7px 17px 7px;border-color:transparent transparent var(--white) transparent}
  .cover-title{margin-top:20px;letter-spacing:3px;-webkit-text-stroke-width:3px;text-shadow:0 5px 0 var(--ink)}
  .cover-text{font-size:16px}
  .cover-go .bub-btn{flex:1 1 100%}
  .zone{padding:64px 0 72px}
  .comic-page{grid-template-columns:1fr;grid-template-areas:"mint" "grow" "nums" "stamps" "art";gap:26px}
  .cpanel{padding:18px}
  .cpanel::after{inset:8px -7px -8px 7px}
  .cpanel::before{inset:-5px -3px -4px -4px}
  .cp-art{min-height:0;aspect-ratio:1}
  .stamps{gap:14px}
  .stamps li{width:min(136px,38vw)}
  .coupon{grid-template-columns:1fr;margin-top:64px}
  .coupon::after{inset:8px -8px -8px 8px}
  .coupon-stub{border-right:0;border-bottom:3.5px dashed var(--ink);border-radius:20px 20px 0 0;padding:22px 18px}
  .coupon-stub::after{right:auto;left:16px;top:auto;bottom:-16px}
  .coupon-body{padding:20px 18px 22px}
  .slap{width:100px;right:4px;top:-58px}
  .think{right:92px;top:8px;max-width:140px;font-size:12px;padding:7px 11px}
  .strip3{grid-template-columns:1fr;gap:22px}
  .strip-art{grid-row:auto}
  .notepad{padding:40px 14px 18px 40px;background-image:linear-gradient(90deg,transparent 28px,rgba(255,79,154,.6) 28px 30px,transparent 30px),repeating-linear-gradient(transparent 0 37px,rgba(47,140,200,.22) 37px 38px)}
  .notepad::after{inset:8px -8px -8px 8px}
  .notepad{margin-top:34px;padding-top:72px}
  .polaroid{width:96px;right:6px;top:-30px;padding:5px 5px 4px}
  .polaroid figcaption{font-size:10.5px}
  .score{font-size:13px}
  .score th,.score td{padding:7px 3px}
  .postcard{grid-template-columns:1fr;padding:9px}
  .pc-left{border-right:0;border-bottom:2.5px solid var(--ink);border-radius:4px 4px 0 0}
  .pc-left,.pc-right{padding:18px}
  .postage{width:84px}
  .sheet{padding:22px 14px}
  .sheet-grid{grid-template-columns:repeat(3,1fr);gap:22px 14px}
  .peel::after{width:18px;height:18px}
  .film{grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 8px}
  .chat li{max-width:calc(100% - 50px);margin-left:50px;font-size:14.5px;padding:12px 14px}
  .chat li:nth-child(even){margin-right:50px}
  .chat li::before{left:-50px;width:38px;height:38px}
  .chat li:nth-child(even)::before{right:-50px}
  .cane{height:54px}
  .cane span{display:none}
  .cane b{font-size:18px}
  .cane-c b,.cane-d b{font-size:13px}
  .cane-key{display:flex}
  .back-grid{grid-template-columns:1fr;gap:30px}
  .backcover{padding-top:70px}
}
@media (max-width:380px){
  .logo-tag span{display:none}
  .cdown-when{flex-basis:100%;text-align:center}
}
.wl-bn{background:#f3ba2f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23141414' d='M12 4l2.4 2.4L12 8.8 9.6 6.4zM7.2 8.8l2.4 2.4-2.4 2.4-2.4-2.4zm9.6 0l2.4 2.4-2.4 2.4-2.4-2.4zM12 13.6l2.4 2.4L12 18.4 9.6 16zM12 9.6l1.6 1.6-1.6 1.6-1.6-1.6z'/%3E%3C/svg%3E") center/26px no-repeat}
.wl-mm{background:#f6851b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M4 5l7 5-1.3-3.1zM20 5l-7 5 1.3-3.1zM6 15l1.5 4 3-1.2zm12 0l-1.5 4-3-1.2zM8.5 11l-1 3h9l-1-3-3 .8z'/%3E%3C/svg%3E") center/26px no-repeat}
.wl-any{background:#ffd3e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2'%3E%3Crect x='3' y='6' width='18' height='13' rx='3'/%3E%3Cpath d='M16 12.5h2M3 9h15V6'/%3E%3C/svg%3E") center/24px no-repeat}
.back-grid>*,.comic-page>*,.strip3>*{min-width:0}

/* ---- Agentic Wallet scan sheet ---- */
.wl-scan{background:var(--yel) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h3v3h-3zM18 18h3v3h-3z' fill='%2317130f'/%3E%3C/svg%3E") center/62% no-repeat}
.wpick-scan{order:-1}
.scan-sheet{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(23,19,15,.55)}
.scan-sheet[hidden]{display:none}
.scan-card{position:relative;width:min(380px,100%);max-height:92vh;overflow:auto;text-align:center;background:var(--white);border:3px solid var(--ink);border-radius:var(--wob);box-shadow:6px 6px 0 var(--ink);padding:22px 20px 20px}
.scan-x{position:absolute;top:8px;right:10px;width:38px;height:38px;border:3px solid var(--ink);border-radius:50%;background:var(--yel);font:700 22px/1 var(--fb);cursor:pointer;color:var(--ink)}
.scan-qr{margin:6px auto 10px;width:232px;max-width:100%;padding:8px;background:#fff;border:3px solid var(--ink);border-radius:14px;transform:rotate(-1.5deg)}
.scan-qr svg{display:block;width:100%;height:auto}
.scan-msg{margin:8px 0;font-weight:600}
.scan-bad{color:#c4271b}
.scan-pair b{font:700 20px/1 ui-monospace,monospace;letter-spacing:.12em;background:var(--yel-l);padding:2px 8px;border:2px solid var(--ink);border-radius:8px}
.scan-wait{font-size:14px;opacity:.75;animation:scanBlink 1.4s steps(2) infinite}
.scan-open{margin:4px auto 10px;display:flex}
@keyframes scanBlink{50%{opacity:.35}}
html.scan-open-doc{overflow:hidden}
.scan-card .say{margin:6px 40px 16px 0;font-size:clamp(18px,4.6vw,24px)}