*{box-sizing:border-box}html,body{color:#fff4d6;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#1a0e06;height:100%;margin:0;font-family:ui-monospace,Cascadia Mono,Courier New,monospace;overflow:hidden}#app{place-items:center;display:grid;position:fixed;inset:0}#game{image-rendering:pixelated;image-rendering:crisp-edges;display:block;box-shadow:0 0 40px #0009}#touch{touch-action:none;grid-template-columns:repeat(3,1fr);display:none;position:fixed;inset:0}#touch.active{display:grid}#touch .zone{border-right:1px dashed #fff4d614;justify-content:center;align-items:flex-end;padding-bottom:12px;display:flex}#touch .zone:last-child{border-right:0}#touch .zone span{opacity:0;font-weight:700}@media (hover:none){#touch .zone span{opacity:.35}}button{font:inherit;color:#2a1608;cursor:pointer;background:#ffe08a;border:0;border-bottom:4px solid #b8801a;border-radius:6px;margin:4px;padding:8px 16px;font-weight:700}button:hover{background:#fff0b0}button:active{border-bottom-width:2px;transform:translateY(2px)}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #7df0b4}button.big{margin:12px auto 6px;padding:10px 34px;font-size:1.3rem;display:block}button.icon{padding:6px 10px}#btnPause{z-index:5;opacity:.85;position:fixed;top:10px;right:10px}.screen{z-index:10;background:#140a048c;place-items:center;padding:12px;display:grid;position:fixed;inset:0;overflow:auto}.screen[hidden]{display:none}.card{text-align:center;background:#2a180aeb;border:3px solid #8a5a2e;border-radius:12px;max-width:min(440px,94vw);padding:18px 24px;box-shadow:0 8px #00000059}h1{color:#ff6a4a;text-shadow:2px 2px #2a0a06;margin:0;font-size:1.8rem;line-height:1.1}h1 span{color:#ffe08a;display:block}h2{color:#ffe08a;margin:0 0 8px}.sub{opacity:.85;margin:6px 0 14px}.row{justify-content:center;align-items:center;gap:6px;display:flex}input[type=text]{font:inherit;color:#2a1608;background:#fff4d6;border:2px solid #8a5a2e;border-radius:6px;width:13ch;padding:7px 10px}.rec{color:#7df0b4;min-height:1.2em;margin:8px 0 0;font-size:.85rem}.rec.new{color:#ffd23a;font-weight:700}.opts{text-align:left;margin-top:10px;font-size:.9rem}.opts summary{cursor:pointer;text-align:center}.opts label{align-items:center;gap:8px;margin:8px 0;display:flex}.opts input[type=range]{accent-color:#ffe08a;flex:1}.opts output{text-align:right;min-width:7ch}.hint{opacity:.7;margin:0;font-size:.75rem}.help{opacity:.8;margin:12px 0 0;font-size:.8rem}kbd{color:#2a1608;background:#fff4d6;border-bottom:2px solid #b8801a;border-radius:4px;padding:1px 5px}.grade{color:#ffe08a;text-shadow:3px 3px #2a0a06;margin:4px 0 8px;font-size:4rem;font-weight:700;line-height:1}.grade[data-grade=S]{color:#ffd23a;animation:1s ease-in-out infinite alternate brilho}.grade[data-grade=A]{color:#7df0b4}.grade[data-grade=B]{color:#8ae6ff}.grade[data-grade=C]{color:#ffb07a}.grade[data-grade=D]{color:#ff6a5a}@keyframes brilho{0%{transform:scale(1)}to{transform:scale(1.12)}}.reduce-motion .grade{animation:none!important}.stats{text-align:left;grid-template-columns:auto auto;gap:4px 16px;width:max-content;margin:0 auto;display:grid}.stats dt{opacity:.75}.stats dd{text-align:right;margin:0;font-weight:700}.rotate{display:none}@media (orientation:portrait) and (width<=700px){.rotate{text-align:center;opacity:.7;pointer-events:none;margin:0;font-size:.8rem;display:block;position:fixed;bottom:8px;left:0;right:0}}