:root{--ark-blue: #00a6ed;--ark-dark-blue: #004c6d;--bg-primary: #0a0f14;--bg-secondary: #141b22;--bg-card: rgba(20, 27, 34, .7);--bg-modal: rgba(10, 15, 20, .95);--border-primary: rgba(0, 166, 237, .2);--border-secondary: rgba(0, 166, 237, .3);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-highlight: var(--ark-blue);--glass-blur: blur(10px);--shadow-color: rgba(0, 0, 0, .3);--glow-color: rgba(0, 166, 237, .2)}body{margin:0;font-family:Segoe UI,Roboto,system-ui,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh}*{box-sizing:border-box}.quick-nav-button{position:fixed;right:24px;bottom:84px;width:48px;height:48px;border-radius:50%;background-color:var(--ark-blue);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow-color);transition:transform .2s,background-color .2s;z-index:100}.quick-nav-button:hover{transform:scale(1.05);background-color:var(--ark-dark-blue)}.quick-nav-button svg{width:24px;height:24px}.quick-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-modal);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.quick-nav-modal{background-color:var(--bg-secondary);border-radius:12px;width:90%;max-width:400px;max-height:80vh;box-shadow:0 4px 12px var(--shadow-color);border:1px solid var(--border-primary);display:flex;flex-direction:column}.quick-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border-primary)}.quick-nav-header h3{margin:0;color:var(--text-primary)}.quick-nav-close{background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;padding:0 8px;line-height:1}.quick-nav-close:hover{color:var(--text-primary)}.quick-nav-search{margin:16px;padding:8px 12px;border-radius:6px;border:1px solid var(--border-primary);background-color:var(--bg-primary);color:var(--text-primary);font-size:14px;width:calc(100% - 32px)}.quick-nav-search:focus{outline:none;border-color:var(--ark-blue);box-shadow:0 0 0 2px var(--glow-color)}.quick-nav-items{overflow-y:auto;padding:0 16px 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:50vh}.quick-nav-item{padding:8px 12px;border-radius:6px;background-color:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;transition:all .2s;text-align:center;font-size:14px}.quick-nav-item:hover{background-color:var(--ark-blue);border-color:var(--ark-blue);color:#fff}.engram-list{padding:20px 20px 80px}.level-section{margin-bottom:40px;scroll-margin-top:20px;transition:background-color .3s}.level-section.active{background-color:var(--bg-card);padding:16px;border-radius:8px;border:1px solid var(--border-primary)}.level-section h2{color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-primary)}.engram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.engram-card{background-color:var(--bg-secondary);border-radius:8px;padding:16px;border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:12px;position:relative}.engram-header{display:flex;align-items:center;gap:12px}.engram-header h3{margin:0;color:var(--text-primary);font-size:1.1rem}.engram-image{width:48px;height:48px;object-fit:contain;border-radius:4px;background-color:var(--bg-primary);padding:4px}.engram-description{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.crafting-requirements{background-color:var(--bg-primary);border-radius:6px;padding:12px}.crafting-requirements h4{margin:0 0 8px;color:var(--text-primary);font-size:.9rem}.crafting-requirements ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.crafting-requirements li{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem}.requirement-image{width:24px;height:24px;object-fit:contain;border-radius:4px;background-color:var(--bg-secondary);padding:2px}.wiki-link{position:absolute;top:16px;right:16px;background-color:var(--bg-primary);color:var(--text-secondary);text-decoration:none;padding:6px 12px;border-radius:4px;font-size:.8rem;transition:all .2s;border:1px solid var(--border-primary)}.wiki-link:hover{background-color:var(--ark-blue);color:#fff;border-color:var(--ark-blue)}@media (max-width: 768px){.engram-grid{grid-template-columns:1fr}}.item-id-container{padding:20px 20px 80px}.category-section{margin-bottom:40px;scroll-margin-top:20px;transition:background-color .3s}.category-section.active{background-color:var(--bg-card);padding:16px;border-radius:8px;border:1px solid var(--border-primary)}.category-section h2{color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--border-primary)}.item-table{width:100%;border-collapse:collapse;background-color:var(--bg-secondary);box-shadow:0 1px 3px 0 var(--shadow-color);border-radius:8px;overflow:hidden;color:var(--text-primary)}.item-table th,.item-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-primary)}.item-table th{background-color:var(--bg-primary);font-weight:600;color:var(--text-secondary)}.item-table tr:last-child td{border-bottom:none}.item-table tr:nth-child(2n){background-color:var(--bg-primary)}.item-table tr:hover{background-color:var(--bg-card)}.item-image{width:40px;padding:8px!important;vertical-align:middle}.item-image img{width:32px;height:32px;object-fit:contain;vertical-align:middle;border-radius:4px;background-color:var(--bg-primary);padding:2px}h1{text-align:center;color:var(--text-primary);padding:20px;margin:0;box-shadow:0 2px 4px #0000001a}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.solid:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}.read-the-docs{color:#888}.app-container{position:relative;min-height:100vh}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#2d3748;padding:12px;display:flex;justify-content:center;gap:16px;box-shadow:0 -2px 10px #0000001a}.bottom-nav button{padding:8px 24px;border:none;border-radius:6px;background-color:transparent;color:#a0aec0;font-size:16px;cursor:pointer;transition:all .2s}.bottom-nav button:hover{color:#fff;background-color:#4a5568}.bottom-nav button.active{background-color:#4a5568;color:#fff}h1{text-align:center;color:#2d3748;margin:24px 0;font-size:2rem}