html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--night-sky);font-family:Georgia,Times New Roman,serif}#app,canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;color:var(--ui-cream);text-shadow:0 1px 2px var(--night-sky)}.wallet,.shop-wallet{display:flex;flex-direction:column;gap:.1rem}.wallet{position:absolute;left:1.1rem;top:1rem;padding:.5rem .9rem .55rem;border:2px solid var(--cracker-gold);border-radius:.6rem;background:var(--hud-bg)}.wallet-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.8}.wallet-amount{font-size:1.6rem;font-weight:700;color:var(--marigold)}.hotbar{position:absolute;left:50%;bottom:1rem;transform:translate(-50%);display:flex;gap:.35rem}.slot{position:relative;width:5.2rem;padding:.35rem .3rem .4rem;border:2px solid var(--ink-soft);border-radius:.5rem;background:var(--hud-bg);text-align:center;font-size:.78rem}.slot.premium{border-color:var(--cracker-gold)}.slot.selected{border-color:var(--marigold);box-shadow:0 0 .6rem var(--marigold)}.slot.empty{opacity:.5}.slot-key{position:absolute;left:.3rem;top:.15rem;font-size:.68rem;opacity:.75}.slot-name{display:block;margin-top:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-count{display:block;font-size:1.05rem;font-weight:700;color:var(--marigold)}.prompt{position:absolute;left:50%;bottom:6.4rem;transform:translate(-50%);padding:.4rem .9rem;border-radius:.5rem;background:var(--hud-bg);font-size:1rem;opacity:0;transition:opacity .15s;white-space:nowrap}.prompt.show{opacity:1}.prompt kbd{display:inline-block;min-width:1.2em;margin-right:.35rem;padding:0 .3rem;border:1px solid var(--ui-cream);border-radius:.25rem;font-family:inherit;text-align:center;color:var(--marigold)}.prompt .sep{display:inline-block;width:1.4rem}.toast{position:absolute;left:50%;top:1.2rem;transform:translate(-50%);padding:.45rem 1rem;border-radius:.5rem;background:var(--hud-bg);opacity:0;transition:opacity .2s}.toast.show{opacity:1}.toast.error{border:2px solid var(--cracker-red)}.toast.ok{border:2px solid var(--cracker-green)}.help{position:absolute;left:1.1rem;bottom:1rem;max-width:24rem;font-size:.78rem;line-height:1.45;opacity:.85}.hud.shopping .help,.hud.shopping .prompt{display:none}.shop{position:absolute;left:50%;top:50%;width:min(40rem,92vw);transform:translate(-50%,-50%);display:none;padding:1.1rem 1.3rem 1rem;border:3px solid var(--cracker-gold);border-radius:.9rem;background:var(--ui-cream);color:var(--ink);text-shadow:none;pointer-events:auto;box-shadow:0 .8rem 2.5rem var(--night-sky)}.shop.open{display:block}.shop-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:.6rem;border-bottom:3px double var(--cracker-red)}.shop-name{display:block;font-size:1.6rem;font-weight:700;color:var(--cracker-red)}.shop-sub{font-size:.82rem;color:var(--ink-soft)}.shop-wallet{align-items:flex-end}.shop-wallet .wallet-amount{color:var(--cracker-green)}.shop-list{margin:.5rem 0}.shop-row{display:grid;grid-template-columns:1fr 5.2rem 2.8rem 4.4rem;align-items:center;gap:.5rem;padding:.38rem .4rem;border-bottom:1px solid var(--panel-shade)}.shop-row.premium{background:var(--panel-shade);border-radius:.4rem}.shop-key{display:inline-block;width:1.3rem;font-size:.8rem;color:var(--ink-soft)}.shop-item-name{font-weight:700}.shop-row.premium .shop-item-name{color:var(--cracker-red)}.shop-blurb{display:block;margin-left:1.3rem;font-size:.78rem;color:var(--ink-soft)}.shop-price{font-weight:700;text-align:right;color:var(--cracker-red)}.shop-owned{text-align:center;color:var(--cracker-green)}.shop-buy,.shop-close{padding:.3rem .6rem;border:2px solid var(--cracker-green);border-radius:.4rem;background:var(--cracker-green);color:var(--ui-cream);font-family:inherit;font-weight:700;cursor:pointer}.shop-buy:disabled{border-color:var(--ink-soft);background:transparent;color:var(--ink-soft);cursor:not-allowed}.shop-msg{min-height:1.3rem;font-size:.92rem}.shop-msg.error{color:var(--cracker-red);font-weight:700}.shop-msg.ok{color:var(--cracker-green)}.shop-foot{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:var(--ink-soft)}.shop-close{border-color:var(--cracker-red);background:var(--cracker-red)}.quality{position:absolute;right:.8rem;top:.8rem;padding:.3rem .65rem;border:2px solid var(--cracker-gold);border-radius:.4rem;background:var(--hud-bg);color:var(--ui-cream);font-family:inherit;font-size:.78rem;cursor:pointer;pointer-events:auto}.quality.low{border-color:var(--ink-soft)}.hud.shopping .quality{display:none}.stats{position:absolute;right:.8rem;top:2.9rem;margin:0;padding:.4rem .6rem;border-radius:.4rem;background:var(--hud-bg);font:.72rem/1.35 ui-monospace,Menlo,monospace;display:none}.stats.show{display:block}