/* Body Line: lightweight depth layer, independent of account and backend logic. */
:root{--bl-depth-red:#e1a91d;--bl-depth-edge:rgba(255,255,255,.14)}
#home h1{filter:drop-shadow(0 5px 0 #292009) drop-shadow(0 14px 24px rgba(0,0,0,.7))}
#home h1 .text-stroke{text-shadow:0 3px 0 rgba(225,169,29,.35)}
.bl-depth-card{box-shadow:0 2px 0 rgba(255,255,255,.08) inset,0 -4px 0 rgba(0,0,0,.45) inset,0 12px 0 -6px #070707,0 24px 38px -14px rgba(0,0,0,.75);border-color:var(--bl-depth-edge);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.blx-card.bl-depth-card{background:linear-gradient(145deg,#232326 0%,#151517 60%,#1e1a10 100%);border-radius:18px;min-width:0}
.blx-dash{background:radial-gradient(ellipse at 90% 0,rgba(225,169,29,.11),transparent 40%),#0b0b0b}
.blx-dash-head{background:linear-gradient(120deg,#242426,#141416);box-shadow:0 8px 26px rgba(0,0,0,.4)}
.blx-modal{background:linear-gradient(145deg,#222225,#131315)!important;border-color:rgba(225,169,29,.3)!important;box-shadow:0 2px 0 rgba(255,255,255,.12) inset,0 30px 70px rgba(0,0,0,.7),0 0 40px rgba(225,169,29,.08)}
.blx-backdrop{height:100dvh!important;max-height:none!important;align-items:center!important;padding:16px!important}
.blx-modal{max-height:calc(100dvh - 32px)!important}
.blx-btn,.blx-cat-btn,.blx-tab,.blx-linkbtn,#home a:not([href='#stats']){box-shadow:0 2px 0 rgba(255,255,255,.13) inset,0 4px 0 rgba(0,0,0,.45),0 10px 20px rgba(0,0,0,.25);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.blx-btn:active,.blx-cat-btn:active,.blx-tab:active,.blx-linkbtn:active,#home a:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.5)}
.blx-input:focus{outline:2px solid rgba(225,169,29,.65);outline-offset:2px}
.bl-depth-art{position:relative;display:flex;align-items:center;justify-content:center;height:184px;width:min(100%,430px);margin:30px 0 8px;perspective:850px;isolation:isolate;pointer-events:none}
.bl-depth-art:before{content:'';position:absolute;width:86%;height:90%;border:1px solid rgba(225,169,29,.2);border-radius:50%;transform:rotateX(62deg);background:radial-gradient(ellipse,rgba(225,169,29,.21),transparent 67%);bottom:-14px}
.bl-depth-art:after{content:'';position:absolute;width:60%;height:18px;background:#000;border-radius:50%;filter:blur(10px);bottom:8px;opacity:.7}
.bl-depth-iron{width:300px;height:165px;position:relative;z-index:1;transform:rotateX(8deg) rotateY(-14deg) rotateZ(-13deg);filter:drop-shadow(5px 16px 6px rgba(0,0,0,.55));pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:filter .25s}.bl-depth-iron.bl-play{animation:bl-iron-spin 1.2s cubic-bezier(.34,1.3,.5,1) 1}.bl-depth-iron:active{filter:drop-shadow(5px 16px 6px rgba(0,0,0,.55)) brightness(1.15)}
.bl-depth-caption{pointer-events:none;position:absolute;bottom:0;right:0;font-size:9px;font-weight:700;letter-spacing:.22em;color:#f5d78b;text-transform:uppercase}
@keyframes bl-iron-spin{0%{transform:translateY(0) rotateX(8deg) rotateY(-14deg) rotateZ(-13deg)}35%{transform:translateY(-26px) rotateX(14deg) rotateY(160deg) rotateZ(-9deg) scale(1.08)}70%{transform:translateY(-8px) rotateX(10deg) rotateY(330deg) rotateZ(-12deg) scale(1.04)}100%{transform:translateY(0) rotateX(8deg) rotateY(346deg) rotateZ(-13deg)}}@keyframes bl-iron-float{0%,100%{transform:translateY(0) rotateX(8deg) rotateY(-14deg) rotateZ(-13deg)}50%{transform:translateY(-12px) rotateX(14deg) rotateY(8deg) rotateZ(-9deg)}}
.bl-depth-enter{animation:bl-depth-in .65s cubic-bezier(.22,1,.36,1) both}
@keyframes bl-depth-in{from{opacity:.2;transform:perspective(900px) translateY(22px) rotateX(5deg)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.bl-depth-card:hover{transform:perspective(1100px) translateY(-6px) rotateX(2deg) rotateY(-2deg);border-color:rgba(225,169,29,.55);box-shadow:0 2px 0 rgba(255,255,255,.15) inset,0 12px 0 -6px #171308,0 30px 44px -12px rgba(225,169,29,.16)}.blx-btn:hover{transform:translateY(-2px)}}
@media(min-width:1024px){.bl-depth-art{position:absolute;right:4%;top:27%;width:39%;height:340px;margin:0}.bl-depth-iron{width:440px;height:270px}.bl-depth-caption{bottom:4%;right:12%}#home>div.relative.z-10>div{max-width:64%}}
@media(max-width:400px){.blx-cards{grid-template-columns:minmax(0,1fr)}.blx-modal{padding:24px 16px!important}.bl-depth-art{height:155px;margin-top:24px}.bl-depth-iron{width:260px;height:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.bl-depth-enter,.bl-depth-iron,.bl-depth-iron.bl-play{animation:none!important}.bl-depth-card,.blx-btn,.blx-cat-btn,.blx-tab,.blx-linkbtn{transition:none!important}#gym-root .animate-floaty,#gym-root .animate-pulse,#gym-root .pulse-red,#gym-root .bg-grid-anim,#gym-root .animate-marquee{animation:none!important}}
@media print{.bl-depth-art{display:none!important}.bl-depth-card{box-shadow:none!important;transform:none!important;animation:none!important}.blx-dash{background:#fff}}

.bl-depth-card:active{transform:perspective(900px) scale(.975) rotateX(2deg);transition-duration:.12s}.bl-depth-card.bl-tap{animation:bl-card-pop .5s cubic-bezier(.34,1.4,.5,1) 1}@keyframes bl-card-pop{0%{transform:scale(.97)}50%{transform:perspective(900px) translateY(-8px) rotateX(4deg) scale(1.02)}100%{transform:none}}@media(prefers-reduced-motion:reduce){.bl-depth-card.bl-tap{animation:none!important}}
.bl-depth-iron:focus,.bl-depth-iron:focus-visible{outline:none}