/* ANGAD v5.7.1 — Approved nature entrance, STAGING ONLY.
   Visual changes are restricted to the entrance. Everything else uses existing styles. */
.app-shell:has(.angad-nature-entry) {
  position:relative;
  min-height:100svh;
  padding-bottom:0;
  isolation:isolate;
  background:#163e4a url("angad-nature-entrance.jpg") center center / cover no-repeat;
}
.app-shell:has(.angad-nature-entry)::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(5,29,51,.70) 0%,rgba(7,47,69,.44) 28%,
    rgba(7,42,51,.18) 47%,rgba(7,29,30,.31) 62%,
    rgba(2,21,25,.84) 100%);
}
.app-shell:has(.angad-nature-entry) .topbar {
  position:absolute;top:0;left:0;width:100%;z-index:22;
  display:flex;justify-content:flex-end;align-items:flex-start;
  border:0;box-shadow:none;backdrop-filter:none;
  background:transparent;padding:clamp(18px,4vw,28px) 22px;
}
.app-shell:has(.angad-nature-entry) .topbar .angad-brand-home{display:none!important}
.app-shell:has(.angad-nature-entry) .topbar .account-pill {
  min-width:0;min-height:46px;
  padding:8px 15px;
  border:1px solid rgba(239,253,255,.53);
  border-radius:999px;
  background:rgba(4,35,52,.47);
  backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
  color:white;box-shadow:0 5px 15px rgba(0,20,31,.15);
  font-size:12px;
}
.app-shell:has(.angad-nature-entry) .topbar .account-pill #accountPillMain {
  font-size:12px;font-weight:750;letter-spacing:.025em;
}
.app-shell:has(.angad-nature-entry) .topbar .account-pill #accountPillSub {
  font-size:10px;color:#dceaf0;letter-spacing:.025em;
}
.app-shell:has(.angad-nature-entry) .angad-stage-note{display:none}
.app-shell:has(.angad-nature-entry) main{
  position:relative;z-index:1;width:100%;padding:0;margin:0;
}
.angad-nature-entry {
  min-height:100svh;
  display:flex;flex-direction:column;justify-content:space-between;
  gap:20px;margin:0;
  padding:clamp(142px,20svh,210px) 20px max(16px,env(safe-area-inset-bottom));
  color:white;
}
.angad-nature-entry .angad-entry-intro {
  position:relative;min-height:0;padding:0;margin:0;
  background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;
  text-align:center;color:white;
}
.angad-nature-entry .angad-entry-intro::before,
.angad-nature-entry .angad-entry-intro::after{content:none;display:none}
.angad-nature-logo {
  font-family:'Sora',system-ui,sans-serif;
  font-size:clamp(43px,12.6vw,65px);
  font-weight:800;letter-spacing:.12em;line-height:1.05;
  text-indent:.12em;color:white;
  text-shadow:0 4px 20px rgba(0,19,39,.32);
}
.angad-nature-tagline{
  margin:13px auto 0;
  font-size:clamp(11px,2.8vw,14px);
  font-weight:650;letter-spacing:.23em;line-height:1.55;
  color:#f0fbfd;white-space:nowrap;
}
.angad-nature-tagline span{padding:0 .14em;color:#d7e9f3}
.angad-nature-rule {display:block;width:42px;height:2px;background:rgba(245,254,255,.75);margin:19px auto 16px;border-radius:4px}
.angad-nature-entry .angad-entry-intro h1{
  font-family:Inter,system-ui,sans-serif;
  font-weight:500;font-size:clamp(17px,4.3vw,22px);
  letter-spacing:.02em;line-height:1.5;
  color:#fff;text-shadow:0 2px 16px rgba(3,24,45,.45);
  max-width:450px;margin:0 auto;
}
.angad-nature-entry .angad-entry-activities{
  display:grid;grid-template-columns:1fr;gap:12px;
  margin-top:auto;margin-bottom:7px;
}
.angad-nature-entry .angad-entry-choice{
  display:grid;grid-template-columns:58px 1px minmax(0,1fr) 33px;
  align-items:center;gap:13px;
  min-height:93px;width:100%;margin:0;
  padding:12px 13px;border-radius:25px;
  text-align:left;color:#fff;
  box-shadow:0 14px 28px rgba(0,22,31,.22);
  cursor:pointer;overflow:hidden;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  transition:transform .15s ease,background .15s ease;
}
.angad-nature-entry .angad-entry-choice::before{content:none;display:none}
.angad-nature-entry .angad-entry-choice-play{
  background:linear-gradient(110deg,rgba(6,75,63,.84),rgba(6,72,67,.70));
  border:1.3px solid #67e1c7;
}
.angad-nature-entry .angad-entry-choice-work{
  background:linear-gradient(110deg,rgba(18,69,109,.86),rgba(13,57,96,.73));
  border:1.3px solid #8ccaff;
}
.angad-nature-entry .angad-choice-icon{
  display:grid;place-items:center;
  width:58px;height:58px;min-height:58px;margin:0;
  background:rgba(163,238,235,.14);color:#f0fffe;
  border:1px solid rgba(204,255,248,.44);border-radius:50%;
  box-shadow:none;
}
.angad-nature-entry .angad-entry-choice-work .angad-choice-icon {
  background:rgba(139,207,255,.17);border-color:rgba(169,221,255,.50);
}
.angad-nature-entry .angad-choice-icon svg{width:32px;height:32px;display:block}
.angad-nature-separator{width:1px;height:55%;background:rgba(246,255,255,.36);display:block}
.angad-nature-entry .angad-choice-content {display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:0}
.angad-nature-entry .angad-choice-content b{
  font-family:'Sora',system-ui,sans-serif;font-size:clamp(23px,6vw,30px);
  font-weight:800;letter-spacing:.06em;line-height:1.05;color:#fff;
}
.angad-nature-entry .angad-choice-content>span {
  font-size:clamp(10.5px,2.7vw,12px);line-height:1.35;
  color:#e4f3f4;opacity:1;font-weight:500;
}
.angad-nature-entry .angad-choice-arrow{
  display:grid;place-items:center;align-self:center;
  width:32px;height:32px;border-radius:50%;
  font-family:Arial,sans-serif;font-size:30px;font-weight:400;
  background:rgba(241,254,255,.14);border:1px solid rgba(238,254,255,.16);
  color:#fff;opacity:1;
}
.angad-nature-staging{
  text-align:center;color:#e2f2ed;font-size:10px;
  letter-spacing:.08em;font-weight:700;line-height:1.4;
  text-shadow:0 2px 7px rgba(0,0,0,.5);
}
.angad-nature-entry .angad-entry-choice:focus-visible,
.app-shell:has(.angad-nature-entry) .topbar .account-pill:focus-visible {
  outline:3px solid #dcff6a!important;outline-offset:3px!important;
}
@media(max-width:370px){
 .angad-nature-entry{padding-left:14px;padding-right:14px}
 .angad-nature-entry .angad-entry-choice{grid-template-columns:48px 1px minmax(0,1fr) 26px;gap:9px;min-height:86px;padding:9px 10px}
 .angad-nature-entry .angad-choice-icon{width:48px;height:48px;min-height:48px}
 .angad-nature-entry .angad-choice-icon svg{width:27px;height:27px}
 .angad-nature-entry .angad-choice-arrow{width:26px;height:26px}
 .angad-nature-entry .angad-choice-content>span{font-size:10px}
}
@media(max-height:695px){
 .angad-nature-entry{padding-top:115px;gap:8px}
 .angad-nature-entry .angad-entry-activities{gap:8px}
 .angad-nature-entry .angad-entry-choice{min-height:77px;padding-top:9px;padding-bottom:9px}
 .angad-nature-logo{font-size:38px}
 .angad-nature-rule{margin:10px auto}
}
@media(min-width:700px){
 .app-shell:has(.angad-nature-entry){max-width:790px}
 .angad-nature-entry .angad-entry-activities{max-width:620px;width:100%;margin-left:auto;margin-right:auto}
}
@media(prefers-reduced-motion:reduce){.angad-nature-entry .angad-entry-choice{transition:none!important}}

/* v5.7.2 — FULL ORIGINAL PHOTOGRAPH. It is a landscape (1536 x 865);
   a portrait cover inevitably crops both sides. Keep the full image in a
   1536:865 frame with object-fit:contain and put the actions BELOW it. */
.app-shell:has(.angad-nature-entry){
  background:linear-gradient(155deg,#194666 0%,#123b57 30%,#0b3441 70%,#062329 100%);
}
.app-shell:has(.angad-nature-entry)::before{
  background:radial-gradient(ellipse at 45% 32%,rgba(94,156,189,.21),transparent 65%);
}
.angad-nature-entry{
  min-height:100svh;
  justify-content:flex-start;
  gap:clamp(15px,2.4svh,24px);
  padding:clamp(105px,14svh,132px) clamp(12px,3.6vw,24px) 18px;
}
.angad-nature-entry .angad-entry-intro{flex:0 0 auto}
.angad-nature-entry .angad-entry-intro h1{
  font-size:clamp(16px,4vw,21px);
}
.angad-nature-rule{margin:13px auto 12px}
.angad-nature-panorama{
  display:block;flex:0 0 auto;align-self:center;
  width:100%;max-width:100%;
  aspect-ratio:1536 / 865;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(195,230,238,.54);
  border-radius:clamp(13px,4vw,22px);
  background:#7b9bb3;
  box-shadow:0 18px 32px rgba(1,18,25,.29);
}
.angad-nature-panorama img{
  display:block;width:100%;height:100%;object-fit:contain;
  object-position:center;background:#7b9bb3;
}
.angad-nature-entry .angad-entry-activities{
  margin:auto 0 0;gap:12px;
}
.angad-nature-entry .angad-entry-choice{min-height:85px}
.angad-nature-staging{margin:0 0 1px}
@media(max-width:370px){
 .angad-nature-entry{padding-top:92px;gap:12px;padding-inline:12px}
 .angad-nature-logo{font-size:41px}
 .angad-nature-tagline{font-size:10px;letter-spacing:.18em}
 .angad-nature-entry .angad-entry-choice{min-height:76px}
}
@media(max-height:695px){
 .angad-nature-entry{padding-top:83px;gap:10px}
 .angad-nature-logo{font-size:38px}
 .angad-nature-tagline{margin-top:7px}
 .angad-nature-rule{margin:8px auto}
 .angad-nature-entry .angad-entry-choice{min-height:72px}
}
@media(min-width:700px){
 .angad-nature-entry{max-width:790px;margin:auto;padding-top:115px}
 .angad-nature-panorama{max-width:720px}
 .angad-nature-entry .angad-entry-activities{margin-top:10px}
}

/* Balanced spacing around the uncropped panorama and the activity actions */
.angad-nature-entry{justify-content:space-between}
.angad-nature-entry .angad-entry-activities{margin:0}
@media(max-height:650px){.angad-nature-entry{justify-content:flex-start}.angad-nature-entry .angad-entry-activities{margin-top:9px}}