:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--stage:#000;--ink:#e8e0d0;--ember:#e8c46c;--iron:#5d606c8c;--iron-dark:#1212168c;--font:"Silkscreen", "Courier New", ui-monospace, monospace}html,body{background:var(--stage);touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;margin:0;overflow:hidden}canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:fixed;top:0;left:0}.touch-ui .stick{border:2px solid var(--iron);background:var(--iron-dark);pointer-events:none;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;display:none;position:fixed}.touch-ui .stick-shoot{border-color:#e8c46c73}.touch-ui .knob{background:var(--iron);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%}.touch-ui .stick-shoot .knob{background:#e8c46c80}.touch-btn{font:bold 14px/1 var(--font);color:var(--ink);background:var(--iron-dark);border:2px solid var(--iron);touch-action:none;border-radius:6px;padding:10px 14px;display:none;position:fixed}.touch-btn:focus-visible{outline:2px solid var(--ember)}.touch-use,.touch-bomb,.touch-item,.touch-pause{top:calc(env(safe-area-inset-top,0px) + 6px);text-align:center;width:64px;padding:9px 0}.touch-use{left:calc(50% - 140px)}.touch-bomb{left:calc(50% - 68px)}.touch-item{left:calc(50% + 4px)}.touch-pause{left:calc(50% + 76px)}.touch-roll{bottom:calc(env(safe-area-inset-bottom,0px) + 14px);right:calc(env(safe-area-inset-right,0px) + 12px);padding:16px 14px}.touch-newrun{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);color:var(--ember);left:50%;transform:translate(-50%)}@media (pointer:coarse){.touch-btn{display:block}}.touch-mode .touch-btn{display:block}.touch-btn[hidden],.touch-ui:not(.in-run) .touch-btn{display:none!important}.rotate-hint{display:none}@media (pointer:coarse) and (orientation:portrait){.rotate-hint{z-index:10;text-align:center;background:var(--stage);color:var(--ember);font:16px/1.6 var(--font);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding-inline:16px;display:flex;position:fixed;inset:0}.rotate-hint:before{content:"";border:4px solid var(--ember);width:30px;height:52px;box-shadow:inset 0 -6px 0 -2px var(--ember);border-radius:5px;animation:2.4s ease-in-out infinite turn-phone}@keyframes turn-phone{0%,30%{transform:rotate(0)}55%,to{transform:rotate(-90deg)}}}.screen{z-index:20;background:var(--stage);color:var(--ink);font-family:var(--font);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding-inline:16px;display:flex;position:fixed;inset:0}.screen[hidden]{display:none}.screen-title{color:var(--ember);letter-spacing:.08em;text-transform:uppercase;font-size:28px}.screen-text{letter-spacing:.06em;text-transform:uppercase;color:#8a8478;max-width:34em;font-size:13px;line-height:1.6}.loading-bar{border:2px solid #5d606c;width:min(280px,70vw);height:8px;padding:2px}#loading-fill{background:var(--ember);width:0%;height:100%}.screen-button{font:14px var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);cursor:pointer;background:#16151b;border:2px solid #5d606c;padding:10px 22px}.screen-button:hover,.screen-button:focus-visible{border-color:var(--ember);color:var(--ember);outline:none}