:root{--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#app,#app canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}.hidden{display:none!important}#loading{position:fixed;inset:0;display:grid;place-items:center;z-index:50;transition:opacity .5s}#loading.done{opacity:0;pointer-events:none}#loading .ld-box{pointer-events:none}.gp-focus{outline-offset:3px}.screen#title{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(16px + var(--safe-t)) calc(16px + var(--safe-r)) calc(16px + var(--safe-b)) calc(16px + var(--safe-l));pointer-events:none}#title>*{position:relative}#title .menu{display:flex;flex-direction:column;pointer-events:auto}#title .copyright{position:absolute;left:0;right:0;bottom:calc(10px + var(--safe-b));text-align:center}.modal{position:absolute;inset:0;display:grid;place-items:center;z-index:10;padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));box-sizing:border-box}.card{width:min(26em,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}[data-device=touch] .modal{place-items:center;align-content:center}.row{display:flex;align-items:center;justify-content:space-between;gap:1em}.keys{display:grid;grid-template-columns:auto 1fr;gap:.5em 1em;align-items:center}.keys dt{text-align:right}.keys dd{margin:0}#hud{position:absolute;inset:0;pointer-events:none}#hud .score{position:absolute;top:calc(12px + var(--safe-t));left:calc(16px + var(--safe-l))}#hud .hints{position:absolute;bottom:calc(12px + var(--safe-b));left:calc(16px + var(--safe-l));display:flex;gap:1em}#hud .hints span{display:flex;align-items:center;gap:.35em}.gl{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;height:1.7em;padding:0 .35em;margin:0 .08em;border-radius:6px;font:700 .8em/1 system-ui,sans-serif;vertical-align:middle}.gl svg{width:1.3em;height:1.3em}.gl-face{border-radius:50%;width:1.7em;padding:0}.gl-pill{border-radius:999px;padding:0 .6em}.gl-stick b{font-size:.7em;margin-left:.1em}#touch{position:absolute;inset:0;pointer-events:none;touch-action:none}#touch .stick{position:absolute;width:120px;height:120px;border-radius:50%;left:calc(40px + var(--safe-l));bottom:calc(40px + var(--safe-b))}#touch .stick.on{bottom:auto}#touch .knob{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%}#touch .tbtn{position:absolute;pointer-events:auto;min-width:0;padding:0;border-radius:50%;width:76px;height:76px}#touch .slot-0{width:92px;height:92px;right:calc(24px + var(--safe-r));bottom:calc(32px + var(--safe-b))}#touch .slot-1{right:calc(130px + var(--safe-r));bottom:calc(24px + var(--safe-b))}#touch .slot-2{right:calc(36px + var(--safe-r));bottom:calc(138px + var(--safe-b))}#touch .slot-3{right:calc(124px + var(--safe-r));bottom:calc(118px + var(--safe-b))}#touch .tbtn.pause{width:48px;height:48px;top:calc(8px + var(--safe-t));bottom:auto;right:calc(8px + var(--safe-r))}:root{--ink: #3a3a3a;--paper: #c6c6c6;--accent: #ffd34a;--potato: #e8bd6a;--shade: rgba(10, 12, 20, .5);--font: "DotGothic16", "Hiragino Maru Gothic ProN", "M PLUS Rounded 1c", system-ui, sans-serif}html,body{background:#000;color:var(--ink);font:16px/1.5 var(--font)}#loading{background:radial-gradient(ellipse at 50% 35%,rgba(60,140,160,.35),transparent 55%),linear-gradient(180deg,#1a3a4a,#243018 55%,#3b2a1c);image-rendering:pixelated;color:#fff;text-shadow:2px 2px 0 #000}#loading .ld-box{display:grid;justify-items:center;gap:.55em;padding:1em}#loading .ld-icon{width:96px;height:96px;border-radius:18px;image-rendering:auto;box-shadow:0 0 0 3px #ffe25a59,0 10px 28px #00000073}#loading .ld-title{font-size:clamp(22px,5vw,34px);color:var(--potato);letter-spacing:.04em;text-shadow:3px 3px 0 #4a2f14}#loading .ld-text{font-size:15px;color:#d8e8f0;opacity:.9}button{font:inherit;color:#fff;text-shadow:2px 2px 0 #3a3a3a;background:#7a7a7a;border:2px solid #000;border-radius:0;padding:.5em 1.4em;min-width:14em;cursor:pointer;letter-spacing:.04em;box-shadow:inset 2px 2px #aaa,inset -2px -3px #4e4e4e}button:hover,button.gp-focus{background:#7d88c4;box-shadow:inset 2px 2px #b7c0ef,inset -2px -3px #4a5390;outline:2px solid #fff;outline-offset:-2px}button:active{box-shadow:inset 2px 3px #4e4e4e}.gp-focus{outline:2px solid #fff}input[type=range]{width:10em;accent-color:#7d88c4}select{font:inherit;padding:.15em .4em;border-radius:0;border:2px solid #3a3a3a;background:#e8e8e8;color:#222}#title{position:relative;gap:.3em}#title:before{content:"";position:absolute;left:0;right:0;top:50%;height:80%;transform:translateY(-58%);background:radial-gradient(ellipse at center,#0a142859,#0a142800 70%);pointer-events:none}#title .logo{position:relative;margin-bottom:.1em}#title h1{margin:0;font-size:clamp(30px,7.4vw,76px);font-weight:400;color:var(--potato);text-align:center;line-height:1.15;letter-spacing:.04em;text-shadow:3px 0 0 #4a2f14,-3px 0 0 #4a2f14,0 3px 0 #4a2f14,0 -3px 0 #4a2f14,3px 3px 0 #4a2f14,-3px 3px 0 #4a2f14,3px -3px 0 #4a2f14,-3px -3px 0 #4a2f14,6px 7px 0 rgba(0,0,0,.45)}#title .splash{position:absolute;right:-.6em;top:-.7em;transform:rotate(-12deg);color:#ff5;font-size:clamp(14px,2.4vw,24px);text-shadow:2px 2px 0 #3f3f00;white-space:nowrap;pointer-events:none}#title .tagline{margin:.4em 0 1em;color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.7);font-size:clamp(14px,2vw,18px)}#title .menu{gap:.5em}#title .af-name{display:flex;flex-direction:column;align-items:stretch;gap:.25em;min-width:14em;color:#fff;text-shadow:1px 1px 0 #000;font-size:.92em}#title .af-name-input{font:inherit;color:#222;background:#e8e8e8;border:2px solid #000;border-radius:0;padding:.45em .7em;min-height:2.4em;box-shadow:inset 2px 2px #fff,inset -2px -2px #888}#title .af-name-input:focus{outline:2px solid #fff;outline-offset:-2px;background:#fff}#title .af-net-status{margin:0;min-height:1.2em;color:#9fd0ff;text-shadow:1px 1px 0 #000;font-size:.85em;text-align:center;opacity:0;transition:opacity .15s}#title .af-net-status.on{opacity:1}#title .start:disabled{opacity:.65;cursor:wait}#title .best{margin:.6em 0 0;color:#ffe8a0;text-shadow:2px 2px 0 rgba(0,0,0,.7);font-size:14px;min-height:1.5em}#title .copyright{font-size:12px;color:#ffffffeb;text-shadow:1px 1px 0 rgba(0,0,0,.8);letter-spacing:.04em}.modal{background:var(--shade)}.card{background:var(--paper);border:3px solid #000;border-radius:0;padding:1em 1.2em;gap:.55em;box-shadow:inset 3px 3px #fff,inset -3px -3px #555,0 10px 40px #00000073}.card.wide,.card.story,.card.ending{width:min(34em,100%)}.card h2{margin:0 0 .2em;text-align:center;font-weight:400;font-size:1.35em;color:#3a3a3a}.card button{min-width:0}.card .row{color:#3a3a3a}.card .body{margin:0;font-size:.92em;line-height:1.55}.keys{margin:.3em 0 .6em;font-size:.92em}.touchonly{display:none}[data-device=touch] .touchonly{display:block}[data-device=touch] .card .keys{display:none}#title .title-tools{position:absolute;z-index:6;pointer-events:auto;top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));display:flex;flex-direction:row;align-items:center;gap:8px}#title .tool-btn,#title .tool-gear{width:48px;height:48px;min-width:0;padding:0;border-radius:0;cursor:pointer;display:grid;place-items:center;background:#6a6a6a;border:2px solid #000;color:#fff;box-shadow:inset 2px 2px #aaa,inset -2px -2px #444}#title .tool-btn:hover,#title .tool-gear:hover,#title .tool-btn.gp-focus{background:#7d88c4}#title .tool-gear svg{width:26px;height:26px;display:block;pointer-events:none}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.5em;flex:none}.card-head h2{margin:0;flex:1;text-align:center}.card-x{width:2.2em;height:2.2em;min-width:0;padding:0;flex:none;display:grid;place-items:center;font-size:1.15em;line-height:1;background:#8a4a4a;box-shadow:inset 2px 2px #c08080,inset -2px -2px #5a2a2a}.card-x:hover{background:#a05050}.card-close{flex:none}.card-scroll{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:.45em;-webkit-overflow-scrolling:touch}.card.settings,.card.howto{width:min(26em,100%);max-height:calc(100dvh - 24px - var(--safe-t, 0px) - var(--safe-b, 0px));overflow:hidden}.card.howto{width:min(34em,100%)}[data-device=touch] .card.settings,[data-device=touch] .card.howto{width:min(22em,100%);max-height:calc(100dvh - 16px - var(--safe-t, 0px) - var(--safe-b, 0px));padding:.65em .75em .7em;gap:.4em}[data-device=touch] .card.settings .card-head h2,[data-device=touch] .card.howto .card-head h2{font-size:1.15em}[data-device=touch] .card.settings .row{font-size:.88em;gap:.5em}[data-device=touch] .card.settings .row input[type=range]{width:7.5em}[data-device=touch] .pad-only{display:none}.howto-guide h3{margin:.35em 0 .15em;font-weight:400;font-size:1em;color:#5a3a18;text-align:center}.guide-grid{display:grid;gap:.35em}.guide-row{display:grid;grid-template-columns:36px 1fr;gap:.55em;align-items:center;background:#8b8b8b;border:2px solid #555;padding:.35em .5em;box-shadow:inset 2px 2px #373737,inset -2px -2px #fff;color:#fff;text-shadow:1px 1px 0 #333}.guide-row img,.guide-pig{width:32px;height:32px;image-rendering:pixelated;display:block}.guide-pig{border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffc0d0 0 35%,#f090a8 36% 70%,#c06078 71%);box-shadow:inset -3px -3px #00000026}.guide-row b{display:block;font-weight:400;color:#ffff7a;font-size:.95em}.guide-row span{display:block;font-size:.82em;line-height:1.35;color:#f0f0f0}[data-device=touch] .guide-row{grid-template-columns:28px 1fr;padding:.28em .4em;gap:.4em}[data-device=touch] .guide-row img,[data-device=touch] .guide-pig{width:26px;height:26px}[data-device=touch] .howto-guide h3{font-size:.92em;margin:.2em 0 .1em}[data-device=touch] .card.howto .body{font-size:.84em;line-height:1.4}.story-body{background:#1e1e26;color:#e8e8e8;padding:.8em 1em;border:2px solid #555;line-height:1.8;font-size:.95em}.story-body p{margin:.25em 0}.story-body p:nth-child(4){color:#8fd870}.story-body p:last-child{color:var(--potato)}.r-stats{display:grid;gap:.35em;background:#8b8b8b;padding:.6em;border:2px solid #555;box-shadow:inset 2px 2px #373737,inset -2px -2px #fff}.r-stats .st{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:.6em;color:#fff;text-shadow:1px 1px 0 #333}.r-stats img{width:28px;height:28px;image-rendering:pixelated}.r-stats b{font-weight:400;font-size:1.3em;color:#ffff7a}.r-stats .boom,.r-stats .star{width:28px;height:28px;display:block}.r-stats .boom{background:radial-gradient(circle,#fff6c0 0 20%,#ffb040 21% 45%,#8a8a8a 46% 70%,transparent 71%)}.r-stats .star{background:#ffd34a;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%)}.r-goal{margin:.2em 0 0;text-align:center;color:#6a4a2a}.r-goal.ok{color:#2e7d22;font-size:1.15em}.r-line,.e-lines p{margin:0;background:#000000b8;color:#fff;padding:.5em .7em;font-size:.92em}.card.report{width:min(26em,100%);max-height:calc(100dvh - 24px - var(--safe-t, 0px) - var(--safe-b, 0px));overflow:hidden;justify-content:flex-start}.card.report .r-next,.card.report .r-title-btn{flex:none}[data-device=touch] .card.report{width:min(22em,100%);max-height:calc(100dvh - 16px - var(--safe-t, 0px) - var(--safe-b, 0px));padding:.65em .75em .7em;gap:.35em}[data-device=touch] .card.report h2{font-size:1.15em;margin:0}[data-device=touch] .r-stats{padding:.4em .45em;gap:.18em}[data-device=touch] .r-stats .st{grid-template-columns:22px 1fr auto;gap:.4em;font-size:.88em}[data-device=touch] .r-stats img,[data-device=touch] .r-stats .boom,[data-device=touch] .r-stats .star{width:22px;height:22px}[data-device=touch] .r-stats b{font-size:1.1em}[data-device=touch] .r-goal{font-size:.86em;margin:0;line-height:1.3}[data-device=touch] .r-line{font-size:.8em;padding:.4em .5em;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}[data-device=touch] .card.report button{padding:.55em .8em;font-size:.95em;min-height:2.6em}.e-lines{display:grid;gap:.25em}.who{color:#8ff4ff}.e-rank{margin:0;text-align:center;font-size:1.6em;color:#7a4a10}.e-rank small{display:block;font-size:.5em;color:#555}.e-best{margin:0;text-align:center;color:#555}.e-best.new{color:#c03a1a;font-size:1.15em}.gl{background:#14141cd9;color:#fff;border-radius:3px}.card .gl{background:#3a3a46}.gl-mouse{padding:0 .15em}.gl-or{margin:0 .15em;opacity:.7}#touch .stick{background:#ffffff29;border:2px solid rgba(255,255,255,.45);opacity:.55}#touch .stick.on{opacity:1}#touch .knob{background:#ffffffbf}#touch .tbtn{background:#787878b8;color:#fff;font-size:13px;text-shadow:1px 1px 0 #333;border:2px solid #000;border-radius:10px;box-shadow:inset 2px 2px #fff6,inset -2px -2px #0000004d;min-width:0;padding:0 4px;line-height:1.2}#touch .tbtn.slot-0{background:#aa5046cc}#touch .tbtn.slot-1{background:#5a8c46cc}#touch .tbtn.ctx{background:#d6a046eb}#touch .tbtn.on{background:#7d88c4}#touch .tbtn.pause{font-size:16px;border-radius:8px}@media(max-height:480px){#title h1{font-size:clamp(26px,7vh,48px)}#title .tagline{margin:.2em 0 .4em}#title .menu{gap:.3em}#title .best{margin:.2em 0 0}button{padding:.35em 1.2em}}#hud{font-family:var(--font);color:#fff;text-shadow:2px 2px 0 rgba(0,0,0,.75);font-size:15px}#hud img{image-rendering:pixelated}#hud .crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);mix-blend-mode:difference}#hud .crosshair:before,#hud .crosshair:after{content:"";position:absolute;background:#fff}#hud .crosshair:before{left:10px;top:0;width:2px;height:22px}#hud .crosshair:after{left:0;top:10px;width:22px;height:2px}#hud .prompt{position:absolute;left:50%;top:calc(50% + 26px);transform:translate(-50%);display:flex;align-items:center;gap:.35em;background:#00000080;padding:.15em .6em;font-size:14px;white-space:nowrap}#hud .prompt b{font-weight:400}#hud .prompt.dim{background:#00000059;color:#d8d8d8}#hud .prompt.dim b{color:#ffe8a0}#hud .toprow{position:absolute;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));right:calc(12px + var(--safe-r));height:48px;z-index:7;display:flex;direction:ltr;align-items:center;gap:8px;pointer-events:none}#hud .toprow .robot{position:relative;inset:auto;flex:none;pointer-events:auto;height:48px;box-sizing:border-box;padding:4px 8px 4px 4px;background:transparent}#hud .toprow .robot canvas{width:40px;height:30px}#hud .arcade{position:relative;top:auto;left:auto;right:auto;transform:none;flex:1 1 auto;min-width:0;max-width:none;height:48px;box-sizing:border-box;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:6px 12px;padding:0 4px;direction:rtl;background:transparent;border:0;box-shadow:none;text-shadow:0 1px 2px #000,0 0 6px rgba(0,0,0,.9);pointer-events:none}#hud .arc-score,#hud .arc-seeds,#hud .arc-day,#hud .arcade .goal{display:flex;align-items:center;gap:.35em;flex:none}#hud .arc-score{padding-inline-end:8px;border-inline-end:2px solid rgba(242,193,74,.45)}#hud .arc-3d{image-rendering:auto;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.55))}#hud .arc-coin{width:36px;height:36px}#hud .arc-money{color:#ffe25a;font-size:1.45em;font-weight:400;letter-spacing:.03em}#hud .arc-seed{display:flex;align-items:center;gap:2px}#hud .arc-seed img{width:32px;height:32px}#hud .arc-seed b{font-weight:400;color:#fff;min-width:.8em}#hud .arc-seed.empty{opacity:.38}#hud .daypct,#hud .arcade .goalval{color:#ffe25a;font-size:1.15em;font-weight:400}#hud .arcade .goal.done .goalval{color:#9cff7a}#hud .arcade .goal .lbl{font-size:.85em;color:#ddd}#hud .tl{position:absolute;top:calc(62px + var(--safe-t));inset-inline-start:calc(12px + var(--safe-l));display:grid;gap:4px;max-width:min(46vw,22em)}#hud{z-index:6}#hud .rts-btn{justify-self:start;position:relative;z-index:8;pointer-events:auto;font:inherit;cursor:pointer;color:#f3e2b0;background:#0a120ef0;border:2px solid rgba(140,210,120,.85);padding:.28em .7em}#hud .rts-btn.on{background:#285a30eb;color:#fff}#hud .rts-card{background:#080e0ce0;border:2px solid rgba(180,220,140,.7);padding:.4em .55em;display:grid;gap:.25em;min-width:11em}#hud .rts-card.hidden{display:none}#hud .rts-name{color:#f6e7b2}#hud .rts-bar{height:.55em;background:#1a1a1a;border:1px solid #444}#hud .rts-bar i{display:block;height:100%;width:100%;background:#3ddc6a}#hud .rts-hp{color:#d7e6cf;font-size:.85em}#hud.strategy .crosshair,#hud.strategy .hints{display:none}#rts-marquee{position:fixed;z-index:30;border:2px solid #d6ff9a;background:#78dc502e;pointer-events:none}#hud .tl>div:not(.chat){background:#00000073;padding:.25em .6em}#hud .sunmoon{width:16px;height:16px;flex:none}#hud .sunmoon.sun{background:#ffe25a;box-shadow:0 0 0 2px #fff4b0}#hud .sunmoon.moon{background:#e6ecff;box-shadow:inset -5px 0 #9aa6c8}#hud .dayname{font-weight:400;font-size:1.05em}#hud .obj{font-size:.88em;color:#ffff7a;line-height:1.45}#hud .warehouse{background:#0c121cb8;border:2px solid rgba(255,220,120,.35);padding:.35em .5em .45em;display:grid;gap:.3em;max-width:min(46vw,18em)}#hud .wh-top{display:flex;align-items:baseline;justify-content:space-between;gap:.6em}#hud .wh-title{color:#ffe8a0;font-size:.9em}#hud .wh-money{color:#9cff7a;font-weight:400;font-size:1.15em}#hud .wh-meta{display:flex;justify-content:space-between;gap:.5em;font-size:.8em;color:#c8d4e8}#hud .wh-stock{display:grid;grid-template-columns:1fr 1fr;gap:.15em .5em}#hud .wh-row{display:flex;align-items:center;gap:.25em;font-size:12px}#hud .wh-row img{width:16px;height:16px;image-rendering:pixelated}#hud .wh-row b{font-weight:400;flex:1}#hud .wh-row em{color:#ffe8a0;font-style:normal}#hud .slot[data-k=turret].ready{outline:2px solid #ffe25a}#hud .slot[data-k=turret].locked{opacity:.4;filter:grayscale(.85)}#hud .alarm{position:absolute;top:calc(64px + var(--safe-t));left:50%;transform:translate(-50%);width:54px;height:54px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}#hud .alarm.on{opacity:1}#hud .kozak{position:relative;width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 50% 45%,#222 0 28%,#111 40%,#000 70%);box-shadow:0 0 0 3px #333,0 0 18px #ff28288c;overflow:hidden}#hud .kozak:after{content:"";position:absolute;inset:8px;border-radius:50%;border:2px solid rgba(255,255,255,.15)}#hud .kozak i{position:absolute;left:50%;top:50%;width:50%;height:8px;margin-left:-2px;margin-top:-4px;transform-origin:0% 50%;border-radius:2px}#hud .kozak i.blue{background:linear-gradient(90deg,#3cf,transparent);animation:kozakSpin .55s linear infinite;box-shadow:0 0 12px #3cf}#hud .kozak i.red{background:linear-gradient(90deg,#f35,transparent);animation:kozakSpin .55s linear infinite reverse;box-shadow:0 0 12px #f35}@keyframes kozakSpin{to{transform:rotate(360deg)}}#hud .alarm.on .kozak{animation:kozakFlash .7s ease-in-out infinite}@keyframes kozakFlash{0%,to{box-shadow:0 0 0 3px #333,0 0 14px #ff282866}50%{box-shadow:0 0 0 3px #555,0 0 28px #3cc8ffbf}}#hud .robot{position:absolute;top:calc(10px + var(--safe-t));inset-inline-end:calc(12px + var(--safe-r));display:flex;align-items:center;gap:.5em;background:#00000073;padding:.3em .7em .3em .35em}#hud .robot .rface{position:relative;flex:none;line-height:0}#hud .robot .net-slot{position:absolute;inset:0;pointer-events:none;overflow:visible}#hud .robot canvas{width:48px;height:36px;image-rendering:pixelated;border:3px solid #e9e5db;background:#152038;display:block}#hud .robot .rtext{display:grid;line-height:1.25}#hud .robot b{font-weight:400;color:#8ff4ff}#hud .robot .rstate{font-size:.85em}#hud .robot[data-s=scared] .rstate{color:#ff8a7a}#hud .robot[data-s=sulk] .rstate{color:#9fb4d8}#hud .robot[data-s=sleep] .rstate{color:#b8b8e8}#hud .robot[data-s=work] .rstate{color:#b8ff9a}#hud .chat{display:flex;flex-direction:column;gap:2px;pointer-events:none;z-index:2;width:100%;max-width:100%}#hud .chat .line{background:#08121cb8;border-inline-start:3px solid #3aa0ff;padding:.15em .45em;font-size:13px;line-height:1.4;text-shadow:1px 1px 0 rgba(0,0,0,.9)}#hud .chat .line.astra{border-inline-start-color:#ffb04a}#hud .chat .line.warn{border-inline-start-color:#ff5a3a;color:#ffc8b8}#hud .chat .who{color:#ffd27a;font-size:.85em;margin-inline-end:.25em}#hud .chat .sys{color:#ffff7a;border-inline-start-color:#ffe25a}#hud .bottom{position:absolute;left:50%;bottom:calc(10px + var(--safe-b));transform:translate(-50%);display:grid;justify-items:start;gap:2px}#hud .bottom .hearts{justify-self:start}#hud .hearts{display:flex;gap:0}#hud .hearts img{width:22px;height:22px;margin-right:-2px}#hud .hearts.low img{filter:drop-shadow(0 0 2px rgba(255,60,60,.9))}#hud .hotbar{display:flex;background:#282828cc;border:2px solid #111;padding:2px;gap:2px}#hud .slot{position:relative;width:42px;height:42px;background:#8b8b8b8c;border:2px solid #373737;display:grid;place-items:center;box-shadow:inset 2px 2px #00000059,inset -2px -2px #ffffff40}#hud .slot.sel{border-color:#fff;outline:2px solid #fff;z-index:1}#hud .slot img{width:30px;height:30px}@media(max-width:720px){#hud .slot{width:36px;height:36px}#hud .slot img{width:26px;height:26px}#hud .slot em{font-size:10px}}#hud .slot span{position:absolute;right:2px;bottom:-2px;font-size:15px;text-shadow:2px 2px 0 #3a3a3a}#hud .slot.empty img{opacity:.35}#hud .slot.empty span{color:#ffb0b0}#hud .slot[data-k=green].empty{display:none}#hud .slot.extra{margin-left:4px}#hud .slot[data-n]{pointer-events:auto;cursor:pointer}#hud .slot em{position:absolute;left:3px;top:0;font-style:normal;font-size:11px;color:#e8e8e8;text-shadow:1px 1px 0 #222}[data-device=touch] #hud .slot em,[data-device=pad] #hud .slot em{display:none}#hud .hb-side{display:none;align-self:center;font-style:normal}[data-device=pad] #hud .hb-side{display:inline-flex;margin:0 4px}#hud .slotname{position:absolute;left:-40px;right:-40px;top:-48px;text-align:center;opacity:0;font-size:15px;color:#fff;pointer-events:none}#hud .hints{position:absolute;right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b));left:auto;display:grid;gap:4px;justify-items:end;font-size:13px;z-index:2}#hud .hints span{display:flex;align-items:center;gap:.35em;white-space:nowrap;background:#00000059;padding:.05em .45em}#hud .hints b{font-weight:400}#hud .hints i,#hud .prompt .pg{display:inline-flex;align-items:center;white-space:nowrap;font-style:normal}[data-device=touch] #hud .hints{display:none}#hud .jackpot{position:absolute;left:50%;top:40%;z-index:8;width:min(520px,92vw);transform:translate(-50%,-46%) scale(.72);opacity:0;pointer-events:none;text-align:center;padding:28px 22px 20px;border-radius:18px;background:linear-gradient(180deg,#3a2c12,#16130e 70%);border:4px solid #f2c14a;box-shadow:0 0 0 4px #6a4a12,0 18px 40px #00000073}#hud .jackpot.on{animation:jackpotPop .55s cubic-bezier(.15,1.35,.4,1) forwards}[data-device=touch] #hud .jackpot.on{animation-name:jackpotPopMobile}#hud .jackpot .jp-tag{position:relative;z-index:1;display:inline-block;margin:0 0 6px;padding:2px 16px;border-radius:999px;background:#f2c14a;color:#3a2508;font-size:22px;letter-spacing:.18em}#hud .jackpot h2,#hud .jackpot p,#hud .jp-tank{position:relative;z-index:1}#hud .jackpot h2{margin:10px 0 0;font-size:clamp(32px,6.4vw,52px);color:#fff8dc;text-shadow:0 3px 0 #6a3a08}#hud .jackpot p{margin:8px 12px 0;color:#fff;font-size:clamp(16px,2.6vw,22px);line-height:1.35}#hud .jp-tank{height:108px;margin:4px auto 0;width:250px}#hud .jp-tank .track{position:absolute;left:18px;top:58px;width:168px;height:36px;border-radius:18px;background:#1c1814;border:3px solid #3a3228;box-shadow:inset 0 -8px #4a3c2c}#hud .jp-tank .wheel{position:absolute;top:62px;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#d8dee6 0 5px,#2a241c 6px,#5c4e3c);border:3px solid #111}#hud .jp-tank .wheel.a{left:28px}#hud .jp-tank .wheel.b{left:86px}#hud .jp-tank .wheel.c{left:146px}#hud .jp-tank .hull{position:absolute;left:36px;top:34px;width:140px;height:32px;background:linear-gradient(#9ecf63,#5f8a38);border:3px solid #243018;border-radius:6px 10px 4px 4px}#hud .jp-tank .turret{position:absolute;left:78px;top:16px;width:52px;height:26px;border-radius:26px 26px 6px 6px;background:linear-gradient(#b6e07a,#6f9a44);border:3px solid #243018}#hud .jp-tank .gun{position:absolute;left:124px;top:22px;width:78px;height:12px;border-radius:2px;background:linear-gradient(#f4f7fb,#8ea0b4);border:2px solid #2c3844}#hud .jp-tank .gun:after{content:"";position:absolute;right:-6px;top:-3px;width:10px;height:16px;background:#ffe27a;border-radius:2px;box-shadow:0 0 10px #ffd24a}#hud .jp-lights,#hud .jackpot:after{position:absolute;left:14px;right:14px;height:12px;z-index:2;background:radial-gradient(circle,#ffe27a 0 4px,transparent 5px) left center / 20px 12px repeat-x;animation:jpMarquee .35s linear infinite}#hud .jp-lights{top:8px}#hud .jackpot:after{content:"";bottom:8px}@keyframes jackpotPop{0%{opacity:0;transform:translate(-50%,-46%) scale(.55) rotate(-4deg)}to{opacity:1;transform:translate(-50%,-46%) scale(1) rotate(0)}}@keyframes jackpotPopMobile{0%{opacity:0;transform:translate(-50%,-46%) scale(.44) rotate(-4deg)}to{opacity:1;transform:translate(-50%,-46%) scale(.8) rotate(0)}}@keyframes jpMarquee{to{background-position:20px center}}#hud .banner{position:absolute;left:0;right:0;top:22%;text-align:center;opacity:0;pointer-events:none}#hud .banner h2{margin:0;font-weight:400;font-size:clamp(30px,6vw,56px);color:#fff;text-shadow:3px 3px 0 #3a3a3a}#hud .banner p{margin:.2em 0 0;font-size:clamp(14px,2.2vw,20px);color:#ffe8a0}#hud .deadmsg{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#78000040}#hud .deadmsg h2{margin:0;font-weight:400;font-size:clamp(32px,6vw,60px)}#hud .deadmsg p{margin:.3em 0 0;color:#ffe8a0}#hud .arrows{position:absolute;inset:0;pointer-events:none}#hud .arrow{position:absolute;width:0;height:0}#hud .arrow i{position:absolute;left:-12px;top:-14px;width:24px;height:28px;background:#6ad84a;clip-path:polygon(50% 0,100% 100%,50% 75%,0 100%);filter:drop-shadow(0 0 2px #000)}#hud .arrow.fuse i{background:#ff5a3a}#hud .arrow.big i{transform:scale(1.5)}#hud .hurt{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse at center,#f000 45%,#c800008c)}[data-device=touch] #hud .rts-btn{display:none}[data-device=touch] #hud .bottom{bottom:calc(228px + var(--safe-b))}[data-device=touch] #hud .slot{width:44px;height:44px}[data-device=touch] #hud .slot img{width:30px;height:30px}[data-device=touch] #hud .hearts img{width:18px;height:18px}[data-device=touch] #hud .toprow{right:calc(64px + var(--safe-r));gap:6px}[data-device=touch] #hud .arcade{flex-wrap:nowrap;gap:4px 8px;padding:0;background:transparent;border:0;box-shadow:none}[data-device=touch] #hud .arcade .goal .lbl{display:none}[data-device=touch] #hud .arc-3d,[data-device=touch] #hud .arc-coin,[data-device=touch] #hud .arc-seed img{width:30px;height:30px}[data-device=touch] #hud .arc-money{font-size:1.15em}[data-device=touch] #hud .alarm{top:calc(62px + var(--safe-t))}[data-device=touch] #hud .tl{top:calc(74px + var(--safe-t));left:calc(12px + var(--safe-l));right:auto;inset-inline-start:auto;max-width:min(52vw,18em)}[data-device=touch] #hud .chat .line{font-size:11px;max-width:100%}[data-device=touch] #hud{font-size:13px}@media(orientation:landscape)and (max-height:500px){[data-device=touch] #hud .bottom{bottom:calc(8px + var(--safe-b))}[data-device=touch] #hud .tl{top:calc(58px + var(--safe-t));left:calc(12px + var(--safe-l));right:auto;max-width:30vw}}@media(max-width:700px){#hud .robot canvas{width:36px;height:27px}}
