@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{font-family:Segoe UI,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#1e1e1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;margin:0;padding:0}html,body{overflow-y:auto;height:auto;min-height:100vh}#root{min-height:100vh}body{display:block;min-width:0;min-height:0;place-items:normal}.rune-canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#121212;overflow:hidden;display:flex;color:#e0e0e0;font-family:Inter,system-ui,-apple-system,sans-serif}.canvas-area{flex:1;height:100vh;display:flex;justify-content:center;align-items:center;background-image:radial-gradient(circle at 50% 50%,#1e1e24,#121212);position:relative}.rune-svg{width:100%;height:100%;border:none;background:transparent}.controls-panel{position:absolute;right:20px;top:20px;width:340px;max-height:calc(100vh - 40px);overflow-y:auto;background:#1e1e1e99;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000004d;transition:all .3s ease}.panel-section{margin-bottom:24px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:20px}.panel-section:last-child{border-bottom:none}.section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-bottom:16px;font-weight:600}h3{margin-top:0;margin-bottom:20px;font-size:1.5rem;background:linear-gradient(90deg,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h4{margin:0 0 8px;font-size:1.1rem;color:#fff}label{display:block;font-size:.9rem;color:#ccc;margin-bottom:8px}button{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}button:hover{background:#fff3;transform:translateY(-1px)}button:active{transform:translateY(0)}button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-weight:500}button:disabled{opacity:.5;cursor:not-allowed;transform:none}input[type=range]{width:100%;background:transparent;height:6px;border-radius:3px;outline:none}select{width:100%;padding:10px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:.95rem;outline:none}select:focus{border-color:#764ba2}select option{background:#2a2a2a;color:#fff}.controls-panel::-webkit-scrollbar{width:6px}.controls-panel::-webkit-scrollbar-track{background:transparent}.controls-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#121212;z-index:100;font-size:1.5rem;color:#888}.rune-info-card{background:#0003;border-radius:8px;padding:12px;margin-bottom:16px}.export-row{display:flex;gap:10px;margin-bottom:24px}.export-btn{flex:1;display:flex;justify-content:center;align-items:center;background:#ffffff0d}.placed-runes-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding-right:4px;margin-top:10px}.inventory-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#ffffff0d;border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.inventory-item:hover{background:#ffffff1a}.inventory-item.active{background:#764ba233;border-color:#764ba280}.inventory-name{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#ccc;max-width:180px}.inventory-item.active .inventory-name{color:#fff;font-weight:500}.inventory-actions{display:flex;gap:4px}.small-btn{width:24px;height:24px;padding:0!important;display:flex;align-items:center;justify-content:center;font-size:1rem;background:#ffffff1a!important;border:none!important;border-radius:4px}.small-btn:hover{background:#fff3!important;color:#fff}.small-btn.remove:hover{background:#ff44444d!important;color:#f44}.rotation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.rotation-grid .small-btn{width:100%;height:32px;font-size:.8rem}.rotation-grid .small-btn.active{background:#764ba2!important;color:#fff;border:1px solid rgba(255,255,255,.3)!important}.rune-editor-container{display:flex;flex:1;min-height:0;background-color:#1e1e1e;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.rune-list-sidebar{width:250px;background-color:#252526;border-right:1px solid #333;display:flex;flex-direction:column;flex-shrink:0;min-height:0}.sidebar-header{padding:15px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{margin:0;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background-color:#0e639c;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px}.btn-primary:hover{background-color:#17b}.rune-list{flex:1;overflow-y:auto;padding:10px}.rune-item{padding:10px;margin-bottom:4px;border-radius:4px;cursor:pointer;transition:background-color .2s;border:1px solid transparent}.rune-item:hover{background-color:#2a2d2e}.rune-item.selected{background-color:#37373d;border-color:#007acc}.rune-item-name{font-weight:500;display:block}.rune-item-id{font-size:12px;color:#888}.editor-main{flex:1;display:flex;flex-direction:row;overflow:hidden}.preview-pane{flex:1;background-color:#1e1e1e;display:flex;justify-content:center;align-items:center;position:relative;background-image:radial-gradient(#333 1px,transparent 1px);background-size:20px 20px}.preview-container{width:100%;height:100%;border:1px solid #444;background-color:#252526;box-shadow:0 4px 20px #0000004d;padding:20px;position:relative;box-sizing:border-box}.preview-container>svg{display:block;width:50%;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.properties-pane{width:350px;background-color:#252526;border-left:1px solid #333;display:flex;flex-direction:column;flex-shrink:0}.properties-header{padding:15px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;background-color:#2d2d2d}.properties-content{flex:1;overflow-y:auto;padding:15px}.section-title{font-size:12px;text-transform:uppercase;color:#aaa;margin-top:20px;margin-bottom:10px;font-weight:600;border-bottom:1px solid #333;padding-bottom:5px}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:13px;margin-bottom:4px;color:#ccc}.form-input,.form-textarea,.form-select{width:100%;background-color:#3c3c3c;border:1px solid #3c3c3c;color:#f0f0f0;padding:6px 8px;border-radius:2px;font-size:13px;box-sizing:border-box}.form-input:focus,.form-textarea:focus{border-color:#007acc;outline:none}.input-row{display:flex;flex-direction:column;gap:8px;padding-bottom:4px}.input-row .form-group{width:100%}.coordinate-group{display:flex;align-items:center;background-color:#333;border-radius:4px;padding:6px;margin-bottom:0}.coordinate-label{font-size:12px;color:#aaa;padding:0 8px;font-weight:600;width:15px}.coordinate-input{flex:1;min-width:0;background:transparent;border:none;color:#fff;text-align:right;padding:4px;font-family:monospace}.coordinate-input:focus{background-color:#3c3c3c;outline:none;border-radius:2px}.list-item{display:flex;gap:8px;margin-bottom:8px;background-color:#2d2d2d;padding:8px;border-radius:4px;border:1px solid #3e3e3e}.btn-icon-danger{background-color:transparent;color:#fca5a5;border:none;padding:4px 8px;cursor:pointer;opacity:.7;align-self:flex-start}.btn-icon-danger:hover{opacity:1;background-color:#dc354533;border-radius:4px}.btn-danger{background-color:#ab1f1f;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.btn-secondary{background-color:#444;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer}.btn-small{font-size:12px;padding:6px 12px;margin-top:5px;background-color:#333;border:1px solid #444;color:#ccc;width:100%;cursor:pointer}.btn-small:hover{background-color:#3d3d3d}.empty-state{display:flex;justify-content:center;align-items:center;height:100%;color:#666}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e1e1e}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.wizard-container{min-height:100vh;background:linear-gradient(135deg,#0f0c1d,#1a1530,#0f0c1d);padding:3rem 2rem}.wizard-content{max-width:1400px;margin:0 auto}.wizard-header{text-align:center;margin-bottom:3rem}.wizard-header h1{font-size:3.5rem;background:linear-gradient(135deg,gold,#ffed4e,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;font-weight:700}.subtitle{color:#888;font-size:1.2rem}.slot-input-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.slot-input-card{background:#ffffff08;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease}.slot-input-card:focus-within{border-color:#ffd7004d;background:#ffffff0d}.slot-input-card label{display:block;color:gold;font-size:.9rem;font-weight:600;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:1px}.slot-input-card textarea{width:100%;min-height:80px;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:1rem;color:#fff;font-size:.95rem;resize:none;transition:border-color .3s}.slot-input-card textarea:focus{outline:none;border-color:#ffd70080}.action-row{display:flex;flex-direction:column;align-items:center;margin-bottom:4rem}.analyze-btn{min-width:280px;background:linear-gradient(135deg,gold,#ffed4e,gold);color:#000;border:none;padding:1.2rem 3rem;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #ffd7004d;transition:all .3s ease}.analyze-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px #ffd70080}.layers-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.rune-layer{background:#ffffff05;border-radius:20px;padding:1.5rem;border-top:4px solid #333}.layer-center{border-color:gold}.layer-power{border-color:#ff4500}.layer-protection{border-color:#00bfff}.layer-result{border-color:#32cd32}.layer-heading{color:#fff;font-size:1.2rem;margin-bottom:1.5rem;text-align:center}.rune-options{display:flex;flex-direction:column;gap:1.2rem}.rune-card{background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.2rem;cursor:pointer;transition:all .3s ease}.rune-card:hover{background:#ffffff0d;border-color:#ffd70033}.rune-card.selected{background:#ffd70014;border-color:gold;box-shadow:0 0 20px #ffd70033}.rune-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.rune-icon-container{width:60px;height:60px}.rune-svg-icon{width:100%;height:100%;color:gold}.rune-info h4{color:#fff;font-size:1.2rem;margin:0}.match-score{font-size:.75rem;color:gold;opacity:.7}.rune-text{color:#ccc;font-size:.9rem;line-height:1.6;margin:0}.synthesis-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;background:#00000080;border:1px solid rgba(255,215,0,.2);border-radius:24px;padding:3rem;margin-top:4rem}.preview-column h3,.narrative-column h3{color:gold;font-size:1.5rem;margin-bottom:2rem}.selected-runes-list{display:flex;flex-direction:column;gap:1rem}.selected-rune-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff08;border-radius:12px}.selected-rune-icon{width:40px;height:40px}.rune-label{color:#fff;font-weight:700;font-size:1.1rem}.layer-tag{font-size:.7rem;color:#888;text-transform:uppercase;margin-left:auto}.synthesis-text{color:#eee;font-size:1.1rem;line-height:1.8}.synthesis-text p{margin-bottom:1.5rem}.placeholder-text{color:#555;font-style:italic}.spinner{width:24px;height:24px;border:3px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:992px){.synthesis-panel{grid-template-columns:1fr}}.wiki-page{max-width:1100px;margin:0 auto;padding:80px 20px 6rem}.wiki-header{text-align:center;margin-bottom:4rem}.wiki-header-rune{font-size:60px;color:var(--accent-blue, #4a90e2);animation:glow-pulse 4s infinite ease-in-out;margin-bottom:16px;display:block}.wiki-header h1{font-size:2.6rem;font-weight:700;margin-bottom:.75rem;line-height:1.2;background:linear-gradient(to bottom,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.wiki-header p{color:var(--text-dim, #888);font-size:1.05rem;max-width:640px;margin:0 auto;line-height:1.7}.aett-section{margin-bottom:3.5rem}.aett-title{display:flex;align-items:center;gap:.75rem;font-size:.8rem;font-weight:600;color:var(--text-dim, #888);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.25rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.75rem}.aett-number{display:flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:50%;background:#4a90e21f;color:var(--accent-blue, #4a90e2);font-size:.75rem;font-weight:700;flex-shrink:0}.rune-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.rune-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem .75rem 1rem;background:var(--glass, rgba(255, 255, 255, .03));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:pointer}.rune-card:hover{background:#4a90e20f;border-color:var(--accent-blue, #4a90e2);transform:translateY(-3px);box-shadow:0 4px 20px #4a90e226}.rune-card:hover .rune-card-symbol{text-shadow:0 0 20px rgba(74,144,226,.5)}.rune-card-symbol{font-size:2.4rem;line-height:1;margin-bottom:.5rem;color:var(--accent-blue, #4a90e2);transition:text-shadow .2s}.rune-card-name{font-size:.88rem;font-weight:600;color:#e0e0e0;margin-bottom:.3rem}.rune-card-meaning{font-size:.72rem;color:var(--text-dim, #888);text-align:center;line-height:1.4}@media(max-width:768px){.wiki-page{padding:60px 16px 4rem}.wiki-header h1{font-size:2rem}.rune-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}}.rune-wiki-page{max-width:900px;margin:0 auto;padding:60px 20px 6rem}.rune-wiki-not-found{text-align:center;padding:6rem 2rem;color:var(--text-dim, #888);font-size:1rem}.rune-wiki-not-found a{color:var(--accent-blue, #4a90e2);text-decoration:none;margin-top:1rem;display:inline-block}.rwp-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;gap:1rem}.rwp-back-btn{background:var(--glass, rgba(255, 255, 255, .03));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));color:var(--text-dim, #888);padding:.45rem 1rem;border-radius:100px;cursor:pointer;font-size:.85rem;transition:border-color .2s,color .2s;font-family:inherit}.rwp-back-btn:hover{border-color:var(--accent-blue, #4a90e2);color:var(--accent-blue, #4a90e2)}.rwp-pagination{display:flex;gap:1rem;font-size:.85rem}.rwp-prev,.rwp-next{color:var(--text-dim, #888);text-decoration:none;padding:.35rem .8rem;border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:100px;transition:color .2s,border-color .2s;white-space:nowrap}.rwp-prev:hover,.rwp-next:hover{color:var(--accent-blue, #4a90e2);border-color:var(--accent-blue, #4a90e2)}.rwp-header{display:flex;gap:2.5rem;align-items:flex-start;margin-bottom:3rem;padding:2.5rem;background:var(--glass, rgba(255, 255, 255, .03));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:24px}.rwp-symbol{font-size:6rem;line-height:1;color:var(--accent-blue, #4a90e2);flex-shrink:0;text-shadow:0 0 40px rgba(74,144,226,.4);animation:glow-pulse 4s infinite ease-in-out}.rwp-title-block{padding-top:.5rem}.rwp-name{font-size:2.8rem;font-weight:700;margin:0 0 .75rem;line-height:1.15;background:linear-gradient(to bottom,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.rwp-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.rwp-badge{background:#4a90e21f;color:var(--accent-blue, #4a90e2);border:1px solid rgba(74,144,226,.25);padding:.2rem .7rem;border-radius:100px;font-size:.78rem;font-weight:500}.rwp-badge.muted{background:var(--glass, rgba(255, 255, 255, .03));color:var(--text-dim, #888);border-color:var(--glass-border, rgba(255, 255, 255, .08))}.rwp-visual-note{font-size:.88rem;color:var(--text-dim, #888);font-style:italic;margin:0;line-height:1.6}.rwp-roles{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1.5rem}.rwp-role-card{background:var(--glass, rgba(255, 255, 255, .03));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:20px;padding:1.5rem;transition:border-color .2s,transform .2s}.rwp-role-card:hover{transform:translateY(-2px)}.role-center{border-top:2px solid rgba(74,144,226,.5)}.role-power{border-top:2px solid rgba(255,120,60,.5)}.role-protection{border-top:2px solid rgba(100,220,120,.5)}.role-result{border-top:2px solid rgba(200,120,255,.5)}.role-center:hover{border-color:#4a90e266}.role-power:hover{border-color:#ff783c66}.role-protection:hover{border-color:#64dc7866}.role-result:hover{border-color:#c878ff66}.rwp-role-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.rwp-role-icon{font-size:1.1rem}.rwp-role-title{font-size:.78rem;font-weight:700;color:#e0e0e0;text-transform:uppercase;letter-spacing:.08em}.rwp-role-desc-meta{font-size:.72rem;color:var(--text-dim, #888);font-style:italic;margin:0 0 .85rem}.rwp-role-text{font-size:.9rem;color:#ccc;line-height:1.7;margin:0 0 .85rem}.rwp-keywords{display:flex;flex-wrap:wrap;gap:.35rem}.rwp-keyword{font-size:.7rem;background:#ffffff0a;color:var(--text-dim, #888);border:1px solid var(--glass-border, rgba(255, 255, 255, .08));padding:.15rem .5rem;border-radius:4px}.rwp-bindrune{background:#4a90e20d;border:1px solid rgba(74,144,226,.15);border-radius:20px;padding:1.75rem}.rwp-bindrune h2{font-size:.78rem;font-weight:700;color:var(--accent-blue, #4a90e2);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .75rem}.rwp-bindrune p{font-size:.95rem;color:#ccc;line-height:1.75;margin:0}.rwp-intro{margin-bottom:1.5rem;padding:1.5rem 2rem;background:var(--glass, rgba(255,255,255,.03));border:1px solid var(--glass-border, rgba(255,255,255,.08));border-radius:20px}.rwp-intro p{font-size:1rem;color:#ccc;line-height:1.8;margin:0}.rwp-section-label{font-size:.72rem;font-weight:700;color:var(--accent-blue, #4a90e2);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .85rem}.rwp-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:1.5rem}.rwp-card{background:var(--glass, rgba(255,255,255,.03));border:1px solid var(--glass-border, rgba(255,255,255,.08));border-radius:20px;padding:1.5rem}.rwp-card-text{font-size:.88rem;color:#bbb;line-height:1.7;margin:.75rem 0 0}.rwp-etymology-grid{display:flex;gap:1.5rem;margin-bottom:.5rem}.rwp-etymology-grid>div{display:flex;flex-direction:column;gap:.2rem}.rwp-etym-lang{font-size:.65rem;color:var(--text-dim, #888);text-transform:uppercase;letter-spacing:.08em}.rwp-etym-word{font-size:1.3rem;color:var(--accent-blue, #4a90e2);font-style:italic}.rwp-symbolism-theme{font-size:.95rem;color:#e0e0e0;font-style:italic;margin:0 0 .85rem;line-height:1.6}.rwp-badge.accent{background:#c878ff1f;color:#c878ffe6;border-color:#c878ff40}.rwp-shadow{margin-bottom:1.5rem;padding:1.25rem 1.75rem;background:#ff50500a;border:1px solid rgba(255,80,80,.15);border-radius:20px}.rwp-shadow .rwp-section-label{color:#ff6464d9}.rwp-shadow p{font-size:.9rem;color:#bbb;line-height:1.75;margin:0}.rwp-historical{margin-bottom:1.5rem;padding:1.25rem 1.75rem;background:#ffc83c08;border:1px solid rgba(255,200,60,.12);border-radius:20px}.rwp-historical .rwp-section-label{color:#ffc83ccc}.rwp-historical p{font-size:.9rem;color:#bbb;line-height:1.75;margin:0}.rwp-bindrune-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:1.25rem}.rwp-bindrune-role-card{background:#4a90e20f;border:1px solid rgba(74,144,226,.12);border-radius:14px;padding:1rem 1.25rem}.rwp-bindrune-role-label{font-size:.65rem;font-weight:700;color:var(--accent-blue, #4a90e2);text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.5rem}.rwp-bindrune-role-card p{font-size:.87rem;color:#bbb;line-height:1.65;margin:0}.rwp-synergies{margin-top:1.5rem}.rwp-synergies h3{font-size:.72rem;font-weight:700;color:var(--text-dim, #888);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .75rem}.rwp-synergies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.rwp-synergy-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1rem}.rwp-synergy-rune{display:block;font-size:.82rem;font-weight:600;color:var(--accent-blue, #4a90e2);text-decoration:none;margin-bottom:.5rem}.rwp-synergy-rune:hover{text-decoration:underline}.rwp-synergy-card p{font-size:.82rem;color:#aaa;line-height:1.6;margin:0}.rwp-caution{margin-top:1.25rem;padding:1rem 1.25rem;background:#ffa0280d;border:1px solid rgba(255,160,40,.15);border-radius:14px}.rwp-caution-label{font-size:.72rem;font-weight:700;color:#ffa028d9;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:.5rem}.rwp-caution p{font-size:.87rem;color:#bbb;line-height:1.65;margin:0}.rwp-bind-examples{margin-top:1.5rem}.rwp-bind-examples h3{font-size:.72rem;font-weight:700;color:var(--text-dim, #888);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .75rem}.rwp-bind-example{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:1rem 1.25rem;margin-bottom:.75rem}.rwp-bind-example-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.rwp-bind-example-header strong{font-size:.88rem;color:#ddd}.rwp-bind-runes{display:flex;gap:.4rem;flex-wrap:wrap}.rwp-bind-rune-link{font-size:.75rem;color:var(--accent-blue, #4a90e2);text-decoration:none;background:#4a90e21a;border:1px solid rgba(74,144,226,.2);padding:.15rem .55rem;border-radius:100px}.rwp-bind-rune-link:hover{background:#4a90e22e}.rwp-bind-example p{font-size:.87rem;color:#bbb;line-height:1.65;margin:0}.rwp-bind-example-notes{margin-top:.4rem!important;color:#888!important;font-style:italic;font-size:.82rem!important}.rwp-recommended-pos{margin-top:1.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--text-dim, #888)}.rwp-use-cases{margin-top:1.5rem;margin-bottom:1.5rem}.rwp-use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rwp-use-case-card{background:var(--glass, rgba(255,255,255,.03));border:1px solid var(--glass-border, rgba(255,255,255,.08));border-radius:16px;padding:1.1rem}.rwp-use-case-context{display:block;font-size:.7rem;font-weight:700;color:#c878ffd9;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.rwp-use-case-card p{font-size:.85rem;color:#bbb;line-height:1.6;margin:0}.rwp-practical{margin-bottom:1.5rem;padding:1.5rem 1.75rem;background:var(--glass, rgba(255,255,255,.03));border:1px solid var(--glass-border, rgba(255,255,255,.08));border-radius:20px}.rwp-practical-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1rem}.rwp-practical-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:1rem}.rwp-practical-label{display:block;font-size:.65rem;font-weight:700;color:var(--text-dim, #888);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.rwp-practical-card p{font-size:.87rem;color:#bbb;line-height:1.65;margin:0}.rwp-galdr{font-style:italic;color:#9ab!important}.rwp-pairing{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;font-size:.8rem}.rwp-pairing-label{color:var(--text-dim, #888);font-size:.75rem}.rwp-pairing-label.avoid{color:#ff6464b3}.rwp-badge-link{text-decoration:none;transition:background .15s}.rwp-badge-link:hover{background:#4a90e238}.rwp-badge-avoid{background:#ff50501a;color:#ff7878d9;border:1px solid rgba(255,80,80,.2);padding:.2rem .7rem;border-radius:100px;font-size:.78rem;font-weight:500;text-decoration:none}.rwp-badge-avoid:hover{background:#ff50502e}.rwp-long-desc{margin-bottom:1.5rem;padding:1.75rem 2rem;background:var(--glass, rgba(255,255,255,.03));border:1px solid var(--glass-border, rgba(255,255,255,.08));border-radius:20px}.rwp-long-desc p{font-size:.92rem;color:#bbb;line-height:1.85;margin:0 0 1rem}.rwp-long-desc p:last-child{margin-bottom:0}.rwp-faq{margin-bottom:1.5rem}.rwp-faq-item{background:var(--glass, rgba(255,255,255,.03));border:1px solid var(--glass-border, rgba(255,255,255,.08));border-radius:14px;padding:1rem 1.25rem;margin-bottom:.5rem;cursor:pointer}.rwp-faq-item summary{font-size:.92rem;color:#ddd;font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.rwp-faq-item summary:after{content:"+";color:var(--accent-blue, #4a90e2);font-size:1.1rem;flex-shrink:0}.rwp-faq-item[open] summary:after{content:"−"}.rwp-faq-item p{font-size:.87rem;color:#aaa;line-height:1.7;margin:.75rem 0 0}@media(max-width:640px){.rune-wiki-page{padding:40px 16px 4rem}.rwp-roles{grid-template-columns:1fr}.rwp-header{flex-direction:column;gap:1.25rem;padding:1.75rem}.rwp-symbol{font-size:4.5rem}.rwp-name{font-size:2.2rem}.rwp-nav,.rwp-pagination{flex-wrap:wrap}.rwp-two-col,.rwp-bindrune-roles,.rwp-practical-grid,.rwp-synergies-grid,.rwp-use-cases-grid{grid-template-columns:1fr}}:root{--bg-primary: #0a0a0c;--bg-secondary: #141416;--accent-blue: #4a90e2;--accent-purple: #764ba2;--text-dim: #888;--glass: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08)}.App{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--bg-primary);color:#e0e0e0;font-family:Outfit,sans-serif;overflow:hidden}.app-header{height:60px;background:#0a0a0ccc;backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 40px;z-index:100;flex-shrink:0}.logo-container{display:flex;align-items:center;gap:12px}.rune-logo{font-size:24px;color:var(--accent-blue);text-shadow:0 0 10px rgba(74,144,226,.5)}.site-name{font-size:1.1rem;letter-spacing:2px;text-transform:uppercase;color:#fff;font-weight:600}.app-nav{display:flex;gap:30px}.nav-link{color:var(--text-dim);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;letter-spacing:1px}.nav-link:hover,.nav-link.active{color:#fff}.app-main{flex:1;overflow:hidden;position:relative}.rune-editor-page{position:absolute;inset:0;display:flex;flex-direction:column}.wiki-scroll{height:100%;overflow-y:auto;background:radial-gradient(circle at 50% -10%,rgba(74,144,226,.08) 0%,transparent 55%)}.home-page{height:100%;overflow-y:auto;padding:80px 20px;background:radial-gradient(circle at 50% -20%,rgba(74,144,226,.15) 0%,transparent 50%)}.hero-section{text-align:center;max-width:860px;margin:0 auto 100px}.hero-rune{font-size:80px;margin-bottom:20px;color:var(--accent-blue);animation:glow-pulse 4s infinite ease-in-out}@keyframes glow-pulse{0%,to{text-shadow:0 0 20px rgba(74,144,226,.3);transform:scale(1)}50%{text-shadow:0 0 40px rgba(74,144,226,.6);transform:scale(1.05)}}.hero-section h1{font-size:3rem;font-weight:700;margin-bottom:1.25rem;line-height:1.2;background:linear-gradient(to bottom,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.2rem;color:var(--text-dim);margin-bottom:2rem;line-height:1.6}.hero-subtitle strong{color:#ccc;-webkit-text-fill-color:#ccc}.hero-intent-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:2.5rem}.intent-tag{padding:6px 16px;background:var(--glass);border:1px solid var(--glass-border);border-radius:100px;font-size:.85rem;color:var(--text-dim);cursor:pointer;transition:border-color .2s,color .2s,transform .15s;font-family:inherit}.intent-tag:hover{border-color:var(--accent-blue);color:#ccc;transform:translateY(-1px)}.hero-actions{display:flex;justify-content:center;gap:20px}.btn-premium{padding:1.5rem 2.5rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:280px;font-size:1.1rem;font-weight:600;text-decoration:none}.btn-premium span{font-size:.8rem;font-weight:400;color:var(--text-dim)}.btn-premium:hover{background:#ffffff0d;border-color:var(--accent-blue);box-shadow:0 0 30px #4a90e233;transform:translateY(-5px)}.btn-premium.secondary:hover{border-color:var(--accent-purple);box-shadow:0 0 30px #764ba233}.section-lead{font-size:1.05rem;color:var(--text-dim);text-align:center;margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto}.info-section{max-width:1000px;margin:0 auto 100px;padding:60px;text-align:left}.info-section h2{font-size:2.5rem;margin-bottom:2rem;color:#fff}.info-section p{font-size:1.1rem;line-height:1.8;color:var(--text-dim);margin-bottom:1.5rem}.info-section strong{color:#ccc;font-weight:600}.combinations-section{max-width:1200px;margin:0 auto 100px;text-align:center}.combinations-section h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.combinations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.combo-card{padding:32px;text-align:left;border-radius:20px;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}.combo-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at top left,color-mix(in srgb,var(--combo-color) 8%,transparent),transparent 60%);pointer-events:none}.combo-card:hover{transform:translateY(-4px);border-color:var(--combo-color);box-shadow:0 0 24px color-mix(in srgb,var(--combo-color) 25%,transparent)}.combo-runes{font-size:2rem;margin-bottom:12px;color:var(--combo-color);letter-spacing:4px;font-weight:300}.combo-card h3{font-size:1.2rem;color:#fff;margin-bottom:4px}.combo-rune-names{font-size:.8rem;color:var(--combo-color);margin-bottom:12px;letter-spacing:.5px;opacity:.8}.combo-meaning{font-size:.9rem;color:var(--text-dim);line-height:1.5;margin-bottom:20px}.combo-btn{background:transparent;border:1px solid var(--glass-border);color:#ccc;padding:8px 18px;border-radius:100px;font-size:.85rem;cursor:pointer;transition:all .2s}.combo-btn:hover{border-color:var(--combo-color);color:var(--combo-color)}.how-it-works{max-width:1200px;margin:0 auto 100px;text-align:center}.how-it-works h2{font-size:2.5rem;margin-bottom:3rem;color:#fff}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.step-card{padding:40px;position:relative;text-align:left;transition:transform .3s ease}.step-card:hover{transform:translateY(-5px);border-color:var(--accent-blue)}.step-num{font-size:3rem;font-weight:700;color:#4a90e21a;position:absolute;top:20px;right:20px;line-height:1}.step-card h3{font-size:1.3rem;margin-bottom:15px;color:#fff}.step-card p{color:var(--text-dim);font-size:.95rem;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto 100px}.feature-card.glass{padding:40px;background:var(--glass);border:1px solid var(--glass-border);border-radius:24px;text-align:left}.f-icon{font-size:2rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:10px}.feature-card p{color:var(--text-dim);font-size:.95rem;line-height:1.6}.rune-reference-section{max-width:1200px;margin:0 auto 100px;text-align:center}.rune-reference-section h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.rune-table{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;margin-bottom:2rem}.rune-cell{padding:16px 8px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:4px;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:pointer;text-decoration:none}.rune-cell:hover{border-color:var(--accent-blue);transform:translateY(-3px);box-shadow:0 4px 20px #4a90e226}.rune-cell:hover .rune-symbol{text-shadow:0 0 16px rgba(74,144,226,.6)}.rune-symbol{font-size:1.8rem;color:var(--accent-blue)}.rune-name{font-size:.75rem;color:#ccc;font-weight:600}.rune-meaning-label{font-size:.7rem;color:var(--text-dim)}.ref-cta{margin-top:1.5rem}.btn-outline{display:inline-block;padding:12px 28px;border:1px solid var(--glass-border);border-radius:100px;color:#ccc;text-decoration:none;font-size:.95rem;transition:all .2s}.btn-outline:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.faq-section{max-width:1000px;margin:0 auto 100px;padding:60px}.faq-section h2{font-size:2.5rem;margin-bottom:3rem;text-align:center}.faq-grid{display:grid;gap:36px}.faq-item h3{font-size:1.1rem;margin-bottom:10px;color:var(--accent-blue);line-height:1.4}.faq-item p{color:var(--text-dim);line-height:1.7;font-size:.97rem}.footer-links{margin-top:60px;display:flex;justify-content:center;gap:40px;opacity:.4;margin-bottom:60px;flex-wrap:wrap}.footer-link{color:#fff;text-decoration:none;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;transition:opacity .2s}.footer-link:hover{opacity:2}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:24px}.canvas-header-overlay{position:absolute;top:20px;left:20px;z-index:1000}.back-btn{background:#00000080;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:10px 20px;border-radius:10px;cursor:pointer;transition:all .2s}.back-btn:hover{background:#ffffff1a}@media(max-width:1024px){.combinations-grid{grid-template-columns:repeat(2,1fr)}.rune-table{grid-template-columns:repeat(6,1fr)}}@media(max-width:768px){.hero-section h1{font-size:2.2rem}.feature-grid,.combinations-grid{grid-template-columns:1fr}.info-section,.faq-section{padding:30px}.hero-actions{flex-direction:column;align-items:center}.btn-premium{width:100%;min-width:unset}.rune-table{grid-template-columns:repeat(4,1fr)}.app-header{padding:0 20px}.app-nav{gap:16px}}@media(max-width:480px){.rune-table{grid-template-columns:repeat(3,1fr)}}