/* Pixlaria theme: sunny parchment panels, leaf-green and honey accents, bright sky. Loaded last. */
html, body { background: #7fc4ea; }
body {
  --panel: rgba(255, 249, 232, 0.95);
  --edge: #c9a25a;
  --edge-soft: #e2cf9c;
  --slot: #f3e6c6;
  --accent: #2f9e5a;
  --gold: #d9891c;
  color: #3a2a14;
  text-shadow: none;
}
#game::after { box-shadow: inset 0 0 120px 10px rgba(255, 236, 190, 0.22); }

.label .name.me { color: #fff2a8; }



/* Floating words use the block letters. */
.float svg.blocktext { height: 18px; }


/* Demo mode: the website's live window shows the world and nothing else. */
body.demo #hud, body.demo #tabs, body.demo #panel, body.demo #hotbar, body.demo #chat, body.demo #compass, body.demo #side, body.demo #journey-card, body.demo #worldmap, body.demo #menu, body.demo #hint { display: none !important; }
body.demo #overlay .label .say, body.demo #overlay .label .hpbar { display: none; }

/* Spell words: block letters that pop in over the caster, with a violet shimmer. */
.label .say.spell { color: transparent; font-size: 0; line-height: 0; }
.label .say.spell svg.blocktext { display: block; height: 17px; margin: 0 auto 4px; filter: drop-shadow(0 0 5px rgba(150, 120, 255, 0.85)); animation: spellword 0.55s cubic-bezier(.2, 1.5, .5, 1) both; }
@keyframes spellword { 0% { transform: scale(.35) translateY(8px); opacity: 0; } 100% { transform: scale(1) translateY(0); opacity: 1; } }