:root{--bg: #1a1a1a;--bg-card: #2a2522;--bg-elev: #332e2a;--fg: #e8e2d4;--fg-dim: #a69a85;--accent: #a02020;--accent-dim: #6a1414;--paper: #d9c89a;--khaki: #4a5d3a;--danger: #c04040;--ok: #6b8e23;--grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.1 0 0 0 0 0.1 0 0 0 0 0.08 0 0 0 0.06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--fg);font-family:Georgia,Times New Roman,serif;min-height:100vh;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:var(--grain);opacity:.6;pointer-events:none;z-index:1}#root{position:relative;z-index:2;min-height:100vh;padding-bottom:90px}h1,h2,h3{font-weight:700;letter-spacing:.02em}h1{font-size:1.4rem;color:var(--paper);text-transform:uppercase;letter-spacing:.1em;padding:1rem 1.25rem .5rem;border-bottom:2px solid var(--accent)}h2{font-size:1.1rem;color:var(--paper);padding:1rem 1.25rem .5rem}h3{font-size:1rem;color:var(--paper);margin-bottom:.25rem}p{line-height:1.5;color:var(--fg)}.screen{padding:0 0 1rem}.pad{padding:0 1.25rem}.row{display:flex;gap:.5rem;align-items:center}.spacer{flex:1}.card{background:var(--bg-card);margin:.75rem 1rem;padding:1rem;border-radius:2px;border-left:3px solid var(--accent);box-shadow:0 2px #0006}.card.paper{background:var(--paper);color:#1a1a1a;border-left-color:var(--accent-dim);box-shadow:2px 2px #0006;position:relative}.card.paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grain);opacity:.25;pointer-events:none}.card.paper h3{color:var(--accent-dim)}.card.paper p{color:#221a14}.stamp{display:inline-block;padding:.3rem .6rem;border:2px solid var(--accent);color:var(--accent);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;transform:rotate(-3deg);background:#a0202014}.btn{display:block;width:100%;padding:.8rem 1rem;background:var(--bg-elev);color:var(--fg);border:1px solid var(--fg-dim);border-radius:2px;font:inherit;font-size:1rem;text-align:left;cursor:pointer;transition:background .1s;margin-bottom:.5rem}.btn:active{background:var(--accent-dim)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:active{background:#c02828}.btn.ghost{background:transparent;border-color:var(--fg-dim)}.btn.danger{color:var(--danger);border-color:var(--danger);background:transparent}.btn[disabled]{opacity:.5;cursor:not-allowed}.stat{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px dashed #4a3f36;font-size:.95rem}.stat:last-child{border-bottom:none}.stat .label{color:var(--fg-dim)}.stat .val{color:var(--paper);font-weight:700}.role-card{padding:1.25rem;margin:.75rem 1rem;background:var(--bg-card);border-left:3px solid var(--accent);cursor:pointer}.role-card:active{background:var(--bg-elev)}.role-card .emoji{font-size:2rem;margin-bottom:.5rem}.role-card .label{color:var(--paper);font-size:1.1rem;font-weight:700}.role-card .about{color:var(--fg-dim);margin-top:.3rem;font-size:.9rem}nav.bottom{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:#0e0d0b;border-top:2px solid var(--accent);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom)) 0;z-index:10}nav.bottom a{flex:1;text-align:center;padding:.3rem;color:var(--fg-dim);text-decoration:none;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}nav.bottom a.active{color:var(--paper)}nav.bottom a .icon{display:block;font-size:1.3rem;margin-bottom:.1rem}.mission-scene{padding:1rem 1.25rem;background:var(--paper);color:#221a14;font-family:Georgia,serif;line-height:1.5;margin:.75rem 1rem;border-left:3px solid var(--accent);position:relative}.mission-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grain);opacity:.2;pointer-events:none}.choice{padding:.8rem;background:var(--bg-card);border:1px solid var(--fg-dim);border-radius:2px;margin-bottom:.5rem;cursor:pointer;color:var(--fg);text-align:left;width:100%;font:inherit}.choice:active{background:var(--accent-dim)}.map{position:relative;background:#241f1a;margin:.75rem 1rem;min-height:420px;border:1px solid var(--fg-dim)}.map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grain);opacity:.4}.territory{position:absolute;background:var(--bg-elev);padding:.3rem .5rem;border-left:2px solid var(--accent);font-size:.75rem;color:var(--paper);cursor:pointer;white-space:nowrap}.territory:active{background:var(--accent-dim)}.loading{display:flex;justify-content:center;align-items:center;min-height:60vh;color:var(--fg-dim);font-style:italic}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:100px;background:var(--accent);color:#fff;padding:.5rem 1rem;border-radius:2px;box-shadow:0 2px 10px #0006;z-index:100;animation:toast-fade 2s}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%,10px)}10%,70%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.disclaimer{padding:.75rem 1rem;margin:.75rem 1rem;background:#a020201a;border:1px solid var(--accent);color:var(--fg-dim);font-size:.8rem;line-height:1.4;font-style:italic}.uk-citation{background:var(--bg-elev);border-left:3px solid var(--khaki);padding:.75rem 1rem;margin:.75rem 1rem;font-size:.85rem;color:var(--fg-dim);font-family:ui-monospace,Menlo,Consolas,monospace}.uk-citation .article{display:block;color:var(--khaki);font-weight:700;margin-bottom:.3rem}.vitrina{padding:.5rem 0}.vitrina-head{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-card);border-bottom:2px solid var(--accent)}.vitrina-head-left{display:flex;gap:.75rem;align-items:center}.vitrina-head-left .role-emoji{font-size:2rem}.vitrina-rank{color:var(--paper);font-weight:700;font-size:1.1rem;letter-spacing:.03em}.vitrina-subtitle{color:var(--fg-dim);font-size:.85rem}.vitrina-balance{font-size:1.4rem;font-weight:700;color:#e8c050;font-variant-numeric:tabular-nums}.vitrina-character{text-align:center;padding:1.5rem 1rem;background:radial-gradient(ellipse at center,#2a221c,#141210 70%);margin:.5rem 1rem;border:1px solid #4a3f36}.vitrina-silhouette{font-size:7rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(160,32,32,.3))}.vitrina-title{color:var(--paper);font-style:italic;margin-top:.5rem;font-size:1.05rem}.vitrina-stats{display:flex;gap:.5rem;padding:0 1rem;justify-content:space-between}.stat-chip{flex:1;background:var(--bg-elev);text-align:center;padding:.5rem;border-top:2px solid var(--khaki)}.stat-chip span{display:block;color:var(--fg-dim);font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.stat-chip b{color:var(--paper);font-size:1.1rem}.vitrina-passive{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-card);margin:.75rem 1rem;border-left:3px solid #e8c050}.vitrina-passive>div{color:var(--paper);font-size:.95rem}.vitrina-passive button{width:auto;padding:.5rem 1rem;margin:0}.collection-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:0 1rem}.collection-cell{background:var(--bg-card);padding:.75rem .5rem;text-align:center;border-top:2px solid var(--accent);min-height:100px}.cat-emoji{font-size:1.8rem}.cat-count{color:var(--paper);font-weight:700;font-size:1.3rem}.cat-label{color:var(--fg-dim);font-size:.75rem}.cat-best{font-size:.7rem;font-weight:700;margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}.season-footer{text-align:center;color:var(--fg-dim);font-size:.8rem;padding:1.5rem 1rem 0;font-style:italic}.pool-card{display:flex;gap:.75rem;width:calc(100% - 2rem);margin:.5rem 1rem;padding:.75rem;background:var(--bg-card);border:none;border-left:3px solid var(--accent);color:var(--fg);text-align:left;cursor:pointer;font:inherit}.pool-emoji{font-size:2.2rem}.pool-body{flex:1}.pool-name{color:var(--paper);font-size:1.1rem;font-weight:700}.pool-desc{color:var(--fg-dim);font-size:.85rem;margin:.25rem 0 .5rem}.pool-cost{color:#e8c050;font-weight:700;margin-bottom:.5rem}.pool-weights{display:flex;flex-wrap:wrap;gap:.25rem}.weight-chip{padding:.1rem .4rem;background:var(--bg-elev);color:var(--fg);font-size:.7rem;border-left:2px solid currentColor}.weight-chip.rarity-common{color:#9b9b9b}.weight-chip.rarity-uncommon{color:#70aa5a}.weight-chip.rarity-rare{color:#5a8cc8}.weight-chip.rarity-epic{color:#9b64c8}.weight-chip.rarity-mythic{color:#e8a040}.roll-reel{margin:1rem;padding:2rem 1rem;text-align:center;border:2px solid rgba(0,0,0,.2);color:#fff;transition:box-shadow .3s;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center}.roll-reel.reveal{animation:reveal-flash .4s}@keyframes reveal-flash{0%{transform:scale(1)}40%{transform:scale(1.08)}to{transform:scale(1)}}.roll-reel-emoji{font-size:6rem;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.roll-reel-label{font-weight:700;letter-spacing:.1em;margin-top:1rem;font-size:1.3rem}.roll-reel-rarity-top{font-size:1.1rem;font-weight:700;letter-spacing:.15em;margin-bottom:1rem;padding:.3rem .8rem;background:#0000004d;border-radius:2px}.roll-reel-name{font-size:1.5rem;font-weight:700;margin-top:.5rem}.roll-reel-flavor{font-style:italic;opacity:.9;font-size:.9rem;margin-top:.5rem;max-width:90%;line-height:1.4}.lot-card{background:var(--bg-card);margin:.75rem 1rem;border:1px solid #4a3f36;overflow:hidden}.lot-head{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#fff}.lot-emoji{font-size:2.5rem}.lot-title{flex:1}.lot-name{font-size:1.1rem;font-weight:700}.lot-rarity{font-size:.75rem;letter-spacing:1px;text-transform:uppercase;opacity:.9}.lot-body{padding:.75rem}.lot-desc{color:var(--fg-dim);font-style:italic;margin-bottom:.5rem;font-size:.9rem}.item-card{display:flex;gap:.75rem;padding:.75rem;color:#fff;margin:.5rem 1rem;border-radius:2px}.item-card-emoji{font-size:2.5rem;line-height:1}.item-card-body{flex:1}.item-card-rarity{font-size:.7rem;letter-spacing:1px;text-transform:uppercase;font-weight:700;opacity:.9}.item-card-name{font-size:1.1rem;font-weight:700;margin-top:.1rem}.item-card-flavor{font-style:italic;opacity:.9;font-size:.85rem;margin-top:.3rem}.item-card-price{color:#e8c050;font-weight:700;margin-top:.3rem;font-size:.9rem}nav.bottom button{flex:1;background:transparent;border:none;color:var(--fg-dim);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-family:inherit;padding:.3rem;cursor:pointer}nav.bottom button.active{color:var(--paper)}nav.bottom button .icon{display:block;font-size:1.4rem;margin-bottom:.1rem}.btn.share{background:#e8c050;color:#221a14;border-color:#e8c050;margin-top:.5rem;font-weight:700}.btn.share:active{background:#d0a830}