:root{--bg: #0e0c0a;--panel: #1a1612;--panel-2: #231e18;--border: #3a3127;--text: #d8cfc0;--muted: #8f8474;--gold: #c8a45a;--gold-bright: #ffd27a;--good: #7fbf6a;--danger: #b5483a;--radius: 8px;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#241d15 0%,var(--bg) 60%)}h1,h2,h3{font-family:Cinzel,Georgia,serif;color:var(--gold);margin:0;font-weight:600}h1{font-size:1.6rem;letter-spacing:.04em}h2{font-size:1.1rem}h3{font-size:.85rem;margin:14px 0 8px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}a{color:var(--gold)}button{font:inherit;color:inherit;cursor:pointer}.app{max-width:1400px;margin:0 auto;padding:16px clamp(12px,3vw,32px) 32px}.topbar{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:8px;background:linear-gradient(var(--bg) 80%,transparent)}.subtitle{margin:2px 0 0;color:var(--muted)}.topbar__actions{display:flex;gap:8px}.btn{padding:8px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);transition:border-color .15s,background .15s}.btn:hover:not(:disabled){border-color:var(--gold)}.btn:disabled{opacity:.4;cursor:default}.btn--danger{border-color:var(--danger);background:#3a1a15;font-weight:600}.btn--danger:hover:not(:disabled){background:#52221b;border-color:#e0604f}.topbar__actions{flex-wrap:wrap;align-items:center}.nav{display:flex;gap:4px;margin-right:8px}.nav__link{padding:6px 10px;border-radius:var(--radius);color:var(--muted);text-decoration:none}.nav__link:hover{color:var(--text)}.nav__link--active{color:var(--gold-bright);background:var(--panel-2)}.about{max-width:720px;margin:0 auto;padding:24px clamp(16px,4vw,36px);font-size:1rem;line-height:1.65}.about h2{font-size:1.5rem;margin-bottom:12px}.about p{margin:0 0 14px}.about__back{display:inline-block;margin-top:8px;color:var(--text);text-decoration:none}.layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start}.layout__main,.layout__side{display:flex;flex-direction:column;gap:16px;min-width:0}.layout__side{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto}@media(max-width:900px){.layout{grid-template-columns:1fr}.layout__side{position:static;max-height:none;order:-1}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.panel__header{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:8px}.hint{color:var(--muted);font-size:.85rem;margin:4px 0 10px}.empty{color:var(--muted);font-style:italic;margin:6px 0}.badge{display:inline-block;min-width:1.6em;padding:0 6px;border-radius:999px;background:var(--gold);color:#1a1408;font-family:system-ui,sans-serif;font-size:.8rem;text-align:center;vertical-align:middle}.search{flex:1 1 220px;max-width:320px;padding:7px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text)}.search:focus{outline:none;border-color:var(--gold)}.rune-icon{display:block;object-fit:contain;flex-shrink:0}.rune-icon--gold{filter:grayscale(1) sepia(1) saturate(4) brightness(1.2) drop-shadow(0 0 4px rgba(255,200,80,.55))}.rune-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.rune-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel-2);transition:transform .08s,border-color .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.rune-tile:hover{border-color:var(--gold)}.rune-tile:active{transform:scale(.96)}.rune-tile--picked{border-color:var(--gold-bright);background:#33291a;box-shadow:0 0 12px #ffd27a59,inset 0 0 10px #ffd27a26}.rune-tile__name{font-size:.75rem;line-height:1.1;text-align:center}.rune-tile--featured{grid-column:span 2;flex-direction:row;gap:10px;padding:8px 10px;border-color:#6b5426}.rune-tile--featured:hover{border-color:var(--gold-bright)}.rune-tile__body{display:contents}.rune-tile--featured .rune-tile__body{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;text-align:left}.rune-tile--featured .rune-tile__name{font-weight:600;color:var(--gold-bright);text-align:left}.rune-tile__effects{font-size:.75rem;line-height:1.2;color:var(--muted)}.rune-grid--group{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.rune-tile__tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;translate:-50% 0;z-index:20;width:max-content;max-width:260px;display:none;flex-direction:column;gap:2px;padding:8px 10px;border:1px solid var(--gold);border-radius:6px;background:#0b0907f2;text-align:left;font-size:.8rem;pointer-events:none}.rune-tile__tooltip>span{display:flex;flex-direction:column;gap:1px}.rune-tile__tooltip strong{color:var(--gold-bright)}.rune-tile__tooltip em{color:var(--muted)}@media(hover:hover){.rune-tile:hover .rune-tile__tooltip{display:flex}}.stack{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:6px}.stack__item{position:relative;width:100%;display:flex;align-items:center;gap:10px;padding:6px 28px 6px 6px;border-radius:6px;border:1px solid var(--gold);background:#33291a;text-align:left}.stack__item:hover{border-color:var(--danger)}.stack__name{font-weight:600;line-height:1.2}.stack__item--featured{border-color:var(--gold-bright);background:linear-gradient(100deg,#4a3510,#33291a);box-shadow:0 0 12px #ffc85059}.stack__item--featured .stack__name{color:var(--gold-bright)}.stack__remove{position:absolute;top:50%;right:8px;translate:0 -50%;width:18px;height:18px;border-radius:50%;background:var(--danger);color:#fff;font-size:13px;line-height:17px;text-align:center;opacity:0;transition:opacity .15s}.stack__item:hover .stack__remove,.stack__item:focus-visible .stack__remove{opacity:1}.mod-group h3{margin-top:8px}.mods{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 8px}.mod{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:var(--panel-2);border-left:3px solid #8888ff}.mod__text{flex:1;color:#b9b9ff}.mod__stacks{font-weight:700;color:var(--gold-bright)}.mod__sources{display:flex;gap:2px}.footer{margin-top:24px;text-align:center;color:var(--muted);font-size:.8rem}