@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter","Inter Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-200:#ffcaca;--color-red-500:#fb2c36;--color-red-700:#bf000f;--color-red-900:#82181a;--color-green-200:#b9f8cf;--color-green-700:#008138;--color-green-900:#0d542b;--color-blue-300:#90c5ff;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-700:#364153;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-green-900:lab(30.797% -29.6927 17.382);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-700:lab(27.1134% -.956401 -12.3224)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.top-2{top:calc(var(--spacing)*2)}.right-2{right:calc(var(--spacing)*2)}.z-20{z-index:20}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.flex{display:flex}.hidden{display:none}.table{display:table}.h-8{height:calc(var(--spacing)*8)}.w-8{width:calc(var(--spacing)*8)}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing)*2)}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-gray-700{border-color:var(--color-gray-700)}.border-green-700{border-color:var(--color-green-700)}.border-red-700{border-color:var(--color-red-700)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-green-900{background-color:var(--color-green-900)}.bg-red-900{background-color:var(--color-red-900)}.object-contain{object-fit:contain}.px-2{padding-inline:calc(var(--spacing)*2)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-blue-300{color:var(--color-blue-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-green-200{color:var(--color-green-200)}.text-red-200{color:var(--color-red-200)}.text-red-500{color:var(--color-red-500)}.capitalize{text-transform:capitalize}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}}@media (max-width:768px){.nav-inner{padding:0 16px}.nav-label{display:none}.nav-link{padding:10px 12px}}.nav-svg{width:18px;height:18px}.nav-icon,.logo-icon{justify-content:center;align-items:center;display:flex}.logo-svg{width:24px;height:24px;color:var(--void-purple);filter:drop-shadow(0 0 8px var(--void-purple))}@media (max-width:640px){.item-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@supports (color:color-mix(in lab, red, red)){.creature-card:hover{box-shadow:0 0 24px color-mix(in srgb,var(--category-color)30%,transparent)}}.creature-detail-info{flex:1}.creature-detail-name{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:700}.creature-meta{flex-wrap:wrap;gap:8px;display:flex}.creature-tag{border-radius:16px;padding:6px 12px;font-size:.8rem;font-weight:600}.drop-list{flex-direction:column;gap:8px;display:flex}.drop-item{background:var(--background-card);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:background .2s;display:flex}.drop-item:hover{background:var(--background-card-hover)}.drop-info{align-items:center;gap:12px;display:flex}.drop-icon{background:#0000004d;border-radius:6px;width:36px;height:36px}.drop-name{font-weight:500}.drop-quantity{color:var(--text-secondary);font-size:.85rem}.drop-chance{color:var(--void-purple);font-weight:600}.zone-card-link{padding:0;text-decoration:none;display:block;overflow:hidden}.zone-card-link:focus{outline:2px solid var(--void-purple);outline-offset:2px}.zone-card-image-container{width:100%;height:160px;position:relative;overflow:hidden}.zone-card-image{object-fit:cover;transition:transform .5s}.zone-card-link:hover .zone-card-image{transform:scale(1.05)}.zone-card-overlay{z-index:1;background:linear-gradient(#0000 0%,#000c 100%);position:absolute;inset:0}.zone-number-badge{color:#fff;z-index:2;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:800;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px #0000004d}.zone-card-content{z-index:2;background:var(--background-card);position:relative}.zone-card-header{border-left:4px solid var(--zone-color);align-items:center;gap:16px;padding:16px 20px 8px;display:flex}.zone-card-title{flex:1;min-width:0}.zone-difficulty{background:var(--background-card-hover);color:var(--text-secondary);text-transform:capitalize;border-radius:12px;padding:4px 10px;font-size:.75rem}.zone-card-stats{border-top:1px solid var(--border);gap:24px;padding:16px 20px;display:flex}.zone-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.zone-stat-label{color:var(--text-muted);font-size:.75rem}.zone-card-cta{color:var(--void-purple);border-top:1px solid var(--border);background:#ffffff05;padding:12px 20px;font-size:.875rem;font-weight:600;transition:background .2s}.zone-card-link:hover .zone-card-cta{background:#a855f71a}.back-link{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:24px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.zone-hero{background:var(--background-card);border:1px solid var(--border);border-radius:24px;align-items:center;min-height:200px;margin-bottom:32px;padding:0;display:flex;position:relative;overflow:hidden}.zone-hero-background{z-index:0;position:absolute;inset:0}.zone-hero-img{object-fit:cover}.zone-hero-overlay{background:linear-gradient(90deg,#0a0a0cf2 0%,#0a0a0ccc 50%,#0a0a0c66 100%);position:absolute;inset:0}.zone-hero-content{z-index:1;align-items:center;gap:24px;width:100%;padding:40px;display:flex;position:relative}.zone-hero-number{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;font-weight:800;display:flex;box-shadow:0 4px 20px #0006}.zone-hero-badges{flex-wrap:wrap;gap:12px;display:flex}.zone-badge{border-radius:12px;padding:6px 14px;font-size:.85rem;font-weight:600}.zone-badge.element{background:var(--zone-color);color:#fff}.zone-badge.difficulty{background:var(--background-card-hover);color:var(--text-secondary)}.zone-panel-title{color:var(--text-primary);margin-bottom:16px;font-size:1.25rem;font-weight:700}.regions-list{flex-direction:column;gap:8px;display:flex}.region-item{background:#ffffff05;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.region-tier-label{background:var(--void-purple);color:#fff;text-align:center;border-radius:8px;min-width:60px;padding:4px 10px;font-size:.75rem;font-weight:600}.region-name-text{color:var(--text-primary);font-weight:500}.tier-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tier-tab{background:var(--background-card-hover);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.tier-tab.active{color:#fff;border-color:#0000}.category-btn.active{background:var(--void-purple);border-color:var(--void-purple);color:#fff}.loot-item{border:1px solid var(--border);background:#ffffff05;border-radius:10px;flex-direction:column;padding:12px;text-decoration:none;transition:all .2s;display:flex}.loot-item:hover{border-color:var(--rarity-color,var(--border));background:#ffffff0d}.loot-item:focus{outline:2px solid var(--void-purple);outline-offset:2px}.loot-category{color:var(--text-muted);text-transform:uppercase;font-size:.7rem}.rarity-dot{border-radius:50%;width:8px;height:8px}.loot-icon{flex-shrink:0;width:32px;height:32px}.loot-info{flex:1;min-width:0}.loot-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;display:block;overflow:hidden}.factions-container{flex-direction:column;gap:20px;display:flex}.faction-card{border:1px solid var(--border);background:#ffffff05;border-radius:12px;padding:20px}.faction-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.faction-stats{gap:8px;display:flex}.stat-pill{background:var(--background-card-hover);color:var(--text-secondary);border-radius:12px;padding:4px 10px;font-size:.75rem}.section-subtitle{color:var(--text-muted);margin-top:4px;font-size:.875rem;display:block}.faction-npc-grid{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.faction-npc-item{background:var(--background-card);border-radius:10px;flex-direction:column;align-items:center;gap:6px;min-width:80px;padding:10px;text-decoration:none;transition:all .2s;display:flex}.faction-npc-item:hover{background:var(--background-card-hover)}.faction-npc-item:focus{outline:2px solid var(--void-purple);outline-offset:2px}.npc-portrait-img{object-fit:cover}.npc-mini-name{color:var(--text-secondary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:70px;font-size:.75rem;overflow:hidden}.npc-more-pill{background:var(--background-card);color:var(--text-muted);border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:.8rem;display:flex}.faction-loot-highlights{flex-wrap:wrap;gap:6px;display:flex}.faction-loot-dot{background:var(--dot-color);border-radius:6px;width:24px;height:24px}@supports (color:color-mix(in lab, red, red)){.faction-loot-dot{background:color-mix(in srgb,var(--dot-color)20%,var(--background-card))}}.faction-loot-dot{border:1px solid var(--dot-color);justify-content:center;align-items:center;transition:all .2s;display:flex}.faction-loot-dot:hover{background:var(--dot-color);transform:scale(1.2)}@supports (color:color-mix(in lab, red, red)){.faction-loot-dot:hover{background:color-mix(in srgb,var(--dot-color)40%,var(--background-card))}}@media (max-width:768px){.zones-grid{grid-template-columns:1fr}.zone-hero{text-align:center;flex-direction:column;padding:24px}.zone-hero-badges{justify-content:center}.loot-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}:root{--emerald-wilds:#22c55e;--emerald-wilds-dark:#166534;--howling-sands:#f59e0b;--howling-sands-dark:#b45309;--frozen-peaks:#3b82f6;--frozen-peaks-dark:#1d4ed8;--devastated-lands:#ef4444;--devastated-lands-dark:#b91c1c;--void-purple:#a855f7;--void-purple-dark:#7c3aed;--background:#0a0e14;--background-card:#111827;--background-card-hover:#1f2937;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--border:#374151;--border-glow:#a855f74d;--rarity-common:#9ca3af;--rarity-uncommon:#22c55e;--rarity-rare:#3b82f6;--rarity-epic:#a855f7;--rarity-legendary:#f59e0b;--element-fire:#ef4444;--element-frost:#06b6d4;--element-earth:#22c55e;--element-lightning:#eab308;--element-void:#a855f7;--element-water:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--background);max-width:100vw;color:var(--text-primary);overflow-x:hidden}body{background-image:radial-gradient(ellipse at top,#a855f71a 0%,transparent 50%),radial-gradient(ellipse at bottom right,#22c55e0d 0%,transparent 40%),linear-gradient(to bottom,var(--background),#0f172a);background-attachment:fixed;min-height:100vh}.font-display{font-family:var(--font-geist-sans),system-ui,sans-serif;letter-spacing:-.02em;font-weight:700}.hytale-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#111827e6 0%,#111827b3 100%);border-radius:12px;transition:all .3s;overflow:hidden}.hytale-card:hover{border-color:var(--border-glow);transform:translateY(-2px);box-shadow:0 0 20px #a855f726,0 8px 32px #0006}.hytale-btn{background:linear-gradient(135deg,var(--void-purple)0%,var(--void-purple-dark)100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #a855f74d}.hytale-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.hytale-btn-secondary{border:1px solid var(--border);color:var(--text-primary);box-shadow:none;background:0 0}.hytale-btn-secondary:hover{background:var(--background-card-hover);border-color:var(--void-purple)}.hytale-input{background:var(--background-card);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.hytale-input::placeholder{color:var(--text-muted)}.hytale-input:focus{border-color:var(--void-purple);outline:none;box-shadow:0 0 0 3px #a855f733}.badge-common{background:var(--rarity-common);color:#0a0e14}.badge-uncommon{background:var(--rarity-uncommon);color:#0a0e14}.badge-rare{background:var(--rarity-rare);color:#fff}.badge-epic{background:var(--rarity-epic);color:#fff}.badge-legendary{background:var(--rarity-legendary);color:#0a0e14}.item-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}@media (max-width:640px){.item-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}.creature-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.glow-emerald{box-shadow:0 0 30px #22c55e4d}.glow-void{box-shadow:0 0 30px #a855f74d}.glow-frost{box-shadow:0 0 30px #3b82f64d}.glow-fire{box-shadow:0 0 30px #ef44444d}.category-pill{background:var(--background-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;align-items:center;padding:6px 14px;font-size:.875rem;transition:all .2s;display:inline-flex}.category-pill:hover,.category-pill.active{background:var(--void-purple);border-color:var(--void-purple);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#0a0e14d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--background-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto}.skeleton{background:linear-gradient(90deg,var(--background-card)25%,var(--background-card-hover)50%,var(--background-card)75%);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s forwards fadeIn}.nav-container{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0e14d9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1400px;height:120px;margin:0 auto;padding:0 24px;display:flex}.nav-logo{color:var(--text-primary);align-items:center;gap:12px;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{color:var(--void-purple);text-shadow:0 0 12px var(--void-purple);font-size:1.5rem}.nav-links{gap:8px;display:flex}.nav-link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover{color:var(--text-primary);background:var(--background-card-hover)}.nav-link.active{color:var(--text-primary);background:var(--void-purple);box-shadow:0 2px 12px #a855f74d}.nav-icon{font-size:1.1rem}@media (max-width:768px){.nav-inner{padding:0 16px}.nav-label{display:none}.nav-link{padding:10px 12px}}.search-container{width:100%;max-width:400px;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{padding-left:48px!important;padding-right:40px!important}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1rem;transition:all .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear:hover{color:var(--text-primary);background:var(--background-card-hover)}.item-card{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.item-card:hover{box-shadow:0 0 20px var(--rarity-glow,#a855f726),0 8px 32px #0006}.item-card-icon-container{background:#0000004d;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;padding:4px;display:flex}.item-card-icon{image-rendering:pixelated;object-fit:contain}.item-card-info{flex-direction:column;gap:6px;width:100%;display:flex}.item-card-name{color:var(--text-primary);text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.item-card-meta{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.item-card-rarity{text-transform:capitalize;border-radius:12px;padding:3px 8px;font-size:.7rem;font-weight:600}.item-card-category{background:var(--background-card-hover);color:var(--text-muted);border-radius:12px;padding:3px 8px;font-size:.7rem}.filter-pills-container{flex-direction:column;gap:8px;display:flex}.filter-pills-label{color:var(--text-secondary);font-size:.875rem;font-weight:600}.filter-pills{gap:8px;width:100%;max-width:100%;display:flex;flex-flow:wrap!important}.category-pill{flex-shrink:0;justify-content:center;align-items:center;width:auto;padding:6px 14px;display:inline-flex}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:1.25rem;transition:all .2s}.modal-close:hover{color:var(--text-primary);background:var(--background-card-hover)}.modal-body{padding:24px}.page-container{max-width:1400px;margin:0 auto;padding:32px 24px}.page-header{margin-bottom:32px}.page-title{background:linear-gradient(135deg,var(--text-primary)0%,var(--void-purple)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:2.5rem;font-weight:800}.page-subtitle{color:var(--text-secondary);font-size:1.1rem}.controls-bar{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.controls-bar>*{flex-shrink:0}.results-info{color:var(--text-muted);margin-bottom:16px;font-size:.875rem}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.loading-spinner{border:3px solid var(--border);border-top-color:var(--void-purple);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);margin-top:16px}.landing-page{flex-direction:column;min-height:100vh;display:flex;position:relative}.landing-bg{z-index:0;background:#000;width:100%;height:100vh;position:fixed;top:0;left:0}.landing-bg-img{object-fit:cover;opacity:.6}.landing-overlay{background:linear-gradient(to bottom,#0a0e144d 0%,#0a0e14cc 60%,var(--background)100%);z-index:1;position:absolute;inset:0}.landing-hero{text-align:center;z-index:10;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:120px 24px 80px;display:flex;position:relative}.landing-title-container{filter:drop-shadow(0 0 30px #a855f74d);justify-content:center;width:100%;max-width:900px;margin-bottom:32px;display:flex}.landing-title-img{width:100%;max-width:800px;height:auto;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-subtitle{color:#e2e8f0;text-shadow:0 4px 12px #00000080;max-width:700px;margin:0 auto 40px;font-size:1.2rem;font-weight:700;line-height:1.6}.hero-content{max-width:800px;margin:0 auto}.hero-subtitle{color:#e5e7eb;text-shadow:0 2px 4px #00000080;max-width:600px;margin:0 auto 40px;font-size:1.25rem;font-weight:500;line-height:1.6}.hero-badges-container{flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:24px;gap:16px!important;display:flex!important}.hero-badge{color:var(--void-purple);background:#a855f71a;border:1px solid #a855f74d;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:.875rem;font-weight:500;display:flex}.badge-dot{background:var(--void-purple);width:8px;height:8px;box-shadow:0 0 8px var(--void-purple);border-radius:50%}.hero-badge.badge-dev{color:#ef4444!important;background:#ef444426!important;border-color:#ef444466!important;animation:2s infinite blink!important}.badge-dot-dev{border-radius:50%;width:8px;height:8px;background:#ef4444!important;box-shadow:0 0 8px #ef4444!important}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.hero-actions{justify-content:center;gap:16px;display:flex}@media (max-width:768px){.landing-hero{padding-top:80px}.landing-title-img{max-width:100%}.hero-subtitle{font-size:1.1rem}.hero-actions{flex-direction:column;padding:0 20px}}.features-section{padding:40px 0}.section-title{color:var(--text-primary);text-align:center;margin-bottom:32px;font-size:2rem;font-weight:700}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.feature-card{flex-direction:column;gap:16px;padding:28px;text-decoration:none;transition:all .3s;display:flex}.feature-card:hover{border-color:var(--feature-color);box-shadow:0 0 30px var(--feature-color)}@supports (color:color-mix(in lab, red, red)){.feature-card:hover{box-shadow:0 0 30px color-mix(in srgb,var(--feature-color)30%,transparent)}}.feature-icon{font-size:2.5rem}.feature-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.feature-description{color:var(--text-secondary);flex-grow:1;font-size:.95rem;line-height:1.5}.feature-link{color:var(--void-purple);font-size:.9rem;font-weight:600}.stats-section{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;padding:60px 0;display:grid}.stat-card{text-align:center;padding:28px 20px}.stat-value{color:var(--void-purple);margin-bottom:8px;font-size:2.5rem;font-weight:800;display:block}.stat-label{color:var(--text-secondary);font-size:.95rem}.item-detail{flex-direction:column;gap:24px;display:flex}.item-detail-header{align-items:center;gap:20px;display:flex}.item-detail-icon{background:#0000004d;border-radius:12px;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.item-detail-info{flex-wrap:wrap;gap:8px;display:flex}.item-detail-rarity{text-transform:capitalize;border-radius:16px;padding:6px 12px;font-size:.85rem;font-weight:600}.item-detail-rarity.common{background:var(--rarity-common);color:#0a0e14}.item-detail-rarity.uncommon{background:var(--rarity-uncommon);color:#0a0e14}.item-detail-rarity.rare{background:var(--rarity-rare);color:#fff}.item-detail-rarity.epic{background:var(--rarity-epic);color:#fff}.item-detail-rarity.legendary{background:var(--rarity-legendary);color:#0a0e14}.item-detail-category,.item-detail-family{background:var(--background-card-hover);color:var(--text-secondary);border-radius:16px;padding:6px 12px;font-size:.85rem}.item-detail-stats{background:#0003;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 0;display:flex}.stat-row:last-child{border-bottom:none}.stat-label-detail{color:var(--text-secondary)}.stat-value-detail{color:var(--text-primary);font-weight:600}.item-detail-section{background:#0003;border-radius:8px;padding:16px}.section-heading{color:var(--void-purple);margin-bottom:12px;font-size:1rem;font-weight:700}.recipe-ingredients{flex-direction:column;gap:8px;display:flex}.recipe-ingredient{background:var(--background-card);border-radius:6px;justify-content:space-between;padding:8px 12px;display:flex}.ingredient-name{color:var(--text-primary)}.ingredient-qty{color:var(--void-purple);font-weight:600}.recipe-time{color:var(--text-muted);margin-top:12px;font-size:.875rem}.creature-card{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex}.creature-card:hover{border-color:var(--category-color);box-shadow:0 0 24px var(--category-color)}@supports (color:color-mix(in lab, red, red)){.creature-card:hover{box-shadow:0 0 24px color-mix(in srgb,var(--category-color)30%,transparent)}}.creature-image-container{background:#0000004d;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;display:flex;overflow:hidden}.creature-image{object-fit:contain}.creature-name{color:var(--text-primary);font-size:1rem;font-weight:600}.creature-category{color:#fff;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.creature-detail{flex-direction:column;gap:24px;display:flex}.creature-detail-header{align-items:center;gap:20px;display:flex}.creature-detail-image{background:#0000004d;border-radius:12px;justify-content:center;align-items:center;width:150px;height:150px;display:flex;overflow:hidden}.creature-detail-info{flex-direction:column;gap:12px;display:flex}.creature-detail-category{color:#fff;border-radius:16px;padding:6px 14px;font-size:.9rem;font-weight:600;display:inline-block}.creature-drops{flex-wrap:wrap;gap:8px;display:flex}.drop-item{background:var(--background-card);color:var(--text-primary);text-transform:capitalize;border-radius:6px;padding:8px 12px;font-size:.875rem}.creature-model-path{color:var(--text-muted);font-family:monospace;font-size:.875rem}.item-detail-full{flex-direction:column;gap:20px;display:flex}.item-detail-hero{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding-bottom:16px;display:flex}.item-detail-icon-large{border:2px solid var(--border);background:#0006;border-radius:12px;justify-content:center;align-items:center;width:96px;min-width:96px;height:96px;transition:border-color .2s;display:flex}.item-detail-badges{flex-wrap:wrap;gap:8px;display:flex}.badge-large{text-transform:capitalize;border-radius:16px;padding:6px 14px;font-size:.9rem;font-weight:700}.badge-quality,.badge-category,.badge-subcategory{background:var(--background-card-hover);color:var(--text-secondary);border-radius:14px;padding:5px 12px;font-size:.8rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;display:grid}.stat-box{text-align:center;border:1px solid var(--border);background:#0000004d;border-radius:10px;padding:14px}.stat-box-value{color:var(--void-purple);font-size:1.5rem;font-weight:700;display:block}.stat-box-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.detail-section{border:1px solid var(--border);background:#0003;border-radius:10px;padding:16px}.detail-section.technical{opacity:.7}.tags-grid{flex-wrap:wrap;gap:12px;display:flex}.tag-group{align-items:center;gap:6px;display:flex}.tag-key{color:var(--text-muted);font-size:.8rem}.tag-value{background:var(--void-purple);color:#fff;border-radius:10px;padding:4px 10px;font-size:.8rem;font-weight:500}.stat-row-highlight{background:#a855f71a;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:10px 14px;display:flex}.stat-subsection{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.subsection-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.stat-value-positive{color:var(--emerald-wilds);font-weight:600}.stat-value-damage{color:var(--devastated-lands);font-weight:600}.bench-requirement{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.bench-info{background:var(--background-card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 14px;display:flex}.bench-icon{font-size:1.2rem}.bench-name{color:var(--text-primary);font-weight:500}.bench-tier{background:var(--howling-sands);color:#0a0e14;border-radius:6px;padding:3px 8px;font-size:.75rem;font-weight:600}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.recipe-item{background:var(--background-card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.recipe-item.clickable{cursor:pointer}.recipe-item.clickable:hover{border-color:var(--void-purple);background:var(--background-card-hover)}.recipe-item-icon{background:#0000004d;border-radius:6px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.recipe-item-info{flex-direction:column;gap:2px;min-width:0;display:flex}.recipe-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.recipe-item-qty{color:var(--void-purple);font-size:.9rem;font-weight:700}.recipe-meta{border-top:1px solid var(--border);gap:16px;margin-top:12px;padding-top:12px;display:flex}.recipe-time,.recipe-knowledge{color:var(--text-muted);font-size:.85rem}.parent-item{background:var(--background-card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;width:fit-content;padding:10px 14px;transition:all .2s;display:flex}.parent-item.clickable{cursor:pointer}.parent-item.clickable:hover{border-color:var(--void-purple);background:var(--background-card-hover)}.parent-item-icon{background:#0000004d;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.parent-item-name{color:var(--text-primary);font-weight:500}.parent-item-text{color:var(--text-secondary)}.technical-grid{flex-direction:column;gap:8px;display:flex}.technical-row{align-items:baseline;gap:12px;display:flex}.technical-label{color:var(--text-muted);min-width:100px;font-size:.8rem}.technical-value{color:var(--text-secondary);word-break:break-all;background:#0000004d;border-radius:4px;padding:4px 8px;font-size:.75rem}.modal-content{max-width:700px}.creature-detail-full{flex-direction:column;gap:20px;display:flex}.creature-detail-hero{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding-bottom:16px;display:flex}.creature-detail-image-large{border:2px solid var(--border);background:#0006;border-radius:12px;justify-content:center;align-items:center;width:140px;min-width:140px;height:140px;display:flex;overflow:hidden}.creature-detail-meta{flex-direction:column;gap:12px;display:flex}.creature-category-badge{color:#fff;border-radius:16px;width:fit-content;padding:8px 16px;font-size:1rem;font-weight:700;display:inline-block}.creature-info-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.info-box{text-align:center;border:1px solid var(--border);background:#0000004d;border-radius:10px;flex-direction:column;gap:4px;padding:14px;display:flex}.info-icon{font-size:1.5rem}.info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.info-value{color:var(--text-primary);font-size:1rem;font-weight:600}.drops-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.drop-item-card{background:var(--background-card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.drop-item-card:hover{border-color:var(--void-purple);background:var(--background-card-hover);transform:translateY(-2px)}.drop-item-icon{background:#0000004d;border-radius:6px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;display:flex}.drop-item-name{color:var(--text-primary);font-size:.85rem;font-weight:500;line-height:1.2}.no-drops-message{color:var(--text-muted);font-style:italic}.drops-table{flex-direction:column;gap:8px;display:flex}.drop-row{background:var(--background-card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.drop-row:hover{border-color:var(--void-purple);background:var(--background-card-hover);transform:translate(4px)}.drop-row-icon{background:#0006;border-radius:8px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;display:flex}.drop-row-info{flex:1;justify-content:space-between;align-items:center;gap:12px;display:flex}.drop-row-name{color:var(--text-primary);flex:1;font-size:.95rem;font-weight:500}.drop-row-details{align-items:center;gap:12px;display:flex}.drop-qty{color:var(--void-purple);white-space:nowrap;background:#a855f733;border-radius:8px;padding:6px 12px;font-size:.85rem;font-weight:700}.crafting-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.crafting-card{cursor:pointer;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.crafting-card:hover{transform:translateY(-2px)}.crafting-card-icon{background:#0006;border-radius:10px;justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;display:flex}.crafting-card-info{flex-direction:column;gap:4px;display:flex}.crafting-card-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.crafting-card-meta{color:var(--text-muted);font-size:.8rem}.crafting-detail{flex-direction:column;gap:20px;display:flex}.crafting-result{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding-bottom:16px;display:flex}.crafting-result-icon{background:#0006;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.crafting-result-info{flex-direction:column;gap:8px;display:flex}.crafting-meta{border-top:1px solid var(--border);padding-top:12px}.crafting-time{color:var(--text-muted);font-size:.9rem}.zones-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.zone-card{padding:0;overflow:hidden}.zone-card-header{border-left:4px solid var(--zone-color,var(--void-purple));background:#0003;padding:20px}.zone-card-name{color:var(--text-primary);margin-bottom:10px;font-size:1.3rem;font-weight:700}.zone-card-meta{flex-wrap:wrap;gap:10px;display:flex}.zone-element{color:#0a0e14;border-radius:12px;padding:4px 12px;font-size:.8rem;font-weight:600}.zone-difficulty{background:var(--background-card-hover);color:var(--text-secondary);border-radius:12px;padding:4px 12px;font-size:.8rem}.zone-regions{border-top:1px solid var(--border);padding:16px 20px}.zone-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:.8rem;font-weight:600}.zone-region-list{flex-direction:column;gap:8px;display:flex}.zone-region{align-items:center;gap:10px;display:flex}.region-tier{background:var(--void-purple);color:#fff;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:700}.region-name{color:var(--text-primary);font-size:.9rem}.zone-drops{border-top:1px solid var(--border);padding:16px 20px}.zone-drops-toggle{background:var(--background-card-hover);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;transition:all .2s;display:flex}.zone-drops-toggle:hover{border-color:var(--void-purple)}.zone-drops-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.zone-drop-item{color:var(--text-secondary);background:#0000004d;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:flex}.zone-drops-more{text-align:center;width:100%;color:var(--text-muted);margin-top:8px;font-size:.85rem}.empty-state{text-align:center;padding:60px 20px}.empty-state-icon{margin-bottom:20px;font-size:4rem}.empty-state-title{color:var(--text-primary);margin-bottom:10px;font-size:1.5rem;font-weight:700}.empty-state-text{color:var(--text-muted);max-width:400px;margin:0 auto}.zone-card-link{flex-direction:column;text-decoration:none;transition:all .2s;display:flex}.zone-card-link:hover{border-color:var(--zone-color,var(--void-purple));transform:translateY(-4px)}.zone-card-header{border-left:4px solid var(--zone-color,var(--void-purple));background:#0003;align-items:center;gap:16px;padding:20px;display:flex}.zone-number{color:#0a0e14;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;font-weight:700;display:flex}.zone-card-title{flex:1}.zone-card-stats{gap:20px;padding:16px 20px;display:flex}.zone-stat{flex-direction:column;display:flex}.zone-stat-value{color:var(--text-primary);font-size:1.3rem;font-weight:700}.zone-stat-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.zone-card-cta{color:var(--void-purple);text-align:center;background:#00000026;padding:14px 20px;font-size:.9rem;font-weight:600}.zone-hero{align-items:center;gap:20px;margin-bottom:30px;display:flex}.zone-hero-number{color:#0a0e14;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.8rem;font-weight:700;display:flex}.zone-hero-info{flex:1}.zone-hero-title{color:var(--text-primary);margin-bottom:8px;font-size:2rem;font-weight:700}.zone-badge{background:var(--background-card-hover);color:var(--text-secondary);border:1px solid var(--border);border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:.9rem;font-weight:600;display:flex}.zone-badge.element{color:var(--zone-color,var(--void-purple));border-color:var(--zone-color,var(--void-purple));background:#a855f726}.region-item{background:var(--background-card-hover);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;transition:all .2s;display:flex}.region-item:hover{border-color:var(--void-purple);transform:translateY(-2px)}.region-tier-label{background:var(--void-purple);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;margin-bottom:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.region-name-text{color:var(--text-primary);font-size:1.1rem;font-weight:600}.tier-tabs{gap:8px;margin-bottom:16px;display:flex}.tier-tab{border:1px solid var(--border);background:var(--background-card-hover);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.tier-tab:hover{border-color:var(--void-purple);color:var(--text-primary)}.tier-tab.active{background:var(--void-purple);color:#fff;border-color:#0000}.category-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.category-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:8px 14px;font-size:.85rem;transition:all .2s}.category-btn:hover{border-color:var(--void-purple);color:var(--text-primary)}.category-btn.active{background:var(--void-purple);color:#fff;border-color:#0000}.loot-item{background:var(--background-card-hover);border:1px solid var(--border);border-radius:8px;padding:12px 14px;text-decoration:none;transition:all .2s}.loot-item:hover{border-color:var(--void-purple);transform:translateY(-2px)}.loot-category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:.7rem;display:block}.loot-icon{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.loot-name{color:var(--text-primary);flex:1;font-size:.9rem;font-weight:500}.faction-section{border-left:3px solid var(--void-purple);margin-bottom:16px;padding:16px 0 16px 20px}.faction-header{margin-bottom:12px}.faction-name{color:var(--void-purple);margin-right:8px;font-size:1.1rem;font-weight:600}.faction-count{color:var(--text-muted);font-size:.9rem}.faction-items{flex-wrap:wrap;gap:8px;display:flex}.faction-item-tag{background:var(--background-card-hover);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:.85rem;text-decoration:none;transition:all .2s}.faction-item-tag:hover{border-color:var(--void-purple);color:var(--text-primary)}.faction-more{color:var(--text-muted);padding:6px 12px;font-size:.85rem}.back-link{color:var(--text-muted);margin-bottom:16px;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--void-purple)}.btn-back{background:var(--void-purple);color:#fff;border-radius:8px;margin-top:20px;padding:12px 24px;font-weight:500;text-decoration:none;display:inline-block}.zone-header-content{align-items:center;gap:20px;display:flex}.zone-number-large{color:#0a0e14;border-radius:16px;justify-content:center;align-items:center;width:70px;height:70px;font-size:2rem;font-weight:700;display:flex}.zone-header-info{flex:1}.zone-title{color:var(--text-primary);margin-bottom:8px;font-size:2rem;font-weight:700}.zone-header-meta{flex-wrap:wrap;gap:12px;display:flex}.zone-element-large,.zone-difficulty-large{border-radius:12px;padding:8px 16px;font-size:.95rem;font-weight:600}.zone-element-large{color:#0a0e14}.zone-difficulty-large{background:var(--background-card-hover);color:var(--text-primary);text-transform:capitalize}.zone-tabs{background:var(--background-card);border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:6px;display:flex}.zone-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:12px 24px;font-size:.95rem;font-weight:500;transition:all .2s}.zone-tab:hover{color:var(--text-primary)}.zone-tab.active{background:var(--void-purple);color:#fff}.zone-content{flex-direction:column;gap:30px;display:flex}.zone-section{background:var(--background-card);border:1px solid var(--border);border-radius:16px;padding:24px}.zone-section-heading{color:var(--text-primary);align-items:center;gap:12px;margin-bottom:20px;font-size:1.2rem;font-weight:600;display:flex}.tier-badge{color:#0a0e14;border-radius:8px;padding:4px 12px;font-size:.85rem;font-weight:700}.tier-count{color:var(--text-muted);font-size:.9rem;font-weight:400}.regions-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.region-card{border-left:3px solid var(--void-purple);background:#0003;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.region-tier-badge{color:#0a0e14;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:700}.region-card-name{color:var(--text-primary);font-size:.95rem}.zone-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;display:grid}.zone-stat-card{text-align:center;background:#0003;border-radius:12px;padding:20px}.zone-stat-card-value{color:var(--void-purple);font-size:2rem;font-weight:700;display:block}.zone-stat-card-label{color:var(--text-muted);text-transform:uppercase;font-size:.8rem}.zone-items-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.zone-item-card{background:#0003;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;transition:all .2s;display:flex}.zone-item-card:hover{border-color:var(--void-purple);background:var(--background-card-hover)}.zone-item-icon{justify-content:center;align-items:center;width:36px;height:36px;display:flex}.zone-item-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.more-items-note{text-align:center;color:var(--text-muted);margin-top:16px;font-size:.9rem}.relative-container{position:relative;overflow-x:hidden}.crafting-layout{width:100%;transition:transform .3s,width .3s}.crafting-layout.panel-open{width:calc(100% - 350px)}.calculator-toggle-btn{border:1px solid var(--void-purple);color:var(--void-purple);cursor:pointer;background:#8b5cf633;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.calculator-toggle-btn:hover,.calculator-toggle-btn.active{background:var(--void-purple);color:#fff;box-shadow:0 0 15px #8b5cf666}.cart-badge{color:var(--void-purple);background:#fff;border-radius:999px;padding:2px 6px;font-size:.75rem;font-weight:800}.crafting-card-wrapper{transition:transform .2s;position:relative}.crafting-card-wrapper:hover{z-index:10;transform:translateY(-4px)}.add-to-cart-btn{background:var(--void-purple);color:#fff;cursor:pointer;opacity:0;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:-8px;right:-8px;transform:scale(.8);box-shadow:0 4px 12px #0000004d}.crafting-card-wrapper:hover .add-to-cart-btn{opacity:1;top:-10px;right:-10px;transform:scale(1)}.add-to-cart-btn:hover{background:#c084fc;transform:scale(1.1)rotate(90deg)}.calculator-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--void-purple);z-index:1000;background:#0a0e14f2;flex-direction:column;width:380px;height:100vh;padding:24px;transition:right .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-400px;box-shadow:-10px 0 40px #00000080}.calculator-panel.open{right:0}.panel-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.panel-header h2{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.close-panel{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1}.close-panel:hover{color:#fff}.cart-section,.totals-section{flex:1;margin-bottom:20px;overflow-y:auto}.cart-section h3,.totals-section h3{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:12px;font-size:.9rem}.cart-list{flex-direction:column;gap:8px;display:flex}.cart-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.cart-item-info{flex:1;align-items:center;gap:10px;display:flex}.cart-item-info span{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.9rem;overflow:hidden}.quantity-controls{background:#0000004d;border-radius:4px;align-items:center;gap:8px;margin:0 8px;padding:2px 6px;display:flex}.quantity-controls button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 4px;font-weight:700}.quantity-controls button:hover{color:#fff}.quantity-controls span{font-variant-numeric:tabular-nums;color:var(--void-purple);font-size:.9rem;font-weight:600}.remove-item{color:#ef4444;cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 4px;font-size:1.2rem}.remove-item:hover{opacity:1}.clear-cart-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px dashed #fff3;border-radius:6px;width:100%;margin-top:10px;padding:8px;font-size:.85rem}.clear-cart-btn:hover{color:#ef4444;border-color:#ef4444}.materials-list{border:1px solid var(--void-purple);background:#0000004d;border-radius:12px;padding:12px;box-shadow:inset 0 0 20px #8b5cf61a}.material-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.material-row:last-child{border-bottom:none}.material-info{align-items:center;gap:8px;display:flex}.material-info span{color:var(--text-secondary);font-size:.9rem}.material-qty{color:#22d3ee;font-family:monospace;font-weight:700}.empty-cart-msg,.empty-total-msg{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.9rem;font-style:italic}.items-page-layout{grid-template-columns:280px 1fr;gap:24px;max-width:1800px;min-height:calc(100vh - 64px);margin:0 auto;padding:24px;display:grid}@media (max-width:1024px){.items-page-layout{grid-template-columns:1fr}}.items-main-content{flex-direction:column;gap:20px;display:flex}.category-sidebar{background:var(--background-card);border:1px solid var(--border);border-radius:12px;height:fit-content;max-height:calc(100vh - 120px);padding:16px;position:sticky;top:88px;overflow-y:auto}@media (max-width:1024px){.category-sidebar{display:none}}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.sidebar-header h3{color:var(--text-primary);font-size:1rem;font-weight:700}.sidebar-all-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:.8rem;transition:all .2s}.sidebar-all-btn:hover{border-color:var(--void-purple);color:var(--text-primary)}.sidebar-all-btn.active{background:var(--void-purple);border-color:var(--void-purple);color:#fff}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-category{flex-direction:column;display:flex}.sidebar-category-btn{text-align:left;cursor:pointer;width:100%;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;transition:all .15s;display:flex}.sidebar-category-btn:hover{background:var(--background-card-hover);color:var(--text-primary)}.sidebar-category-btn.active{color:var(--void-purple);background:#a855f726}.expand-icon{width:12px;color:var(--text-muted);cursor:pointer;font-size:.65rem}.expand-icon-placeholder{width:12px}.category-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;font-weight:500;overflow:hidden}.category-count{color:var(--text-muted);background:#ffffff0d;border-radius:10px;padding:2px 8px;font-size:.75rem}.sidebar-subcategories{border-left:1px solid var(--border);flex-direction:column;gap:1px;margin-top:4px;margin-bottom:8px;margin-left:20px;padding-left:12px;display:flex}.sidebar-subcategory-btn{text-align:left;cursor:pointer;width:100%;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.85rem;transition:all .15s;display:flex}.sidebar-subcategory-btn:hover{background:var(--background-card-hover);color:var(--text-secondary)}.sidebar-subcategory-btn.active{color:var(--void-purple);background:#a855f71a}.subcategory-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.subcategory-count{color:var(--text-muted);font-size:.7rem}.subcategory-more{color:var(--text-muted);padding:6px 10px;font-size:.75rem;font-style:italic}.items-controls-bar{background:var(--background-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.controls-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.control-group{flex-direction:column;gap:4px;display:flex}.control-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.hytale-select{appearance:none;background:var(--background-card-hover);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;border-radius:8px;padding:10px 32px 10px 14px;font-size:.9rem;transition:all .2s}.hytale-select:hover{border-color:var(--void-purple)}.hytale-select:focus{border-color:var(--void-purple);outline:none;box-shadow:0 0 0 3px #a855f733}.clear-filters-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:10px 16px;font-size:.85rem;transition:all .2s}.clear-filters-btn:hover{color:#ef4444;border-color:#ef4444}.active-filters{flex-wrap:wrap;gap:8px;display:flex}.filter-tag{color:var(--void-purple);background:#a855f726;border:1px solid #a855f74d;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;display:inline-flex}.filter-tag.rarity{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b4d}.filter-tag.search{color:#3b82f6;background:#3b82f626;border-color:#3b82f64d}.filter-tag button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:.9rem;line-height:1}.filter-tag button:hover{opacity:1}.results-header{justify-content:space-between;align-items:center;display:flex}.results-count{color:var(--text-muted);font-size:.9rem}.pagination-container{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.pagination-info{color:var(--text-muted);font-size:.85rem}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-btn{background:var(--background-card);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 16px;font-size:.85rem;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:var(--void-purple);color:var(--text-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{align-items:center;gap:4px;display:flex}.pagination-page{border:1px solid var(--border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.pagination-page:hover{border-color:var(--void-purple);color:var(--text-primary)}.pagination-page.active{background:var(--void-purple);border-color:var(--void-purple);color:#fff}.pagination-ellipsis{color:var(--text-muted);padding:0 8px}.filter-group{flex-direction:column;gap:8px;display:flex}.items-header-combined{background:var(--background-card);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.header-title-section{flex-direction:column;gap:4px;min-width:200px;display:flex}.header-title-section .page-title{margin:0;font-size:1.5rem}.header-title-section .page-subtitle{color:var(--text-muted);margin:0;font-size:.85rem}.header-controls-section{flex-wrap:wrap;flex:1;justify-content:flex-end;align-items:center;gap:12px;display:flex}.header-controls-section .search-container{min-width:200px;max-width:300px}.controls-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.controls-inline .hytale-select{min-width:120px}.controls-inline .clear-filters-btn{margin-left:4px;padding:8px 12px}.expand-icon{cursor:pointer;width:20px;height:20px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.expand-icon:hover{color:var(--void-purple)}.expand-icon svg{width:12px;height:12px}.expand-icon.expanded{transform:rotate(90deg)}.expand-icon-placeholder{flex-shrink:0;width:20px;height:20px}@media (max-width:768px){.items-header-combined{flex-direction:column;align-items:stretch}.header-controls-section{justify-content:flex-start}.header-controls-section .search-container{width:100%;max-width:100%}}.bestiary-page-layout{gap:24px;max-width:1600px;min-height:calc(100vh - 80px);margin:0 auto;padding:20px;display:flex}.bestiary-main-content{flex:1;min-width:0}.bestiary-header-combined{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.bestiary-header-combined .header-title-section{flex-shrink:0}.bestiary-header-combined .header-controls-section{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.creature-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px;display:grid}.creature-card{text-align:center;cursor:pointer;flex-direction:column;align-items:center;padding:16px;display:flex;position:relative}.creature-card:before{content:"";background:var(--category-color,var(--void-purple));border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.creature-image-container{background:#0003;border-radius:8px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:12px;display:flex;overflow:hidden}.creature-image{object-fit:contain;width:100%;height:100%}.creature-image-fallback{opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.creature-info{flex-direction:column;align-items:center;gap:8px;display:flex}.creature-name{color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.2}.creature-category{text-transform:uppercase;color:#fff;border-radius:4px;padding:3px 10px;font-size:.75rem;font-weight:600}.creature-drops-preview{position:absolute;bottom:8px;right:8px}.creature-drops-preview .drops-count{color:var(--text-muted);background:#0000004d;border-radius:4px;padding:2px 6px;font-size:.7rem}.bestiary-page-layout .category-sidebar{background:var(--background-card);border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:260px;height:fit-content;max-height:calc(100vh - 120px);padding:16px;position:sticky;top:100px;overflow-y:auto}.bestiary-page-layout .category-btn{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:.9rem;transition:all .2s;display:flex}.bestiary-page-layout .category-btn:hover{color:var(--text-primary);background:#ffffff0d}.bestiary-page-layout .category-btn.active{color:var(--void-purple);background:#a855f726}.bestiary-page-layout .category-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.bestiary-page-layout .category-badge{color:var(--text-muted);background:#ffffff0d;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.8rem}.filter-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (max-width:900px){.bestiary-page-layout{flex-direction:column}.bestiary-page-layout .category-sidebar{width:100%;max-height:none;position:static}.bestiary-page-layout .category-list{flex-wrap:wrap;gap:8px;display:flex}.bestiary-page-layout .category-btn{width:auto;padding:6px 12px}.bestiary-page-layout .category-badge{display:none}.creature-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.calculator-layout{gap:24px;max-width:1600px;min-height:calc(100vh - 80px);margin:0 auto;padding:20px;display:flex}.calculator-queue-panel{background:var(--background-card);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;width:360px;height:fit-content;max-height:calc(100vh - 120px);padding:20px;display:flex;position:sticky;top:100px}.calculator-queue-panel .panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.calculator-queue-panel .panel-header h2{font-size:1.2rem;font-weight:700}.calculator-queue-panel .clear-btn{color:#ef4444;cursor:pointer;background:#ef444433;border:1px solid #ef44444d;border-radius:6px;padding:6px 12px;font-size:.8rem;transition:all .2s}.calculator-queue-panel .clear-btn:hover{background:#ef44444d}.queue-search-container{margin-bottom:16px;position:relative}.queue-search-input{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#0000004d;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .2s}.queue-search-input:focus{border-color:var(--void-purple);outline:none;box-shadow:0 0 0 3px #a855f733}.search-dropdown{background:var(--background-card);border:1px solid var(--border);z-index:100;border-radius:8px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 32px #0006}.search-result-item{cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.search-result-item:hover{background:#a855f726}.search-result-info{flex-direction:column;gap:2px;display:flex}.search-result-name{font-size:.9rem;font-weight:600}.search-result-cat{color:var(--text-muted);font-size:.75rem}.queue-items{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.queue-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.queue-empty .empty-icon{margin-bottom:12px;font-size:48px}.queue-item-card{border:1px solid var(--border);background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.queue-item-card:hover{border-color:#a855f74d}.queue-item-icon{background:#0003;border-radius:4px}.queue-item-info{flex:1;min-width:0}.queue-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.queue-item-cat{color:var(--text-muted);font-size:.75rem;display:block}.queue-item-controls{align-items:center;gap:4px;display:flex}.queue-item-controls button{border:1px solid var(--border);width:28px;height:28px;color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.queue-item-controls button:hover{background:var(--void-purple);border-color:var(--void-purple)}.queue-item-controls .quantity{text-align:center;min-width:32px;color:var(--void-purple);font-weight:700}.remove-btn{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;transition:color .2s;display:flex}.remove-btn:hover{color:#ef4444}.queue-summary{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;margin-top:12px;padding-top:12px;font-size:.85rem;display:flex}.calculator-results-panel{flex:1;min-width:0}.calculator-results-panel .results-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.calculator-results-panel h1{margin-bottom:4px;font-size:2rem}.toggle-raw{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.toggle-raw input{accent-color:var(--void-purple);width:18px;height:18px}.results-empty{text-align:center;background:var(--background-card);border:1px dashed var(--border);border-radius:12px;padding:80px 40px}.results-empty .empty-icon{margin-bottom:16px;font-size:64px}.results-empty h2{margin-bottom:8px}.materials-section{margin-bottom:32px}.section-title{align-items:center;gap:12px;margin-bottom:16px;font-size:1.3rem;display:flex}.material-count{color:var(--text-muted);background:#ffffff0d;border-radius:12px;padding:4px 10px;font-size:.85rem;font-weight:400}.materials-grid{flex-direction:column;gap:20px;display:flex}.material-category-group{background:var(--background-card);border:1px solid var(--border);border-radius:12px;padding:16px}.category-header{border-bottom:1px solid var(--border);color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px;font-size:1rem;font-weight:600}.category-materials{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.material-card{cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.material-card:hover{border-color:var(--void-purple);background:#ffffff0d;transform:translate(4px)}.material-card.raw{border-left:3px solid #22c55e}.material-info{flex:1;min-width:0}.material-name{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;display:block;overflow:hidden}.material-qty{color:var(--void-purple);font-size:.85rem;font-weight:700;display:block}.raw-badge{color:#22c55e;background:#22c55e33;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.workstations-section{margin-bottom:32px}.workstations-list{flex-wrap:wrap;gap:12px;display:flex}.workstation-badge{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;align-items:center;gap:10px;padding:12px 16px;font-weight:600;display:flex}.station-icon{font-size:1.2rem}.station-tier{color:#3b82f6;background:#3b82f64d;border-radius:4px;padding:2px 8px;font-size:.75rem}.view-mode-tabs{background:#0000004d;border-radius:8px;gap:4px;padding:4px;display:flex}.view-mode-tabs .tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.view-mode-tabs .tab:hover{color:var(--text-primary);background:#ffffff0d}.view-mode-tabs .tab.active{background:var(--void-purple);color:#fff}.recipe-trees-container{flex-direction:column;gap:24px;display:flex}.recipe-tree-card{background:var(--background-card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.tree-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#a855f71a 0%,#0000 100%);align-items:center;gap:12px;padding:16px;display:flex}.tree-header-info h3{margin-bottom:2px;font-size:1.1rem}.tree-qty{color:var(--void-purple);font-size:.85rem;font-weight:600}.tree-body{padding:12px}.recipe-node{margin-left:0}.recipe-node.depth-1{margin-left:20px}.recipe-node.depth-2{margin-left:40px}.recipe-node.depth-3{margin-left:60px}.recipe-node-content{cursor:pointer;background:#ffffff05;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;margin:4px 0;padding:8px 12px;transition:all .2s;display:flex}.recipe-node-content:hover{border-color:var(--border);background:#ffffff0d}.recipe-node-content.raw{background:#22c55e0d;border-left:3px solid #22c55e}.recipe-node-content.craftable{border-left:3px solid var(--void-purple)}.node-arrow{color:var(--text-muted);width:16px;font-size:.7rem;transition:transform .2s;display:inline-block}.node-arrow.expanded{transform:rotate(90deg)}.node-arrow-placeholder{width:16px}.node-icon{cursor:pointer;border-radius:4px;transition:transform .2s}.node-icon:hover{transform:scale(1.15)}.node-name{flex:1;font-size:.9rem;font-weight:600}.node-qty{color:var(--void-purple);text-align:right;min-width:50px;font-weight:700}.node-badge{border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700}.node-badge.raw{color:#22c55e;background:#22c55e33}.node-badge.craft{color:#a855f7;background:#a855f733}.recipe-children{border-left:2px dashed var(--border);margin-left:18px;padding-left:10px}.raw-summary-container h3{margin-bottom:16px;font-size:1.2rem}.raw-materials-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.raw-material-card{background:var(--background-card);border:1px solid var(--border);cursor:pointer;border-left:4px solid #22c55e;border-radius:8px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.raw-material-card:hover{border-color:#22c55e;transform:translate(4px)}.raw-material-info{flex:1}.raw-name{font-size:.95rem;font-weight:600;display:block}.raw-qty{color:#22c55e;font-size:1.1rem;font-weight:700;display:block}.crafting-steps-container h3{margin-bottom:8px;font-size:1.2rem}.steps-hint{color:var(--text-muted);margin-bottom:16px;font-size:.85rem}.crafting-steps-list{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.craft-step{background:var(--background-card);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.step-number{background:var(--void-purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.step-name{flex:1;font-weight:600}.step-qty{color:var(--void-purple);font-weight:700}.workstations-compact{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.workstations-compact h4{color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.stations-tags{flex-wrap:wrap;gap:6px;display:flex}.station-tag{color:#3b82f6;background:#3b82f626;border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:600}.add-hint{color:var(--void-purple);opacity:0;font-size:.75rem;font-weight:600;transition:opacity .2s}.search-result-item:hover .add-hint{opacity:1}@media (max-width:1000px){.calculator-layout{flex-direction:column}.calculator-queue-panel{width:100%;max-height:none;position:static}.queue-items{max-height:300px}.view-mode-tabs{flex-wrap:wrap}.recipe-node.depth-1,.recipe-node.depth-2,.recipe-node.depth-3{margin-left:16px}}.zone-hero{background:linear-gradient(135deg,var(--zone-color)0%,var(--background-card)60%);border-radius:20px;align-items:center;gap:24px;padding:60px 40px;display:flex}@supports (color:color-mix(in lab, red, red)){.zone-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--zone-color)20%,var(--background-card))0%,var(--background-card)60%)}}.zone-hero{border:1px solid var(--zone-color)}@supports (color:color-mix(in lab, red, red)){.zone-hero{border:1px solid color-mix(in srgb,var(--zone-color)30%,var(--border))}}.zone-hero{margin-bottom:32px;position:relative;overflow:hidden}.zone-hero:after{content:"";background:var(--zone-color);filter:blur(80px);opacity:.15;pointer-events:none;width:300px;height:300px;position:absolute;top:-50%;right:-10%}.zone-hero-number{color:#fff;text-shadow:0 2px 4px #0000004d;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;font-weight:800;display:flex;box-shadow:0 8px 16px #0003}.zone-hero-title{margin-bottom:8px;font-size:3rem;font-weight:800}.zone-hero-badges{gap:12px;display:flex}.zone-badge{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:6px 14px;font-size:.875rem;font-weight:600}.zone-panel{background:var(--background-card);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:32px}.section-header{margin-bottom:24px}.zone-panel-title{margin-bottom:4px;font-size:1.5rem;font-weight:700}.regions-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.region-item{border:1px solid var(--border);background:#ffffff08;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.region-tier-label{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:700}.region-name-text{font-weight:600}.loot-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.loot-item{border:1px solid var(--border);background:#ffffff05;border-radius:12px;padding:16px;text-decoration:none;transition:all .2s}.loot-item:hover{border-color:var(--rarity-color);box-shadow:0 4px 20px var(--rarity-color);background:#ffffff0d;transform:translateY(-2px)}@supports (color:color-mix(in lab, red, red)){.loot-item:hover{box-shadow:0 4px 20px color-mix(in srgb,var(--rarity-color)15%,transparent)}}.loot-item-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rarity-dot{width:8px;height:8px;box-shadow:0 0 8px var(--rarity-color);border-radius:50%}.loot-content{align-items:center;gap:16px;display:flex}.loot-icon{background:#0003;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.loot-info{flex-direction:column;min-width:0;display:flex}.loot-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.loot-quality{color:var(--text-muted);font-size:.75rem}.factions-container{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.faction-card{border:1px solid var(--border);background:#ffffff05;border-radius:16px;flex-direction:column;gap:20px;padding:24px;display:flex}.faction-card-header{justify-content:space-between;align-items:flex-start;display:flex}.faction-card-name{font-size:1.25rem;font-weight:800}.stat-pill{color:var(--text-secondary);background:#ffffff14;border-radius:12px;margin-left:6px;padding:4px 10px;font-size:.75rem}.faction-npc-grid{flex-wrap:wrap;gap:12px;display:flex}.faction-npc-item{border:1px solid var(--border);background:#ffffff0a;border-radius:30px;align-items:center;gap:10px;padding:8px 12px;text-decoration:none;transition:all .2s;display:flex}.faction-npc-item:hover{background:var(--background-card-hover);border-color:var(--text-muted)}.npc-mini-portrait{background:#000;border-radius:50%;width:24px;height:24px;position:relative;overflow:hidden}.npc-mini-name{color:var(--text-primary);font-size:.85rem;font-weight:600}.faction-loot-highlights{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.faction-loot-dot{border:1px solid var(--dot-color);background:#0000004d;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .2s;display:flex}.faction-loot-dot:hover{z-index:10;transform:scale(1.2)}@media (max-width:768px){.zone-hero{text-align:center;flex-direction:column;padding:40px 20px}.zone-hero-title{font-size:2rem}.factions-container{grid-template-columns:1fr}}.mobile-filter-btn{background:var(--background-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:12px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:none}.mobile-filter-btn:hover{border-color:var(--void-purple);background:var(--background-card-hover)}.mobile-filter-btn svg{color:var(--void-purple)}.mobile-filter-btn .filter-badge{background:var(--void-purple);color:#fff;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:700}@media (max-width:1024px){.mobile-filter-btn{display:flex}}.mobile-filter-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0a0e14d9;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.mobile-filter-drawer{background:var(--background-card);border:1px solid var(--border);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:500px;max-height:85vh;animation:.3s slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:700}.drawer-header-actions{align-items:center;gap:12px;display:flex}.drawer-header .clear-btn{color:#ef4444;cursor:pointer;background:#ef444426;border:none;border-radius:6px;min-height:44px;padding:8px 14px;font-size:.85rem;font-weight:600}.drawer-header .close-btn{background:var(--background-card-hover);width:44px;height:44px;color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.drawer-header .close-btn:hover{color:var(--text-primary)}.drawer-content{flex:1;padding:20px 24px;overflow-y:auto}.filter-section{margin-bottom:24px}.filter-section h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.85rem;font-weight:700}.filter-pills-mobile{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{background:var(--background);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:20px;min-height:44px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.filter-pill:hover{border-color:var(--void-purple);color:var(--text-primary)}.filter-pill.active{background:var(--void-purple);border-color:var(--void-purple);color:#fff}.filter-pill.rarity-common.active{background:var(--rarity-common);border-color:var(--rarity-common);color:#0a0e14}.filter-pill.rarity-uncommon.active{background:var(--rarity-uncommon);border-color:var(--rarity-uncommon);color:#0a0e14}.filter-pill.rarity-rare.active{background:var(--rarity-rare);border-color:var(--rarity-rare)}.filter-pill.rarity-epic.active{background:var(--rarity-epic);border-color:var(--rarity-epic)}.filter-pill.rarity-legendary.active{background:var(--rarity-legendary);border-color:var(--rarity-legendary);color:#0a0e14}.category-list-mobile{flex-direction:column;gap:4px;display:flex}.category-group-mobile{flex-direction:column;display:flex}.category-item-mobile{color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:52px;padding:14px 16px;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.category-item-mobile:hover{background:var(--background-card-hover)}.category-item-mobile.active{color:var(--void-purple);background:#a855f726}.category-item-mobile .cat-name{flex:1}.category-item-mobile .cat-count{color:var(--text-muted);background:var(--background);border-radius:12px;padding:4px 10px;font-size:.85rem}.category-item-mobile .expand-arrow{color:var(--text-muted);transition:transform .2s}.category-item-mobile .expand-arrow.expanded{transform:rotate(180deg)}.subcategory-list-mobile{border-left:2px solid var(--border);flex-direction:column;margin-left:16px;padding-left:12px;display:flex}.subcategory-item-mobile{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 14px;font-size:.95rem;transition:all .2s;display:flex}.subcategory-item-mobile:hover{background:var(--background-card-hover);color:var(--text-primary)}.subcategory-item-mobile.active{color:var(--void-purple);background:#a855f71a}.subcategory-item-mobile .sub-name{flex:1}.subcategory-item-mobile .sub-count{color:var(--text-muted);font-size:.8rem}.drawer-footer{border-top:1px solid var(--border);padding:16px 24px}.drawer-footer .apply-btn{background:linear-gradient(135deg,var(--void-purple)0%,var(--void-purple-dark)100%);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;min-height:52px;padding:16px 24px;font-size:1rem;font-weight:700;transition:all .2s}.drawer-footer .apply-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}@media (max-width:1024px){.expand-btn,.expand-icon,.filter-tag button{min-width:44px;min-height:44px;padding:10px}.queue-qty-controls button{min-width:40px;min-height:40px}.remove-btn{min-width:44px;min-height:44px}}.landing-page{min-height:100vh;position:relative;overflow:hidden}.landing-bg{z-index:-1;position:fixed;inset:0;overflow:hidden}.bg-grid{background-image:linear-gradient(#a855f708 1px,#0000 1px),linear-gradient(90deg,#a855f708 1px,#0000 1px);background-size:60px 60px;animation:20s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.bg-glow{filter:blur(120px);opacity:.4;border-radius:50%;animation:8s ease-in-out infinite glowPulse;position:absolute}.bg-glow-1{background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);width:600px;height:600px;animation-delay:0s;top:-200px;left:-200px}.bg-glow-2{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);width:500px;height:500px;animation-delay:2s;bottom:-150px;right:-150px}.bg-glow-3{opacity:.2;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);width:400px;height:400px;animation-delay:4s;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:85vh;padding:60px 24px;display:flex}.hero-badge{color:#a855f7;background:#a855f71a;border:1px solid #a855f74d;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:.85rem;font-weight:600;animation:.8s forwards fadeInUp;display:inline-flex}.badge-dot{background:#a855f7;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.landing-title{color:var(--text-primary);letter-spacing:-.02em;opacity:0;margin-bottom:24px;font-size:4.5rem;font-weight:900;line-height:1.05;animation:.8s .1s forwards fadeInUp}.title-gradient{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a855f7 0%,#22c55e 50%,#3b82f6 100%) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradientShift}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.landing-subtitle{color:var(--text-secondary);opacity:0;max-width:600px;margin-bottom:40px;font-size:1.25rem;line-height:1.7;animation:.8s .2s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-cta{opacity:0;gap:16px;margin-bottom:60px;animation:.8s .3s forwards fadeInUp;display:flex}.cta-primary{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7c3aed 100%);border-radius:12px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #a855f766}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #a855f780}.cta-primary .cta-arrow{width:20px;height:20px;transition:transform .3s}.cta-primary:hover .cta-arrow{transform:translate(4px)}.cta-secondary{border:1px solid var(--border);color:var(--text-primary);background:0 0;border-radius:12px;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cta-secondary:hover{border-color:var(--void-purple);background:#ffffff0d}.cta-large{padding:20px 40px;font-size:1.1rem}.hero-stats{opacity:0;gap:48px;animation:.8s .4s forwards fadeInUp;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.hero-stat-value{color:var(--text-primary);-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#a855f7 0%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.hero-stat-label{color:var(--text-muted);font-size:.85rem}.landing-features{max-width:1200px;margin:0 auto;padding:80px 24px 100px}.section-header{text-align:center;margin-bottom:60px}.landing-features .section-title{background:linear-gradient(135deg,var(--text-primary)0%,var(--text-secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:800}.section-subtitle{color:var(--text-muted);font-size:1.1rem}.features-grid-new{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.feature-card-new{border:1px solid var(--border);background:#11182799;border-radius:20px;flex-direction:column;padding:32px;text-decoration:none;transition:all .4s;display:flex;position:relative;overflow:hidden}.feature-card-new:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.feature-glow{background:linear-gradient(180deg,var(--accent)0%,transparent 100%);opacity:0;height:150px;transition:opacity .4s;position:absolute;top:0;left:0;right:0}.feature-card-new:hover .feature-glow{opacity:.1}.feature-icon-new{background:#a855f71a;border:1px solid #a855f733;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;transition:all .3s;display:flex}.feature-card-new:hover .feature-icon-new{border-color:var(--accent);background:#a855f726;transform:scale(1.05)}.feature-svg{width:32px;height:32px;color:var(--accent);transition:color .3s}.feature-content{flex-direction:column;flex:1;display:flex}.feature-title-new{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:700}.feature-desc{color:var(--text-secondary);flex:1;margin-bottom:20px;font-size:1rem;line-height:1.6}.feature-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.feature-stat{color:var(--accent);font-size:.9rem;font-weight:600}.feature-arrow{width:24px;height:24px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .3s;display:flex}.feature-arrow svg{width:16px;height:16px}.feature-card-new:hover .feature-arrow{color:var(--accent);transform:translate(4px)}.landing-cta{text-align:center;background:linear-gradient(#0000 0%,#a855f70d 100%);padding:100px 24px}.cta-content{max-width:600px;margin:0 auto}.cta-title{color:var(--text-primary);margin-bottom:16px;font-size:2.5rem;font-weight:800}.cta-subtitle{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem;line-height:1.6}@media (max-width:1024px){.features-grid-new{grid-template-columns:1fr}}@media (max-width:768px){.landing-hero{min-height:auto;padding:40px 20px 60px}.landing-title{font-size:2.8rem}.landing-subtitle{font-size:1.1rem}.hero-cta{flex-direction:column;width:100%;max-width:300px}.cta-primary,.cta-secondary{justify-content:center;width:100%}.hero-stats{flex-wrap:wrap;justify-content:center;gap:24px}.hero-stat{min-width:120px}.landing-features{padding:60px 20px}.landing-features .section-title{font-size:2rem}.feature-card-new{padding:24px}.feature-title-new{font-size:1.25rem}.cta-title{font-size:2rem}}@media (max-width:480px){.landing-title{font-size:2.2rem}.hero-badge{font-size:.75rem}.hero-stat-value{font-size:1.5rem}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}