/* =====================================================================
   UPDATE 93: welcome screen – readable on every screen and theme,
   two-column layout on computers and tablets in landscape.
   ===================================================================== */
#app:has(> .ob73){background:#160d06!important}
.ob73{background:radial-gradient(120% 70% at 50% 0%,#4a2c12 0%,#24150a 55%,#160d06 100%)!important;color:#fff3dc}
.ob73 .obsteps span{font-weight:800!important}
.ob73 .poster img{display:block;width:100%;height:100%;object-fit:cover}
.ob73 .login{position:relative;z-index:2;width:100%;max-width:520px;margin:-18px auto 0;padding:20px 18px 6px;border-radius:22px;
 background:linear-gradient(180deg,rgba(61,37,18,.95),rgba(28,17,8,.97));border:2px solid #c99a3a;
 box-shadow:0 0 0 3px #2a1708,0 0 0 4px rgba(122,84,32,.9),0 18px 40px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,233,163,.22)}
.ob73 h2.t73{font-size:30px!important;letter-spacing:.5px;
 text-shadow:0 3px 0 #2a1404,1px 1px 0 #2a1404,-1px -1px 0 #2a1404,1px -1px 0 #2a1404,-1px 1px 0 #2a1404,0 0 18px rgba(255,190,60,.45)!important}
.ob73 .s73{color:#f6e7c8!important;font-size:16px;line-height:1.45}
.ob73 .ret73{color:#ecd9b0!important}
.ob73 .gn73,.ob73 .muted.gn73{color:#dcc69c!important;font-weight:700}
.ob73 .guest73{background:linear-gradient(180deg,#6a4520,#3e2610)!important;color:#ffe9b8!important;border:2px solid #c99a3a!important;
 box-shadow:inset 0 1px 0 rgba(255,233,163,.25),0 4px 0 rgba(0,0,0,.45)!important;text-shadow:0 1px 0 rgba(0,0,0,.5)}
.ob73 .peek73{background:linear-gradient(rgba(255,200,90,.10),rgba(0,0,0,.25))!important;border-color:rgba(255,215,140,.35)!important}
.ob73 .peek73 span{color:#ffe9bf!important}
.ob73 .legal73{font-size:13px!important;opacity:1!important;color:#dcc69c;line-height:1.5}
.ob73 .legal73 a{color:#ffd98a!important;font-weight:800;text-decoration:underline;text-underline-offset:2px}

/* tablets in portrait and small laptops: one column, poster kept in proportion */
@media (min-width:700px){
 .ob73 .poster{max-width:900px;margin:0 auto;width:100%;max-height:46vh;border-radius:0 0 22px 22px}
}
/* computers and landscape tablets: poster left, sign-in right */
@media (min-width:960px) and (orientation:landscape){
 .ob73:has(> .login){display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(380px,460px);grid-template-rows:auto 1fr;
  column-gap:36px;align-items:center;align-content:center;padding:18px 40px 28px;min-height:100%}
 .ob73:has(> .login) > .obsteps{grid-column:1 / -1;justify-self:center}
 .ob73:has(> .login) > .poster{grid-column:1;grid-row:2;align-self:center;max-height:calc(100vh - 110px);aspect-ratio:5/3;
  border-radius:22px;border:2px solid #c99a3a;box-shadow:0 0 0 4px #2a1708,0 24px 50px rgba(0,0,0,.6)}
 .ob73:has(> .login) > .login{grid-column:2;grid-row:2;margin:0;align-self:center}
 .ob73:has(> .login) > *:not(.obsteps):not(.poster):not(.login){grid-column:1 / -1}
}

/* all sign-up steps (tribe, ruler): same dark scene, readable text, sized for the screen */
#app:has(> .ob){background:#160d06!important}
body:has(.ob){background:#160d06!important}
.ob{background:radial-gradient(120% 70% at 50% 0%,#4a2c12 0%,#24150a 55%,#160d06 100%)!important;color:#fff3dc}
.ob > h1,.ob h1.tpick{text-shadow:0 3px 0 #2a1404,1px 1px 0 #2a1404,-1px -1px 0 #2a1404,1px -1px 0 #2a1404,-1px 1px 0 #2a1404,0 0 18px rgba(255,190,60,.4)!important}
.ob > p.muted,.ob > .muted{color:#e6d3ac!important;font-weight:700}
.ob .obsteps span:not(.on):not(.done){background:#3a2414!important;color:#e6d3ac!important;border:1px solid rgba(201,154,58,.5)}
.ob .obsteps span.done{background:#5b6b3a!important;color:#f3ecd6!important}
@media (min-width:960px){
 .ob .tcards2{max-width:980px;margin-left:auto!important;margin-right:auto!important}
 .ob .tfeat{max-width:920px;margin-left:auto!important;margin-right:auto!important}
}
.ob .tfimg,.ob .tfimg img{background-position:center 22%!important;object-position:center 22%!important}
.ob .obbar{background:linear-gradient(rgba(22,13,6,0),#160d06 35%)!important}
.ob .rhead img{object-position:center 22%!important}
.ob .rtitle{text-shadow:0 2px 0 #2a1404,0 0 14px rgba(255,190,60,.35)}
.ob .field label,.ob .field > span,.ob .field > b,.ob .chk,.ob .refbox summary{color:#f0dfb8!important}
.ob .chk a{color:#ffd98a!important;text-decoration:underline}
@media (min-width:960px){
 .ob > .rhead,.ob > .refban,.ob > .rtitle,.ob > .hpick,.ob > .field,.ob > .refbox,.ob > .chk,.ob > .tgo{max-width:920px;margin-left:auto!important;margin-right:auto!important}
 .ob > .tgo{display:flex;width:100%}
}
.ob .refban{background:linear-gradient(180deg,#3d2512,#2a1a0c)!important;color:#f0dfb8!important;border:1.5px solid rgba(201,154,58,.55)!important}
.ob .refban *{color:inherit}


/* UPDATE 94: surprise supply cart for beginners */
#cart94{position:fixed;left:14px;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:60;display:none;align-items:center;gap:8px;
 padding:8px 14px 8px 8px;border:2px solid #c99a3a;border-radius:999px;cursor:pointer;color:#ffe9b8;font:800 14px Nunito,sans-serif;
 background:linear-gradient(180deg,#6a4520,#3e2610);box-shadow:0 0 0 3px rgba(42,23,8,.8),0 8px 18px rgba(0,0,0,.45),0 0 22px rgba(255,200,60,.45);
 animation:bob94 1.6s ease-in-out infinite}
#cart94 .ci{font-size:28px;line-height:1;filter:drop-shadow(0 2px 0 rgba(0,0,0,.4))}
#cart94 small{display:block;font-size:11px;color:#f5c542;letter-spacing:.06em;text-transform:uppercase}
@keyframes bob94{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (prefers-reduced-motion:reduce){#cart94{animation:none}}
body:has(#banner.on) #coach88{display:none!important}