@font-face{font-family:Kenney Mini;src:url(./assets/fonts/KenneyMini.ttf) format("truetype");font-display:swap}:root{--ink: #e8dcc4;--dim: #8a7f6c;--red: #d8301c;--edge: #1a0402}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#000;color:var(--ink);font-family:Kenney Mini,system-ui,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}#view{position:fixed;inset:0}#view canvas{display:block;image-rendering:pixelated}.btn{font:inherit;font-size:16px;color:var(--ink);background:#4a1208;border:2px solid var(--edge);box-shadow:inset 0 -3px #0006;padding:8px 16px;cursor:pointer}.in-menu .game-only{display:none}#flash{position:fixed;inset:0;pointer-events:none}#hud{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;image-rendering:pixelated}#crosshair{position:fixed;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border:1px solid rgba(255,220,160,.55);pointer-events:none}#fps{position:fixed;right:8px;top:8px;font-size:13px;color:#ffe070;text-shadow:1px 1px 0 #000;pointer-events:none}#fps[hidden]{display:none}.phone #fps{top:60px}[data-buttons=small] .tbtn{transform:scale(.82)}[data-buttons=large] .tbtn{transform:scale(1.2)}.smooth-stick #stick{background-image:url(./assets/ui/joy_pad_smooth.png);image-rendering:auto}.smooth-stick #stick-knob{background-image:url(./assets/ui/joy_nub_smooth.png);image-rendering:auto}#play-hint{position:fixed;left:50%;top:62%;transform:translate(-50%);padding:8px 16px;background:#000000b3;color:#ffb070;font-size:18px;pointer-events:none}#play-hint[hidden],#touch{display:none}.phone:not(.in-menu) #touch{display:block}#look{position:fixed;top:0;bottom:0;right:0;width:55%}#stick{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:calc(var(--bar, 0px) + 12px);width:clamp(110px,30vh,150px);aspect-ratio:1;background:url(./assets/ui/joy_pad_pixel.png) center / contain no-repeat;image-rendering:pixelated;opacity:.85;touch-action:none}#stick-knob{position:absolute;left:33%;top:33%;width:34%;height:34%;background:url(./assets/ui/joy_nub_pixel.png) center / contain no-repeat;image-rendering:pixelated;pointer-events:none}#touch-buttons{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(var(--bar, 0px) + 12px);display:grid;grid-template-columns:auto auto;grid-template-areas:"use swap" "use fire";gap:10px;align-items:end}.tbtn{font:inherit;font-size:15px;color:#ffe0b0;background:#460e0699;border:2px solid rgba(255,170,110,.5);border-radius:50%;width:clamp(54px,15vh,70px);aspect-ratio:1;touch-action:none}.tbtn.held{background:#c83214cc}.tbtn.fire{grid-area:fire;width:clamp(76px,22vh,100px);font-size:18px}#btn-use{grid-area:use}#btn-swap{grid-area:swap}.tbtn.small{position:fixed;top:10px;width:42px;font-size:12px;border-radius:6px}#btn-pause{right:max(12px,env(safe-area-inset-right))}#btn-map{right:calc(max(12px,env(safe-area-inset-right)) + 52px)}.left-handed #stick{left:auto;right:max(18px,env(safe-area-inset-right))}.left-handed #touch-buttons{right:auto;left:max(18px,env(safe-area-inset-left))}.left-handed #look{right:auto;left:0}.phone #crosshair{opacity:.6}.phone #play-hint{display:none}#screens{position:fixed;inset:0;z-index:10;background:radial-gradient(ellipse at 50% 40%,#0003,#000000d1 80%)}#screens[hidden]{display:none}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2vh;padding:max(12px,env(safe-area-inset-top)) 16px 34px}.logo{width:min(76vw,150vh);max-height:34vh;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.8));margin-bottom:1vh}.choices{display:flex;flex-direction:column;align-items:flex-start}.choice{display:flex;align-items:center;gap:14px;font:inherit;background:none;border:0;padding:.2vh 0;cursor:pointer;color:inherit}.skull{width:clamp(22px,5.2vh,40px);aspect-ratio:16 / 18;background:url(./assets/ui/skull.png) 0 0 / 200% 100% no-repeat;image-rendering:pixelated;visibility:hidden}.choice.on .skull{visibility:visible}#screens.blink .skull{background-position:100% 0}.mword,.mhead{font-size:clamp(20px,5.4vh,44px);letter-spacing:.04em;background:linear-gradient(#ff8a5c,#e0341c 40%,#9a1208 85%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(2px 2px 0 var(--edge)) drop-shadow(-1px -1px 0 var(--edge));white-space:nowrap}.choice.small .mword{font-size:clamp(16px,4.2vh,32px)}@media(hover:hover){.choice:hover .mword{filter:drop-shadow(2px 2px 0 var(--edge)) drop-shadow(-1px -1px 0 var(--edge)) brightness(1.2)}}.mhead{margin:0;font-size:clamp(24px,6.4vh,54px)}.msub{margin:0 0 1vh;color:var(--ink);font-size:clamp(14px,3.4vh,22px)}.foot{position:absolute;left:16px;right:16px;bottom:max(8px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;font-size:13px;color:var(--dim)}.foot a{color:var(--dim)}.choice.option{gap:14px;width:min(92vw,720px)}.choice.option .mword{flex:1}.ctl{display:flex;align-items:center;gap:10px;cursor:pointer}.ctl-value{color:#ffb070;font-size:clamp(13px,3.2vh,20px);min-width:4.5em;text-align:right}.thermo{display:flex;gap:2px;padding:3px 4px;background:#2a0a04;border:2px solid #5a1a0c}.thermo .notch{width:clamp(6px,1.6vh,12px);height:clamp(12px,3vh,20px);background:#6a2410}.thermo .notch.at{background:#ff9050;box-shadow:0 0 6px #ff6020}.option-list{max-height:72vh;overflow-y:auto}.slot-name{font:inherit;font-size:clamp(16px,4.2vh,32px);color:#ffe0b0;background:#2a0a04;border:2px solid #c03018;padding:0 8px;width:min(60vw,420px)}.slot-list .choice .mword{min-width:min(60vw,420px);border-bottom:2px solid #3a0e06}.message{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e0;text-align:center;font-size:clamp(16px,4.4vh,28px);line-height:1.35;cursor:pointer}.message p{margin:.3em 0}.message .hint{margin-top:1.2em;color:var(--red)}.message .yn{display:flex;gap:16px;margin-top:12px}.screen.tally{background:#000000d1}.tally-grid{display:grid;grid-template-columns:auto auto;gap:.6vh 8vw;margin-top:2vh}.tally-n{text-align:right;min-width:4em}.tally-next{margin-top:3vh;min-height:1.5em}.screen.ending{background:repeating-linear-gradient(0deg,rgba(0,0,0,.35) 0 2px,transparent 2px 32px),repeating-linear-gradient(90deg,rgba(0,0,0,.35) 0 2px,transparent 2px 64px),#2a1c14}.ending-text{max-width:760px;padding:0 16px;white-space:pre-wrap;color:#e8d8b0;font-size:clamp(14px,2.6vh,22px);line-height:1.5;text-shadow:2px 2px 0 #000}.page-body{max-width:780px;max-height:62vh;overflow:auto;padding:12px 18px;background:#0000009e;border:2px solid #2a0a04;font-size:clamp(12px,3vh,16px);line-height:1.5}.page-body p{margin:0 0 .8em}.page-body h3{margin:.4em 0;color:var(--red);font-weight:400}.page-body .cols{display:flex;gap:28px;flex-wrap:wrap}.keys{border-collapse:collapse}.keys th{text-align:left;color:#ffb070;font-weight:400;padding:2px 14px 2px 0;white-space:nowrap;vertical-align:top}.keys td{padding:2px 0}.dim{color:var(--dim)}#rotate,#fs-gate{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;text-align:center;padding:20px;background:#000;color:#fff;font-size:20px;line-height:1.5}#fs-gate:not([hidden]){display:flex}#fs-gate .btn{margin-top:16px}@media(max-aspect-ratio:1/1){#rotate{display:flex}}.rotate-icon{width:64px;height:64px;margin:0 auto 16px;display:block;image-rendering:pixelated;animation:rot 2s infinite ease-in-out}.rotate-icon.still{animation:none}@keyframes rot{to{transform:rotate(90deg)}}body.editor{display:flex;flex-direction:column;background:#0c0a0a;font-size:13px;user-select:none}.ed-bar{display:flex;gap:6px;align-items:center;padding:6px 8px;padding-left:max(8px,env(safe-area-inset-left));background:#1a0806;border-bottom:2px solid #3a0e06;flex-wrap:wrap}.ed-bar .btn,.editor .btn{font-size:13px;padding:5px 10px;text-decoration:none}.editor .btn.on{background:#a02a12;color:#fff}.editor .btn.play{background:#2a6a18}.editor .btn.danger{background:#6a1408}.grow{flex:1}.ed-input,.ed-num,.ed-select,.ed-code{font:inherit;color:var(--ink);background:#1e1210;border:1px solid #5a1a0c;padding:4px 6px}.ed-input{width:180px}.ed-num{width:70px}.ed-main{flex:1;min-height:0;display:grid;grid-template-columns:230px 1fr 300px}.ed-panel{overflow-y:auto;padding:8px;background:#140a08}.ed-tools{border-right:2px solid #3a0e06;padding-left:max(8px,env(safe-area-inset-left))}.ed-side{border-left:2px solid #3a0e06;display:flex;flex-direction:column;gap:6px}.ed-tabs{display:flex;gap:4px;margin-bottom:8px}.ed-kinds{display:grid;grid-template-columns:1fr 1fr;gap:4px}.ed-kind{font-size:12px!important;padding:4px!important}.ed-props{display:flex;flex-direction:column;gap:6px;margin-top:8px}.ed-field{display:flex;flex-direction:column;gap:2px;color:var(--dim)}.ed-texture{display:flex;align-items:center;gap:6px}.ed-swatch{width:24px;height:24px;background-size:100% 100%;image-rendering:pixelated;border:1px solid #5a1a0c;flex:none}.ed-hint-small{color:var(--dim);font-size:12px;line-height:1.4;margin:6px 0}.ed-group-name{color:#ffb070;margin-top:6px}.ed-icons{display:flex;flex-wrap:wrap;gap:3px}.ed-icon{width:36px;height:36px;padding:1px;background:#2a1410;border:2px solid #3a1a10;cursor:pointer}.ed-icon.on{border-color:#ffb040}.ed-icon canvas{width:30px;height:30px;image-rendering:pixelated}.ed-facing,.ed-skills{display:flex;gap:4px}.ed-skills label{display:flex;align-items:center;gap:3px;color:var(--ink)}.ed-centre{position:relative;min-width:0;min-height:0}#ed-canvas{position:absolute;inset:0;touch-action:none;cursor:crosshair}.ed-status{position:absolute;left:8px;bottom:6px;display:flex;gap:16px;color:var(--dim);pointer-events:none}.ed-preview-wrap{position:relative}#ed-preview{width:100%;aspect-ratio:4 / 3;background:#000;cursor:grab;touch-action:none}.ed-preview-hint{color:var(--dim);font-size:11px;margin-top:2px}.ed-checks-title{color:#ffb070}#ed-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}#ed-checks li:before{content:"\2713  "}#ed-checks li.ok{color:#80d070}#ed-checks li.bad{color:#ff6050}#ed-checks li.bad:before{content:"\2717  "}#ed-checks li.warn{color:#e8c060}#ed-checks li.warn:before{content:"!  "}#ed-dialog{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#000000b3}#ed-dialog[hidden]{display:none}.ed-dialog-box{background:#1a0806;border:2px solid #7a1e0c;padding:14px;min-width:280px;max-width:90vw;max-height:86vh;overflow:auto;display:flex;flex-direction:column;gap:8px}.ed-dialog-box h3{margin:0;color:var(--red);font-weight:400}.ed-code{width:min(70vw,520px);word-break:break-all}.ed-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.ed-list li{display:flex;gap:8px;align-items:center}.bad{color:#ff6050}@media(max-height:500px),(max-width:900px){.ed-main{grid-template-columns:170px 1fr 190px}.ed-bar{flex-wrap:nowrap;overflow-x:auto;padding-top:4px;padding-bottom:4px}.ed-bar .btn,.editor .btn{font-size:11px;padding:3px 6px;white-space:nowrap}.ed-input{width:110px;font-size:11px}.ed-kind{font-size:10px!important}}
