/* V41 — CLA BUSINESS ROYALE
   CLA Creative palette alignment
   Navy #122A4D · Red #CC2619 · Cream #FBEDCC · Ink #0B0B0B */
:root{
  --br-navy:#122A4D;
  --br-navy-deep:#0B203B;
  --br-navy-soft:#1C3B63;
  --br-red:#CC2619;
  --br-red-deep:#9E1D14;
  --br-cream:#FBEDCC;
  --br-paper:#F7EFD9;
  --br-ink:#0B0B0B;
  --br-muted:#776F61;
  --br-line:rgba(18,42,77,.28);
  --br-line-light:rgba(251,237,204,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.br-page{
  margin:0;
  background:var(--br-paper);
  color:var(--br-ink);
  font-family:"DM Sans",Arial,sans-serif;
  overflow-x:hidden;
}
.br-page a{color:inherit;text-decoration:none}
.br-page button{font:inherit}
.br-page::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:30;
  opacity:.075;
  background-image:
    radial-gradient(circle at 20% 20%,#000 0 .6px,transparent .7px),
    radial-gradient(circle at 80% 70%,#000 0 .55px,transparent .7px);
  background-size:7px 7px,11px 11px;
  mix-blend-mode:multiply;
}
.br-auth{position:fixed;inset:0;z-index:9999;background:var(--br-navy-deep);display:grid;place-items:center;color:var(--br-cream)}
.br-auth>div{border:2px solid var(--br-red);padding:22px 28px;text-align:center;box-shadow:8px 8px 0 rgba(0,0,0,.35)}
.br-auth b{display:block;font:34px "Bebas Neue";letter-spacing:.08em}
.br-auth span{font-size:11px;letter-spacing:.15em;color:var(--br-red)}
.br-shell{min-height:100vh}
.br-topbar{
  height:78px;
  display:grid;
  grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr);
  align-items:center;
  padding:0 clamp(18px,3vw,46px);
  border-bottom:1px solid var(--br-line-light);
  background:rgba(11,32,59,.97);
  position:sticky;
  top:0;
  z-index:40;
  color:var(--br-cream);
}
.br-brand{display:flex;align-items:center;gap:14px}
.br-brand img{width:125px}
.br-brand b{font:26px "Bebas Neue";color:var(--br-red);letter-spacing:.07em}
.br-topbar nav{display:flex;gap:26px;font:14px "Bebas Neue";letter-spacing:.1em}
.br-topbar nav a:hover{color:var(--br-red)}
.br-player{justify-self:end;display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.08em}
.br-player i{width:9px;height:9px;background:var(--br-red);border-radius:50%;box-shadow:0 0 0 3px rgba(204,38,25,.18)}
.br-player strong{font-size:11px;color:var(--br-cream)}
.br-player span{color:#D7CDB7}
.br-matchbar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--br-cream);border-bottom:1px solid var(--br-line);color:var(--br-navy)}
.br-matchbar div{padding:12px 18px;border-right:1px solid var(--br-line);display:flex;justify-content:center;gap:9px;align-items:center;font:10px "DM Sans";font-weight:800;letter-spacing:.14em}
.br-matchbar div:last-child{border-right:0}
.br-matchbar b{color:var(--br-red)}
.br-matchbar .hot b{color:var(--br-navy)}
.br-hero{
  min-height:650px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  position:relative;
  overflow:hidden;
  border-bottom:8px solid var(--br-red);
  background:var(--br-navy);
  color:var(--br-cream);
}
.br-hero::before{
  content:"";
  position:absolute;
  left:-11%;top:-28%;width:49%;height:150%;
  background:linear-gradient(145deg,rgba(204,38,25,.95) 0 8%,transparent 8% 18%,rgba(251,237,204,.08) 18% 19%,transparent 19%);
  transform:skewX(-9deg);
  opacity:.72;
}
.br-hero::after{
  content:"";
  position:absolute;
  inset:auto -10% -52% 20%;
  height:92%;
  border:2px solid rgba(251,237,204,.18);
  border-radius:50%;
  transform:rotate(-8deg);
  box-shadow:0 0 0 60px rgba(251,237,204,.025),0 0 0 130px rgba(204,38,25,.025);
}
.br-hero-copy{position:relative;z-index:4;padding:76px clamp(26px,6vw,92px) 70px}
.br-kicker{display:inline-flex;gap:10px;align-items:center;font-size:10px;font-weight:900;letter-spacing:.2em;color:var(--br-cream);text-transform:uppercase}
.br-kicker::before{content:"";width:34px;height:3px;background:var(--br-red)}
.br-hero h1{font:clamp(88px,12vw,180px)/.72 "Bebas Neue";letter-spacing:-.015em;margin:30px 0;text-transform:uppercase}
.br-hero h1 span{display:block;color:var(--br-red);text-shadow:5px 5px 0 var(--br-ink)}
.br-hero-copy>p{max-width:690px;font:20px/1.55 Georgia,serif;color:#F1E5C9}
.br-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.br-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:2px solid var(--br-cream);font:15px "Bebas Neue";letter-spacing:.08em;transform:skew(-4deg);transition:.15s;color:var(--br-cream)}
.br-btn>*{transform:skew(4deg)}
.br-btn.primary{background:var(--br-red);color:#fff;border-color:var(--br-red);box-shadow:6px 6px 0 var(--br-cream)}
.br-btn:hover{transform:translate(-2px,-2px) skew(-4deg)}
.br-hero-map{position:relative;z-index:3;min-height:570px;padding:55px 45px 60px;display:grid;place-items:center}
.island-card{
  width:min(520px,100%);
  aspect-ratio:1/1;
  position:relative;
  border-radius:44% 56% 50% 46%;
  background:
    radial-gradient(circle at 42% 35%,rgba(251,237,204,.24),transparent 25%),
    radial-gradient(circle at 63% 62%,rgba(204,38,25,.18),transparent 32%),
    linear-gradient(145deg,#1A3C65,var(--br-navy) 48%,var(--br-navy-deep));
  border:5px solid var(--br-cream);
  box-shadow:0 0 0 14px rgba(204,38,25,.18),0 24px 80px rgba(0,0,0,.42);
  transform:rotate(-5deg)
}
.island-card::before,.island-card::after{content:"";position:absolute;border-radius:50%;border:2px dashed rgba(251,237,204,.75)}
.island-card::before{inset:14%}
.island-card::after{inset:31%;border-color:rgba(204,38,25,.9)}
.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(251,237,204,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(251,237,204,.06) 1px,transparent 1px);background-size:34px 34px;clip-path:ellipse(47% 45% at 50% 50%)}
.drop-pin{position:absolute;left:52%;top:38%;width:22px;height:22px;border-radius:50% 50% 50% 0;background:var(--br-red);transform:rotate(-45deg);box-shadow:0 0 0 7px rgba(204,38,25,.18)}
.drop-pin::after{content:"";position:absolute;width:8px;height:8px;background:var(--br-cream);border-radius:50%;left:7px;top:7px}
.route{position:absolute;height:4px;width:72%;background:repeating-linear-gradient(90deg,var(--br-cream) 0 10px,transparent 10px 18px);left:11%;top:53%;transform:rotate(-25deg);filter:drop-shadow(0 0 3px rgba(251,237,204,.55))}
.map-label{position:absolute;padding:7px 10px;background:rgba(11,32,59,.88);border:1px solid rgba(251,237,204,.3);font:9px "DM Sans";font-weight:900;letter-spacing:.13em;color:var(--br-cream)}
.ml1{top:20%;left:19%}.ml2{right:11%;top:55%}.ml3{bottom:16%;left:30%}
.storm-badge{position:absolute;right:4%;top:10%;background:var(--br-red);color:#fff;padding:9px 12px;font:12px "Bebas Neue";letter-spacing:.08em;transform:rotate(4deg);box-shadow:4px 4px 0 var(--br-ink)}
.map-caption{position:absolute;right:25px;bottom:24px;text-align:right;font-size:10px;letter-spacing:.14em;color:#D7CDB7}
.map-caption b{display:block;font:30px "Bebas Neue";color:var(--br-red)}
.br-section{padding:70px clamp(22px,5vw,76px);border-bottom:1px solid var(--br-line);position:relative;background:var(--br-paper);color:var(--br-ink)}
.br-section:nth-of-type(odd){background:var(--br-cream)}
.br-section-head{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:34px}
.br-section-head .num{font:70px/.8 "Bebas Neue";color:var(--br-red);text-shadow:3px 3px 0 rgba(18,42,77,.16)}
.br-section-head h2{font:clamp(52px,6vw,90px)/.85 "Bebas Neue";margin:0;letter-spacing:.01em;color:var(--br-navy)}
.br-section-head h2 span{color:var(--br-red)}
.br-section-head small{font-size:10px;letter-spacing:.18em;color:var(--br-navy);font-weight:800;text-align:right}
.br-intro{font:22px/1.55 Georgia,serif;max-width:960px;color:#2B2A28}
.br-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.br-card{background:var(--br-cream);border:2px solid var(--br-navy);min-height:230px;padding:24px;position:relative;overflow:hidden;box-shadow:5px 6px 0 rgba(18,42,77,.14)}
.br-section:nth-of-type(odd) .br-card{background:var(--br-paper)}
.br-card::after{content:"";position:absolute;width:90px;height:90px;border:12px solid rgba(18,42,77,.05);border-radius:50%;right:-35px;bottom:-35px}
.br-card small{display:block;font-size:9px;letter-spacing:.18em;color:var(--br-red);font-weight:900}
.br-card h3{font:31px/1 "Bebas Neue";margin:22px 0 12px;color:var(--br-navy)}
.br-card p{font:14px/1.55 "DM Sans";color:#36332E}
.br-card.yellow,.br-card.lime{border-top:6px solid var(--br-red)}
.br-card.purple,.br-card.cyan{border-top:6px solid var(--br-navy)}
.br-split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.br-panel{background:var(--br-cream);border:2px solid var(--br-navy);padding:30px;box-shadow:6px 7px 0 rgba(18,42,77,.12)}
.br-section:nth-of-type(odd) .br-panel{background:var(--br-paper)}
.br-panel h3{font:42px/1 "Bebas Neue";margin:0 0 18px;color:var(--br-navy)}
.br-panel p,.br-panel li{color:#35312B;font-size:15px;line-height:1.55}
.br-panel ul,.br-panel ol{padding-left:20px;margin:18px 0 0}
.br-panel li+li{margin-top:10px}
.br-panel.storm{background:var(--br-navy);border-color:var(--br-red);color:var(--br-cream);box-shadow:7px 8px 0 var(--br-red)}
.br-panel.storm h3{color:var(--br-cream)}
.br-panel.storm p{color:#F1E5C9}
.storm-meter{height:16px;background:var(--br-ink);border:1px solid rgba(251,237,204,.24);margin:20px 0;position:relative;overflow:hidden}
.storm-meter i{position:absolute;inset:0 30% 0 0;background:linear-gradient(90deg,var(--br-cream),var(--br-red) 72%,var(--br-red-deep))}
.storm-ticks{display:flex;justify-content:space-between;font:10px "DM Sans";letter-spacing:.1em;color:#D7CDB7}
.loot-table{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.loot-col{border:2px solid var(--br-navy);background:var(--br-cream);padding:26px;box-shadow:5px 6px 0 rgba(18,42,77,.12)}
.br-section:nth-of-type(odd) .loot-col{background:var(--br-paper)}
.loot-col h3{font:38px "Bebas Neue";margin:0 0 20px}
.loot-col.good h3{color:var(--br-navy)}
.loot-col.trap{border-color:var(--br-red)}
.loot-col.trap h3{color:var(--br-red)}
.loot-item{padding:14px 0;border-top:1px solid var(--br-line);display:grid;grid-template-columns:38px 1fr;gap:10px}
.loot-item b{font:25px "Bebas Neue";color:var(--br-red)}
.loot-item span{font-size:13px;line-height:1.45;color:#35312B}
.quest-log{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:30px}
.quest{min-height:180px;border:2px solid var(--br-navy);background:var(--br-cream);padding:20px;position:relative;box-shadow:4px 5px 0 rgba(18,42,77,.11)}
.br-section:nth-of-type(odd) .quest{background:var(--br-paper)}
.quest .xp{position:absolute;right:12px;top:12px;background:var(--br-red);color:#fff;padding:4px 7px;font:10px "Bebas Neue"}
.quest strong{display:block;font:27px/1 "Bebas Neue";margin:36px 0 12px;color:var(--br-navy)}
.quest p{font-size:12px;line-height:1.48;color:#4A463F}
.quest.done{border-color:var(--br-red)}
.quest.done::after{content:"✓";position:absolute;right:14px;bottom:12px;color:var(--br-red);font-size:26px;font-weight:900}
.br-endgame{padding:90px clamp(26px,7vw,110px);background:var(--br-navy);color:var(--br-cream);text-align:center;position:relative;overflow:hidden;border-top:8px solid var(--br-red)}
.br-endgame::before{content:"#1";position:absolute;left:-10px;top:-70px;font:360px "Bebas Neue";color:rgba(251,237,204,.035)}
.br-endgame::after{content:"";position:absolute;right:-12%;bottom:-45%;width:48%;height:110%;background:var(--br-red);transform:rotate(-18deg);opacity:.12}
.br-endgame .crown{font-size:70px;color:var(--br-cream);filter:drop-shadow(5px 5px 0 rgba(0,0,0,.3));position:relative;z-index:2}
.br-endgame h2{font:clamp(82px,12vw,170px)/.72 "Bebas Neue";margin:18px 0;color:var(--br-red);text-shadow:6px 6px 0 var(--br-ink);position:relative;z-index:2}
.br-endgame h3{font:42px "Bebas Neue";letter-spacing:.05em;margin:0 0 22px;position:relative;z-index:2}
.br-endgame p{max-width:780px;margin:0 auto;font:19px/1.6 Georgia,serif;color:#F1E5C9;position:relative;z-index:2}
.br-endgame .br-actions{justify-content:center;position:relative;z-index:2}
.br-sidebar-note{margin:26px auto 0;max-width:900px;font-size:10px!important;line-height:1.5!important;color:#C5BDAA!important;letter-spacing:.06em}
.br-footer{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px clamp(20px,4vw,56px);background:var(--br-ink);border-top:1px solid rgba(251,237,204,.2);font-size:10px;letter-spacing:.1em;color:#BEB5A0}
.br-footer strong{color:var(--br-red);font:17px "Bebas Neue";letter-spacing:.1em}
.br-error{position:fixed;left:20px;right:20px;bottom:20px;z-index:100;background:var(--br-red);color:#fff;padding:14px 18px;border:2px solid var(--br-cream)}
@media(max-width:1050px){
  .br-topbar{grid-template-columns:1fr auto}
  .br-topbar nav{display:none}
  .br-player{display:none}
  .br-hero{grid-template-columns:1fr}
  .br-hero-map{min-height:500px;padding-top:0}
  .island-card{width:min(470px,80vw)}
  .br-grid{grid-template-columns:repeat(2,1fr)}
  .quest-log{grid-template-columns:repeat(2,1fr)}
  .quest:last-child{grid-column:1/-1}
  .br-split{grid-template-columns:1fr}
}
@media(max-width:650px){
  .br-topbar{height:68px;padding:0 15px}
  .br-brand img{width:108px}
  .br-brand b{font-size:23px}
  .br-matchbar{grid-template-columns:1fr 1fr}
  .br-matchbar div{padding:9px 5px;font-size:8px}
  .br-hero-copy{padding:58px 20px 28px}
  .br-hero h1{font-size:28vw}
  .br-hero-copy>p{font-size:17px}
  .br-hero-map{min-height:390px;padding:18px}
  .island-card{width:82vw}
  .br-section{padding:54px 17px}
  .br-section-head{grid-template-columns:auto 1fr}
  .br-section-head small{display:none}
  .br-section-head .num{font-size:52px}
  .br-section-head h2{font-size:16vw}
  .br-grid,.loot-table,.quest-log{grid-template-columns:1fr}
  .quest:last-child{grid-column:auto}
  .br-card{min-height:190px}
  .br-panel{padding:23px}
  .br-endgame{padding:70px 18px}
  .br-endgame h2{font-size:24vw}
  .br-endgame h3{font-size:34px}
  .br-footer{flex-direction:column;align-items:flex-start}
}


/* V48 — official CLA logo */
.br-brand img{filter:none!important}