:root{--ink:#1a1523;--parchment:#f4e4c1;--parchment-dim:#e8d4a8;--frame:#5b3a29;--gold:#c9a227;--xp:#e8c547;--teal:#2a6f7a;--danger:#8b2e2e;--copper:#b87333;--silver:silver;--coin-gold:#e8c547;--muted:#6b5a4a;--panel:#2a2233;--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--parchment);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Nunito,system-ui,sans-serif;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:radial-gradient(ellipse at top, #2a2233 0%, var(--ink) 60%)}button,input{font:inherit}button{cursor:pointer}.pixel-font{letter-spacing:.02em;font-family:"Press Start 2P",monospace;line-height:1.6}.app-shell{background:linear-gradient(180deg, #231c2c 0%, var(--ink) 100%);flex-direction:column;max-width:430px;height:100%;min-height:100%;margin:0 auto;display:flex;position:relative;box-shadow:0 0 0 1px #3a2f45}.app-main{padding:12px 12px calc(72px + var(--safe-bottom));flex:1;overflow:auto}.toast-stack{z-index:50;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.toast{background:var(--frame);color:var(--parchment);border:2px solid var(--gold);padding:10px 12px;font-size:13px;box-shadow:0 4px #1a0f08}.pixel-frame{background:var(--parchment);color:var(--ink);border:3px solid var(--frame);box-shadow:inset 0 0 0 1px var(--gold), 0 4px 0 #1a0f08;border-radius:2px;padding:12px;position:relative}.pixel-frame:before,.pixel-frame:after{content:"";background:var(--gold);width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--frame);position:absolute}.pixel-frame:before{top:-2px;left:-2px}.pixel-frame:after{top:-2px;right:-2px}.pixel-frame .corner-bl,.pixel-frame .corner-br{background:var(--gold);width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--frame);position:absolute}.pixel-frame .corner-bl{bottom:-2px;left:-2px}.pixel-frame .corner-br{bottom:-2px;right:-2px}.pixel-btn{background:var(--gold);color:var(--ink);border:3px solid var(--frame);text-transform:uppercase;padding:12px 14px;font-family:"Press Start 2P",monospace;font-size:10px;box-shadow:0 3px #1a0f08}.pixel-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px #1a0f08}.pixel-btn:disabled{opacity:.45;cursor:not-allowed}.pixel-btn.secondary{background:var(--parchment-dim)}.pixel-btn.danger{background:var(--danger);color:var(--parchment)}.pixel-btn.teal{background:var(--teal);color:var(--parchment)}.pixel-input{border:3px solid var(--frame);width:100%;color:var(--ink);background:#fff8e8;padding:10px 12px;font-size:16px}.bar-track{border:2px solid var(--frame);background:#3a2f28;height:14px;overflow:hidden}.bar-fill{background:var(--xp);height:100%;transition:width .25s}.bar-fill.teal{background:var(--teal)}.rarity-common{color:#5a5a5a}.rarity-uncommon{color:#2d6b2d}.rarity-rare{color:#2a4f9b}.rarity-epic{color:#7a2d9b}