.shell{--ink:#302524;--paper:#fff6e3;--accent:#ffca7d;background:#faf0da;border-color:#49352a;color-scheme:light}
.top,.panel{background:#fcf0d9;color:#302524;border-color:#47352e;border-width:2px}
.badge{background:#302524;color:#fff1d8}
.edition,.track-label,.track-label b,.kicker,.hint,.hint b,.digit-column>span,.answer-line small,.result-detail{color:#59443b}
.tiny,.tag,.timer{background:#fff7e4;color:#302524;border:1.5px solid #3b2c26;border-radius:5px 4px 6px 3px}
.tiny[aria-pressed=false]{color:#59443b}
.track i{height:5px;background:#e5ceae;border:1px solid #b99a7b;border-radius:2px}
.track i.done{background:#765248;border-color:#765248}
.track i.current{background:#f6ae63;border-color:#855339}
.timebar{background:#ddc5a7}.timebar i{background:#985644}
.numkey,.panel .action{background:#fff7e4;color:#302524;border:1.5px solid #392a26;border-radius:7px 5px 8px 4px;box-shadow:2px 3px #49352e}
.numkey:active,.panel .action:active{transform:translate(1px,2px);box-shadow:1px 1px #49352e;background:#ffdfa6}
.panel .action{background:#ffca7d;font-size:16px}
.digit-column output.empty{color:#806d5e}
.paper{background:repeating-linear-gradient(#fff8e9 0 19px,#e9d6b8 20px,#fff8e9 21px);border-color:#392a26;border-radius:4px 7px 3px 6px;box-shadow:4px 5px #392a265e}
.impact.bad strong{font-size:clamp(46px,13vw,90px);text-shadow:4px 6px #17100f,7px 9px #a42c1b}
@media(max-height:640px){.panel{min-height:208px}.numkey{min-height:44px}}

#finisherMovie{
  position:absolute;inset:0;z-index:4;width:100%;height:100%;
  object-fit:cover;pointer-events:none;opacity:0;background:#21181b;
}
#finisherMovie.playing{opacity:1;animation:finisher-cut .15s cubic-bezier(.18,.77,.32,1) both}
@keyframes finisher-cut{
  from{clip-path:polygon(0 58%,100% 45%,100% 45%,0 58%)}
  to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
}

.health{display:flex;align-items:center;gap:9px;margin-top:7px;font:900 11px ui-monospace,monospace;min-height:16px}
.health span{min-width:74px;white-space:nowrap}.health #hpLoss{color:#a43122}
.hp-bar{height:8px;flex:1;background:#e5ceae;border:1px solid #8d6753;border-radius:3px;overflow:hidden}
.hp-bar i{display:block;height:100%;background:#6b8a56;transform-origin:left;transition:transform .17s ease-out}
.health.low .hp-bar i{background:#b64534}
.timer{position:absolute;inset:7px 9px auto;width:auto;display:flex;align-items:center;gap:8px;padding:5px 7px;font-size:12px;font-variant-numeric:tabular-nums}
.view:has(.timer:not([hidden])) .view-top{top:42px}
.timer .timebar{margin:0;height:12px;flex:1;border-radius:3px;overflow:hidden}
.timer .timebar i{background:#6b8a56}
.timer[data-warning="orange"] .timebar i{background:#c96c24}
.timer[data-warning="red"]{border-color:#a43122;color:#a43122}
.timer[data-warning="red"] .timebar i{background:#b63d32}
#seconds{min-width:48px;text-align:right}
.keypad{gap:clamp(4px,1.4vw,8px)}
.digit-column{min-width:0}
.digit-column>span{white-space:nowrap;font-size:clamp(8px,2.35vw,10px)}
.two-operations .start-modes{grid-template-columns:repeat(2,1fr)}