:root{--ink:#1b1320;--plum:#472d3c;--plum-2:#5e3a4f;--plum-dark:#2a1f2e;--cream:#cfc6b8;--cream-dim:#a79d91;--red:#e64539;--orange:#e6904e;--gold:#f4b41b;--green:#38d973;--blue:#3ca9e2;--violet:#c77dff;--pixel:"Silkscreen", "Courier New", monospace;--body:"VT323", "Courier New", monospace;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--cream);font-family:var(--body);overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;font-size:20px;line-height:1.15}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}[hidden]{display:none!important}h1,h2,h3{font-family:var(--pixel);margin:0;font-weight:400}.sprite{--s:2;width:calc(16px * var(--s));height:calc(16px * var(--s));background-image:url(../assets/tiles.png);background-size:calc(784px * var(--s)) calc(352px * var(--s));image-rendering:pixelated;flex:none;display:inline-block}#app{height:100%}#game{height:100%;padding-top:var(--safe-t);grid-template:"hud side""stage side"minmax(0,1fr)"actions side""dialogue side"/minmax(0,1fr) 300px;display:grid}#hud{grid-area:hud}#stage{grid-area:stage}#actions{grid-area:actions}#dialogue{grid-area:dialogue}#side{grid-area:side}#hud{background:var(--plum-dark);border-bottom:2px solid var(--plum);flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 10px;display:flex}.hud-bars{flex:200px;gap:4px;min-width:160px;max-width:360px;display:grid}.bar{background:var(--ink);border:2px solid var(--plum-2);height:16px;position:relative}.bar i{width:0;transition:width .2s;position:absolute;inset:0 auto 0 0}.bar.hp i{background:var(--red)}.bar.xp{height:10px}.bar.xp i{background:var(--blue)}.bar span{font-family:var(--pixel);text-align:center;color:#fff;text-shadow:1px 1px 0 var(--ink);font-size:10px;line-height:12px;position:absolute;inset:0}.bar.xp span{font-size:8px;line-height:6px}.hud-stats{flex-wrap:wrap;gap:6px;display:flex}.chip{font-family:var(--pixel);background:var(--plum);border:1px solid var(--plum-2);white-space:nowrap;font-variant-numeric:tabular-nums;padding:3px 7px;font-size:11px}.chip.turns.low{background:var(--red);color:#fff;animation:1s infinite pulse}.chip.gold{color:var(--gold)}.chip.hype{color:var(--violet)}@keyframes pulse{50%{opacity:.6}}#stage{touch-action:none;background:#120c14;position:relative;overflow:hidden}#phaser,#phaser canvas{width:100%;height:100%;display:block}#toasts{pointer-events:none;z-index:6;gap:6px;width:min(92%,420px);display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);border:2px solid var(--gold);pointer-events:auto;cursor:pointer;align-items:center;gap:10px;padding:8px 12px;animation:.25s ease-out toast-in;display:flex;box-shadow:4px 4px #00000080}.toast>div{flex:1;min-width:0}.toast-close{width:32px;height:32px;color:var(--cream-dim);background:0 0;border:none;flex:none;align-self:flex-start;margin:-4px -6px 0 0;font-size:26px;line-height:1}.toast h3{color:var(--gold);font-size:12px}.toast p{margin:2px 0 0;font-size:17px}.toast.out{opacity:0;transition:all .3s;transform:translateY(-8px)}.toast.level{border-color:var(--blue)}.toast.level h3{color:var(--blue)}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}}#target-hint{font-family:var(--pixel);background:var(--orange);color:var(--ink);pointer-events:auto;padding:6px 10px;font-size:11px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#actions{background:var(--plum-dark);border-top:2px solid var(--plum);gap:6px;padding:6px 8px;display:flex}.act{background:var(--plum);border:2px solid var(--plum-2);min-height:44px;font-family:var(--pixel);box-shadow:0 3px 0 var(--ink);justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:11px;display:flex;position:relative}.act:active{box-shadow:none;transform:translateY(2px)}.act.primary{background:var(--plum-2);border-color:var(--orange)}.act.primary.armed{background:var(--orange);color:var(--ink)}.act:disabled{opacity:.45}.act em{color:var(--orange);font-style:normal}.act .sprite{--s:1.5}.act.tab{display:none}#dialogue{padding:10px 12px calc(10px + var(--safe-b));background:var(--ink);border-top:2px solid var(--plum);gap:12px;min-height:110px;display:flex;position:relative}.dlg-portrait{align-content:start;justify-items:center;gap:4px;display:grid}.dlg-portrait .sprite{--s:3;background-color:var(--plum);border:2px solid var(--cream-dim)}.dlg-portrait small{font-family:var(--pixel);color:var(--gold);font-size:9px}.dlg-body{flex:1;min-width:0}.dlg-text{min-height:2.3em;margin:0;font-size:21px}.dlg-text.tap:after{content:" ▼";color:var(--gold);animation:.8s infinite pulse}.dlg-choices{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.dlg-choices button{background:var(--plum);border:2px solid var(--cream-dim);min-height:38px;font-family:var(--body);padding:6px 10px;font-size:19px}.dlg-choices button:hover{border-color:var(--gold)}.dlg-choices button:disabled{opacity:.4}.dlg-log-toggle{border:1px solid var(--plum-2);font-family:var(--pixel);color:var(--cream-dim);background:0 0;padding:2px 6px;font-size:9px;position:absolute;top:6px;right:8px}.dlg-log{border-top:2px solid var(--plum);z-index:5;background:#1b1320f7;max-height:40vh;margin:0;padding:10px 14px;font-size:18px;list-style:none;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.dlg-log li.good{color:var(--green)}.dlg-log li.bad{color:var(--red)}.dlg-log li.host{color:var(--gold)}#side{background:var(--plum);border-left:2px solid var(--plum-2);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.panel{background:var(--plum-dark);padding:10px 12px}.panel h2{color:var(--cream-dim);letter-spacing:.05em;margin-bottom:8px;font-size:12px}#minimap{width:100%;image-rendering:pixelated;background:#120c14;display:block}.legend{color:var(--cream-dim);flex-wrap:wrap;align-items:center;gap:2px 10px;margin:6px 0 0;font-size:15px;display:flex}.legend .k{width:8px;height:8px;margin-right:3px;display:inline-block}.k.you{background:var(--gold)}.k.rest{background:var(--green)}.k.stairs{background:var(--blue)}.k.foe{background:var(--red)}.who{align-items:center;gap:10px;margin-bottom:8px;display:flex}.who .sprite{--s:3;background-color:var(--plum)}.who b{font-family:var(--pixel);font-size:12px;font-weight:400;display:block}.who span{color:var(--cream-dim);font-size:17px}.stats{grid-template-columns:auto 2ch 1fr auto;align-items:center;gap:2px 8px;font-size:18px;display:grid}.stats .k{font-family:var(--pixel);font-size:11px}.stats .v{text-align:right;font-variant-numeric:tabular-nums}.stats .d{color:var(--cream-dim);font-size:15px}.plus{background:var(--green);width:26px;height:22px;color:var(--ink);font-family:var(--pixel);border:none;padding:0;font-size:12px}.points{color:var(--green);margin:6px 0 0;font-size:17px}.sub{font-family:var(--pixel);color:var(--cream-dim);margin:12px 0 4px;font-size:10px}.ability{margin:0;font-size:17px}.ability b{color:var(--orange);font-weight:400}.foe{align-items:center;gap:8px;margin-bottom:4px;display:flex}.foe .sprite{--s:2;background-color:var(--plum)}.foe div{flex:1;min-width:0}.foe .bar{height:8px;margin-top:2px}.foe small{color:var(--cream-dim);font-size:15px;display:block}.linkbtn{background:var(--plum);border:2px solid var(--plum-2);font-family:var(--pixel);margin-top:10px;padding:6px 10px;font-size:10px}.equip{grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px;display:grid}.slot{aspect-ratio:1;background:var(--ink);border:2px solid var(--plum);place-items:center;padding:0;display:grid;position:relative}.slot.sel{border-color:var(--gold)}.slot .sprite{--s:2}.slot label{text-align:center;font-family:var(--pixel);color:var(--cream-dim);pointer-events:none;font-size:7px;position:absolute;bottom:1px;left:0;right:0}.slot .n{font-size:14px;position:absolute;bottom:0;right:2px}.bag{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.item-detail{background:var(--ink);border:2px solid var(--plum);margin-top:8px;padding:8px;font-size:17px}.item-detail b{font-family:var(--pixel);margin-bottom:2px;font-size:11px;font-weight:400;display:block}.item-detail .row{gap:6px;margin-top:8px;display:flex}.item-detail .row button{background:var(--plum);border:2px solid var(--cream-dim);min-height:38px;font-family:var(--pixel);flex:1;font-size:10px}.screen{z-index:20;background:radial-gradient(ellipse at 50% 0%, #3a2433 0%, var(--ink) 70%);padding:calc(24px + var(--safe-t)) 16px calc(24px + var(--safe-b));position:fixed;inset:0;overflow-y:auto}.screen:empty{display:none}.screen-inner{text-align:center;justify-items:center;gap:18px;max-width:880px;margin:0 auto;display:grid}.logo{color:var(--cream);text-shadow:4px 4px 0 var(--red), 8px 8px 0 var(--ink);letter-spacing:.02em;font-size:clamp(38px,11vw,84px);line-height:1}.logo-img{justify-items:center;gap:10px;margin:0;display:grid}.logo-img img{width:min(92vw,640px);height:auto;image-rendering:pixelated}.logo-img small{color:var(--gold);letter-spacing:.1em;font-size:13px}.logo small{color:var(--gold);text-shadow:none;letter-spacing:.1em;margin-top:12px;font-size:.22em;display:block}.tag{max-width:34ch;color:var(--cream-dim);margin:0;font-size:22px}.big{background:var(--red);color:#fff;min-width:220px;min-height:52px;font-family:var(--pixel);border:none;padding:10px 20px;font-size:15px;box-shadow:0 5px #8a2320}.big.alt{background:var(--plum);box-shadow:0 5px 0 var(--plum-dark)}.big:active{box-shadow:none;transform:translateY(3px)}.btns{justify-items:center;gap:14px;display:grid}.warning{border:3px solid var(--red);background:var(--ink);text-align:left;max-width:520px;padding:18px;font-size:20px}.warning h2{color:var(--red);margin-bottom:8px;font-size:16px}.warning p{margin:0 0 10px}.parade{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.parade .sprite{--s:3}.credits{color:var(--cream-dim);max-width:40ch;font-size:16px}.credits a{color:var(--cream)}.classes{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;width:100%;display:grid}.cls{background:var(--plum-dark);border:3px solid var(--plum);text-align:center;align-content:start;justify-items:center;gap:6px;padding:12px 10px;display:grid}.cls.sel{border-color:var(--gold);background:var(--plum)}.cls .sprite{--s:4}.cls h3{font-size:13px}.cls p{color:var(--cream-dim);margin:0;font-size:17px}.cls .mini{font-family:var(--pixel);color:var(--cream);flex-wrap:wrap;justify-content:center;gap:6px;font-size:9px;display:flex}.cls .abil{color:var(--orange);font-size:16px}.namebox{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.namebox input{font:inherit;background:var(--ink);width:220px;color:var(--cream);border:2px solid var(--plum-2);-webkit-user-select:text;user-select:text;padding:8px 10px;font-size:22px}.summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;width:min(100%,560px);display:grid}.summary div{background:var(--plum-dark);border:2px solid var(--plum);padding:10px}.summary b{font-family:var(--pixel);font-variant-numeric:tabular-nums;font-size:22px;font-weight:400;display:block}.summary span{color:var(--cream-dim);font-size:16px}.ach-list{text-align:left;gap:6px;width:min(100%,560px);display:grid}.ach{background:var(--plum-dark);border:2px solid var(--plum);align-items:center;gap:10px;padding:8px 10px;display:flex}.ach.locked{opacity:.45}.ach .sprite{--s:2}.ach b{font-family:var(--pixel);font-size:11px;font-weight:400;display:block}.ach span{color:var(--cream-dim);font-size:16px}.dead{color:var(--red);text-shadow:4px 4px 0 var(--ink);font-size:clamp(40px,12vw,80px)}@media (max-width:820px){html,body{font-size:18px}#game{grid-template:"hud""stage"minmax(0,1fr)"dialogue""actions"/minmax(0,1fr)}#hud{gap:4px 8px;padding:4px 8px}.chip{padding:2px 5px;font-size:10px}#actions{padding:6px 6px calc(6px + var(--safe-b));border-top:none}#actions .act{flex:1;padding:4px;font-size:10px}.act.tab{display:flex}.act.tab.on{background:var(--cream);color:var(--ink)}#dialogue{gap:8px;min-height:0;padding:8px 10px}.dlg-portrait .sprite{--s:2}.dlg-text{min-height:0;font-size:19px}.dlg-choices button{min-height:34px;padding:3px 8px;font-size:17px}#side{left:0;right:0;bottom:calc(60px + var(--safe-b));z-index:10;border:none;border-top:3px solid var(--cream-dim);visibility:hidden;max-height:62vh;transition:transform .2s ease-out;position:fixed;transform:translateY(110%);box-shadow:0 -8px 24px #0009}#side.open{visibility:visible;transform:none}#side .panel{display:none}#side[data-panel=map] #panel-map,#side[data-panel=info] #panel-info,#side[data-panel=inventory] #panel-inventory{display:block}#minimap{max-width:440px;margin:0 auto}#side{max-height:56vh}.bag{grid-template-columns:repeat(7,minmax(0,1fr))}.equip{grid-template-columns:repeat(5,minmax(0,56px))}#actions{gap:4px}#actions .act span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#btn-ability{flex:1.6}.slot .sprite{--s:1.75}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.icon-btn{background:var(--plum);border:1px solid var(--plum-2);cursor:pointer;place-items:center;width:36px;height:36px;margin-left:auto;padding:0;display:grid}.icon-btn:hover{background:var(--plum-2)}button.chip.trophies{color:var(--ink);background:var(--gold);border-color:var(--gold);cursor:pointer;animation:1.4s infinite pulse}.ach.new{border-color:var(--gold)}#crate-pop{z-index:8;background:#120c14b3;place-items:center;padding:12px;display:grid;position:absolute;inset:0}#crate-pop[hidden]{display:none}.crate-card{background:var(--ink);border:2px solid var(--gold);justify-items:center;gap:10px;width:min(100%,380px);max-height:100%;padding:16px;animation:.25s ease-out toast-in;display:grid;overflow:auto;box-shadow:6px 6px #00000080}.crate-card h2{color:var(--gold);text-align:center;margin:0;font-size:15px}.crate-items{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.crate-items li{background:var(--plum-dark);border:1px solid var(--plum);align-items:center;gap:10px;padding:6px 8px;display:flex}.crate-items li b{font-family:var(--pixel);font-size:11px;display:block}.crate-items li span{color:var(--cream-dim);font-size:17px}#tip{z-index:50;background:var(--ink);border:2px solid var(--plum-2);pointer-events:none;gap:6px;max-width:260px;padding:6px 9px;display:grid;position:fixed;box-shadow:3px 3px #00000080}#tip[hidden]{display:none}#tip b{font-family:var(--pixel);color:var(--gold);font-size:11px;display:block}#tip span{font-size:17px;line-height:1.1}.settings{gap:8px;width:min(100%,460px);margin:0 auto 16px;display:grid}.setting{text-align:left;background:var(--plum-dark);border:1px solid var(--plum);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.setting b{font-family:var(--pixel);font-size:12px;display:block}.setting span{color:var(--cream-dim);font-size:17px}.setting input[type=checkbox]{width:24px;height:24px;accent-color:var(--gold);flex:none}.setting input[type=range]{accent-color:var(--gold);flex:0 180px}.act.attack{border-color:var(--red)}.act.attack.ready{background:var(--red);color:#fff}.act.attack.armed{background:var(--orange);color:var(--ink)}.slot .qty{font-style:normal;font-family:var(--pixel);color:var(--cream);text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink);pointer-events:none;font-size:9px;position:absolute;bottom:0;right:2px}.bagsize{color:var(--cream-dim);margin:4px 0 0;font-size:15px}button.chip.hype{cursor:pointer}.bar.hype i{background:var(--violet)}.bar.hype span{font-family:var(--pixel);place-items:center;font-size:8px;display:grid;position:absolute;inset:0}.next-floor{background:var(--plum-dark);border:2px solid var(--plum-2);text-align:left;justify-content:center;align-items:center;gap:14px;width:min(100%,420px);margin:8px auto 18px;padding:12px 16px;display:flex}.next-floor small{font-family:var(--pixel);color:var(--orange);font-size:10px;display:block}.next-floor b{font-family:var(--pixel);margin:2px 0;font-size:13px;display:block}.next-floor span{color:var(--cream-dim);font-size:17px}