/* Shared responsive foundation. Loaded after page styles on every page. */
@media(max-width:900px){
  body>.hub-rail{display:none}
  body>main,body>footer{margin-left:0}
  body>header .nav-shell{min-height:68px;gap:16px}
  body>header .menu-toggle{display:block;flex-shrink:0;width:45px;min-height:44px;padding:5px;border:1px solid #8d7743;border-radius:8px;background:#232427;color:#efd28a}
  body>header #navigation{position:absolute;inset:68px 0 auto;display:none;max-height:calc(100dvh - 68px);overflow-y:auto;overflow-x:hidden;background:#1b1c1e;border-bottom:1px solid #b3964955;padding:15px 22px;box-shadow:0 18px 30px #0005}
  body>header #navigation.mobile-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  body>header #navigation>a,body>header #navigation>.nav-group{border-bottom:1px solid #d8b24a22}
  body>header #navigation a{font-size:15px;line-height:1.5;white-space:normal;padding:14px 10px;color:#e1d3b9}
  body>header #navigation>.nav-group{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
  body>header #navigation .nav-group>a{flex:1;min-width:0}
  body>header #navigation .drop-toggle{flex:0 0 44px;min-height:44px;border-color:#806a3d;background:#292821}
  body>header #navigation .dropdown{position:static;width:100%;min-width:0;background:#252522;border:1px solid #78633155;margin:0 0 12px;padding:7px;border-radius:8px;box-shadow:none}
  body>header #navigation .nav-group:not(.open) .dropdown{display:none}
  body>header #navigation .nav-group.open .dropdown{display:block}
  body>header #navigation .dropdown a{font-size:14px;padding:13px 10px}
  main nav:not(#navigation){position:static;inset:auto;max-height:none;box-shadow:none}
  main .ref-pagination{display:flex;padding:0;background:none;overflow:visible}
  main .scam-jumps,main .about-chapters,main .account-topics{display:flex}
  main>section,main>div,main article,main section>div,main section>article{min-width:0}
  .events-main .event-prize-guide{grid-template-columns:minmax(0,1fr)}
  .events-main .event-prize-guide>div{min-width:0;max-width:100%}
  .events-main .event-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .events-main .event-table table{width:100%}
}
@media(max-width:650px){
  html{scroll-padding-top:85px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body>main .wrap,body>footer>.wrap{width:calc(100% - 36px);max-width:100%;box-sizing:border-box}
  body>header .wrap{width:calc(100% - 32px)}
  body>main h1{font-size:clamp(32px,8.8vw,40px)!important;line-height:1.15;overflow-wrap:break-word}
  body>main h2{font-size:clamp(26px,7.3vw,32px)!important;line-height:1.25;overflow-wrap:break-word}
  body>main h3{line-height:1.35;overflow-wrap:break-word}
  body>main p,body>main li{font-size:14px;line-height:1.85;overflow-wrap:break-word}
  main input:not([type=checkbox]):not([type=radio]),main select,main textarea{font-size:16px;max-width:100%;min-width:0}
  main a,main button{overflow-wrap:break-word}
  main img,main video{max-width:100%}
  main table{max-width:100%}
  main details>summary>span[aria-hidden="true"]:last-child{flex:0 0 24px;align-self:flex-start;width:24px!important;height:24px!important;min-height:0;display:grid;place-items:center;line-height:1;transform-origin:center}
  main .hero{padding:27px 22px;width:calc(100% - 28px)}
  main .hero h1{margin-bottom:23px}
  main .hero p{font-size:14px}
  main .section-layout{flex-direction:column;align-items:stretch;gap:25px}
  main .section-mark,main .app-art,main .demo-art,main .reward-art{max-width:100%;align-self:center}
  main [class$="hero-art"]{max-width:100%;overflow:hidden}
  main .about-hero-art,main .agent-hero-art,main .affiliate-hero-art,main .payment-hero-art,main .top-hero-art{isolation:isolate}
  main .about-chapters,main .account-topics{flex-wrap:nowrap;overflow-x:auto;gap:12px;background:none;scrollbar-width:thin;padding-block:15px}
  main .about-chapters a,main .account-topics a{flex-shrink:0;font-size:14px}
  main .scam-jumps{flex-wrap:wrap;padding-block:16px;background:none}
  main .scam-jumps a{font-size:14px;line-height:1.6}
  main .top-method-nav{padding:7px;background:#1c1d1e}
  main .help-contact-page,main .registration-link{max-width:100%;box-sizing:border-box}
  .events-main .event-prize-guide{display:block}
  .events-main .event-table table{min-width:0;table-layout:fixed}
  .events-main .event-table th,.events-main .event-table td{white-space:normal;overflow-wrap:anywhere;font-size:13px;padding:13px 10px}
  body>footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;padding-top:35px}
  body>footer .footer-brand{grid-column:1/-1}
  body>footer .footer-grid>div{min-width:0}
  body>footer .footer-grid h3{font-size:16px;line-height:1.5}
  body>footer .footer-grid a:not(.brand){font-size:14px;line-height:1.5;white-space:normal;padding-block:9px;display:block}
  body>footer address{font-size:13px;line-height:1.8;max-width:100%}
  body>footer .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-block:20px;font-size:12px}
  body>.reward-launcher{width:76px;min-height:0;height:auto;padding:0 5px 8px;right:10px;bottom:76px;border-radius:12px;animation:none}
  body>.reward-launcher .bonus-scene{display:block;width:64px;height:59px}
  body>.reward-launcher .bonus-badge{display:block;font-size:7px;padding:3px 7px}
  body>.reward-launcher .bonus-invite{display:block;font-size:8px}
  body>.reward-launcher .bonus-title{font-size:12px;line-height:1.5}
  body>.back-top{width:44px;height:44px;right:12px;bottom:18px}
  body>.age-dialog{width:calc(100% - 28px);max-width:480px;max-height:calc(100dvh - 24px);padding:24px;box-sizing:border-box}
  body>.age-dialog h2{font-size:27px;line-height:1.2;margin:13px 0 17px}
  body>.age-dialog p{font-size:14px;line-height:1.65;margin-bottom:15px}
  body>.age-dialog .age-emblem{width:65px;height:65px;font-size:35px;margin:0 auto 15px}
  body>.age-dialog .age-actions{gap:10px;margin:18px 0}
  body>.age-dialog .age-actions button{min-height:51px;font-size:15px;padding:12px 14px;margin:0}
  body>.age-dialog #age-disclaimer{font-size:11px;line-height:1.5;margin:0}
}
@media(max-width:360px){
  body>main .wrap,body>footer>.wrap{width:calc(100% - 28px)}
  body>main h1{font-size:32px!important}
  body>footer .footer-grid{grid-template-columns:minmax(0,1fr)}
  body>footer .footer-brand{grid-column:auto}
}
@media(max-height:500px) and (max-width:900px){
  body>.age-dialog{padding:14px 20px;max-height:calc(100dvh - 16px)}
  body>.age-dialog .age-emblem{width:36px;height:36px;font-size:22px;margin:0 auto 6px}
  body>.age-dialog h2{font-size:22px;margin:7px 0 10px}
  body>.age-dialog p{font-size:12px;line-height:1.4;margin-bottom:8px}
  body>.age-dialog .age-actions{margin:10px 0;gap:7px}
  body>.age-dialog .age-actions button{min-height:40px;padding:8px 12px;font-size:13px}
  body>.age-dialog #age-disclaimer{font-size:10px;line-height:1.35}
}