@font-face{font-family:New Rocker;src:url(/NewRocker-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #1a1a1a;--bg-medium: #2d2d2d;--bg-light: #404040;--text-primary: #ffffff;--text-secondary: #b0b0b0;--accent: #8b5cf6;--accent-hover: #7c3aed;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--border: #4a4a4a;--common: #9ca3af;--uncommon: #10b981;--rare: #3b82f6;--epic: #a855f7;--legendary: #f59e0b}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:1rem}.card{background-color:var(--bg-medium);border:1px solid var(--border);border-radius:8px;padding:1.5rem;margin-bottom:1rem}.button{background-color:var(--accent);color:var(--text-primary);border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s;font-weight:500}.button:hover{background-color:var(--accent-hover)}.button:disabled{background-color:var(--bg-light);cursor:not-allowed;opacity:.6}.button.secondary{background-color:var(--bg-light)}.button.secondary:hover{background-color:var(--bg-medium)}.button.danger{background-color:var(--danger)}.button.success{background-color:var(--success)}.button-group{display:flex;gap:.5rem;flex-wrap:wrap}input,select{background-color:var(--bg-light);border:1px solid var(--border);color:var(--text-primary);padding:.75rem;border-radius:6px;font-size:1rem;width:100%;margin-bottom:1rem}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:2px}label{display:block;margin-bottom:.5rem;font-weight:500}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1rem 0}.stat-item{background-color:var(--bg-light);padding:1rem;border-radius:6px;text-align:center}.stat-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.progress-bar{background-color:var(--bg-light);border-radius:4px;overflow:hidden;height:24px;margin:.5rem 0;position:relative}.progress-fill{height:100%;background-color:var(--success);transition:width .3s ease;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500}.progress-fill.mana{background-color:var(--accent)}.progress-fill.health{background-color:var(--danger)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1rem 0}.item-card{background-color:var(--bg-light);border:2px solid var(--border);border-radius:6px;padding:1rem;cursor:pointer;transition:all .2s}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.item-card.equipped{border-color:var(--success)}.item-card.common{border-left:4px solid var(--common)}.item-card.uncommon{border-left:4px solid var(--uncommon)}.item-card.rare{border-left:4px solid var(--rare)}.item-card.epic{border-left:4px solid var(--epic)}.item-card.legendary{border-left:4px solid var(--legendary)}.combat-log{background-color:var(--bg-light);border-radius:6px;padding:.5rem;max-height:300px;overflow-y:auto;font-family:monospace;font-size:.875rem}.combat-log p{margin:0;padding:.35rem .5rem;border-bottom:1px solid var(--bg-medium);background-color:transparent}.combat-log p:last-child{border-bottom:none}.error{background-color:#ef44441a;border:1px solid var(--danger);color:var(--danger);padding:1rem;border-radius:6px;margin-bottom:1rem}.success-message{background-color:#10b9811a;border:1px solid var(--success);color:var(--success);padding:1rem;border-radius:6px;margin-bottom:1rem}.header{background-color:var(--bg-medium);border-bottom:1px solid var(--border);padding:1rem;margin-bottom:2rem}.header-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem}.header-content .title{justify-self:start}.header-content .button-group{justify-self:center}.header-content>.button.secondary{justify-self:end}.title{font-family:New Rocker,serif;font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:.05em}.mobile-title{display:none}@media(max-width:768px){.mobile-title{display:block}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:var(--bg-medium);border-top:1px solid var(--border);padding:.5rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));z-index:1000;box-shadow:0 -2px 10px #0000004d;display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;min-height:70px}.mobile-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;padding:.5rem .25rem;color:var(--text-secondary);text-decoration:none;background:transparent;border:none;border-radius:6px;transition:all .2s;font-size:.7rem;min-height:60px;font-family:inherit}.mobile-nav .nav-item span{display:block;text-align:center;white-space:nowrap;font-size:.7rem}.mobile-nav .nav-item:hover{background:var(--bg-light);color:var(--text-primary)}.mobile-nav .nav-item.active{color:var(--accent);background:#8b5cf61a}.desktop-nav{display:block!important}.desktop-nav .button-group .button{background:transparent;color:var(--text-primary);padding:.75rem 1rem;display:flex;align-items:center;transition:all .2s}.desktop-nav .button-group .button:hover{background:var(--bg-light);color:var(--text-primary)}.desktop-nav .button-group .button.active{color:var(--accent);background:#8b5cf61a}.desktop-nav .button.secondary{background:transparent;color:var(--text-primary);display:flex;align-items:center}.desktop-nav .button.secondary:hover{background:var(--bg-light)}.mobile-nav{display:none!important}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-nav{display:grid!important}.stat-grid{grid-template-columns:repeat(2,1fr)}.item-grid{grid-template-columns:1fr}.button-group{flex-direction:column}.button{width:100%}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.modal-content{background:var(--bg-medium);border:2px solid var(--border);border-radius:12px;padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 10px 40px #00000080}body:has(.modal-overlay){overflow:hidden}.crafting-quadrant-button{transition:all .3s ease;border:none}.crafting-quadrant-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 0 20px #8b5cf666}.crafting-quadrant-button:disabled{filter:grayscale(.5)}.inventory-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-light);border-radius:6px;margin-bottom:.5rem;cursor:pointer;transition:all .2s ease;border:2px solid transparent;border-left-width:4px}.inventory-item:hover{background:var(--bg-dark);border-color:var(--accent)}.inventory-item.selectable{cursor:pointer}.inventory-item.selectable:hover{background:#8b5cf614;border-color:#8b5cf680}.inventory-item.selected{background:#8b5cf633!important;border-color:#8b5cf6!important;box-shadow:0 0 0 1px #8b5cf64d}.inventory-item.not-selectable{cursor:not-allowed;opacity:.5}.inventory-item.requirements-not-met{background:#ef444414}.inventory-item.requirements-not-met:hover{background:#ef44441f}.inventory-item.rarity-material{border-left-color:#9ca3af}.inventory-item.rarity-consumable{border-left-color:#a855f7}.inventory-item.rarity-common{border-left-color:#10b981}.inventory-item.rarity-uncommon{border-left-color:#3b82f6}.inventory-item.rarity-rare{border-left-color:#f97316}.inventory-item.rarity-epic{border-left-color:#a855f7}.inventory-item.rarity-legendary{border-left-color:#eab308}.inventory-item.rarity-default{border-left-color:#9ca3af}.wiki-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-dark)}.wiki-header{background-color:var(--bg-medium);border-bottom:1px solid var(--border);padding:1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0003}.wiki-header-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.wiki-title{font-family:New Rocker,serif;font-size:1.5rem;color:var(--text-primary);text-decoration:none;letter-spacing:.05em}.wiki-mobile-menu-toggle{display:none;background:transparent;border:1px solid var(--border);color:var(--text-primary);font-size:1.5rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s}.wiki-mobile-menu-toggle:hover{background-color:var(--bg-light)}.wiki-home-button{white-space:nowrap}.wiki-layout{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%;position:relative}.wiki-sidebar{width:280px;background-color:var(--bg-medium);border-right:1px solid var(--border);overflow-y:auto;height:calc(100vh - 73px);position:sticky;top:73px}.wiki-sidebar-content{padding:1.5rem 1rem}.wiki-nav-link{display:block;padding:.75rem 1rem;color:var(--text-secondary);text-decoration:none;border-radius:6px;margin-bottom:.25rem;transition:all .2s;font-size:.95rem}.wiki-nav-link:hover{background-color:var(--bg-light);color:var(--text-primary)}.wiki-nav-link.active{background-color:#8b5cf626;color:var(--accent);font-weight:500}.wiki-home-link{font-weight:600;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.wiki-nav-section{margin-bottom:1rem}.wiki-nav-group-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);font-weight:600;padding:.5rem 1rem;margin-top:.5rem}.wiki-nav-group{margin-left:.5rem}.wiki-main{flex:1;overflow-y:auto;background-color:var(--bg-dark)}.wiki-content{max-width:900px;padding:2rem;margin:0 auto}.wiki-content h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary);border-bottom:2px solid var(--border);padding-bottom:.5rem}.wiki-content h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem;color:var(--text-primary)}.wiki-content h3{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--accent)}.wiki-content p{margin-bottom:1rem;line-height:1.7;color:var(--text-secondary)}.wiki-content ul,.wiki-content ol{margin-bottom:1rem;padding-left:2rem;color:var(--text-secondary)}.wiki-content li{margin-bottom:.5rem;line-height:1.6}.wiki-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.wiki-content a:hover{border-bottom-color:var(--accent)}.wiki-content code{background-color:var(--bg-light);padding:.2rem .4rem;border-radius:4px;font-size:.9em;font-family:monospace}.wiki-content pre{background-color:var(--bg-light);padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1rem}.wiki-content blockquote{border-left:4px solid var(--accent);padding-left:1rem;margin:1rem 0;color:var(--text-secondary);font-style:italic}.wiki-table{width:100%;border-collapse:collapse;margin:1.5rem 0;background-color:var(--bg-light);border-radius:6px;overflow:hidden}.wiki-table thead{background-color:var(--bg-dark)}.wiki-table th{padding:.75rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;color:var(--accent);border-bottom:2px solid var(--border)}.wiki-table td{padding:.75rem;border-bottom:1px solid var(--border)}.wiki-table tbody tr{transition:background-color .2s}.wiki-table tbody tr:hover{background-color:#8b5cf60d}.wiki-table tbody tr:last-child td{border-bottom:none}.desktop-only{display:block}.mobile-sidebar,.wiki-mobile-overlay{display:none}@media(max-width:768px){.desktop-only{display:none!important}.wiki-mobile-menu-toggle{display:block}.wiki-home-button{font-size:.875rem;padding:.5rem .75rem}.mobile-sidebar{display:block;position:fixed;left:0;top:73px;width:280px;height:calc(100vh - 73px);z-index:200;animation:slideInLeft .3s ease}.wiki-mobile-overlay{display:block;position:fixed;inset:73px 0 0;background-color:#000000b3;z-index:150;animation:fadeIn .3s ease}.wiki-content{padding:1rem}.wiki-content h1{font-size:1.75rem}.wiki-content h2{font-size:1.5rem}.wiki-content h3{font-size:1.25rem}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}