/* Buff Olympics — base styles. Most styling lives inline in app.js templates (per the design handoff). */

@font-face{
  font-family:'BN Kragen';
  src:url('/assets/fonts/BNKragen-Bold.otf') format('opentype');
  font-weight:700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Montserrat';
  src:url('/assets/fonts/Montserrat-VariableFont_wght.ttf') format('truetype-variations');
  font-weight:100 900;font-style:normal;font-display:swap;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;height:100%;}
body{
  background:#01121F;
  background-image:radial-gradient(1200px 600px at 80% -10%, rgba(255,95,0,0.10), transparent 60%);
  background-attachment:fixed;
  font-family:'Montserrat',system-ui,sans-serif;
  color:#F3F7F5;
  overscroll-behavior-y:none;
}
button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;text-align:left;padding:0;margin:0;}
input,select,textarea{font:inherit;}
a{color:inherit;}
img{-webkit-user-drag:none;}

/* hide scrollbars on designated scrollers */
.scrl{scrollbar-width:none;-ms-overflow-style:none;}
.scrl::-webkit-scrollbar{display:none;}

#app{min-height:100dvh;display:flex;flex-direction:column;}

/* the app column: full width on phones, centered 520px between 521 and 939px */
.bo-col{width:100%;margin:0 auto;display:flex;flex-direction:column;min-height:0;flex:1;}
@media (min-width:521px){ .bo-col{max-width:520px;} }

@keyframes scrIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@keyframes barGrow{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@keyframes boPulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.55;transform:scale(0.96);}}
@keyframes boToastIn{from{opacity:0;transform:translate(-50%,14px);}to{opacity:1;transform:translate(-50%,0);}}

.bo-toast{
  position:fixed;left:50%;bottom:24px;transform:translateX(-50%);
  z-index:4000;max-width:min(440px,92vw);
  background:#00253D;border:1px solid #FF5F00;border-radius:10px;
  padding:13px 18px;font-size:13.5px;font-weight:700;color:#F3F7F5;
  box-shadow:0 14px 34px rgba(0,0,0,0.5);
  animation:boToastIn .22s ease-out;
}