:root{
  --comix-gdr-bg:#140b08;
  --comix-gdr-panel:#20110c;
  --comix-gdr-gold:#f3b35b;
  --comix-gdr-fire:#ff7a1a;
  --comix-gdr-red:#8f2117;
  --comix-gdr-violet:#6d4be8;
  --comix-gdr-text:#fff4de;
}
.comix-gdr-character{margin:0;line-height:0;z-index:2;pointer-events:none}.comix-gdr-character img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}.comix-gdr-size-small{width:96px}.comix-gdr-size-medium{width:170px}.comix-gdr-size-large{width:260px}.comix-gdr-position-inline{display:inline-block;vertical-align:middle}.comix-gdr-position-center{margin:0 auto}.comix-gdr-position-corner-left{position:absolute;left:12px;bottom:10px}.comix-gdr-position-corner-right{position:absolute;right:12px;bottom:10px}.comix-gdr-dragon{filter:drop-shadow(0 0 18px rgba(255,91,20,.55))}.comix-gdr-wizard{filter:drop-shadow(0 0 18px rgba(123,80,255,.55))}.comix-gdr-progress-block{width:100%;max-width:760px;margin:14px auto;color:var(--comix-gdr-text);font-family:inherit}.comix-gdr-progress-label{display:flex;justify-content:space-between;gap:12px;margin:0 0 7px;font-size:14px;letter-spacing:.02em}.comix-gdr-progress-label strong{color:var(--comix-gdr-gold)}.comix-gdr-progress-wrap{height:20px;background:linear-gradient(180deg,#110807,#28110b);border:1px solid rgba(243,179,91,.82);border-radius:999px;box-shadow:inset 0 0 10px rgba(0,0,0,.85),0 0 16px rgba(255,122,26,.15);overflow:hidden}.comix-gdr-progress-bar{width:var(--comix-gdr-progress,0%);height:100%;border-radius:999px;background:linear-gradient(90deg,var(--comix-gdr-red),var(--comix-gdr-fire),#ffd789);box-shadow:0 0 14px rgba(255,122,26,.75);transition:width .8s ease}.comix-gdr-progress-boss .comix-gdr-progress-bar{background:linear-gradient(90deg,#4b0606,#b31414,#ffb13c)}.comix-gdr-progress-session .comix-gdr-progress-bar{background:linear-gradient(90deg,#24215a,var(--comix-gdr-violet),#d6c8ff)}.comix-gdr-scene{position:relative;isolation:isolate;overflow:hidden;margin:24px auto;padding:42px 210px 36px;min-height:230px;border:1px solid rgba(243,179,91,.55);border-radius:22px;background:radial-gradient(circle at 50% 0,rgba(255,122,26,.25),transparent 42%),linear-gradient(135deg,#130907,#24100c 55%,#120807);box-shadow:0 18px 40px rgba(0,0,0,.35);color:var(--comix-gdr-text)}.comix-gdr-scene:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.48),transparent 32%,transparent 68%,rgba(0,0,0,.48));z-index:-1}.comix-gdr-scene-content{position:relative;z-index:3;text-align:center}.comix-gdr-scene h2{margin:0 0 12px;color:var(--comix-gdr-gold);font-size:clamp(26px,4vw,46px);text-transform:uppercase;letter-spacing:.04em}.comix-gdr-scene-text{font-size:clamp(15px,2vw,18px);line-height:1.55;max-width:760px;margin:0 auto 18px}.comix-gdr-loaded .comix-gdr-character img{animation:comixGdrFloat 4.8s ease-in-out infinite}@keyframes comixGdrFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (prefers-reduced-motion:reduce){.comix-gdr-loaded .comix-gdr-character img{animation:none}.comix-gdr-progress-bar{transition:none}}@media (max-width:900px){.comix-gdr-scene{padding:32px 18px 170px}.comix-gdr-position-corner-left{left:8px;bottom:8px}.comix-gdr-position-corner-right{right:8px;bottom:8px}.comix-gdr-size-medium{width:126px}.comix-gdr-size-large{width:190px}}@media (max-width:520px){.comix-gdr-scene{padding-bottom:145px}.comix-gdr-size-small{width:78px}.comix-gdr-size-medium{width:104px}.comix-gdr-size-large{width:150px}.comix-gdr-progress-label{font-size:12px}}