/* v0.18.82: shared by the authenticated application and isolated demo. */
:is(.forge-live-theme,.demo-mode) .dashboard49-app .main{
 background:#0c1a2b!important;
}
:is(.forge-live-theme,.demo-mode) .dashboard49-app .main::before{
 position:fixed;inset:calc(var(--demo-bar-height,0px) + 64px) 0 0 226px;width:auto;height:auto;z-index:-1;
 background-color:#102237;
 background-image:linear-gradient(180deg,rgba(6,18,32,.36),rgba(6,18,32,.63)),url('/assets/dojo-wallpaper81.webp');
 background-size:100% 100%,contain;background-position:center;background-repeat:no-repeat;
 opacity:1;mask-image:none;mask-composite:add;
}
:is(.forge-live-theme,.demo-mode) .dashboard49-app .topbar{
 background:rgba(12,27,44,.82)!important;backdrop-filter:blur(14px);
}
:is(.forge-live-theme,.demo-mode) .dashboard49 :is(.dash-profile,.dash-xp,.dash-rank,.exam59-profile,.dash-top3,.dash-activity,.dash-shortcuts){
 background:rgba(14,30,48,.80)!important;backdrop-filter:blur(9px);
}
.cards81-head{margin-bottom:24px}.cards81-head h1{margin:0 0 9px;color:#f1f7ff;font-size:clamp(26px,3.2vw,38px);letter-spacing:.025em}
.cards81-head p{margin:0;color:#bdcee0;line-height:1.5}
.cards81-tabs{display:flex;gap:8px;padding:6px;margin:0 0 24px;width:fit-content;max-width:100%;border:1px solid #344960;border-radius:14px;background:rgba(14,30,48,.8)}
.cards81-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 20px;border:1px solid transparent;border-radius:9px;color:#b9cee3;background:transparent;font-family:inherit;font-weight:700;font-size:14px;line-height:1.3;cursor:pointer}
.cards81-tabs button span{display:inline-grid;place-items:center;min-width:24px;min-height:24px;padding:2px 5px;border-radius:6px;background:rgba(135,180,224,.12);font-size:12px}
.cards81-tabs button[aria-pressed=true]{color:#f3f8ff;border-color:#527aa2;background:linear-gradient(135deg,#294866,#1b3049);box-shadow:0 3px 12px #0002}
.cards81-tabs button:hover{color:#fff;background-color:#213a53}.cards81-tabs button:focus-visible{outline:3px solid #a6ddff;outline-offset:3px}
.ukemi81-directory{display:grid;gap:20px;max-width:1120px;margin:0 auto}
.ukemi81-card{position:relative;margin:0;overflow:hidden;background:transparent;border:0;border-radius:18px;box-shadow:0 8px 22px #02091438}
.ukemi81-card img{display:block;width:100%;height:auto}
.ukemi81-card figcaption{position:absolute;bottom:10px;left:18px;color:#bdcee0;font-size:11px;letter-spacing:.12em;line-height:1.4}
@media(max-width:740px){:is(.forge-live-theme,.demo-mode) .dashboard49-app .main::before{left:0;bottom:74px;background-image:linear-gradient(180deg,rgba(6,18,32,.36),rgba(6,18,32,.63)),url('/assets/dojo-wallpaper-portrait82.webp')}}
@media(max-width:480px){.cards81-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:4px;padding:4px}.cards81-tabs button{padding:10px 9px;font-size:12px;gap:6px}.cards81-head{margin-bottom:18px}.ukemi81-directory{gap:14px}.ukemi81-card{border-radius:10px}.ukemi81-card figcaption{font-size:9px;bottom:5px;left:10px}}

@media(min-width:1700px){:is(.forge-live-theme,.demo-mode) .dashboard49-app .main::before{left:246px}}
@media(min-width:741px) and (max-width:1180px){:is(.forge-live-theme,.demo-mode) .dashboard49-app .main::before{left:208px}}
/* Current LIVE V2 profile layout and its rounded artwork stay intact. */
.ukemi81-card img{border-radius:inherit}
.ukemi81-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 #ffffff38}