.inscription-sheet {
  position:fixed;
  z-index:620;
  right:24px;
  bottom:24px;
  width:min(550px,calc(100vw - 48px));
  border:3px solid #796050;
  background:#e7dcbb;
  box-shadow:4px 4px 0 #15101dcc,8px 8px 0 #6a4d51;
  color:#5d4943;
  animation:ink-arrive 180ms steps(4,end);
  font-family:var(--font-body);
  --write:0;
}
.inscription-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:13px 17px;
  background:#332a40;
  color:#ecd4a5;
  border-bottom:3px solid #ae9270;
  font:10px/1.6 var(--font-pixel);
}
.inscription-heading>span {display:flex;gap:10px;align-items:center}
.inscription-heading .pixel-icon {width:32px;height:30px}
.inscription-heading small {display:block;font:12px/1.5 var(--font-body);color:#bca7c7}
.inscription-close {align-self:flex-start;min-width:36px;min-height:36px;border:1px solid #7d6589;color:#d9bfdc;font:18px var(--font-body)}
.inscription-stage {position:relative;height:280px;overflow:hidden;background:#e9dfbf;isolation:isolate}
.inscription-stage:before {content:'';position:absolute;inset:10px;border:1px solid #b5a08066;pointer-events:none}
.inscription-stage canvas {position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:2;pointer-events:none;opacity:.8}
.inscription-text {position:absolute;inset:25px 30px;z-index:1}
.inscription-kicker {font:8px/1.5 var(--font-pixel);color:#9a8065;letter-spacing:.05em}
.ink-title {position:relative;margin:12px 0 10px;font:22px/1.25 var(--font-body);font-weight:700;min-height:29px;overflow-wrap:anywhere}
.ink-title h3 {position:absolute;inset:0;margin:0;color:var(--ink);font:inherit}
.ink-ghost {opacity:.13;color:var(--ink)}
.ink-rule {height:1px;background:var(--ink);opacity:.4;transform:scaleX(var(--write));transform-origin:left;margin-bottom:15px}
.ink-copy {position:relative;font:15px/1.65 var(--font-body);color:var(--ink);max-height:150px;overflow:hidden}
.ink-copy p {margin:0}
.ink-description {position:absolute;inset:0;color:var(--ink)}
.ink-ilusao .ink-name {letter-spacing:.025em}
.ink-necromancia .ink-name,.ink-necromancia .ink-description {text-shadow:0 1px #8c374b25}
.ink-adivinhacao .ink-ghost {opacity:.23}
.inscription-seal {position:absolute;right:26px;bottom:13px;color:var(--ink);opacity:0;font-size:24px;transform:scale(1.5);transition:opacity .25s,transform .25s;z-index:3}
.inscription-complete .inscription-seal {opacity:.85;transform:scale(1)}
.inscription-complete .ink-name,.inscription-complete .ink-description {color:#56443c;transition:color .5s}
.inscription-complete .ink-ghost {opacity:0}
.inscription-bottom {display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #bdaa88;padding:9px 17px;font-size:12px;background:#e1d1aa}
.inscription-caption {color:#7a6352}
.inscription-skip {min-height:36px;border:1px solid #a88d72;color:#715344;padding:5px 12px;font-size:12px}
.inscription-sr {position:absolute;top:0;left:0;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#toast {top:auto}
@keyframes ink-arrive {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px) {
  .inscription-sheet {right:12px;bottom:calc(80px + env(safe-area-inset-bottom));width:calc(100vw - 28px);max-height:calc(100dvh - 100px);overflow:auto}
  .inscription-heading {font-size:9px;padding:10px 12px;gap:8px}
  .inscription-heading small {font-size:11px}
  .inscription-heading .pixel-icon {width:25px;height:26px}
  .inscription-stage {height:290px}
  .inscription-text {inset:22px}
  .ink-title {font-size:21px}
  .ink-copy {font-size:14px;max-height:170px}
  .inscription-bottom {padding:8px 12px;font-size:11px;gap:8px}
  .inscription-skip {font-size:11px;min-height:40px;white-space:nowrap}
}
@media(max-height:550px) {.inscription-stage{height:200px}.inscription-sheet{bottom:12px;max-height:calc(100dvh - 24px);overflow:auto}}
@media(prefers-reduced-motion:reduce) {.inscription-sheet{animation:none}.inscription-seal,.inscription-complete .ink-name,.inscription-complete .ink-description{transition:none}}