.jp{--h:21px;z-index:5;color:#ffd98a;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffffff12,#0000 38%),linear-gradient(#170a0b,#070304);border-radius:12px;justify-items:center;gap:4px;min-width:192px;padding:8px 14px 9px;transition:box-shadow .3s;display:grid;position:absolute;top:0;left:0;box-shadow:0 0 0 1px #5a3f14,0 0 0 2.5px #1b1209,0 0 0 3.5px #e8be60f2,0 10px 24px #0009,0 0 26px #ff962829}.jp:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.jp-cap{font:800 8.5px/1 var(--font);letter-spacing:.2em;white-space:nowrap;color:#e9c970;text-shadow:0 0 6px #e6aa3c73}.jp-digits{height:var(--h);filter:drop-shadow(0 0 4px #ff961eb3);align-items:flex-end;gap:2px;display:flex}.jp .cell{height:var(--h);align-items:flex-end;display:inline-flex}.jp .cell.num{width:calc(var(--h) * .62)}.jp .dg{width:100%;height:100%;display:block;overflow:visible}.jp .dg .s{fill:#ff961e13}.jp .dg .s.on{fill:#ffbf47}.jp .cell.cur{font:800 calc(var(--h) * .86) / 1 var(--font);color:#ffbf47;align-items:center;padding-right:1px}.jp .cell.sep{width:calc(var(--h) * .2);justify-content:center;padding-bottom:1px}.jp .cell.sep i{width:calc(var(--h) * .13);height:calc(var(--h) * .2);background:#ffbf47;border-radius:1px;display:block}.jp .cell.sep:not(.dot) i{height:calc(var(--h) * .3);transform:skew(-16deg)}.jp-bulbs{pointer-events:none;filter:drop-shadow(0 0 2px #ffc864cc);background-image:radial-gradient(circle at 2.2px 2.5px,#ffe8ab 0 1.3px,#ffd68200 1.9px),radial-gradient(circle at 6.7px 2.5px,#ffd68233 0 1.3px,#ffd68200 1.9px);background-repeat:repeat-x;background-size:9px 5px;height:5px;animation:1s steps(2,end) infinite jpChase;position:absolute;left:10px;right:10px}.jp-bulbs.top{top:-1.5px}.jp-bulbs.bottom{bottom:-1.5px}@keyframes jpChase{to{background-position-x:9px}}.jp.armed .jp-cap{color:#82f0b4;text-shadow:0 0 6px #3cdc8c80}.jp.armed .jp-bulbs{animation-duration:.5s}.jp.hit{box-shadow:0 0 0 1px #8a6a1e,0 0 0 2.5px #1b1209,0 0 0 3.5px #ffe29a,0 10px 30px #0009,0 0 46px #ffaa32bf}.jp.hit .jp-digits{animation:.5s steps(2,end) infinite jpBlink}.jp.hit .jp-cap{color:#fff3c2;font-size:10px;animation:.5s steps(2,end) infinite reverse jpBlink}.jp.hit .jp-bulbs{animation-duration:.22s}@keyframes jpBlink{50%{opacity:.35}}html.rm .jp *,html.rm .jp{animation:none!important}@media (min-width:700px) and (min-height:700px){.jp{--h:30px;border-radius:14px;min-width:270px;padding:11px 20px 12px}.jp-cap{font-size:11px}.jp.hit .jp-cap{font-size:13px}}@media (max-height:700px) and (orientation:portrait){.jp{--h:18px;gap:3px;min-width:176px;padding:6px 12px 7px}.jp-cap{font-size:8px}}@media (orientation:landscape) and (max-height:520px){.jp{--h:13px;gap:2px;min-width:140px;padding:4px 10px 5px}.jp-cap{font-size:7px}}