*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#cfe3ee;font-family:Segoe Print,Bradley Hand,Comic Sans MS,Chalkboard SE,cursive;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}#app,#app canvas{position:fixed;inset:0;display:block}#crosshair{position:fixed;left:50%;top:50%;width:0;height:0;pointer-events:none;display:none}#crosshair i{position:absolute;background:#3a3026cc;border-radius:2px}#crosshair i:first-child{width:15px;height:2px;left:-8px;top:-1px;transform:rotate(1.5deg)}#crosshair i:last-child{width:2px;height:15px;left:-1px;top:-8px;transform:rotate(-2deg)}#hotbar{position:fixed;left:50%;bottom:18px;transform:translate(-50%) rotate(-.4deg);display:flex;gap:7px;pointer-events:auto}.slot{width:54px;height:58px;background:#f4eedeeb;border:2px solid #4a4034;border-radius:11px 4px 13px 5px/5px 13px 4px 11px;box-shadow:2px 3px #3a302640;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:#4a4034;transition:transform .08s ease;position:relative}.slot canvas{width:34px;height:34px;image-rendering:auto}.slot .key{position:absolute;top:1px;left:5px;font-size:9px;opacity:.6}.slot.sel{transform:translateY(-6px) rotate(1.5deg) scale(1.08);border-width:3px;background:#fdf8e8}#hint{position:fixed;right:14px;bottom:14px;color:#3a3026bf;font-size:12px;transform:rotate(-.6deg);pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.5);display:none;transition:opacity .6s}#overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#cfe3ee8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.card{background:#f6efdd;border:3px solid #4a4034;border-radius:18px 6px 20px 8px/8px 20px 6px 18px;box-shadow:4px 6px #3a30264d;padding:34px 44px 30px;text-align:center;transform:rotate(-1.2deg);color:#3e352a;max-width:430px}.card h1{font-size:40px;letter-spacing:1px;transform:rotate(-.8deg)}.card .sub{opacity:.7;margin-bottom:18px;font-size:15px}.card ul{list-style:none;text-align:left;font-size:14px;line-height:1.9;margin:0 auto 22px;display:inline-block}.card b{border-bottom:2px solid rgba(74,64,52,.35)}#play{font-family:inherit;font-size:17px;padding:9px 26px;background:#fdf8e8;border:2.5px solid #4a4034;border-radius:12px 4px 14px 6px/6px 14px 4px 12px;box-shadow:2px 3px #3a30264d;cursor:pointer;transform:rotate(.7deg);color:#3e352a}#play:hover{background:#fffdf2;transform:rotate(.7deg) translateY(-1px)}#play:active{transform:rotate(.7deg) translateY(2px);box-shadow:0 1px #3a30264d}#overlay{z-index:40}#pause{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#cfe3ee8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40}#pause .card{cursor:default}.setrow{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:14px;font-size:15px}.setrow label{min-width:92px;text-align:right}.setrow input[type=range]{width:130px;accent-color:#4a4034;cursor:pointer}.setrow span{min-width:38px;text-align:left;font-size:13px;opacity:.8}.tog,#resume{font-family:inherit;background:#fdf8e8;border:2.5px solid #4a4034;border-radius:10px 4px 12px 5px/5px 12px 4px 10px;box-shadow:2px 3px #3a30264d;color:#3e352a;cursor:pointer}.tog{padding:3px 16px;font-size:14px;min-width:64px}.tog.off{opacity:.55}#resume{font-size:17px;padding:9px 26px;transform:rotate(.7deg)}#resume:hover{background:#fffdf2;transform:rotate(.7deg) translateY(-1px)}#resume:active{transform:rotate(.7deg) translateY(2px);box-shadow:0 1px #3a30264d}#loadbar{width:220px;height:14px;margin:0 auto 8px;border:2px solid #4a4034;border-radius:8px 3px 9px 4px/4px 9px 3px 8px;background:#f4eede99;overflow:hidden;transform:rotate(-.5deg)}#loadbar i{display:block;height:100%;width:0%;background:repeating-linear-gradient(-45deg,#8ba26a 0 6px,#7a9259 6px 12px);transition:width .25s ease}#loadmsg{font-size:13px;opacity:.65;margin-bottom:16px;min-height:18px}#loadbar.full i{background:repeating-linear-gradient(-45deg,#b8cf92 0 6px,#a9c284 6px 12px)}#toasts{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:45}.toast{background:#f6efdded;border:2px solid #4a4034;border-radius:10px 4px 12px 5px/5px 12px 4px 10px;box-shadow:2px 3px #3a302640;padding:5px 16px;font-size:14px;color:#3e352a;animation:tin .18s ease-out}.toast.out{opacity:0;transition:opacity .4s}@keyframes tin{0%{opacity:0;transform:translateY(-8px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-.7deg)}}.toast{transform:rotate(-.7deg)}.toast:nth-child(2n){transform:rotate(.8deg)}#pickname{position:fixed;left:50%;bottom:96px;transform:translate(-50%) rotate(-.8deg);font-size:17px;color:#3e352a;background:#f6efdde6;border:2px solid #4a4034;border-radius:9px 3px 10px 4px/4px 10px 3px 9px;padding:3px 14px;opacity:0;pointer-events:none;z-index:25}#pickname.show{animation:pname 1.1s ease-out}@keyframes pname{0%{opacity:0;transform:translate(-50%) translateY(6px) rotate(-.8deg)}12%{opacity:1;transform:translate(-50%) translateY(0) rotate(-.8deg)}70%{opacity:1}to{opacity:0}}body.touch #pickname{bottom:66px}#touchui{position:fixed;inset:0;display:none;pointer-events:none;z-index:30}#stick{position:absolute;left:24px;bottom:104px;width:116px;height:116px;border:2.5px solid rgba(58,48,38,.55);border-radius:50% 47% 52% 49%/49% 52% 47% 51%;background:#f6efdd80;pointer-events:auto;touch-action:none}#nub{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px;border-radius:49% 51% 48% 52%/52% 48% 51% 49%;background:#3a30268c;box-shadow:1px 2px #3a30264d}.tbtns{position:absolute;right:18px;bottom:100px;display:grid;grid-template-columns:repeat(2,auto);gap:10px;pointer-events:none}.tbtn{pointer-events:auto;touch-action:none;font-family:inherit;font-size:16px;padding:9px 16px;min-width:62px;border:2.5px solid #4a4034;background:#f6efddeb;border-radius:13px 5px 15px 6px/6px 15px 5px 13px;box-shadow:2px 3px #3a30264d;color:#3e352a;transform:rotate(.5deg)}.tbtn:nth-child(2n){transform:rotate(-.8deg)}.tbtn:active{transform:translateY(2px);box-shadow:0 1px #3a30264d}.tbtn.big{grid-column:1 / -1;font-size:19px;padding:12px}body.fly #t-fly{background:#d9c98f}#t-down{visibility:hidden}body.fly #t-down{visibility:visible}#t-menu{position:absolute;top:14px;right:14px;font-size:14px;padding:6px 14px}body.touch #hotbar{bottom:8px;gap:5px}body.touch .slot{width:40px;height:46px;font-size:8px}body.touch .slot canvas{width:25px;height:25px}body.touch #hint{inset:10px auto auto 50%;transform:translate(-50%) rotate(-.6deg);font-size:11px;white-space:nowrap}#grain{position:fixed;inset:0;pointer-events:none;opacity:.08;mix-blend-mode:multiply;z-index:50}