@font-face{font-family:Pixelify Sans;src:url(/fonts/PixelifySans.ttf) format("truetype");font-weight:400 700;font-display:swap}:root{--paper: #f3ead3;--paper2: #e6dbbd;--ink: #29231d;--mut: #7d7160;--red: #b5302b;--green: #1e6a44;--yellow: #f0b622;--shadow: rgba(18, 14, 10, .6);--night: #0e1118}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--night);color:var(--ink);font:14px/1.3 Pixelify Sans,ui-monospace,Menlo,Consolas,monospace;-webkit-font-smoothing:none}canvas#c{display:block;width:100vw;height:100vh;touch-action:none;image-rendering:pixelated}.ico{width:18px;height:18px;display:block}.paper{background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--shadow)}.hidden{display:none!important}button,select,input{font:inherit;color:var(--ink)}button{background:var(--paper);border:2px solid var(--ink);padding:4px 9px;cursor:pointer;min-height:32px;box-shadow:2px 2px 0 var(--ink)}button:hover{background:#fff8e4}button:active{transform:translate(2px,2px);box-shadow:none}button.ib{width:36px;height:36px;padding:0;display:grid;place-items:center}button.chip{min-height:26px;padding:2px 7px;font-size:13px;box-shadow:1px 1px 0 var(--ink)}button.chip.ic{padding:2px 5px}button.chip .ico{width:14px;height:14px}button.on{background:var(--green);color:var(--paper)}select{background:#fffaf0;border:2px solid var(--ink);padding:3px 5px}input[type=range]{accent-color:var(--red);width:150px}input[type=datetime-local]{background:#fffaf0;border:2px solid var(--ink);padding:3px}.where{position:fixed;left:12px;top:12px;padding:8px 12px 7px;min-width:190px;display:flex;flex-direction:column}.where b{color:var(--red);font-size:17px}.where small{color:var(--mut)}.where .wx{display:flex;gap:6px;align-items:center;margin-top:6px;padding-top:6px;border-top:2px dashed var(--paper2)}.where .wx .ico{width:16px;height:16px;color:var(--ink)}.when{position:fixed;right:12px;top:12px;padding:9px 11px;width:286px;display:flex;flex-direction:column;gap:7px}.when .row{display:flex;gap:5px;align-items:center}.when .top b{font-size:24px;letter-spacing:1px;cursor:default}.when .top small{color:var(--mut);flex:1;white-space:nowrap}.when .top .ib{width:30px;height:30px}.when .top .ib .ico{width:15px;height:15px}.when #t-spd{min-width:46px}.when input[type=range]{width:100%;margin:0}.when>small{color:var(--mut)}.when .chips{justify-content:space-between}.bar{position:fixed;right:12px;bottom:12px;display:flex;gap:5px;padding:5px}#labels{position:fixed;inset:0;pointer-events:none;overflow:hidden}.label{position:absolute;left:0;top:0;pointer-events:auto;cursor:pointer}.label span{display:inline-block;transform:translate(-50%,-100%);background:var(--paper);color:var(--ink);padding:1px 6px;border:2px solid var(--ink);white-space:nowrap;font-size:13px;box-shadow:2px 2px 0 var(--shadow)}.label span:after{content:"";position:absolute;left:50%;bottom:-8px;border:5px solid transparent;border-top-color:var(--ink);transform:translate(-50%)}.label.place span{background:none;border:none;box-shadow:none;color:var(--paper);font-size:16px;letter-spacing:2px;text-transform:uppercase;text-shadow:2px 0 0 var(--ink),-2px 0 0 var(--ink),0 2px 0 var(--ink),0 -2px 0 var(--ink),2px 2px 0 var(--ink)}.label.place span:after{display:none}.panel{position:fixed;right:12px;top:12px;bottom:70px;width:300px;overflow:auto;padding:10px 12px;z-index:3}.panel header{display:flex;justify-content:space-between;align-items:center}.panel header b{font-size:17px}.panel h4{margin:12px 0 6px;color:var(--red);font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:1px;border-bottom:2px dashed var(--paper2);padding-bottom:3px}.panel label{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0}.panel .row{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:4px 0}.panel .checks label{margin:0 8px 0 0}.panel small{color:var(--mut);display:block}.panel input[type=checkbox]{accent-color:var(--green)}.info,.caption{position:fixed;left:50%;top:14px;transform:translate(-50%);background:var(--paper);border:2px solid var(--ink);padding:8px 12px;display:flex;flex-direction:column;gap:2px;max-width:min(90vw,440px);box-shadow:4px 4px 0 var(--shadow);z-index:2}.info b,.caption b{color:var(--red)}.caption{top:auto;bottom:74px}.info span,.caption span{color:var(--mut)}.modal,.onboard{position:fixed;inset:0;background:#0a080673;display:grid;place-items:center;z-index:5}.card{background:var(--paper);border:2px solid var(--ink);padding:14px 18px;max-width:min(92vw,520px);box-shadow:5px 5px 0 var(--shadow)}.card h3{margin:0 0 8px;color:var(--red);font-weight:600}.card p{margin:8px 0}.card a{color:var(--green)}.muted{color:var(--mut);font-size:13px}.onboard{background:#0a080633}.onboard .row{display:flex;justify-content:space-between;gap:8px}.onboard [data-next],.modal [data-x]{background:var(--green);color:var(--paper)}#credit{position:fixed;left:12px;bottom:12px;font-size:13px;color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--shadow);padding:3px 8px;display:flex;align-items:center;gap:4px}#credit a{color:var(--ink);text-decoration:none}#credit a:hover{color:var(--red)}#credit .heart{color:var(--red);display:inline-block}#credit .heart .ico{width:14px;height:14px;margin-top:3px}#loading{position:fixed;inset:0;display:grid;place-content:center;gap:10px;text-align:center;background:var(--night);color:var(--paper);z-index:9}#loading .bar{position:static;width:240px;height:14px;padding:0;background:var(--night);border-color:var(--paper);box-shadow:none}#loading i{display:block;height:100%;width:0;background:var(--yellow)}@media (max-width: 700px){.where{left:8px;top:8px;min-width:0;padding:5px 9px}.where b{font-size:15px}.where small{display:none}.where .wx{margin-top:3px;padding-top:3px;font-size:12px}.when{right:8px;top:8px;width:auto;padding:5px 7px}.when .top b{font-size:19px;cursor:pointer}.when .top small{display:none}.when:not(.open) .opt,.when:not(.open) input[type=range]{display:none}.when.open{left:8px;width:auto;z-index:4}.bar{left:8px;right:8px;bottom:8px;justify-content:space-between}.bar .opt{display:none}.panel{inset:auto 0 0;width:auto;max-height:62vh;border-width:2px 0 0}#credit{bottom:66px;font-size:12px}.caption{bottom:66px}}