:root{--bg: #0f0e0c;--bg-raised: #1a1814;--border: #2a2620;--text: #e8e4dc;--muted: #8a8578;--accent: #c9a227;--accent-dim: #8a7020;--radius: 12px;--font-sans: "DM Sans", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;background:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 50% -20%,#2a2218 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,#1a1510 0%,transparent 40%);color:var(--text);font-family:var(--font-sans);line-height:1.5}#root{min-height:100vh}.app{max-width:640px;margin:0 auto;padding:2.5rem 1.25rem 3rem}.header{margin-bottom:2rem;text-align:center}.title{font-family:var(--font-serif);font-size:2.35rem;font-weight:400;letter-spacing:.02em;margin:0 0 .35rem;color:var(--text);line-height:1.15}.tagline{margin:0;font-size:.95rem;color:var(--muted);font-weight:400}.panel{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.35rem}.controls{display:flex;flex-direction:column;gap:1.25rem}.field label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.5rem}.segmented{display:flex;gap:0;border-radius:10px;border:1px solid var(--border);overflow:hidden;width:100%}.segment{flex:1;padding:.65rem .5rem;font-family:var(--font-sans);font-size:.95rem;font-weight:600;color:var(--muted);background:var(--bg);border:none;border-right:1px solid var(--border);cursor:pointer;transition:color .15s,background .15s}.segment:last-child{border-right:none}.segment:hover{color:var(--text);background:#141210}.segment.active{color:var(--bg);background:var(--accent);color:#0f0e0c}.field-inline .count-row{display:flex;align-items:center;gap:.75rem}.count-row input[type=number]{width:5.5rem;padding:.6rem .75rem;font-size:1rem;font-family:var(--font-sans);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .15s;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.count-row input[type=number]::-webkit-outer-spin-button,.count-row input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.count-row input[type=number]:focus{border-color:var(--accent-dim);box-shadow:0 0 0 3px #c9a22726}.hint{font-size:.85rem;color:var(--muted)}.field-error{margin:.5rem 0 0;font-size:.85rem;color:#e57373}.count-row input[type=number][aria-invalid=true]{border-color:#e57373}.primary{width:100%;padding:.85rem 1.25rem;font-family:var(--font-sans);font-size:1rem;font-weight:600;color:#0f0e0c;background:linear-gradient(180deg,#d4af37 0%,var(--accent) 100%);border:none;border-radius:10px;cursor:pointer;box-shadow:0 1px #ffffff1f inset,0 4px 12px #00000059;transition:transform .12s,filter .12s}.primary:hover{filter:brightness(1.05);transform:translateY(-1px)}.primary:active{transform:translateY(0);filter:brightness(.98)}.meta{margin:0;font-size:.8rem;color:var(--muted);line-height:1.4}.meta code{font-size:.78em;padding:.1em .35em;background:var(--bg);border-radius:4px;color:var(--accent)}.meta-warn{color:#a68b5b}.results{margin-top:1.5rem}.results-heading{font-family:var(--font-serif);font-size:1.35rem;font-weight:400;margin:0 0 1rem;color:var(--text)}.item-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.item-card{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;transition:border-color .15s}.item-card:hover{border-color:#3a342c}.item-num{flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--accent);background:#c9a2271a;border-radius:6px}.item-body{min-width:0;flex:1}.item-name{font-size:1rem;font-weight:500;color:var(--text);margin-bottom:.35rem;line-height:1.35}.item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem;font-size:.8rem}.pill{display:inline-block;padding:.15rem .5rem;border-radius:6px;background:#242018;color:var(--muted);font-weight:500}.pill.rarity{color:#c4beb0}.pill.rarity-common{color:#c4beb0;background:#c4beb01f}.pill.rarity-uncommon{color:#8fd68f;background:#4aa34a24}.pill.rarity-rare{color:#77a7ff;background:#3666cc29}.pill.rarity-very-rare{color:#c084fc;background:#7e3af229}.pill.rarity-legendary{color:#f0c75e;background:#c9a2272e}.pill.rarity-artifact{color:#ff9f6e;background:#e0553629}.pill.price{color:var(--accent);background:#c9a2271f}.pill.qty{margin-left:.5rem;font-variant-numeric:tabular-nums}.chance{color:var(--muted);font-variant-numeric:tabular-nums}.chance:before{content:"вес ";opacity:.7}.footer{margin-top:2.5rem;text-align:center;font-size:.75rem;color:var(--muted);letter-spacing:.04em}@media (min-width: 480px){.app{padding:3rem 1.5rem 3.5rem}.title{font-size:2.75rem}}