:root{--bg-dark:#000;--bg-panel:#30303b;--bg-slot:#2a2a4a;--bg-hover:#33335a;--border:#73738c;--border-accent:#5a5a8f;--text:#fff;--text-bright:#e0e0f0;--text-dim:#a6a6b4;--accent-gold:#c08d2e;--accent-blue:#4a8fd4;--accent-green:#4ad47a;--accent-red:#d44a4a;--accent-purple:#9a5ad4;--lock-color:#d4a44a;--unlock-color:#6a6a8a;--sans:"Segoe UI", system-ui, Roboto, sans-serif;--mono:ui-monospace, "Cascadia Code", "Fira Code", Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg-dark);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;display:flex}.screen{flex-direction:column;align-items:center;gap:2rem;padding:2.5rem 1.25rem;animation:.3s fadeIn;display:flex;position:relative}.back-button{cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;top:3.75rem;left:1rem}.back-button img{filter:invert(.7);width:1.5rem;height:1.5rem}.back-button:hover img{filter:invert()}@keyframes fadeIn{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:translateY(0)}}.screen-title{color:var(--text-bright);letter-spacing:-.03em;text-align:center;margin:0;font-size:2.5rem;font-weight:600}.screen-subtitle{color:var(--text-dim);margin:-1.25rem 0 0;font-size:1.25rem}.selection-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.selection-card{background:var(--bg-panel);border:.125rem solid var(--border);cursor:pointer;width:8.75rem;height:8.75rem;color:var(--text);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:500;transition:all .2s;display:flex}.selection-card:hover{color:var(--text-bright);transform:translateY(-.125rem)}.selection-card:active{transform:translateY(0)}.selection-card .card-icon{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;line-height:1;display:flex}.selection-card .tier-icon{width:2rem;height:2rem;image-rendering:pixelated}.selection-card .card-label{text-transform:capitalize;font-size:.875rem}.enchant-page{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:35rem;padding:2.5rem 1.25rem;font-family:monospace;animation:.3s fadeIn;display:flex}.enchant-header{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.enchant-header .back-btn{cursor:pointer;background:0 0;border:none;padding:0;display:flex}.enchant-header .back-btn img{filter:invert(.7);width:1.25rem;height:1.25rem}.enchant-header .back-btn:hover img{filter:invert()}.enchant-header h1{color:var(--text-bright);margin:0;font-size:1.5rem;font-weight:600}.enchant-header .header-meta{color:var(--text-dim);margin-left:auto;font-size:.8125rem}.header-meta{align-items:center;gap:.1rem;display:flex}.enchant-slots{flex-direction:column;gap:.625rem;width:100%;display:flex}.enchant-slot{background:var(--bg-panel);border:.125rem solid var(--border);border-radius:.5rem;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:border-color .2s;display:flex}.enchant-slot.rarity-common{border-left:.25rem solid #8a8a8a}.enchant-slot.rarity-uncommon{border-left:.25rem solid #4ad47a}.enchant-slot.rarity-rare{border-left:.25rem solid #4a8fd4}.enchant-slot.rarity-legendary{border-left:.25rem solid #d4a44a}.slot-icon{width:1.5rem;height:1.5rem;image-rendering:pixelated;flex-shrink:0}.slot-info{flex-direction:column;flex:1;gap:.125rem;display:flex}.slot-name{color:var(--text-bright);font-size:.9375rem;font-weight:600}.slot-tier{font-size:.75rem;font-family:var(--mono);color:var(--text-dim)}.lock-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.lock-btn img{filter:invert();width:1.25rem;height:1.25rem}.lock-btn:hover img{filter:invert(0)}.roll-btn{width:80%;font-size:1rem;font-weight:600;font-family:var(--mono);color:var(--text-bright);background:var(--accent-gold);border:1px solid var(--border);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.875rem;transition:all .2s;display:flex}.roll-btn:hover{filter:brightness(1.1);transform:translateY(-.0625rem)}.roll-btn:active{filter:brightness(.95);transform:translateY(0)}.cost-display{align-items:center;gap:.375rem;display:flex}.dust-icon{width:1.2rem;height:1.2rem;image-rendering:pixelated}.roll-count{color:var(--text-dim);font-size:.8125rem;font-family:var(--mono)}.secondary-btn{width:auto;font-size:.875rem;font-weight:500;font-family:var(--mono);color:var(--text);background:var(--bg-panel);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;transition:all .2s;display:flex}.secondary-btn:hover{color:var(--text-bright);border-color:var(--text-dim)}.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn:disabled:hover{color:var(--text);border-color:var(--border)}.secondary-btn.artifact-btn{margin-top:1rem}.artifact-btn-icon{width:2.5rem;height:2.5rem;image-rendering:pixelated}.artifact-desc{flex-direction:column;line-height:1.3;display:flex}.tarot-grid{grid-template-columns:repeat(4,1fr);justify-items:center;gap:.75rem;width:100%;max-width:28rem;display:grid}.tarot-card{background:var(--bg-panel);border:.125rem solid var(--border);cursor:pointer;width:6rem;height:7rem;color:var(--text);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.tarot-card:hover{color:var(--text-bright);border-color:var(--text-dim);transform:translateY(-.125rem)}.tarot-icon{width:2.5rem;height:2.5rem;image-rendering:pixelated}.no-artifact-icon{width:2.5rem;height:2.5rem;color:var(--text-dim);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.tarot-name{text-align:center;max-width:5rem;line-height:1.2}.tarot-description{text-align:center;color:var(--text-dim);max-width:5.5rem;font-size:.625rem;line-height:1.2}.starting-slots{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.starting-slot{flex-direction:column;align-items:center;gap:.5rem;min-width:10rem;display:flex}.starting-slot-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.8125rem;font-weight:600}.starting-select{width:100%;font-size:.875rem;font-family:var(--mono);color:var(--text-bright);background:var(--bg-panel);border:.125rem solid var(--border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a6a6b4' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border-radius:.375rem;padding:.5rem 1.75rem .5rem .625rem;transition:border-color .2s}.starting-select:hover,.starting-select:focus{border-color:var(--text-dim);outline:none}.starting-select option{background:var(--bg-panel);color:var(--text-bright)}.tier-select{width:100%}.validation-error{color:var(--accent-red);font-size:.875rem;font-family:var(--mono);text-align:center;margin:0}@media (width<=40rem){.selection-grid{grid-template-columns:repeat(2,1fr)}.selection-card{width:8rem;height:8rem}.tarot-grid{grid-template-columns:repeat(3,1fr)}.tarot-card{width:5.5rem;height:6.5rem}.back-button{top:1rem}}