/* Layout measurements follow the approved 1826 x 725 banner artwork. */
.mainframe .tog-launch-banner.tog-banner-gray{position:relative;display:block;box-sizing:border-box;width:100%;height:auto;min-width:0;min-height:0;aspect-ratio:1826/725;padding:0;border:0;border-radius:6.5% / 16.5%;background:#ececee;box-shadow:none;text-align:left;color:#202121;overflow:hidden;line-height:1;touch-action:manipulation;font-family:Arial,Helvetica,sans-serif;container-type:inline-size;}
.mainframe .tog-banner-gray *{pointer-events:none;box-sizing:border-box;}
.mainframe .tog-banner-gray .tog-banner-pack{position:absolute;left:5.9%;top:5.4%;width:26%;height:90.6%;display:block;filter:drop-shadow(0 3px 4px #0002);filter:drop-shadow(0 .6cqw .7cqw #0002);object-fit:contain;}
.mainframe .tog-banner-content,.mainframe .tog-banner-stats,.mainframe .tog-banner-actions{display:contents;}
.mainframe .tog-banner-logo{position:absolute;left:38.8%;top:15.6%;width:34.1%;height:32.7%;display:block;object-fit:contain;}
.mainframe .tog-banner-stat{position:absolute;left:38.8%;top:54%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;gap:.5cqw;min-width:0;}
.mainframe .tog-banner-stat strong{display:flex;align-items:center;justify-content:flex-start;font-family:'Arial Black',Arial,Helvetica,sans-serif;font-size:clamp(26px,8.6vw,46px);font-size:9.5cqw;height:clamp(22px,7vw,36px);height:7.6cqw;line-height:.8;font-weight:900;letter-spacing:-.8px;letter-spacing:-.2cqw;font-variant-numeric:tabular-nums;}
.mainframe .tog-banner-stat>span{font-size:clamp(8.5px,2.3vw,12px);font-size:clamp(8.5px,2.5cqw,20px);line-height:1.1;font-weight:600;color:#77787e;white-space:nowrap;}
.mainframe .tog-banner-new{left:61.2%;border:0;padding:0;}
.mainframe .tog-banner-new strong{padding:0 3px;padding:0 .6cqw;min-width:22px;min-width:7.1cqw;justify-content:center;border-radius:5px;border-radius:1.4cqw;}
.mainframe .tog-banner-new strong.has-new{background:#ffdf00;}
.mainframe .tog-banner-stats:after{position:absolute;content:'';left:56.8%;top:55.7%;height:23.2%;width:1px;background:#b1b2b8;}
.mainframe .tog-banner-open{position:absolute;left:38.8%;bottom:7.4%;font-size:clamp(11px,2.9vw,15px);font-size:clamp(11px,3.1cqw,26px);line-height:1;font-weight:700;white-space:nowrap;}
.mainframe .tog-banner-collection{position:absolute;right:3%;bottom:6.4%;display:flex;flex-direction:column;align-items:center;width:10.7%;gap:2px;gap:.6cqw;}
.mainframe .tog-banner-collection img{width:100%;height:auto;display:block;}
.mainframe .tog-banner-collection>span{font-size:7px;font-size:clamp(7px,1.4cqw,12px);line-height:1.15;font-weight:700;white-space:nowrap;}
.mainframe .tog-banner-gray:focus-visible{outline:3px solid #203b75;outline-offset:4px;}
.mainframe .tog-banner-pack.has-new{transform-origin:50% 75%;animation:tog-pack-sway 4.8s ease-in-out infinite;}
@keyframes tog-pack-sway{0%,100%{transform:translateX(-1.5px) rotate(-3deg)}50%{transform:translateX(1.5px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.mainframe .tog-banner-pack.has-new{animation:none;transform:none;}}

@supports not (aspect-ratio:1){.mainframe .tog-launch-banner.tog-banner-gray{height:0;padding-top:39.7043%;}}
.mainframe .tog-banner-wallet{position:absolute;top:5%;right:4%;display:flex;align-items:center;gap:4px;gap:1.1cqw;max-width:60%;color:#202121;white-space:nowrap;font-variant-numeric:tabular-nums;}
.mainframe .tog-banner-wallet strong{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-size:clamp(13px,4.4cqw,26px);line-height:1.1;font-weight:800;letter-spacing:-.3px;}
.mainframe .tog-banner-wallet.is-long strong{font-size:12px;font-size:clamp(10px,3.3cqw,21px);}
.mainframe .tog-banner-coin{display:grid;place-items:center;flex:none;width:22px;height:22px;width:clamp(18px,6cqw,32px);height:clamp(18px,6cqw,32px);border-radius:50%;border:1.5px solid #b37c13;background:#f4c54f;box-shadow:none;}
.mainframe .tog-banner-coin>span{display:grid;place-items:center;width:75%;height:75%;border-radius:50%;border:1px solid #c78f21;color:#724b0d;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-size:clamp(10px,3.3cqw,18px);font-weight:800;line-height:1;}
.mainframe .tog-banner-gray .tog-banner-logo{top:21%;height:28%;width:32.5%;object-position:left center;}