/* Max Aura Dungeon — fixed note chibis v0.11.0. No modification to authored Gutenberg content. */
/* All character remarks become content-height, compact cards; Brodin remains text-only until his art exists. */
body .mad-world-reader .mad-character-note {
  box-sizing:border-box;
  margin:1.25rem 0!important;
  margin-left:0!important;
  padding:.8rem 1rem!important;
  border-radius:12px!important;
  box-shadow:4px 5px 0 #090715!important;
  font-style:normal!important;
  font-size:.92em!important;
  line-height:1.5!important;
  max-width:100%;
}
body .mad-world-reader .mad-character-note p { line-height:1.48!important; margin:.28rem 0!important; max-width:none; }
body .mad-world-reader .mad-character-note .mad-note-label {
  font-family:'Trebuchet MS',system-ui,sans-serif!important;
  font-size:.72rem!important;
  line-height:1.28!important;
  letter-spacing:.095em!important;
  margin:0 0 .36rem!important;
  text-transform:uppercase;
}
/* Perched-corner cards: reserve a protected text gutter, never place text beneath artwork. */
body .mad-world-reader .mad-character-note.mad-chibi-note {
  --mad-chibi-accent:#8fd2f0;
  position:relative!important;
  display:block!important;
  isolation:isolate;
  overflow:visible!important;
  min-height:100px!important;
  margin:1.4rem 0!important;
  padding:.65rem 1rem .65rem 114px!important;
  border-left:4px solid var(--mad-chibi-accent)!important;
  border-radius:12px!important;
}
body .mad-world-reader .mad-character-note.mad-chibi-note--right {
  padding-left:1rem!important;
  padding-right:114px!important;
}
body .mad-world-reader .mad-character-note.mad-chibi-note--dude { --mad-chibi-accent:#8fd2f0; }
body .mad-world-reader .mad-character-note.mad-chibi-note--rae { --mad-chibi-accent:#e9a2ed; }
body .mad-world-reader .mad-character-note.mad-chibi-note--chef { --mad-chibi-accent:#edb079; }
body .mad-world-reader .mad-character-note.mad-chibi-note .mad-note-label { color:var(--mad-chibi-accent)!important; }
body .mad-world-reader .mad-character-note.mad-chibi-note > img.mad-chibi-note__portrait {
  position:absolute!important;
  display:block!important;
  width:112px!important;
  max-width:112px!important;
  height:auto!important;
  max-height:136px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  bottom:-2px;
  left:-10px;
  z-index:2;
  margin:0!important;
  padding:0!important;
  pointer-events:none;
  filter:drop-shadow(2px 4px 2px rgba(5,3,12,.6));
  transition:transform .16s ease;
}
body .mad-world-reader .mad-character-note.mad-chibi-note--right > img.mad-chibi-note__portrait {
  left:auto!important;
  right:-10px!important;
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  body .mad-world-reader .mad-character-note.mad-chibi-note:hover > img.mad-chibi-note__portrait { transform:translateY(-4px); }
}
@media(max-width:690px){
  body .mad-world-reader .mad-character-note.mad-chibi-note{
    padding:.55rem .72rem .55rem 83px!important;
    min-height:84px!important;
    margin:1.1rem 0!important;
  }
  body .mad-world-reader .mad-character-note.mad-chibi-note--right{
    padding-left:.72rem!important;
    padding-right:83px!important;
  }
  body .mad-world-reader .mad-character-note.mad-chibi-note > img.mad-chibi-note__portrait {
    width:86px!important;
    max-width:86px!important;
    max-height:104px!important;
    left:-7px;
  }
  body .mad-world-reader .mad-character-note.mad-chibi-note--right > img.mad-chibi-note__portrait {right:-7px!important;}
  body .mad-world-reader .mad-character-note .mad-note-label {font-size:.66rem!important;letter-spacing:.05em!important;}
}
@media(max-width:370px){
  body .mad-world-reader .mad-character-note.mad-chibi-note{padding-left:72px!important;}
  body .mad-world-reader .mad-character-note.mad-chibi-note--right{padding-left:.7rem!important;padding-right:72px!important;}
  body .mad-world-reader .mad-character-note.mad-chibi-note > img.mad-chibi-note__portrait{width:75px!important;max-width:75px!important;max-height:93px!important;}
}
@media(prefers-reduced-motion:reduce){body .mad-world-reader .mad-character-note.mad-chibi-note > img.mad-chibi-note__portrait{transition:none;}}
@media(forced-colors:active){body .mad-world-reader .mad-character-note.mad-chibi-note{border:1px solid CanvasText!important;}}