.oni .screen-card{max-width:500px}.oni-records{margin:-6px 0 18px;font-size:10px;font-weight:800;letter-spacing:1.6px;color:#b9a8c9}.oni-records b{color:#ff9d9d}.oni .hud{top:16px}.oni .hud-stat{min-width:0}.oni .hud-stat strong{font-size:26px;line-height:1.25}.oni .hud-stat>span b{color:#ffb3b3;font-weight:700}.hearts{display:flex!important;gap:5px;margin-top:5px}.heart{display:block;width:20px;height:18px;color:#ff7f7f;filter:drop-shadow(0 2px 4px #0009)}.heart svg{display:block;width:100%;height:100%;fill:currentColor}.heart.empty{color:transparent}.heart.empty svg{stroke:#ffb3b366;stroke-width:1.4}.hearts.hurt .heart:not(.empty){animation:oni-beat .35s ease-out}@keyframes oni-beat{40%{transform:scale(1.25)}}.oni .foot-controls{bottom:16px;letter-spacing:.8px}.oni .touch-button.pressed{background:#ff9d9d;border-color:#ffd0d0;color:#1d0f14}.oni .result-grid{gap:8px}.oni .result-grid>div{min-width:0}@media(pointer:coarse){.oni .foot-controls{display:none}}@media(max-width:600px){.heart{width:17px;height:15px}.hearts{gap:4px}.oni .hud-stat strong,.oni .result-grid strong{font-size:22px}}@media(max-height:570px){.oni .hud{top:10px}.oni .hud-stat strong{font-size:21px}.heart{width:16px;height:14px}.oni-records{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.hearts.hurt .heart{animation:none}}@media(max-height:430px){.oni .screen p.description{display:none}.oni .screen-card{max-height:100%;overflow:auto}.oni .screen h2{font-size:46px;margin-bottom:10px}.oni .control-guide{margin-top:10px}}