:root{--paint-bg: #008080;--ugly-yellow: #ffff00;--ugly-magenta: #ff00ff;--panel: #c0c0c0;--ink: #000;--stage-w: min(960px, 96vw, calc((100dvh - 224px) * 16 / 9));font-size:16px}*{box-sizing:border-box;user-select:none;-webkit-user-select:none}html,body{margin:0;padding:0;height:100%;background:var(--paint-bg);font-family:Comic Sans MS,Comic Neue,Chalkboard SE,Segoe Print,cursive;color:var(--ink);overflow:hidden;touch-action:manipulation}#app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;gap:6px;padding:8px}@media(min-width:701px){#app.wide{gap:4px;padding:4px;--stage-w: min(98vw, calc((100dvh - 212px) * 16 / 9))}}#app:fullscreen{gap:4px;padding:4px;background:var(--paint-bg);--stage-w: min(98vw, calc((100dvh - 188px) * 16 / 9))}#app:-webkit-full-screen{gap:4px;padding:4px;background:var(--paint-bg);--stage-w: min(98vw, calc((100dvh - 188px) * 16 / 9))}#topbar{width:var(--stage-w);display:flex;justify-content:space-between;align-items:center;background:var(--panel);border:3px solid var(--ink);padding:2px 10px;font-weight:700;font-size:.9rem;box-shadow:4px 4px #000}#scene-title{text-transform:uppercase;letter-spacing:1px}#topbar-right{display:flex;align-items:center;gap:10px}#stats{color:maroon;white-space:nowrap}#btn-hint,#btn-todo,#btn-settings{font-family:inherit;font-weight:700;font-size:.8rem;background:var(--ugly-yellow);border:2px solid var(--ink);box-shadow:2px 2px #000;padding:0 8px;cursor:pointer;color:#000;display:inline-flex;align-items:center;justify-content:center;position:relative}#btn-todo,#btn-settings{padding:3px 7px}#btn-hint:active,#btn-todo:active,#btn-settings:active{transform:translate(1px,1px);box-shadow:0 0 #000}#btn-todo.on{background:var(--ugly-magenta);color:#fff}#btn-todo.has-todo:after{content:attr(data-count);position:absolute;top:-7px;right:-7px;min-width:14px;height:14px;padding:0 2px;background:#d00;color:#fff;border:1.5px solid #000;border-radius:50%;font-size:.62rem;line-height:12px;text-align:center;pointer-events:none}#todo-panel{position:absolute;top:8px;right:8px;z-index:33;width:min(340px,64%);max-height:calc(100% - 16px);overflow-y:auto;background:#fffbd0;border:3px solid var(--ink);box-shadow:5px 5px #000;transform:rotate(-1deg);padding:8px 12px 10px;font-size:.9rem}#todo-panel.hidden{display:none}.todo-head{font-weight:700;text-transform:uppercase;letter-spacing:1px;border-bottom:3px solid var(--ink);padding-bottom:3px;margin-bottom:6px}.todo-head small{display:block;text-transform:none;letter-spacing:0;font-size:.66rem;opacity:.7;font-weight:400}#todo-panel ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}#todo-panel li{display:flex;align-items:flex-start;gap:7px;line-height:1.25}#todo-panel li svg{flex-shrink:0;margin-top:1px}#todo-panel li.done span{text-decoration:line-through;text-decoration-thickness:2px;opacity:.55}.todo-empty{opacity:.7;font-style:italic}.todo-foot{margin-top:8px;font-size:.72rem;opacity:.7;text-align:right}.hints [data-hs]{animation:hintpulse .6s infinite alternate}@keyframes hintpulse{0%{filter:drop-shadow(0 0 3px #ff0) brightness(1.08)}to{filter:drop-shadow(0 0 12px #f0f) brightness(1.3)}}#stage{position:relative;width:var(--stage-w);aspect-ratio:16 / 9;border:4px solid var(--ink);background:#fff;box-shadow:6px 6px #000;overflow:hidden}#use-banner{position:absolute;top:6px;left:50%;transform:translate(-50%) rotate(-1deg);background:var(--ugly-magenta);color:#fff;border:2px solid var(--ink);padding:1px 10px;font-size:.8rem;font-weight:700;white-space:nowrap;display:none;z-index:29;pointer-events:none}#viewport,#viewport svg{width:100%;height:100%;display:block}[data-hs]{cursor:pointer}[data-hs]:hover{filter:brightness(1.12) saturate(1.3)}.busy [data-hs]{cursor:default;pointer-events:none}#tooltip{position:absolute;pointer-events:none;background:var(--ugly-yellow);border:2px solid var(--ink);padding:1px 8px;font-size:.85rem;font-weight:700;display:none;z-index:30;white-space:nowrap;transform:rotate(-1.5deg)}#carried{position:absolute;pointer-events:none;width:40px;height:40px;display:none;z-index:31;filter:drop-shadow(2px 2px 0 #000)}#carried svg{width:100%;height:100%}#hud{width:var(--stage-w);display:flex;flex-direction:column;gap:6px}#textbox{position:relative;background:#fff;border:3px solid var(--ink);box-shadow:4px 4px #000;min-height:74px;padding:6px 12px 10px;cursor:pointer}#textbox.hidden{visibility:hidden}#tb-speaker{font-weight:700;text-transform:uppercase;font-size:.8rem;color:#fff;background:#d00;display:inline-block;padding:0 8px;border:2px solid var(--ink);transform:rotate(-1deg);margin-bottom:2px}#tb-speaker:empty{display:none}#tb-text{font-size:1.05rem;line-height:1.35;min-height:2.7em}#tb-more{position:absolute;right:10px;bottom:2px;animation:bobble .6s infinite alternate;display:none}@keyframes bobble{0%{transform:translateY(0)}to{transform:translateY(4px)}}#inventory{display:flex;flex-wrap:wrap;gap:6px;background:var(--panel);border:3px solid var(--ink);padding:5px;min-height:78px;box-shadow:4px 4px #000}.inv-item{width:64px;height:64px;background:#fff;border:2px solid var(--ink);cursor:pointer;padding:3px}.inv-item:hover{background:var(--ugly-yellow)}.inv-item.selected{background:var(--ugly-magenta);outline:3px dashed var(--ink);animation:jitter .15s infinite}.inv-item svg{width:100%;height:100%}@keyframes jitter{0%{transform:translate(0) rotate(0)}25%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,1px) rotate(-1deg)}75%{transform:translate(1px,1px) rotate(.5deg)}to{transform:translate(-1px,-1px) rotate(-.5deg)}}#overlay{position:absolute;inset:0;z-index:40;display:none}#overlay.active{display:block}.dlg{position:absolute;inset:0;background:#0000008c;display:flex;flex-direction:column;justify-content:flex-end;padding:12px;gap:8px}.dlg-status{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.dlg-nerves{background:var(--panel);border:3px solid var(--ink);padding:2px 10px;font-weight:700;font-size:.9rem}.dlg-boss{flex:1;max-width:420px;background:var(--panel);border:3px solid var(--ink);padding:2px 8px}.dlg-boss-name{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:2px}.dlg-boss-bar{height:14px;border:2px solid var(--ink);background:#fff}.dlg-boss-fill{height:100%;background:repeating-linear-gradient(45deg,#d00,#d00 8px,#f55 8px 16px);transition:width .4s}.dlg-main{display:flex;gap:10px;align-items:flex-end}.dlg-portrait{width:130px;height:130px;background:#fff;border:3px solid var(--ink);flex-shrink:0;box-shadow:4px 4px #000}.dlg-portrait svg{width:100%;height:100%}.dlg-portrait.talking{animation:jitter .2s infinite}.dlg-box{flex:1;background:#fff;border:3px solid var(--ink);box-shadow:4px 4px #000;padding:6px 12px;min-height:100px;cursor:pointer}.dlg-name{font-weight:700;text-transform:uppercase;font-size:.8rem;color:#fff;background:#00a;display:inline-block;padding:0 8px;border:2px solid var(--ink);transform:rotate(1deg)}.dlg-text{font-size:1.02rem;line-height:1.3;margin-top:3px}.dlg-choices{display:flex;flex-direction:column;gap:5px;margin-top:8px}.dlg-choice{text-align:left;font-family:inherit;font-size:.95rem;background:var(--ugly-yellow);border:2px solid var(--ink);padding:4px 10px;cursor:pointer;box-shadow:3px 3px #000}.dlg-choice:hover{background:var(--ugly-magenta);color:#fff;transform:translate(1px,1px) rotate(-.5deg);box-shadow:1px 1px #000}.dlg-choice.used,.dlg-choice.used:hover{background:#b8b2a0;color:#555;cursor:default;transform:none;box-shadow:3px 3px #000;text-decoration:line-through;text-decoration-thickness:2px}.death{position:absolute;inset:0;background:#5a0000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#fff;text-align:center;cursor:pointer;animation:deathfade .8s}@keyframes deathfade{0%{opacity:0}to{opacity:1}}.death h1{font-size:4rem;margin:0;color:#f22;text-shadow:4px 4px 0 #000;transform:rotate(-2deg);animation:jitter .3s infinite}.death p{font-size:1.1rem;max-width:70%}.death small{opacity:.7}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.screen.title-screen{background:var(--paint-bg)}.logo{font-size:clamp(2rem,calc(var(--stage-w) / 18.5),6.2rem);font-weight:700;line-height:1;color:var(--ugly-yellow);text-shadow:5px 5px 0 #d00,8px 8px 0 #000;transform:rotate(-3deg);margin:0}.logo small{display:block;font-size:clamp(.85rem,calc(var(--stage-w) / 55),2rem);color:#fff;text-shadow:2px 2px 0 #000}.btn{font-family:inherit;font-size:clamp(1rem,calc(var(--stage-w) / 50),2.1rem);font-weight:700;background:var(--panel);border:3px solid var(--ink);box-shadow:5px 5px #000;padding:8px 26px;cursor:pointer}.btn:hover{background:var(--ugly-yellow);transform:translate(2px,2px) rotate(-1deg);box-shadow:2px 2px #000}.btn-small{font-size:clamp(.8rem,calc(var(--stage-w) / 78),1.15rem);padding:5px 16px;box-shadow:3px 3px #000}.screen .note{color:#fff;font-size:clamp(.78rem,calc(var(--stage-w) / 72),1.4rem);opacity:.85;max-width:75%}.shake{animation:jitter .25s infinite}.sway{animation:sway 2.4s ease-in-out infinite alternate;transform-origin:bottom center}.bobble{animation:bobble .9s ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(-2deg)}to{transform:rotate(2deg)}}.flicker{animation:flicker 1.7s steps(2) infinite}@keyframes flicker{0%,92%{opacity:1}93%,95%{opacity:.3}96%,to{opacity:1}}@media(max-width:700px){:root{--stage-w: 100vw}#app{padding:0;gap:4px;justify-content:flex-start}#topbar{border-left:none;border-right:none;box-shadow:none;font-size:.72rem;padding:2px 6px}#btn-expand{display:none}#topbar-right{gap:6px}#stage{border-left:none;border-right:none;box-shadow:none}#hud{padding:0 4px 6px;flex:1}#textbox{min-height:96px}#tb-text{font-size:1rem}.inv-item{width:54px;height:54px}#inventory{flex-wrap:wrap;min-height:66px}#overlay.active{position:fixed;inset:0;z-index:100}.dlg{background:#000000c7;padding:8px}.dlg-portrait{width:92px;height:92px}.dlg-box{min-height:80px;padding:6px 10px}.dlg-text{font-size:.98rem}.dlg-choice{font-size:.95rem;padding:9px 10px}.dlg-nerves,.dlg-boss-name{font-size:.75rem}.death h1{font-size:2.6rem}.death p{font-size:1rem;max-width:88%}.logo{font-size:2.1rem}.screen .note{font-size:.8rem;max-width:88%}.btn{font-size:1.05rem;padding:10px 22px}}@media(max-height:540px)and (orientation:landscape){:root{--stage-w: min(960px, calc((100dvh - 46px) * 16 / 9), 74vw)}#app.wide,#app:fullscreen,#app:-webkit-full-screen{--stage-w: min(960px, calc((100dvh - 46px) * 16 / 9), 80vw)}#app{flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:4px;padding:2px}#topbar{width:100%;order:0;font-size:.7rem;padding:1px 8px}#stage{order:1}#hud{order:2;width:auto;flex:1 1 0;min-width:150px;max-width:360px;align-self:stretch;max-height:calc(100dvh - 46px)}#textbox{flex:1;min-height:0;overflow-y:auto;padding:4px 10px 8px}#tb-text{font-size:.85rem;min-height:2em}.inv-item{width:38px;height:38px}#inventory{flex-wrap:wrap;min-height:48px;padding:3px}#overlay.active{position:fixed;inset:0;z-index:100}.dlg-portrait{width:84px;height:84px}.dlg-text{font-size:.9rem}.dlg-choice{padding:6px 10px;font-size:.88rem}}@media(max-height:540px)and (orientation:portrait){:root{--stage-w: min(960px, 96vw, calc((100dvh - 148px) * 16 / 9))}#textbox{min-height:56px;padding:4px 10px 8px}#tb-text{font-size:.85rem;min-height:2em}.inv-item{width:38px;height:38px}#inventory{min-height:48px;padding:3px}#topbar{font-size:.7rem}#overlay.active{position:fixed;inset:0;z-index:100}.dlg-portrait{width:84px;height:84px}}.mini{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100%;background:#12081aed}.mini-title{font-size:1.5rem;font-weight:700;color:#ff2a8a;letter-spacing:3px;text-shadow:2px 2px 0 #000}.mini-reels{display:flex;gap:12px}.mini-reel{width:124px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--ugly-yellow);border:3px solid var(--ink);box-shadow:4px 4px #000;font-weight:700;font-size:1.1rem;letter-spacing:1px}.mini-reel.stopped{background:#fff}.mini-reel.slipped{background:#e84a4a;color:#fff;animation:jitter .25s linear 3}.mini-hint{color:#d8d2c0;font-size:.85rem;text-align:center;max-width:80%}.ruleta-kolo{width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:700;color:#fff;border:4px solid var(--ink);box-shadow:4px 4px #000;background:#444}.ruleta-kolo.cervena{background:#c0392b}.ruleta-kolo.cerna{background:#181828}.ruleta-kolo.zelena{background:#1e7c38}@media(max-width:700px){.mini-reel{width:92px;height:54px;font-size:.9rem}}.drift{animation:drift 7s ease-in-out infinite alternate}@keyframes drift{0%{transform:translate(-8px)}to{transform:translate(12px)}}#ach-toasts{position:fixed;top:8px;right:8px;z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.ach-toast{display:flex;align-items:center;gap:10px;background:#fffbd0;border:3px solid var(--ink);box-shadow:5px 5px #000;padding:7px 12px 7px 7px;max-width:min(360px,80vw);transform:translate(125%) rotate(1deg);transition:transform .45s cubic-bezier(.2,1.3,.5,1)}.ach-toast.show{transform:translate(0) rotate(-1deg)}.ach-icon{width:46px;height:46px;background:#fff;border:2px solid var(--ink);flex-shrink:0}.ach-icon svg{width:100%;height:100%;display:block}.ach-top{font-size:.68rem;font-weight:700;color:#d00;letter-spacing:1px}.ach-title{font-weight:700;font-size:1rem;line-height:1.1}.ach-desc{font-size:.72rem;opacity:.82;line-height:1.2;margin-top:1px}.ach-screen{gap:10px;padding:14px;background:var(--paint-bg)}.ach-head{font-size:clamp(1.6rem,calc(var(--stage-w) / 22),3.4rem);font-weight:700;color:var(--ugly-yellow);text-shadow:4px 4px 0 #d00,6px 6px 0 #000;transform:rotate(-2deg);margin:0;text-align:center}.ach-head small{display:block;font-size:.42em;color:#fff;text-shadow:2px 2px 0 #000}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:8px;width:min(94%,840px);max-height:62vh;overflow-y:auto;padding:4px}.ach-card{display:flex;gap:8px;align-items:center;background:#fffbd0;border:3px solid var(--ink);box-shadow:3px 3px #000;padding:6px}.ach-card.locked{background:#c4c0b2}.ach-card-icon{width:44px;height:44px;background:#fff;border:2px solid var(--ink);flex-shrink:0}.ach-card.locked .ach-card-icon{opacity:.55}.ach-card-icon svg{width:100%;height:100%;display:block}.ach-card-title{font-weight:700;font-size:.86rem}.ach-card.locked .ach-card-title{color:#555}.ach-card-desc{font-size:.68rem;opacity:.82;line-height:1.18}#settings-modal{position:fixed;inset:0;z-index:150;background:#00000080;display:flex;align-items:center;justify-content:center;padding:12px}#settings-modal.hidden{display:none}.settings-card{background:var(--panel);border:4px solid var(--ink);box-shadow:8px 8px #000;width:min(360px,92vw);transform:rotate(-.6deg)}.settings-title{display:flex;justify-content:space-between;align-items:center;background:#d00;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:2px;padding:6px 12px;border-bottom:4px solid var(--ink)}.settings-close{font-family:inherit;font-weight:700;background:#fff;border:2px solid var(--ink);box-shadow:2px 2px #000;cursor:pointer;padding:0 9px;color:#000}.settings-close:active{transform:translate(1px,1px);box-shadow:0 0 #000}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border-bottom:2px dashed #999;font-weight:700}.settings-row:last-child{border-bottom:none}.settings-row small{font-weight:400;opacity:.6}.toggle{font-family:inherit;font-weight:700;cursor:pointer;min-width:60px;padding:5px 12px;border:2px solid var(--ink);box-shadow:2px 2px #000;background:#c0392b;color:#fff;letter-spacing:1px;flex-shrink:0}.toggle.on{background:#2e8e3e}.toggle:active{transform:translate(1px,1px);box-shadow:0 0 #000}@media(max-width:700px){.settings-row[data-set=wide]{display:none}}@media(orientation:landscape)and (min-height:541px){#app:fullscreen,#app:-webkit-full-screen{padding:0;gap:0;--stage-w: min(100vw, calc(100dvh * 16 / 9))}#app:fullscreen #stage,#app:-webkit-full-screen #stage{border:none;box-shadow:none}#app:fullscreen #topbar,#app:-webkit-full-screen #topbar{position:fixed;top:0;left:50%;transform:translate(-50%);width:var(--stage-w);z-index:60;background:#c0c0c0a8;border:none;box-shadow:none;font-size:.8rem;padding:1px 10px}#app:fullscreen #hud,#app:-webkit-full-screen #hud{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:var(--stage-w);z-index:60;gap:4px;padding:0 6px 6px;background:transparent;pointer-events:none}#app:fullscreen #hud>*,#app:-webkit-full-screen #hud>*{pointer-events:auto}#app:fullscreen #textbox,#app:-webkit-full-screen #textbox{background:#ffffffeb}#app:fullscreen #inventory,#app:-webkit-full-screen #inventory{background:#c0c0c099;border-width:2px;box-shadow:3px 3px #00000080;min-height:0}#app:fullscreen #overlay.active,#app:-webkit-full-screen #overlay.active{position:fixed;inset:0;z-index:100}}