:root{--bg:#0e1f16;--panel:#1c3b2a;--panel-2:#24503a;--edge:#0a1610;--edge-light:#3f7a55;--gold:#e8c547;--gold-dark:#a8891f;--text:#f3efdc;--muted:#9fb8a6;--heart:#e04b4b;--heart-empty:#3a2a2a;--blue:#4b8fe0;--purple:#8a5cd6;--danger:#c0392b;--font-title:"Press Start 2P", "Courier New", monospace;--font-body:"VT323", "Courier New", monospace;--nav-h:64px;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--text);margin:0;padding:0}body{font-family:var(--font-body);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:8px 8px;font-size:22px;line-height:1.2}button,input,select{font:inherit;color:inherit}h1,h2,h3{font-family:var(--font-title);margin:0;font-weight:400}h1{font-size:16px;line-height:1.6}h2{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:12px;line-height:1.6}h3{color:var(--muted);font-size:10px;line-height:1.6}p{margin:.25em 0}#root{min-height:100dvh}.app{max-width:520px;padding:calc(var(--sat) + 12px) 16px calc(var(--nav-h) + var(--sab) + 16px);min-height:100dvh;margin:0 auto}.panel{background:var(--panel);border:4px solid var(--edge);box-shadow:inset 0 0 0 2px var(--edge-light), 4px 4px 0 var(--edge);image-rendering:pixelated;margin-bottom:14px;padding:14px}.panel.gold{box-shadow:inset 0 0 0 2px var(--gold-dark), 4px 4px 0 var(--edge)}.panel-title{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.btn{background:var(--panel-2);border:3px solid var(--edge);box-shadow:inset 0 0 0 2px var(--edge-light), 3px 3px 0 var(--edge);font-family:var(--font-title);cursor:pointer;color:var(--text);justify-content:center;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:10px;line-height:1.6;transition:transform 60ms;display:inline-flex}.btn:active{box-shadow:inset 0 0 0 2px var(--edge-light), 1px 1px 0 var(--edge);transform:translate(2px,2px)}.btn.primary{background:var(--gold);color:#2b2205;box-shadow:inset 0 0 0 2px #fff2a8, 3px 3px 0 var(--edge)}.btn.danger{background:var(--danger);box-shadow:inset 0 0 0 2px #ff8c7a, 3px 3px 0 var(--edge)}.btn.ghost{box-shadow:none;border-color:var(--edge-light);background:0 0}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.block{width:100%}.btn.small{min-height:34px;padding:4px 10px;font-size:8px}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{font-family:var(--font-title);color:var(--muted);font-size:9px}.input{background:var(--edge);border:3px solid var(--edge-light);color:var(--text);border-radius:0;outline:none;width:100%;padding:8px 10px;font-size:22px}.input:focus{border-color:var(--gold)}.chip-row{flex-wrap:wrap;gap:6px;display:flex}.chip{border:3px solid var(--edge);background:var(--edge);cursor:pointer;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:6px 10px;font-size:18px;display:inline-flex}.chip.on{background:var(--gold);color:#2b2205;border-color:var(--gold-dark)}.chip.icon{font-size:22px}.hero-card{grid-template-columns:72px 1fr;align-items:center;gap:12px;display:grid}.hero-name{font-family:var(--font-title);font-size:11px;line-height:1.6}.hero-sub{color:var(--muted);font-size:18px}.hearts{flex-wrap:wrap;gap:3px;display:flex}.heart{width:18px;height:18px;image-rendering:pixelated}.xpbar{background:var(--edge);border:2px solid var(--edge-light);height:16px;margin-top:6px;position:relative}.xpbar>i{width:var(--w,0%);background:linear-gradient(#7ed957,#3f9a3a);transition:width .3s;position:absolute;inset:0}.xpbar>span{font-size:12px;font-family:var(--font-title);color:#fff;text-shadow:1px 1px #000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.gems{color:var(--gold);font-family:var(--font-title);font-size:11px}.quest{border-bottom:2px dashed #ffffff14;grid-template-columns:48px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.quest:last-child{border-bottom:0}.quest .icon{text-align:center;font-size:28px}.quest .title{font-size:22px}.quest .meta{color:var(--muted);font-size:16px}.quest.done .title{color:var(--muted);text-decoration:line-through}.check{border:3px solid var(--edge);background:var(--edge);width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--edge-light);cursor:pointer;justify-content:center;align-items:center;font-size:22px;display:inline-flex}.check.on{background:var(--gold);box-shadow:inset 0 0 0 2px #fff2a8}.streak{color:#ff9f43;font-family:var(--font-title);font-size:9px}.week{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:8px;display:grid}.week .d{text-align:center;color:var(--muted);font-size:14px;font-family:var(--font-title)}.week .cell{aspect-ratio:1;border:2px solid var(--edge);background:var(--edge);justify-content:center;align-items:center;font-size:14px;display:flex}.week .cell.done{background:#3f9a3a}.week .cell.miss{background:#6b2a2a}.week .cell.today{outline:2px solid var(--gold)}.week .cell.off{opacity:.3}.map{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.region{border:3px solid var(--edge);background:var(--edge);text-align:center;padding:8px 6px;font-size:15px;position:relative}.region .em{font-size:26px;display:block}.region.unlocked{background:var(--panel-2)}.region.here{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-dark)}.region.locked{filter:grayscale();opacity:.55}.region .lv{font-family:var(--font-title);color:var(--muted);margin-top:2px;font-size:8px;display:block}.region .pin{font-size:18px;position:absolute;top:-10px;right:-6px}.boss{text-align:center}.boss .sprite{filter:drop-shadow(4px 4px 0 var(--edge));margin:8px 0;font-size:84px;line-height:1;display:block}.boss .sprite.hurt{animation:.4s shake}.boss .sprite.dead{filter:grayscale()opacity(.5);transform:rotate(180deg)}.hpbar{background:var(--edge);border:3px solid var(--edge-light);height:22px;position:relative}.hpbar>i{width:var(--w,100%);background:linear-gradient(#ff6b6b,#b81c1c);transition:width .4s;position:absolute;inset:0}.hpbar>span{font-family:var(--font-title);color:#fff;text-shadow:1px 1px #000;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;inset:0}.taunt{color:var(--muted);font-size:19px;font-style:italic}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.item{border-bottom:2px dashed #ffffff14;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 0;display:grid}.item:last-child{border-bottom:0}.item .sprite{text-align:center;font-size:30px}.item .desc{color:var(--muted);font-size:16px}.item .price{font-family:var(--font-title);color:var(--gold);font-size:9px}.log{margin:0;padding:0;font-size:18px;list-style:none}.log li{border-bottom:1px solid #ffffff0f;grid-template-columns:22px 1fr;gap:6px;padding:4px 0;display:grid}.log .date{color:var(--muted);font-size:14px}.nav{z-index:10;background:var(--panel);border-top:4px solid var(--edge);box-shadow:inset 0 2px 0 var(--edge-light);padding-bottom:var(--sab);position:fixed;bottom:0;left:0;right:0}.nav-inner{max-width:520px;height:var(--nav-h);grid-template-columns:repeat(5,1fr);margin:0 auto;display:grid}.nav button{color:var(--muted);font-family:var(--font-title);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:7px;display:flex}.nav button .em{font-size:22px}.nav button.on{color:var(--gold)}.toasts{top:calc(var(--sat) + 10px);z-index:20;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;left:0;right:0}.toast{background:var(--edge);border:3px solid var(--gold);color:var(--gold);font-family:var(--font-title);padding:10px 14px;font-size:10px;animation:.2s ease-out pop;box-shadow:4px 4px #000}.toast.level{color:#7ed957;border-color:#7ed957}.toast.boss{border-color:var(--purple);color:#c9aaff}.toast.info{border-color:var(--blue);color:#9cc4ff}@keyframes pop{0%{opacity:0;transform:translateY(-10px)scale(.9)}to{opacity:1;transform:none}}.modal-bg{z-index:30;background:#000000b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:4px solid var(--edge);width:100%;max-width:520px;max-height:92dvh;box-shadow:inset 0 0 0 2px var(--edge-light);padding:16px 16px calc(16px + var(--sab));overflow-y:auto}.row{align-items:center;gap:8px;display:flex}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.center{text-align:center}.stack>*+*{margin-top:8px}.empty{text-align:center;color:var(--muted);padding:16px 0}.stat-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.stat{background:var(--edge);border:2px solid var(--edge-light);text-align:center;padding:8px}.stat b{font-family:var(--font-title);color:var(--gold);font-size:14px;display:block}.stat span{color:var(--muted);font-size:15px}.title-screen{text-align:center;flex-direction:column;justify-content:center;gap:18px;min-height:100dvh;display:flex}.title-screen h1{color:var(--gold);text-shadow:3px 3px 0 var(--edge);font-size:22px}.blink{animation:1.2s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.sprite-hero{width:64px;height:64px;image-rendering:pixelated}.fade-in{animation:.25s ease-out fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}textarea.input{min-height:120px;font-family:monospace;font-size:14px}