#game,#game canvas{width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#hud{z-index:2;pointer-events:none;color:#fff;font:600 12px/1.3 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0}.build{right:max(8px, env(safe-area-inset-right));bottom:max(6px, env(safe-area-inset-bottom));opacity:.55;text-shadow:0 1px 2px #000;position:absolute}.stick{pointer-events:none;opacity:0;z-index:5;background:#ffffff14;border:2px solid #ffffff40;border-radius:50%;width:120px;height:120px;transition:opacity .12s;position:fixed;top:-60px;left:-60px}.stick.on{opacity:1}.stick i{background:#ffe2b0cc;border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px}#rotate{display:none}@media (orientation:portrait) and (max-width:900px){#rotate{z-index:50;color:#ffe2b0;text-align:center;background:#10132af2;justify-content:center;align-items:center;padding:24px;font:600 20px/1.4 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}}#hud{--cut:9px;--edge:linear-gradient(160deg, #ffe2a0 0%, #ffb347 38%, #c98a1a 70%, #8a5a12 100%);--plate:linear-gradient(168deg, #2e357a 0%, #222866 47%, #181c48 53%, #10132a 100%);--night-btn:linear-gradient(168deg, #4a54b0 0%, #343c8c 47%, #262d70 53%, #1c2148 100%);--gem:linear-gradient(168deg, #ffe2a0 0%, #ffb347 47%, #e8862e 53%, #c4643c 100%);--gem-text:#3a1f10;--text:#f2e6c8;--accent:#ffb347;--well:#0b0e22;--shade:#0b0e22}#hud[data-skin=stone]{--edge:linear-gradient(160deg, #e2d9ca 0%, #a69c8e 45%, #6f6a66 100%);--plate:linear-gradient(168deg, #a97646 0%, #8e6036 47%, #7a4f2a 53%, #5e3d22 100%);--night-btn:linear-gradient(168deg, #4f9a9c 0%, #3f8a8c 47%, #2f7072 53%, #245a5c 100%);--gem:linear-gradient(168deg, #e8906a 0%, #d0704a 47%, #c4643c 53%, #9a4a2a 100%);--gem-text:#fff2dd;--text:#fff2dd;--accent:#ffd27a;--well:#3a2618;--shade:#3a2618}:where(#hud button){pointer-events:auto;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:0}#hud button[hidden]{display:none}#hud .ico{flex:none;display:block}.facet{isolation:isolate;background:var(--edge);color:var(--text);clip-path:polygon(var(--cut) 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, var(--cut) 100%, 0 calc(100% - var(--cut)), 0 var(--cut));position:relative}.facet:before{content:"";z-index:-1;background:var(--plate);clip-path:polygon(calc(var(--cut) - 1px) 0, calc(100% - var(--cut) + 1px) 0, 100% calc(var(--cut) - 1px), 100% calc(100% - var(--cut) + 1px), calc(100% - var(--cut) + 1px) 100%, calc(var(--cut) - 1px) 100%, 0 calc(100% - var(--cut) + 1px), 0 calc(var(--cut) - 1px));position:absolute;top:2px;bottom:2px;left:2px;right:2px}.h-gold,.h-top,.h-right,.h-toast,.h-fallen,.h-end .h-wrap,.h-paused .h-wrap{filter:drop-shadow(0 3px 0 var(--shade)) drop-shadow(0 4px 6px #0007)}.h-gold{left:max(12px, env(safe-area-inset-left));position:absolute;top:10px}.h-gold .facet{align-items:center;gap:8px;min-width:64px;padding:6px 16px 6px 10px;display:flex}.h-gold .ico{width:26px;height:26px}.h-gold b{font-variant-numeric:tabular-nums;letter-spacing:.02em;text-shadow:0 1px 0 var(--shade);font-size:22px}.h-top{position:absolute;top:10px;left:50%;transform:translate(-50%)}.h-top .facet{flex-direction:column;align-items:center;gap:5px;padding:6px 16px 8px;display:flex}.h-phase{white-space:nowrap;text-shadow:0 1px 0 var(--shade);align-items:center;gap:6px;font-size:16px;display:flex}.h-pico .ico{width:20px;height:20px}.h-pips{gap:6px;padding:1px 0;display:flex}.h-pips i{background:var(--well);width:8px;height:8px;transform:rotate(45deg);box-shadow:inset 0 0 0 1px #f2e6c855}.h-pips i.done{background:var(--accent);box-shadow:none}.h-pips i.cur{background:var(--well);box-shadow:inset 0 0 0 2px var(--accent);animation:1.6s ease-in-out infinite h-pip}@keyframes h-pip{50%{background:#ffb34766}}.h-wave{background:var(--well);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);width:150px;height:4px;display:none}.h-wave.on{display:block}.h-wave i{background:linear-gradient(90deg,#3f4aa0,#c8a0d8 60%,#ffd27a);width:0;height:100%;transition:width .3s;display:block}.h-hp{align-items:center;gap:6px;display:flex}.h-hp .ico{width:18px;height:18px}.h-bar{background:var(--well);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);width:150px;height:11px}.h-bar i{background:linear-gradient(#fff2c0 0%,#ffb347 48%,#ff9a3c 52%,#e0702a 100%);height:100%;transition:width .2s;display:block}.h-bar.low i{background:linear-gradient(#ffc0a0 0%,#ff7a2a 48%,#e0502a 52%,#a8301a 100%);animation:.8s ease-in-out infinite h-low}@keyframes h-low{50%{filter:brightness(1.4)}}.h-right{right:max(12px, env(safe-area-inset-right));align-items:flex-start;gap:8px;display:flex;position:absolute;top:10px}.h-night{letter-spacing:.03em;align-items:center;gap:8px;padding:10px 18px 10px 14px;font-size:17px;display:flex}.h-night:before{background:var(--night-btn)}.h-night .ico{filter:drop-shadow(0 0 4px #ffe2a088);width:22px;height:22px}.h-pause{--cut:8px;place-items:center;width:44px;height:44px;display:grid}.h-pause .ico{width:20px;height:20px}#hud button.facet:active{transform:translateY(2px)}#hud button.facet:hover:before{filter:brightness(1.15)}.h-toast{opacity:0;transition:opacity .3s;position:absolute;top:96px;left:50%;transform:translate(-50%)}.h-toast .facet{--cut:7px;color:var(--accent);white-space:nowrap;padding:7px 16px;font-size:16px}.h-toast.on{opacity:1}.h-end,.h-paused{pointer-events:auto;justify-content:center;align-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.h-end{background:radial-gradient(at 50% 45%,#10132a99 0%,#10132ae6 70%)}.h-end.won{background:radial-gradient(at 50% 42%,#ffb3474d 0%,#10132acc 55%,#10132ae6 100%)}.h-paused{background:#10132ab3}.h-end.on,.h-paused.on{display:flex}.h-card{--cut:18px;text-align:center;flex-direction:column;align-items:center;min-width:260px;padding:18px 40px 24px;display:flex}.h-emblem .ico{width:104px;height:94px;margin-bottom:2px}.h-end.won .h-emblem .ico{filter:drop-shadow(0 0 14px #ffb347aa);animation:2.4s ease-in-out infinite h-glow}@keyframes h-glow{50%{filter:drop-shadow(0 0 22px #ffb347)}}.h-card h2{letter-spacing:.04em;color:var(--accent);text-shadow:0 2px 0 var(--shade), 0 0 18px #ff9a3c66;margin:0 0 4px;font:700 36px/1.1 Georgia,Noto Serif,Times New Roman,serif}.h-end:not(.won) .h-card h2{color:#d8cfc0;text-shadow:0 2px 0 var(--shade)}.h-card p{opacity:.9;margin:0 0 18px;font-size:16px}.h-paused .h-card h2{margin-bottom:16px}.h-restart,.h-resume{--cut:10px;letter-spacing:.03em;align-items:center;gap:8px;padding:12px 28px;font-size:18px;display:flex}#hud .h-restart,#hud .h-resume{color:var(--gem-text)}.h-restart:before,.h-resume:before{background:var(--gem)}.h-restart .ico,.h-resume .ico{width:18px;height:18px}.h-restart .ico polygon,.h-resume .ico polygon{fill:var(--gem-text)}.h-restart .ico polygon+polygon,.h-resume .ico polygon+polygon{opacity:.6}.h-admin{left:max(12px, env(safe-area-inset-left));gap:6px;display:flex;position:absolute;bottom:10px}#hud .h-admin button{color:#fff;opacity:.8;background:#7a1f3a;border-radius:8px;padding:6px 10px}.labels{z-index:1;pointer-events:none;font:600 13px/1.25 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.wl{white-space:pre;color:#ffe2b0;background:#000a;border-radius:8px;padding:3px 8px;position:absolute;top:0;left:0}.wl.poor{color:#ff7a6a}.wl.horn{color:#c8d4ff}.wl.spawn{color:#ffd0c0;background:#5a1a1acc}@media (max-height:500px){.labels{font-size:10px}.wl{border-radius:6px;padding:2px 5px}}.guide-dim{z-index:8;pointer-events:none;-webkit-mask-composite:source-in;background:#100c188c;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-composite:source-in;mask-composite:intersect}.guide-ring{z-index:8;pointer-events:none;box-sizing:border-box;border:3px solid #ffca28;border-radius:50%;position:fixed;top:0;left:0}.guide-hand{z-index:10;pointer-events:none;filter:drop-shadow(0 2px 3px #0009);font-size:36px;position:fixed;top:0;left:-18px}.guide-bubble{z-index:10;pointer-events:none;color:#fff;background:#141628f0;border:2px solid #ffca28;border-radius:12px;max-width:min(340px,100vw - 16px);padding:8px 12px;font:600 15px/1.3 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;position:fixed;top:0;left:0}.guide-stick{z-index:9;pointer-events:none;background:#ffffff1a;border:2px dashed #ffe2b0aa;border-radius:50%;width:100px;height:100px;position:fixed;top:-50px;left:-50px}.guide-stick i{background:#ffe2b0aa;border-radius:50%;width:44px;height:44px;position:absolute;top:28px;left:28px}.guide-keys{z-index:9;pointer-events:none;color:#fff;flex-direction:column;align-items:center;gap:4px;font:700 15px/1 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;display:flex;position:fixed;top:0;left:0}.guide-keys div{gap:4px;display:flex}.guide-keys b{background:#1e2550e6;border:2px solid #ffca28;border-radius:6px;place-items:center;width:32px;height:32px;animation:2s infinite guide-key;display:grid;box-shadow:0 3px #0b0f2a}.guide-keys div:first-child b{animation-delay:0s}.guide-keys div:last-child b:first-child{animation-delay:.5s}.guide-keys div:last-child b:nth-child(2){animation-delay:1s}.guide-keys div:last-child b:nth-child(3){animation-delay:1.5s}.guide-keys small{opacity:.85;text-shadow:0 1px 2px #000;font-size:12px}@keyframes guide-key{0%,20%{color:#1e2550;background:#ffca28;transform:translateY(2px);box-shadow:0 1px #0b0f2a}25%,to{color:#fff;background:#1e2550e6;transform:none}}.guide-dim[hidden],.guide-ring[hidden],.guide-hand[hidden],.guide-bubble[hidden],.guide-stick[hidden],.guide-keys[hidden]{display:none}.h-fallen{display:none;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)}.h-fallen.on{display:block}.h-fallen .facet{--cut:12px;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:12px 24px;display:flex}.h-fallen b{color:var(--accent);font:700 22px/1.2 Georgia,Noto Serif,Times New Roman,serif}.h-fallen span{opacity:.9;font-variant-numeric:tabular-nums;font-size:16px}@media (max-height:500px){#hud{--cut:7px}.h-gold,.h-top,.h-right{top:6px}.h-gold .facet{gap:6px;padding:4px 12px 4px 8px}.h-gold .ico{width:20px;height:20px}.h-gold b{font-size:17px}.h-top .facet{grid-template-columns:auto auto;place-items:center;gap:4px 8px;padding:4px 12px 6px;display:grid}.h-wave,.h-hp{grid-column:1/-1}.h-phase{font-size:13px}.h-pico .ico{width:16px;height:16px}.h-pips i{width:6px;height:6px}.h-bar,.h-wave{width:110px}.h-bar{height:8px}.h-hp .ico{width:14px;height:14px}.h-night{gap:6px;padding:7px 12px 7px 10px;font-size:14px}.h-night .ico{width:17px;height:17px}.h-pause{width:34px;height:34px}.h-pause .ico{width:15px;height:15px}.h-toast{top:74px}.h-toast .facet{padding:5px 12px;font-size:13px}.h-card{--cut:14px;min-width:220px;padding:12px 28px 16px}.h-emblem .ico{width:72px;height:65px}.h-card h2{font-size:26px}.h-card p{margin-bottom:12px;font-size:14px}.h-restart,.h-resume{padding:9px 22px;font-size:16px}.h-fallen b{font-size:18px}.h-fallen span{font-size:14px}}