/* Keep the address above the wallet action, with room for both states. */
#walletBtn{min-height:54px;white-space:pre-line;overflow-wrap:anywhere;line-height:1.3;text-align:center;text-transform:none}
@media (max-width:850px){
html,body{width:100%!important;max-width:100%!important;overflow-x:clip!important;overscroll-behavior-x:none}
body{position:relative!important}
*{min-width:0}
img,svg,video,canvas{max-width:100%;height:auto}
.nav{width:100%!important;max-width:100vw!important;overflow:visible!important;padding:10px 14px 12px!important;height:auto!important;min-height:104px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}
.brand{font-size:18px!important;display:block!important;flex:0 0 100%!important;width:100%!important;line-height:1!important}
.navlinks{display:none!important}
.nav-actions{width:100%!important;max-width:none!important;flex:0 0 100%!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.lang-switch{display:flex!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;flex:0 0 auto!important}
.bear-lang{width:36px!important;height:36px!important;font-size:18px!important;flex:0 0 36px!important;padding:0!important}
.nav-actions .btn{flex:0 1 190px!important;min-width:0!important;max-width:190px!important;white-space:pre-line!important;font-size:12px!important;line-height:1.3!important;padding:8px 12px!important;text-align:center!important;margin:0!important}
body.wallet-open .nav{z-index:1!important}
body.wallet-open .back-top{display:none!important}
[data-tc-modal],.tc-modal,.ton-connect-ui__modal{z-index:2147483647!important}
.shell{width:calc(100% - 28px)!important;max-width:calc(100vw - 28px)!important;margin-left:auto!important;margin-right:auto!important}
.hero,.mint-grid,.reveal,.faq{grid-template-columns:minmax(0,1fr)!important}
.hero-copy,.hero-visual,.mint-card,.gif-frame,.section-heading,.bear-strip,.rarity-cards,.faq-list{width:100%!important;max-width:100%!important;min-width:0!important}
.hero-visual{padding:18px 14px 38px!important;overflow:hidden!important}
.hero-card{transform:none!important;width:100%!important;max-width:100%!important;box-shadow:8px 8px 0 #ffd51f!important}
.burst{right:4px!important;top:-2px!important;transform:rotate(6deg)!important}
.sol-sticker{left:4px!important;bottom:48px!important}
.speech{right:4px!important;bottom:4px!important;max-width:88%!important}
.hero h1,.section-copy h2,.reveal h2,.section-heading h2,.faq h2{overflow-wrap:anywhere}
.stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.bear-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:hidden!important}
.bear-strip figure{min-width:0!important;overflow:hidden!important}
.bear-strip img{width:100%!important;height:auto!important;display:block!important}
.collection,.mint-section,main,section,footer{width:100%!important;max-width:100%!important;overflow-x:clip!important}
}
@media (max-width:380px){
.nav{padding-left:10px!important;padding-right:10px!important}
.nav-actions{gap:8px!important}
.bear-lang{width:32px!important;height:32px!important;font-size:16px!important;flex-basis:32px!important}
.nav-actions .btn{flex-basis:176px!important;max-width:176px!important;font-size:11px!important;padding:8px!important}
}
.back-top{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border:2px solid #f4f0e5;background:#111;color:#fff;font-size:24px;font-weight:900;display:flex;align-items:center;justify-content:center;z-index:30;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s;cursor:pointer;box-shadow:4px 4px 0 #ffd51f}
.back-top.show{opacity:1;visibility:visible;transform:none}

#walletStatus:not([hidden]){position:fixed;top:96px;left:50%;transform:translateX(-50%);z-index:101;max-width:calc(100% - 32px);padding:14px 20px;background:#111;color:#fff;border:2px solid #ffd51f;box-shadow:0 6px 24px #0008;text-align:center;font-size:15px}

/* Prelaunch state and complete reveal date */
#mintBtn:disabled{cursor:not-allowed;opacity:.7}
.mint-fees{font-size:14px;line-height:1.5;color:#ccc}
.reveal-date b{font-size:clamp(22px,4vw,36px);overflow-wrap:anywhere}
.mint-topline{gap:12px;flex-wrap:wrap}
.progress[hidden]{display:none!important}