@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-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}}}@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;--animate-spin:spin 1s linear infinite;--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)}}@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}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.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}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.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,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.underline{text-decoration-line:underline}.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,)}.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))}}.navbar{background:var(--color-surface);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:100;padding:1rem 0;transition:background-color .3s,border-color .3s;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.nav-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex}.nav-left{align-items:center;gap:2rem;display:flex}.logo{color:var(--color-text);align-items:center;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-icon{flex-shrink:0;width:48px;height:48px}.logo-text{letter-spacing:-.025em;color:var(--color-text);margin-left:.75rem;font-size:1.5rem;font-weight:700;transition:color .2s}.logo:hover .logo-text{color:var(--color-primary)}.logo-img{width:auto;height:60px;display:block}.nav-links{gap:1.5rem;display:flex}.nav-links a{color:var(--color-text);transition:var(--transition);text-decoration:none}.nav-links a:hover{color:var(--color-text-secondary)}.nav-right{align-items:center;gap:1rem;display:flex}.nav-link{color:var(--color-text);border-radius:6px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{background:var(--color-hover);color:var(--color-primary)}.nav-dropdown{position:relative}.nav-dropdown-trigger{cursor:pointer;align-items:center;gap:.375rem;display:flex}.nav-dropdown-trigger svg{transition:transform .2s}.nav-dropdown:hover .nav-dropdown-trigger svg{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);opacity:0;visibility:hidden;z-index:1000;border-radius:8px;min-width:180px;transition:all .2s;position:absolute;top:calc(100% + .5rem);left:50%;overflow:hidden;transform:translate(-50%)translateY(-10px);box-shadow:0 4px 16px #0000001f}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.nav-dropdown-item{color:var(--color-text);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:block}.nav-dropdown-item:last-child{border-bottom:none}.nav-dropdown-item:hover{background:var(--color-hover);color:var(--color-primary);padding-left:1.25rem}.search-form{margin:0}.search-box{border:1px solid var(--color-border);border-radius:var(--border-radius);background-color:var(--color-bg);box-sizing:border-box;min-width:200px;height:52px;transition:var(--transition);padding:.5rem 1rem;font-size:.95rem}.search-box:focus{border-color:var(--color-primary);outline:none}.servers-dropdown{position:relative}.servers-dropdown-btn{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);box-sizing:border-box;cursor:pointer;align-items:center;gap:.5rem;height:52px;padding:.5rem 1rem;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.servers-dropdown-btn:hover{border-color:var(--color-primary);background:var(--color-surface)}.dropdown-arrow{font-size:.7rem;transition:transform .2s}.servers-dropdown.active .dropdown-arrow{transform:rotate(180deg)}.servers-dropdown-menu{border:1px solid var(--color-border);border-radius:var(--border-radius);opacity:0;visibility:hidden;z-index:1000;background:#fff;grid-template-columns:1fr 1fr 1fr;min-width:600px;max-height:80vh;transition:all .2s;display:grid;position:absolute;top:calc(100% + .5rem);left:0;overflow-y:auto;transform:translateY(-10px);box-shadow:0 4px 12px #0000001a}.servers-dropdown.active .servers-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.servers-dropdown-menu a{color:var(--color-text);border-bottom:1px solid var(--color-border);padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:block}.servers-dropdown-menu a:first-child{border-bottom:2px solid var(--color-border);grid-column:1/-1;font-weight:600}.servers-dropdown-menu a:hover{background:var(--color-primary);color:#fff}.dropdown-section-header{text-transform:uppercase;color:var(--color-text-secondary);background:var(--color-hover);border-bottom:1px solid var(--color-border);letter-spacing:.5px;grid-column:1/-1;padding:.5rem 1rem;font-size:.75rem;font-weight:700}.btn-login{color:#fff;border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer;height:52px;transition:var(--transition);background-color:#5865f2;border:none;align-items:center;padding:.5rem 1.5rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-login:hover{background-color:#4752c4;transform:translateY(-1px)}.theme-toggle{background:var(--color-hover);border:1px solid var(--color-border);cursor:pointer;width:40px;height:40px;color:var(--color-text);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:scale(1.05)}.theme-toggle svg{width:20px;height:20px}.theme-icon{display:none}.theme-icon.active{display:block}.user-menu{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer;height:52px;transition:var(--transition);align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.user-menu:hover{background-color:var(--color-hover);box-shadow:0 2px 8px #0000001a}.user-avatar{object-fit:cover;border:2px solid var(--color-border);width:32px;height:32px;transition:var(--transition);border-radius:50%}.user-menu:hover .user-avatar{border-color:var(--color-primary)}.user-name{color:var(--color-text);font-size:.95rem;font-weight:500}.user-dropdown{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius);z-index:1000;opacity:0;visibility:hidden;min-width:180px;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;top:calc(100% + .25rem);right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 4px 16px #00000026}.user-menu:hover .user-dropdown,.user-dropdown:hover{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a{color:var(--color-text);transition:var(--transition);border-bottom:1px solid var(--color-border);padding:.875rem 1.25rem;font-size:.95rem;text-decoration:none;display:block}.user-dropdown a:last-child{border-bottom:none}.user-dropdown a:hover{background-color:var(--color-hover);padding-left:1.5rem}.announcement-banner{color:var(--color-text);text-align:center;border-bottom:1px solid var(--color-border);background:#f3f4f6;padding:.75rem 0}[data-theme=dark] .announcement-banner{background:#1f2937}.announcement-content{max-width:1400px;margin:0 auto;padding:0 2rem;font-size:.95rem;line-height:1.6}.announcement-content strong{font-weight:700}@media (max-width:768px){.servers-dropdown-menu{grid-template-columns:1fr;min-width:280px}.announcement-banner{padding:.75rem 0}.announcement-content{font-size:.85rem}.nav-container{padding:0 1rem}.nav-left{gap:1rem}.nav-links{display:none}.search-box{min-width:150px}}.footer{background:var(--color-surface);border-top:2px solid var(--color-border);margin-top:3rem;padding:2.5rem 0 1.5rem}.footer-grid{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:2rem;padding-bottom:2rem;display:grid}.footer-section h4{color:var(--color-text);margin:0 0 1rem;font-size:.95rem;font-weight:600}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section li{margin-bottom:.7rem}.footer-section a{color:var(--color-text-secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.footer-section a:hover{color:var(--color-accent)}.footer-description{color:var(--color-text-secondary);margin:0 0 1rem;font-size:.85rem;line-height:1.5}.footer-social{justify-content:center;gap:.75rem;display:flex}.footer-social a{background:var(--color-hover);width:36px;height:36px;color:var(--color-text);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.footer-social a:hover{background:var(--color-accent);color:#fff;transform:translateY(-2px)}.footer-bottom{text-align:center}.footer-bottom p{color:var(--color-text-secondary);margin:.3rem 0;font-size:.85rem}@media (max-width:992px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width:576px){.footer-grid{text-align:center;grid-template-columns:1fr;gap:1.5rem}.footer-social{justify-content:center}}.hero{justify-content:center;align-items:center;min-height:400px;margin-top:-1px;display:flex;position:relative;overflow:hidden}.hero-bg{filter:blur(6px);background-image:url(/images/hero-bg.jpg);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.05)}.hero-bg:after{content:"";background:linear-gradient(#0006 0%,#00000080 50%,#000000b3 100%);position:absolute;inset:0}.hero-content{z-index:1;text-align:center;max-width:800px;padding:4rem 2rem;position:relative}.hero h1{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 20px #00000080;margin:0 0 1rem;font-size:3.5rem;font-weight:800}.hero-tagline{color:#ffffffe6;text-shadow:0 1px 10px #00000080;margin:0;font-size:1.35rem}.featured-section{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:1.5rem 0}.featured-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.featured-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.featured-card:hover{border-color:var(--color-primary);background:var(--color-hover)}.featured-card:hover .featured-arrow{transform:translate(4px)}.featured-icon{background:var(--color-surface);border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.featured-text{flex:1;min-width:0}.featured-text h3{color:var(--color-text);margin:0 0 .25rem;font-size:1rem;font-weight:600}.featured-text p{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.85rem;overflow:hidden}.featured-arrow{color:var(--color-text-secondary);flex-shrink:0;transition:transform .2s}.page-header{text-align:center;padding:3rem 0 2rem}.page-header h1{color:var(--color-text);letter-spacing:-.02em;margin:0 0 .5rem;font-size:2.75rem;font-weight:700}.page-header p{color:var(--color-text-secondary);margin:0;font-size:1rem}.tools-container{padding-bottom:3rem}.tools-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.tool-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;padding:1.75rem;text-decoration:none;transition:all .2s;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-accent));opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.tool-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #5f8fb81a}.tool-card:hover:before{opacity:1}.tool-icon{background:var(--color-bg);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-primary);border-radius:8px;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.tool-icon svg{width:24px;height:24px}.tool-card h3{color:var(--color-text);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.tool-card p{color:var(--color-text-secondary);flex:1;margin:0 0 1rem;font-size:.925rem;line-height:1.5}.tool-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:4px;align-self:flex-start;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.tool-badge.server-owner{color:var(--color-primary);background:#5f8fb81a}.tool-badge.developer{color:#8b5cf6;background:#8b5cf61a}.tool-badge.player{color:#22c55e;background:#22c55e1a}@media (max-width:1200px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.featured-grid{grid-template-columns:1fr}.featured-text p{white-space:normal}}@media (max-width:768px){.hero{min-height:350px}.hero-content{padding:3rem 1.5rem}.hero h1{font-size:2.5rem}.hero-tagline{font-size:1.1rem}.btn-large{padding:.75rem 1.5rem;font-size:.95rem}.page-header{padding:2rem 0 1.5rem}.page-header h1{font-size:2.25rem}.page-header p{font-size:.95rem}.tools-grid{grid-template-columns:1fr;gap:1rem}.tool-card{padding:1.5rem}}@media (max-width:576px){.hero h1{font-size:2rem}.hero-tagline{font-size:1rem}.hero-cta{flex-direction:column;align-items:center}.btn-large{text-align:center;width:100%;max-width:280px}.page-header h1{font-size:2rem}}.contact-discord{max-width:600px;margin:0 auto;padding-bottom:3rem}.discord-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:12px;padding:3rem}.discord-icon{color:#fff;background:#5865f2;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.discord-card h2{color:var(--color-text);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.discord-card>p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.discord-features{text-align:left;max-width:320px;margin:0 auto 2rem;padding:0;list-style:none}.discord-features li{color:var(--color-text);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem;display:flex}.discord-features li:before{content:"✓";color:#5865f2;font-weight:700}.discord-btn{color:#fff;background:#5865f2;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.discord-btn:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 4px 12px #5865f266}@media (max-width:768px){.discord-card{padding:2rem 1.5rem}.discord-card h2{font-size:1.5rem}.discord-features{max-width:100%}}.help-faq-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.help-faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.help-faq-item h3{color:var(--color-text);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.help-faq-item p{color:var(--color-text-secondary);margin:0;line-height:1.6}.help-faq-item a{color:var(--color-primary);text-decoration:underline}.help-faq-item a:hover{color:var(--color-accent)}.cta-section{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-top:2rem;padding:2.5rem}.cta-section h2{color:var(--color-text);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.cta-section p{color:var(--color-text-secondary);margin-bottom:1.5rem}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:8px;padding:.75rem 2rem;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.btn-primary:hover{transform:translateY(-2px)}@media (max-width:768px){.help-faq-grid{grid-template-columns:1fr;gap:1rem}.help-faq-item{padding:1.25rem}.cta-section{padding:2rem 1.5rem}.cta-section h2{font-size:1.5rem}}.content-wrapper{max-width:900px;margin:0 auto;padding-bottom:3rem}.legal-section{margin-bottom:2.5rem}.legal-section h2{color:var(--color-text);border-bottom:2px solid var(--color-border);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem;font-weight:700}.legal-section h3{color:var(--color-text);margin:1.5rem 0 .75rem;font-size:1.15rem;font-weight:600}.legal-section p{color:var(--color-text-secondary);margin-bottom:1rem;line-height:1.7}.legal-section ul{margin-bottom:1rem;margin-left:1.5rem;list-style:outside}.legal-section li{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.7}.legal-section strong{color:var(--color-text);font-weight:600}.legal-section a{color:var(--color-primary);text-decoration:underline}.legal-section a:hover{color:var(--color-accent)}.page-header p{color:var(--color-text-secondary);margin-top:.5rem;font-size:.9rem}@media (max-width:768px){.legal-section h2{font-size:1.25rem}.legal-section h3{font-size:1.05rem}.legal-section ul{margin-left:1rem}}.error-page{text-align:center;max-width:600px;margin:6rem auto}.error-page h1{color:var(--color-text);margin-bottom:.5rem;font-size:3rem;font-weight:700}.error-page p{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.1rem}.error-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.error-links a,.error-links button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:6px;padding:.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:500;text-decoration:none;transition:all .2s}.error-links a:hover,.error-links button:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}@media (max-width:576px){.error-page{margin:4rem auto}.error-page h1{font-size:2.5rem}.error-links{flex-direction:column}.error-links a,.error-links button{width:100%}}.palette-container{max-width:1400px;margin:0 auto}.palette-page-header{border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.palette-page-header h1{color:var(--color-text);margin-bottom:.5rem;font-size:2.5rem}.palette-page-header p{color:var(--color-text-secondary);font-size:1.1rem}.palette-controls{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.palette-search-form{flex:1;gap:.5rem;min-width:300px;display:flex}.palette-search-form input{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;flex:1;padding:.75rem 1rem;font-size:1rem}.palette-search-form input:focus{border-color:var(--color-primary);outline:none}.sort-dropdown select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:6px;padding:.75rem 1rem;font-size:1rem}.palette-layout{grid-template-columns:1fr 300px;gap:2rem;display:grid}.palette-main{min-width:0}.palette-sidebar{align-self:start;position:sticky;top:1rem}.palette-section{margin-bottom:3rem}.palette-section h2{color:var(--color-text);margin-bottom:1.5rem;font-size:1.5rem}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;display:grid}.palette-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s;overflow:hidden}.palette-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.palette-preview{aspect-ratio:3/2;background:var(--color-bg);width:100%;display:block;position:relative;overflow:hidden}.palette-preview img{object-fit:cover;width:100%;height:100%}.featured-badge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#f59e0b,#eab308);border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.palette-card-footer{padding:1rem}.palette-meta{flex-direction:column;gap:.5rem;font-size:.9rem;display:flex}.palette-likes{color:#ef4444;align-items:center;gap:.25rem;font-weight:600;display:flex}.palette-creator{color:var(--color-text-secondary)}.palette-creator a{color:var(--color-primary);font-weight:600;text-decoration:none}.palette-creator a:hover{text-decoration:underline}.palette-age{color:var(--color-text-secondary);font-size:.85rem}.sidebar-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.sidebar-section h3{color:var(--color-text);margin-bottom:1rem;font-size:1rem;font-weight:600}.block-chips,.color-chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:20px;padding:.5rem 1rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-block}.chip:hover,.chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.color-chip{padding-left:2rem;position:relative}.color-chip:before{content:"";border:1px solid #0003;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}.color-chip.color-red:before{background:#ef4444}.color-chip.color-orange:before{background:#f97316}.color-chip.color-yellow:before{background:#eab308}.color-chip.color-green:before{background:#22c55e}.color-chip.color-blue:before{background:#3b82f6}.color-chip.color-purple:before{background:#a855f7}.color-chip.color-black:before{background:#0f172a}.color-chip.color-white:before{background:#f8fafc}.active-filters{flex-direction:column;gap:.5rem;display:flex}.filter-tag{background:var(--color-bg);border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;display:flex}.filter-tag a{color:var(--color-text-secondary);margin-left:.5rem;font-weight:700;text-decoration:none}.filter-tag a:hover{color:#ef4444}.clear-filters{color:var(--color-primary);margin-top:.5rem;font-size:.85rem;font-weight:600;text-decoration:none}.clear-filters:hover{text-decoration:underline}.pagination{border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.pagination span{color:var(--color-text-secondary)}.no-results{text-align:center;color:var(--color-text-secondary);padding:3rem 0}.admin-header{margin-bottom:2rem}.admin-header h1{margin-bottom:1rem;font-size:2rem}.admin-nav{border-bottom:2px solid var(--color-border);gap:1rem;padding-bottom:.5rem;display:flex}.admin-nav a{color:var(--color-text);border-bottom:2px solid #0000;margin-bottom:-2px;padding:.5rem 1rem;text-decoration:none}.admin-nav a:hover{color:var(--color-primary)}.admin-nav a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;padding:2rem}.admin-card h2{margin-bottom:1.5rem}.admin-form .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.admin-form .form-group{margin-bottom:1.5rem}.admin-form label{color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.admin-form input[type=text],.admin-form input[type=file],.admin-form select{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:6px;padding:.75rem}.admin-form input[type=text]:focus,.admin-form select:focus{border-color:var(--color-primary);outline:none}.admin-filters{margin-bottom:2rem}.filter-form{flex-wrap:wrap;gap:1rem;display:flex}.filter-form input,.filter-form select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:.75rem}.filter-form input{flex:1;min-width:200px}.blocks-list{flex-direction:column;gap:1rem;display:flex}.block-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;grid-template-columns:80px 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.block-item.inactive{opacity:.5}.block-item img{object-fit:cover;border:1px solid var(--color-border);border-radius:4px;width:80px;height:80px}.block-info h3{margin-bottom:.25rem;font-size:1.1rem}.block-meta{color:var(--color-text-secondary);flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}.block-actions{gap:.5rem;display:flex}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:8px;padding:1.5rem}.stat-value{color:var(--color-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:var(--color-text-secondary);font-size:.9rem}.palettes-grid-admin{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.palette-item-admin{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;position:relative;overflow:hidden}.palette-item-admin img{aspect-ratio:3/2;object-fit:cover;width:100%}.palette-info-admin{padding:1rem}.palette-info-admin strong{margin-bottom:.25rem;display:block}.palette-info-admin p{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.85rem}.alert{border-radius:6px;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e}.alert-error{color:#ef4444;background:#ef44441a;border:1px solid #ef4444}@media (max-width:992px){.palette-layout{grid-template-columns:1fr}.palette-sidebar{order:-1;position:static}.sidebar-section{margin-bottom:1rem}}@media (max-width:768px){.palette-page-header{flex-direction:column;align-items:flex-start;gap:1rem}.palette-controls{flex-direction:column}.palette-search-form{width:100%}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.admin-form .form-row{grid-template-columns:1fr}.block-item{grid-template-columns:60px 1fr}.block-item img{width:60px;height:60px}.block-actions{grid-column:1/-1;justify-content:flex-start}}@media (max-width:576px){.palette-grid{grid-template-columns:1fr}.filter-form{flex-direction:column}.filter-form input,.filter-form select{width:100%}}.back-link{color:var(--color-primary);margin-bottom:1.5rem;font-weight:600;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.palette-detail{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:2rem}.palette-detail-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.palette-detail-header h1{margin-bottom:.5rem;font-size:2rem}.palette-detail-meta{color:var(--color-text-secondary);align-items:center;gap:.5rem;display:flex}.palette-detail-meta a{color:var(--color-primary);font-weight:600;text-decoration:none}.palette-detail-meta a:hover{text-decoration:underline}.palette-detail-meta .featured-badge{margin-left:.5rem;position:static}.like-btn{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.like-btn:hover{color:#ef4444;border-color:#ef4444}.like-btn.liked{color:#fff;background:#ef4444;border-color:#ef4444}.palette-detail-preview{margin-bottom:2rem}.palette-detail-preview img{border:1px solid var(--color-border);border-radius:8px;width:100%}.palette-blocks{margin-bottom:3rem}.palette-blocks h2{margin-bottom:1.5rem}.blocks-list-detail{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.block-detail-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;align-items:center;gap:1rem;padding:1rem;display:flex}.block-detail-item img{object-fit:cover;border:1px solid var(--color-border);border-radius:4px;width:60px;height:60px}.block-detail-item strong{margin-bottom:.25rem;display:block}.block-category{color:var(--color-text-secondary);font-size:.85rem}.similar-palettes{border-top:1px solid var(--color-border);padding-top:2rem}.similar-palettes h2{margin-bottom:1.5rem}@media (max-width:768px){.palette-detail{padding:1.5rem}.palette-detail-header{flex-direction:column;gap:1rem}.blocks-list-detail{grid-template-columns:1fr}}.profile-header{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;display:flex}.profile-avatar{border:3px solid var(--color-primary);border-radius:50%;width:80px;height:80px}.profile-avatar-placeholder{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:700;display:flex}.profile-info h1{margin-bottom:.25rem;font-size:2rem}.profile-meta{color:var(--color-text-secondary)}.profile-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.most-used-block{object-fit:cover;border-radius:6px;width:60px;height:60px;margin-bottom:.5rem}.stat-sublabel{color:var(--color-text);margin-top:.25rem;font-size:.85rem}.profile-palettes{margin-top:2rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-header h2{font-size:1.5rem}.sort-form-inline select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;padding:.5rem 1rem}@media (max-width:768px){.profile-header{text-align:center;flex-direction:column}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}}.palette-faq{border-top:1px solid var(--color-border);margin-top:4rem;padding-top:3rem}.palette-faq h2{text-align:center;color:var(--color-text);margin-bottom:2rem;font-size:1.75rem}.palette-faq .faq-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1000px;margin:0 auto;display:grid}.palette-faq .faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s;overflow:hidden}.palette-faq .faq-item:hover,.palette-faq .faq-item[open]{border-color:var(--color-primary)}.palette-faq .faq-item summary{list-style:none}.palette-faq .faq-item summary::-webkit-details-marker{display:none}.palette-faq .faq-question{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.palette-faq .faq-question:hover{background:var(--color-hover)}.palette-faq .faq-question span{flex:1;padding-right:1rem}.palette-faq .faq-icon{color:var(--color-primary);flex-shrink:0;transition:transform .3s}.palette-faq .faq-item[open] .faq-icon{transform:rotate(180deg)}.palette-faq .faq-answer{padding:0 1.5rem 1.25rem}.palette-faq .faq-answer p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.7}@media (max-width:768px){.palette-faq .faq-grid{grid-template-columns:1fr}.palette-faq .faq-question{padding:1rem 1.25rem;font-size:.9rem}.palette-faq .faq-answer{padding:0 1.25rem 1rem}}.create-header{border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.create-header h1{margin-bottom:.5rem;font-size:2rem}.create-header p{color:var(--color-text-secondary)}.create-layout{grid-template-columns:450px 1fr;gap:2rem;margin-bottom:2rem;display:grid}.preview-panel,.selector-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.preview-panel h2,.selector-panel h2{margin-bottom:1.5rem;font-size:1.3rem}.palette-preview-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.preview-slot{aspect-ratio:1;background:var(--color-bg);border:2px solid var(--color-border);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.preview-slot:hover{border-color:var(--color-primary)}.preview-slot.active{border-color:var(--color-primary);box-shadow:0 0 0 3px #5f8fb833}.preview-slot.filled{padding:0}.preview-slot img{object-fit:cover;border-radius:4px;width:100%;height:100%}.slot-number{color:var(--color-text-secondary);font-size:1.5rem;font-weight:700}.slot-placeholder{color:var(--color-text-secondary);font-size:.85rem}.block-label{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#000000bf;padding:.25rem;font-size:.75rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.remove-block{color:#fff;cursor:pointer;opacity:0;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;transition:opacity .2s;display:flex;position:absolute;top:.25rem;right:.25rem}.preview-slot:hover .remove-block{opacity:1}.preview-actions{gap:.75rem;display:flex}.preview-actions button{flex:1}.block-selector-controls{gap:.75rem;margin-bottom:1rem;display:flex}.block-search{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:6px;flex:1;padding:.75rem}.block-search:focus{border-color:var(--color-primary);outline:none}.category-filter{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:6px;min-width:150px;padding:.75rem}.blocks-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;max-height:600px;padding:.5rem;display:grid;overflow-y:auto}.block-option{background:var(--color-bg);border:2px solid var(--color-border);cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.block-option:hover{border-color:var(--color-primary);transform:translateY(-2px)}.block-option img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%}.block-name{text-align:center;color:var(--color-text);font-size:.75rem}.create-footer{text-align:center;padding:2rem 0}.btn-large{padding:1rem 3rem;font-size:1.1rem}.help-text{color:var(--color-text-secondary);margin-top:1rem;font-size:.9rem}.error-text{color:#ef4444}@media (max-width:992px){.create-layout{grid-template-columns:1fr}}@media (max-width:576px){.block-selector-controls{flex-direction:column}.category-filter{width:100%}.blocks-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.page-header{margin-bottom:2rem}.page-header h1{color:var(--color-text);margin-bottom:.5rem;font-size:2.5rem}.page-header p{color:var(--color-text-secondary);font-size:1.1rem}.btn-action{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-action:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #5f8fb833}.btn-action:active{transform:translateY(0)}.btn-action svg{flex-shrink:0}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-copy{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.25rem;font-weight:600;transition:all .2s}.btn-copy:hover{background:var(--color-accent);transform:translateY(-2px)}.editor-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);flex-direction:column;display:flex;overflow:hidden}.panel-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.panel-header h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.char-count,.line-count{color:var(--color-text-secondary);font-size:.85rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.form-select{background:var(--color-bg);border:2px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;border-radius:6px;padding:.75rem;font-size:1rem}.form-select:focus{border-color:var(--color-primary);outline:none}.form-input{background:var(--color-bg);border:2px solid var(--color-border);width:100%;color:var(--color-text);border-radius:6px;padding:.75rem;font-size:1rem}.form-input:focus{border-color:var(--color-primary);outline:none}.form-row{gap:1rem;margin-bottom:1.5rem;display:flex}.form-row>*{flex:1}.status-message{border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s ease-out statusSlideDown}.status-message.success{color:#22c55e;background:#22c55e1a;border:2px solid #22c55e}.status-message.error{color:#ef4444;background:#ef44441a;border:2px solid #ef4444}@keyframes statusSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);width:90%;max-width:500px;max-height:90vh;animation:.3s modalSlideUp;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header h3{color:var(--color-text);margin:0;font-size:1.25rem}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:2rem;line-height:1;transition:color .2s;display:flex}.modal-body p{color:var(--color-text-secondary);margin-bottom:1.5rem}.modal-actions{margin-bottom:1.5rem}.share-result{background:var(--color-bg);border:2px solid var(--color-border);border-radius:8px;padding:1rem}.share-result label{color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.link-display{gap:.5rem;margin-bottom:.75rem;display:flex}.link-display input{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;flex:1;padding:.75rem;font-family:monospace;font-size:.9rem}.share-note{color:var(--color-text-secondary);margin:0;font-size:.85rem}.share-option{margin-bottom:1.5rem}.password-toggle{cursor:pointer;color:var(--color-text);align-items:center;gap:.5rem;font-weight:500;display:flex}.password-toggle input[type=checkbox]{cursor:pointer}.password-field{margin-bottom:1.5rem}.password-field label{color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.password-field input{background:var(--color-bg);border:2px solid var(--color-border);width:100%;color:var(--color-text);border-radius:6px;padding:.75rem;font-size:1rem}.password-field input:focus{border-color:var(--color-primary);outline:none}@media (max-width:768px){.page-header h1{font-size:2rem}.form-row{flex-direction:column}}@media (max-width:576px){.btn-action{justify-content:center;width:100%}}.formatting-toolbar{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.formatting-toolbar h3{color:var(--color-text);margin:0 0 1rem;font-size:1rem;font-weight:600}.color-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:.5rem;margin-bottom:1.5rem;display:grid}.color-btn{aspect-ratio:1;border:2px solid var(--color-border);cursor:pointer;color:#fff;text-shadow:1px 1px 2px #000c;border-radius:6px;width:100%;font-family:monospace;font-size:.9rem;font-weight:600;transition:all .2s}.color-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.format-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.format-btn{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.format-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.motd-editor-container{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.motd-input{background:var(--color-bg);width:100%;color:var(--color-text);resize:vertical;border:none;outline:none;min-height:100px;padding:1.5rem;font-family:Courier New,monospace;font-size:1rem;line-height:1.6}.preview-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.preview-panel h3{color:var(--color-text);margin:0 0 1rem;font-size:1.1rem}.motd-preview{background:#1a1a1a;border-radius:8px;padding:1.5rem;font-family:Courier New,monospace;font-size:1rem;line-height:1.8}.preview-line{color:#aaa;min-height:1.8em}.output-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;overflow:hidden}.output-textarea{background:var(--color-bg);width:100%;color:var(--color-text);resize:vertical;border:none;outline:none;min-height:100px;padding:1.5rem;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6}.char-count.warning{color:#ef4444}@media (max-width:992px){.motd-editor-container{grid-template-columns:1fr}}@media (max-width:768px){.color-grid{grid-template-columns:repeat(8,1fr)}}.json-actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.json-actions .btn-action:disabled{opacity:.5;cursor:not-allowed;transform:none}.json-actions .btn-action:disabled:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:none;transform:none}.btn-tooltip{background:var(--color-text);color:var(--color-bg);white-space:nowrap;opacity:0;visibility:hidden;z-index:10;border-radius:4px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.8rem;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.btn-wrapper:hover .btn-tooltip{opacity:1;visibility:visible}.json-editor-container{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.output-controls{align-items:center;gap:1rem;display:flex}.indent-label{color:var(--color-text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.indent-select{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:4px;padding:.35rem .5rem;font-size:.85rem}.indent-select:focus{border-color:var(--color-primary);outline:none}.json-textarea{background:var(--color-bg);color:var(--color-text);resize:vertical;border:none;outline:none;flex:1;height:auto;min-height:400px;max-height:none;padding:1.5rem;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6}.json-output{background:var(--color-bg);color:var(--color-text);white-space:pre;flex:1;height:auto;min-height:400px;max-height:none;margin:0;padding:1.5rem;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6;overflow:auto}.json-key{color:#5f8fb8}.json-string{color:#22c55e}.json-number{color:#f59e0b}.json-boolean{color:#8b5cf6}.json-null{color:#ef4444}.json-info-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.json-info-panel h3{color:var(--color-text);margin:0 0 1rem;font-size:1.1rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;display:grid}.info-item{flex-direction:column;gap:.5rem;display:flex}.info-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.info-value{color:var(--color-text);font-size:1.2rem;font-weight:600}@media (max-width:992px){.json-editor-container{grid-template-columns:1fr}}@media (max-width:768px){.json-actions{justify-content:stretch}.json-actions .btn-action{flex:1;justify-content:center}}@media (max-width:576px){.json-actions{flex-direction:column}.json-actions .btn-action{width:100%}}.log-actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.filter-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1.5rem}.filter-panel h3{color:var(--color-text);margin:0 0 1rem;font-size:1rem}.filter-checkboxes{flex-wrap:wrap;gap:1.5rem;display:flex}.filter-checkbox{cursor:pointer;align-items:center;gap:.5rem;display:flex}.filter-checkbox input[type=checkbox]{cursor:pointer}.checkbox-label{border-radius:4px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.checkbox-label.error{color:#ef4444;background:#ef444426}.checkbox-label.warn{color:#f59e0b;background:#f59e0b26}.checkbox-label.info{color:#3b82f6;background:#3b82f626}.checkbox-label.debug{color:#8b5cf6;background:#8b5cf626}.checkbox-label.other{color:#6b7280;background:#6b728026}.log-editor-container{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.log-textarea{background:var(--color-bg);color:var(--color-text);resize:vertical;border:none;outline:none;flex:1;width:100%;height:auto;min-height:500px;max-height:none;padding:1.5rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}.log-output{background:var(--color-bg);color:var(--color-text);white-space:pre-wrap;word-break:break-word;flex:1;height:auto;min-height:500px;max-height:none;margin:0;padding:1.5rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow:auto}.log-line{margin:.15rem 0;padding:.15rem 0}.log-line.error{color:#ef4444;background:#ef44440d}.log-line.warn{color:#f59e0b;background:#f59e0b0d}.log-line.info{color:#3b82f6}.log-line.debug{color:#8b5cf6}.log-line.other{color:var(--color-text-secondary)}.log-line.hidden{display:none}.log-timestamp{color:#6b7280}.log-level{font-weight:600}.btn-wrapper{display:inline-flex;position:relative}.btn-wrapper .btn-action:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-wrapper .btn-action:disabled:hover{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text);box-shadow:none;transform:none}.btn-tooltip{background:var(--color-text);color:var(--color-bg);white-space:nowrap;opacity:0;pointer-events:none;border-radius:4px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.75rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.btn-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.btn-wrapper:hover .btn-tooltip{opacity:1}@media (max-width:992px){.log-editor-container{grid-template-columns:1fr}}@media (max-width:768px){.log-actions{justify-content:stretch}.log-actions .btn-action{flex:1;justify-content:center}.filter-checkboxes{gap:1rem}}@media (max-width:576px){.log-actions{flex-direction:column}.log-actions .btn-action,.log-actions .btn-wrapper{width:100%}.log-actions .btn-wrapper .btn-action{justify-content:center;width:100%}}.whitelist-actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.player-list-container{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;overflow:hidden}.player-count{color:var(--color-text-secondary);font-family:monospace;font-size:.85rem}.player-list{min-height:300px;max-height:500px;padding:1.5rem;overflow-y:auto}.player-list .empty-state{height:268px;color:var(--color-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.player-list .empty-state svg{opacity:.5;margin-bottom:1rem}.player-list .empty-state p{margin:.5rem 0;font-size:1.1rem}.player-list .empty-state small{font-size:.9rem}.player-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.player-item:last-child{margin-bottom:0}.player-item:hover{border-color:var(--color-primary)}.player-info{align-items:center;gap:.75rem;display:flex}.player-avatar{background:var(--color-border);width:32px;height:32px;color:var(--color-text);border-radius:4px;justify-content:center;align-items:center;font-weight:600;display:flex}.player-name{color:var(--color-text);font-weight:500}.btn-remove{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:0 0;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;transition:all .2s}.btn-remove:hover{color:#fff;background:#ef4444;border-color:#ef4444}.json-preview-container{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:1.5rem;overflow:hidden}.json-preview{background:var(--color-bg);color:var(--color-text);max-height:400px;margin:0;padding:1.5rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow:auto}.bulk-textarea{background:var(--color-bg);border:2px solid var(--color-border);width:100%;color:var(--color-text);resize:vertical;border-radius:6px;padding:.75rem;font-family:Courier New,monospace;font-size:1rem;transition:border-color .2s}.bulk-textarea:focus{border-color:var(--color-primary);outline:none}@media (max-width:768px){.whitelist-actions{flex-direction:column}.whitelist-actions .btn-action{justify-content:center;width:100%}}.uc-page-header{text-align:center;margin-bottom:3rem}.uc-page-header h1{color:var(--color-text);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.uc-page-header p{color:var(--color-text-secondary);font-size:1.1rem}.uc-search-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;margin-bottom:3rem;padding:2.5rem;box-shadow:0 2px 8px #0000000d}.uc-search-container{max-width:600px;margin:0 auto}.uc-input-wrapper{gap:.75rem;margin-bottom:1rem;display:flex}.uc-username-input{border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:8px;flex:1;padding:1rem 1.25rem;font-size:1.1rem;transition:all .2s}.uc-username-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #5f8fb81a}.uc-username-input::placeholder{color:var(--color-text-secondary);opacity:.6}.uc-check-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.uc-check-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 12px #5f8fb84d}.uc-check-btn:active{transform:translateY(0)}.uc-check-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.uc-check-btn svg{width:18px;height:18px}.uc-requirements{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:.75rem;font-size:.875rem;display:flex}.uc-req-item{align-items:center;display:flex}.uc-req-divider{opacity:.5}.uc-loading-section{text-align:center;padding:3rem 2rem}.uc-loading-spinner{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:.8s linear infinite ucSpin}@keyframes ucSpin{to{transform:rotate(360deg)}}.uc-loading-section p{color:var(--color-text-secondary);font-size:.95rem}.uc-result-section{border-radius:12px;margin-top:2rem;padding:0;animation:.3s ucFadeIn;overflow:hidden}@keyframes ucFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.uc-result-section.uc-available{border:2px solid var(--color-success)}.uc-result-section.uc-taken,.uc-result-section.uc-error{border:2px solid #ef4444}.uc-result-header{text-transform:uppercase;letter-spacing:.5px;padding:1.5rem;font-size:.875rem;font-weight:600}.uc-result-section.uc-available .uc-result-header{background:var(--color-success);color:#fff}.uc-result-section.uc-taken .uc-result-header,.uc-result-section.uc-error .uc-result-header{color:#fff;background:#ef4444}.uc-result-body{background:var(--color-surface);text-align:center;padding:2.5rem}.uc-result-username{letter-spacing:1px;color:var(--color-text);margin-bottom:1rem;font-family:monospace;font-size:2rem;font-weight:700}.uc-result-message{color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.uc-api-info{text-align:center;margin-top:1.5rem;position:relative}.uc-info-toggle{background:var(--color-hover);border:1px solid var(--color-border);cursor:pointer;width:28px;height:28px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex}.uc-info-toggle:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.uc-info-dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;max-width:300px;margin:.75rem auto 0;padding:.75rem 1.25rem;animation:.3s ucSlideDown}@keyframes ucSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.uc-info-dropdown p{color:var(--color-text-secondary);margin:0;font-size:.875rem}.uc-info-dropdown a{color:var(--color-primary);font-weight:500;text-decoration:none}.uc-info-dropdown a:hover{text-decoration:underline}@media (max-width:768px){.uc-page-header h1{font-size:2rem}.uc-search-card{padding:1.5rem}.uc-input-wrapper{flex-direction:column}.uc-check-btn{justify-content:center;width:100%}.uc-requirements{flex-direction:column;gap:.5rem}.uc-req-divider{display:none}.uc-result-username{font-size:1.5rem}}.ssc-intro{margin-bottom:2rem}.ssc-intro p{color:var(--color-text-secondary);line-height:1.6}.ssc-form-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.ssc-form-row{gap:1rem;margin-bottom:1.5rem;display:flex}.ssc-form-group{flex-direction:column;display:flex}.ssc-form-group-hostname{flex:2}.ssc-form-group-port,.ssc-form-group-method{flex:1}.ssc-form-group label{color:var(--color-text);margin-bottom:.5rem;font-weight:600}.ssc-input{border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:6px;padding:.75rem;font-size:1rem;transition:border-color .2s}.ssc-input:focus{border-color:var(--color-primary);outline:none}.ssc-input::placeholder{color:var(--color-text-secondary)}select.ssc-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.ssc-check-btn{width:100%}.ssc-help-tip{border-radius:var(--border-radius);background:#3b82f61a;border:1px solid #3b82f64d;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}[data-theme=dark] .ssc-help-tip{background:#3b82f626;border-color:#3b82f666}.ssc-help-tip-icon{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;font-weight:700;display:flex}.ssc-help-tip-content{color:var(--color-text);flex:1;font-size:.95rem;line-height:1.5}.ssc-help-tip-content a{color:var(--color-primary);font-weight:600;text-decoration:none}.ssc-help-tip-content a:hover{text-decoration:underline}.ssc-result-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem;animation:.3s ease-out ssc-slideDown}@keyframes ssc-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ssc-result-header{border-bottom:1px solid var(--color-border);align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.ssc-icon-wrapper{flex-shrink:0}.ssc-server-favicon{border:2px solid var(--color-border);width:64px;height:64px;image-rendering:pixelated;border-radius:8px}.ssc-header-info{flex:1}.ssc-header-info h2{color:var(--color-text);word-break:break-all;margin:0 0 .5rem;font-size:1.8rem}.ssc-badge-wrapper{align-items:center;display:flex}.ssc-badge{text-transform:uppercase;border-radius:20px;padding:.35rem .85rem;font-size:.9rem;font-weight:600;display:inline-block}.ssc-badge-online{color:#22c55e;background:#22c55e26}.ssc-badge-offline{color:#ef4444;background:#ef444426}.ssc-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.ssc-detail-item{flex-direction:column;gap:.5rem;display:flex}.ssc-detail-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.ssc-detail-value{color:var(--color-text);font-size:1.3rem;font-weight:600}.ssc-motd-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.ssc-motd-section h3{color:var(--color-text);margin:0 0 1rem;font-size:1.1rem}.ssc-motd-wrapper{background:#1a1a1a;border-radius:4px;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.ssc-motd-icon{width:64px;height:64px;image-rendering:pixelated;border-radius:4px;flex-shrink:0}.ssc-motd-content{white-space:pre-wrap;word-break:break-word;color:#fff;flex:1;font-family:Courier New,monospace;line-height:1.5}.ssc-error-card{border-radius:var(--border-radius);background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #fca5a5;align-items:center;gap:1.5rem;padding:2rem;animation:.3s ease-out ssc-slideDown;display:flex}[data-theme=dark] .ssc-error-card{background:linear-gradient(135deg,#ef44441a 0%,#ef444426 100%);border-color:#ef444480}.ssc-error-icon{color:#dc2626;flex-shrink:0;font-size:3rem}[data-theme=dark] .ssc-error-icon{color:#ef4444}.ssc-error-content h3{color:#991b1b;margin:0 0 .5rem}[data-theme=dark] .ssc-error-content h3{color:#fca5a5}.ssc-error-content p{color:#991b1b;margin:0}[data-theme=dark] .ssc-error-content p{color:#fca5a5}.ssc-faq{border-top:1px solid var(--color-border);margin-top:4rem;padding-top:3rem}.ssc-faq h2{text-align:center;color:var(--color-text);margin-bottom:2rem;font-size:1.75rem}.ssc-faq .faq-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1000px;margin:0 auto;display:grid}.ssc-faq .faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;transition:all .2s;overflow:hidden}.ssc-faq .faq-item:hover,.ssc-faq .faq-item[open]{border-color:var(--color-primary)}.ssc-faq .faq-item summary{list-style:none}.ssc-faq .faq-item summary::-webkit-details-marker{display:none}.ssc-faq .faq-question{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.ssc-faq .faq-question:hover{background:var(--color-hover)}.ssc-faq .faq-question span{flex:1;padding-right:1rem}.ssc-faq .faq-icon{color:var(--color-primary);flex-shrink:0;transition:transform .3s}.ssc-faq .faq-item[open] .faq-icon{transform:rotate(180deg)}.ssc-faq .faq-answer{padding:0 1.5rem 1.25rem}.ssc-faq .faq-answer p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.7}@media (max-width:768px){.ssc-form-row{flex-direction:column}.ssc-result-header{text-align:center;flex-direction:column}.ssc-header-info h2{font-size:1.4rem}.ssc-badge-wrapper{justify-content:center}.ssc-details-grid{grid-template-columns:1fr}.ssc-error-card{text-align:center;flex-direction:column}.ssc-motd-wrapper{flex-direction:column;align-items:center}.ssc-motd-content{text-align:center}.ssc-faq .faq-grid{grid-template-columns:1fr}.ssc-faq .faq-question{padding:1rem 1.25rem;font-size:.9rem}.ssc-faq .faq-answer{padding:0 1.25rem 1rem}}.vt-intro{margin-bottom:2rem}.vt-intro p{color:var(--color-text-secondary);line-height:1.6}.vt-form-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.vt-form-row{gap:1.5rem;margin-bottom:1.5rem;display:flex}.vt-form-row>*{flex:1}.vt-form-group{margin-bottom:1.5rem}.vt-form-group label{color:var(--color-text);margin-bottom:.5rem;font-weight:600;display:block}.vt-input,.vt-select,.vt-textarea{border:2px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:6px;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.vt-input:focus,.vt-select:focus,.vt-textarea:focus{border-color:var(--color-primary);outline:none}.vt-input::placeholder,.vt-textarea::placeholder{color:var(--color-text-secondary)}.vt-textarea{resize:vertical;min-height:140px;font-family:Courier New,monospace}.vt-select{cursor:pointer}.vt-hint{color:var(--color-text-secondary);margin-top:.5rem;font-size:.85rem;display:block}.vt-submit-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.vt-submit-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px)}.vt-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.vt-result-panel{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem;animation:.3s ease-out vt-slideDown}@keyframes vt-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vt-result-header{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.vt-result-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.vt-result-icon.success{color:#22c55e;background:#22c55e26}.vt-result-icon.error{color:#ef4444;background:#ef444426}.vt-result-header h3{color:var(--color-text);margin:0;font-size:1.25rem}.vt-result-body p{color:var(--color-text-secondary);margin:0;line-height:1.6}.vt-result-details{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);border-radius:6px;margin-top:1rem;padding:1rem;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5}.vt-help-section{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);margin-bottom:2rem;padding:2rem}.vt-help-section h3{color:var(--color-text);margin:0 0 1.5rem;font-size:1.25rem}.vt-help-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.vt-help-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem}.vt-help-item h4{color:var(--color-text);margin:0 0 .75rem;font-size:1rem}.vt-help-item p{color:var(--color-text-secondary);margin:0;font-size:.9rem;line-height:1.6}@media (max-width:768px){.vt-form-row{flex-direction:column;gap:0}.vt-help-grid{grid-template-columns:1fr}.vt-result-header{text-align:center;flex-direction:column}}.config-presets{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.presets-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:600}.presets-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.btn-preset{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.btn-preset:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg)}.config-tabs{border-bottom:2px solid var(--color-border);gap:0;margin-bottom:1.5rem;display:flex}.config-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.config-tab:hover{color:var(--color-text)}.config-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.config-generator-layout{grid-template-columns:1fr 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:1024px){.config-generator-layout{grid-template-columns:1fr}}.config-form{flex-direction:column;gap:1.5rem;display:flex}.config-section{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:1.5rem}.config-section h3{color:var(--color-text);border-bottom:1px solid var(--color-border);margin:0 0 1.25rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600}.config-form .form-group{margin-bottom:1.25rem}.config-form .form-group:last-child{margin-bottom:0}.config-form .form-group>label:not(.checkbox-label){color:var(--color-text);margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.config-form .form-group small{color:var(--color-text-secondary);margin-top:.375rem;font-size:.8rem;display:block}.config-form .form-input,.config-form .form-select{background:var(--color-bg);border:2px solid var(--color-border);width:100%;color:var(--color-text);border-radius:6px;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.config-form .form-input:focus,.config-form .form-select:focus{border-color:var(--color-primary);outline:none}.config-form .form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.config-form .form-range{background:var(--color-border);cursor:pointer;appearance:none;border-radius:4px;width:100%;height:8px}.config-form .form-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .2s}.config-form .form-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.config-form .form-range::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.config-form .input-with-button{align-items:stretch;gap:.5rem;display:flex}.config-form .input-with-button .form-input{flex:1;min-width:0}.config-form .btn-generate{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:.75rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.config-form .btn-generate:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-bg)}.config-form .form-group label.checkbox-label{cursor:pointer;color:var(--color-text);align-items:center;gap:.625rem;margin-bottom:0;font-weight:500;display:flex}.config-form .form-group .checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.config-form .form-group .checkbox-label span{line-height:1.4}.config-actions{flex-wrap:wrap;gap:.75rem;display:flex}.config-actions .btn-secondary{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.config-actions .btn-secondary:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.config-preview{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);height:fit-content;position:sticky;top:2rem;overflow:hidden}.config-preview .panel-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.config-preview .panel-header h3{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.preview-actions{flex-shrink:0;gap:.5rem;display:flex}.config-preview .preview-actions .btn-copy,.config-preview .preview-actions .btn-download{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.config-preview .preview-actions .btn-copy:hover,.config-preview .preview-actions .btn-download:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.config-preview .preview-actions .btn-download{background:var(--color-surface);border:2px solid var(--color-border);color:var(--color-text)}.config-preview .preview-actions .btn-download:hover{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.config-preview .json-preview{background:var(--color-bg);color:var(--color-text);max-height:70vh;margin:0;padding:1.5rem;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;overflow:auto}@media (max-width:1024px){.config-preview{position:static}}@media (max-width:576px){.config-section{padding:1.25rem}.config-actions .btn-secondary{justify-content:center;width:100%}.config-preview .panel-header{flex-direction:column;align-items:stretch;gap:.75rem}.config-preview .panel-header h3{text-align:center}.config-preview .preview-actions{flex-direction:column;width:100%}.config-preview .preview-actions .btn-copy,.config-preview .preview-actions .btn-download{justify-content:center;width:100%}}.password-gate{justify-content:center;align-items:center;min-height:60vh;padding:2rem 0;display:flex}.password-card{background:var(--color-surface);border:2px solid var(--color-border);text-align:center;border-radius:12px;width:100%;max-width:450px;padding:3rem 2.5rem}.lock-icon{background:var(--color-bg);border:2px solid var(--color-border);width:80px;height:80px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.password-card h2{color:var(--color-text);margin:0 0 .75rem;font-size:1.5rem}.password-card p{color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.6}.password-form{flex-direction:column;gap:1rem;display:flex}.password-input-group{flex-direction:column;display:flex}.password-input{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);border-radius:8px;padding:.875rem 1rem;font-size:1rem;transition:border-color .2s}.password-input:focus{border-color:var(--color-primary);outline:none}.password-input:disabled{opacity:.6;cursor:not-allowed}.password-error{color:#ef4444;text-align:left;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.password-submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.password-submit:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px)}.password-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.share-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:2rem;display:flex}.share-error .error-icon{background:var(--color-bg);border:2px solid var(--color-border);width:100px;height:100px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.share-error h1{color:var(--color-text);margin:0 0 .75rem;font-size:2rem}.share-error p{color:var(--color-text-secondary);max-width:400px;margin:0 0 2rem;font-size:1.1rem}.content-meta{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--border-radius);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:grid}.meta-item{flex-direction:column;gap:.35rem;display:flex}.meta-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500}.meta-value{color:var(--color-text);font-size:1.1rem;font-weight:600}.share-actions{flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;display:flex}.json-viewer{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;margin-bottom:2rem;overflow:hidden}.json-viewer .viewer-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.json-viewer .viewer-header h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.json-content{background:var(--color-bg);padding:1.5rem;overflow-x:auto}.json-content pre{color:var(--color-text);white-space:pre;margin:0;font-family:Courier New,monospace;font-size:.95rem;line-height:1.6}.log-viewer{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;margin-bottom:2rem;overflow:hidden}.log-viewer .viewer-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.log-viewer .viewer-header h3{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.log-content{background:var(--color-bg);padding:1.5rem;overflow-x:auto}.log-content pre{color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6}@media (max-width:768px){.password-card{margin:0 1rem;padding:2rem 1.5rem}.lock-icon{width:64px;height:64px}.lock-icon svg{width:32px;height:32px}.password-card h2{font-size:1.25rem}.content-meta{grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}.share-actions{flex-direction:column}.share-actions .btn-action{justify-content:center;width:100%}}@media (max-width:480px){.content-meta{grid-template-columns:1fr}.share-error h1{font-size:1.5rem}.share-error .error-icon{width:80px;height:80px}.share-error .error-icon svg{width:40px;height:40px}}.share-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.share-modal{background:var(--color-surface);border:2px solid var(--color-border);border-radius:12px;width:100%;max-width:450px;max-height:90vh;overflow-y:auto}.share-modal-header{border-bottom:2px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.share-modal-header h2{color:var(--color-text);margin:0;font-size:1.25rem}.share-modal-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.share-modal-close:hover{background:var(--color-bg);color:var(--color-text)}.share-modal-content{padding:1.5rem}.share-form{flex-direction:column;gap:1.25rem;display:flex}.share-form-group{flex-direction:column;gap:.5rem;display:flex}.share-form-group>label{color:var(--color-text);font-size:.95rem;font-weight:500}.share-select{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.share-select:focus{border-color:var(--color-primary);outline:none}.share-select:disabled{opacity:.6;cursor:not-allowed}.share-checkbox-label{cursor:pointer;color:var(--color-text);align-items:center;gap:.75rem;font-weight:500;display:flex}.share-checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary)}.share-password-input{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);border-radius:8px;margin-top:.75rem;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.share-password-input:focus{border-color:var(--color-primary);outline:none}.share-password-input:disabled{opacity:.6;cursor:not-allowed}.share-error{color:#ef4444;background:#ef44441a;border:1px solid #ef4444;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.share-submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.share-submit:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px)}.share-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.share-success{text-align:center}.share-success-icon{color:#22c55e;background:#22c55e1a;border:2px solid #22c55e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1.25rem;display:flex}.share-success-icon svg{width:28px;height:28px}.share-success h3{color:var(--color-text);margin:0 0 .5rem;font-size:1.25rem}.share-success>p{color:var(--color-text-secondary);margin:0 0 1.5rem;line-height:1.5}.share-url-container{gap:.5rem;margin-bottom:1rem;display:flex}.share-url-input{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);border-radius:8px;flex:1;padding:.75rem 1rem;font-family:monospace;font-size:.9rem}.share-url-copy{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.share-url-copy:hover{background:var(--color-primary-dark)}.share-expiration{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9rem}.share-modal-done{background:var(--color-bg);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.share-modal-done:hover{background:var(--color-surface);border-color:var(--color-primary)}@media (max-width:480px){.share-modal{max-height:calc(100vh - 2rem);margin:1rem}.share-modal-header{padding:1rem 1.25rem}.share-modal-content{padding:1.25rem}.share-url-container{flex-direction:column}.share-url-copy{justify-content:center}}.modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{margin:0;font-size:1.25rem}.modal-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{padding:1.5rem}.admin-page{max-width:1200px;margin:0 auto}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-secondary:hover{background:var(--color-hover);border-color:var(--color-primary)}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-block}.btn-danger:hover{background:#dc2626}.admin-form textarea{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);resize:vertical;border-radius:6px;min-height:100px;padding:.75rem;font-family:inherit}.admin-form textarea:focus{border-color:var(--color-primary);outline:none}.admin-table{border-collapse:collapse;width:100%;margin-bottom:1rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.admin-table th{background:var(--color-bg);color:var(--color-text);font-weight:600}.admin-table tr:hover{background:var(--color-hover)}.badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-active{color:#22c55e;background:#22c55e1a}.badge-inactive{color:#6b7280;background:#6b72801a}.badge-featured{color:#fff;background:linear-gradient(135deg,#f59e0b,#eab308)}@media (max-width:768px){.modal-content{max-width:100%;margin:1rem}.admin-table{display:block;overflow-x:auto}}:root{--db-bg:#0d1117;--db-card-bg:#161b22;--db-card-inner:#0d1117;--db-border:#21262d;--db-text:#e6edf3;--db-text-secondary:#7d8590;--db-accent-blue:#58a6ff;--db-highlight-green:#3fb950}[data-theme=light]{--db-bg:#f6f8fa;--db-card-bg:#fff;--db-card-inner:#f6f8fa;--db-border:#d0d7de;--db-text:#1f2328;--db-text-secondary:#656d76;--db-accent-blue:#0969da;--db-highlight-green:#1a7f37}.quality-common{color:#9d9d9d}.quality-uncommon{color:#1eff00}.quality-rare{color:#0070dd}.quality-epic{color:#a335ee}.quality-legendary{color:#ff8000}.attitude-passive{background:#238636}.attitude-neutral{background:#bf8700}.attitude-hostile{background:#da3633}.attitude-boss{background:#8957e5}.db-page{background:var(--db-bg);min-height:100vh;color:var(--db-text)}.db-container{max-width:1400px;margin:0 auto;padding:0 40px 40px}.db-breadcrumb{color:var(--db-text-secondary);align-items:center;gap:10px;max-width:1400px;margin:0 auto;padding:20px 40px;font-size:.85rem;display:flex}.db-breadcrumb a{color:var(--db-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500;text-decoration:none;transition:color .2s}.db-breadcrumb a:hover{color:var(--db-text)}.db-breadcrumb .separator{color:#484f58}.db-breadcrumb .current{color:var(--db-text);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.db-search-section{margin-bottom:24px}.db-search-bar{gap:12px;margin-bottom:16px;display:flex}.db-search-input{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text);border-radius:8px;flex:1;padding:12px 16px;font-size:1rem;transition:border-color .2s}.db-search-input:focus{border-color:var(--db-accent-blue);outline:none}.db-search-input::placeholder{color:var(--db-text-secondary)}.db-filters{flex-wrap:wrap;gap:8px;display:flex}.db-filter-btn{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text-secondary);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:all .2s}.db-filter-btn:hover{border-color:var(--db-accent-blue);color:var(--db-text)}.db-filter-btn.active{background:var(--db-accent-blue);border-color:var(--db-accent-blue);color:#fff}.db-filter-select{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.875rem}.db-mode-toggle{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:8px;gap:0;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.db-mode-btn{color:var(--db-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .2s}.db-mode-btn:hover:not(.active){color:var(--db-text);background:var(--db-card-inner)}.db-mode-btn.active{background:var(--db-accent-blue);color:#fff}.db-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.db-grid-item{background:var(--db-card-bg);border:1px solid var(--db-border);text-align:center;cursor:pointer;color:inherit;border-radius:10px;padding:16px;text-decoration:none;transition:all .2s}.db-grid-item:hover{border-color:var(--db-accent-blue);transform:translateY(-2px)}.db-grid-item-icon{background:var(--db-card-inner);border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;display:flex}.db-grid-item-icon img{max-width:52px;max-height:52px;image-rendering:pixelated}.db-grid-item-name{color:var(--db-text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:.9rem;font-weight:600;overflow:hidden}.db-grid-item-category{color:var(--db-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.db-grid-item-badge{text-transform:uppercase;color:#fff;border-radius:4px;margin-top:8px;padding:3px 8px;font-size:.7rem;font-weight:600;display:inline-block}.db-item-header{background:var(--db-card-bg);border-radius:12px;align-items:center;gap:30px;margin-bottom:20px;padding:30px;display:flex}.db-item-icon-large{background:var(--db-card-inner);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.db-item-icon-large img{max-width:120px;max-height:120px;image-rendering:pixelated}.db-item-details{flex:1}.db-category-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#238636;border-radius:6px;margin-bottom:12px;padding:6px 14px;font-size:.75rem;font-weight:600;display:inline-block}.db-item-name{color:var(--db-text);margin-bottom:8px;font-size:2.5rem;font-weight:600}.db-item-subtitle{color:var(--db-text-secondary);font-size:1.1rem}.db-content-grid{grid-template-columns:1fr 320px;gap:20px;display:grid}@media (max-width:1000px){.db-content-grid{grid-template-columns:1fr}}.db-card{background:var(--db-card-bg);border-radius:12px;margin-bottom:20px;overflow:hidden}.db-card:last-child{margin-bottom:0}.db-card-header{border-bottom:1px solid var(--db-border);align-items:center;gap:12px;padding:20px 24px;display:flex}.db-card-header-icon{background:#21262d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.db-card-header h2{margin:0;font-size:1.1rem;font-weight:600}.db-card-body{padding:24px}.db-recipe-intro{color:var(--db-text-secondary);margin-bottom:20px;font-size:.95rem}.db-recipe-intro strong{color:var(--db-text)}.db-recipe-intro .count{color:var(--db-highlight-green);font-weight:600}.db-recipe-card{background:var(--db-card-inner);border-radius:10px;margin-bottom:16px;padding:20px}.db-recipe-card:last-child{margin-bottom:0}.db-crafted-at{align-items:center;gap:10px;margin-bottom:16px;display:flex}.db-crafted-at-label{color:var(--db-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.db-crafted-at-name{font-size:.95rem;font-weight:600}.db-recipe-flow{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.db-recipe-ingredients{flex-wrap:wrap;flex:1;align-items:flex-start;gap:12px;display:flex}.db-ingredient-item{color:inherit;flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex}.db-ingredient-icon{background:var(--db-card-bg);border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;transition:border-color .2s;display:flex}.db-ingredient-item:hover .db-ingredient-icon{border-color:var(--db-accent-blue)}.db-ingredient-icon img{width:44px;height:44px;image-rendering:pixelated}.db-ingredient-label{text-align:center;max-width:80px;font-size:.8rem}.db-ingredient-label .qty{color:var(--db-text-secondary)}.db-ingredient-label .name{color:var(--db-text)}.db-ingredient-label.highlight .qty,.db-ingredient-label.highlight .name{color:var(--db-highlight-green)}.db-recipe-arrow{color:#484f58;flex-shrink:0;align-items:center;gap:8px;font-size:1.5rem;display:flex}.db-craft-time{color:var(--db-text-secondary);background:#21262d;border-radius:4px;padding:4px 10px;font-size:.8rem}.db-recipe-result{background:var(--db-card-bg);border:1px solid var(--db-border);min-width:120px;color:inherit;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:16px;text-decoration:none;display:flex}.db-recipe-result img{width:64px;height:64px;image-rendering:pixelated}.db-recipe-result-name{color:var(--db-accent-blue);text-align:center;font-size:.85rem;font-weight:500}.db-properties-table{border-collapse:collapse;width:100%}.db-properties-table tr{border-bottom:1px solid var(--db-border)}.db-properties-table tr:last-child{border-bottom:none}.db-properties-table td{vertical-align:middle;padding:10px 0}.db-properties-table .db-property-label{color:var(--db-text-secondary);width:40%;font-size:.9rem}.db-properties-table .db-property-value{color:var(--db-text);text-align:right;font-size:.9rem;font-weight:600}.db-properties-list{flex-direction:column;gap:12px;display:flex}.db-property-item{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.db-property-item .db-property-label{color:var(--db-text-secondary);align-items:center;gap:10px;display:flex}.db-property-dot{background:#484f58;border-radius:50%;width:8px;height:8px}.db-property-item .db-property-value{color:var(--db-text);font-weight:600}.db-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.db-stat-card{background:var(--db-card-inner);text-align:center;border-radius:10px;padding:16px}.db-stat-value{color:var(--db-accent-blue);margin-bottom:4px;font-size:1.8rem;font-weight:700}.db-stat-value.health{color:#3fb950}.db-stat-value.damage{color:#f85149}.db-stat-value.speed{color:#a371f7}.db-stat-value.range{color:#bf8700}.db-stat-label{color:var(--db-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.db-drops-grid{flex-direction:column;gap:12px;display:flex}.db-drop-item{background:var(--db-card-inner);color:inherit;border:1px solid #0000;border-radius:10px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:border-color .2s;display:flex}.db-drop-item:hover{border-color:var(--db-accent-blue)}.db-drop-icon{background:var(--db-card-bg);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.db-drop-icon img{width:40px;height:40px;image-rendering:pixelated}.db-drop-info{flex:1}.db-drop-name{margin-bottom:4px;font-weight:600}.db-drop-details{color:var(--db-text-secondary);font-size:.85rem}.db-drop-chance{color:var(--db-text-secondary);background:#21262d;border-radius:6px;padding:6px 12px;font-size:.85rem}.db-drop-chance.guaranteed{color:#3fb950;background:#3fb95033}.db-behavior-tags{flex-wrap:wrap;gap:8px;display:flex}.db-behavior-tag{color:var(--db-text-secondary);background:#21262d;border-radius:6px;padding:6px 12px;font-size:.85rem}.db-behavior-tag.hostile{color:#f85149;background:#f8514933}.db-behavior-tag.passive{color:#3fb950;background:#3fb95033}.db-behavior-tag.neutral{color:#bf8700;background:#bf870033}.db-pagination{justify-content:center;align-items:center;gap:8px;margin-top:32px;display:flex}.db-pagination-btn{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text);cursor:pointer;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:all .2s}.db-pagination-btn:hover:not(:disabled){border-color:var(--db-accent-blue)}.db-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.db-pagination-btn.active{background:var(--db-accent-blue);border-color:var(--db-accent-blue);color:#fff}.db-pagination-info{color:var(--db-text-secondary);font-size:.875rem}.db-loading{justify-content:center;align-items:center;padding:64px;display:flex}.db-loading-spinner{border:3px solid var(--db-border);border-top-color:var(--db-accent-blue);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite db-spin}@keyframes db-spin{to{transform:rotate(360deg)}}.db-empty-state{text-align:center;color:var(--db-text-secondary);padding:64px 32px}.db-empty-state h3{color:var(--db-text);margin-bottom:8px;font-size:1.25rem}.db-recipe-note{color:var(--db-text-secondary);margin-top:12px;font-size:.85rem}.db-more-info{color:var(--db-text-secondary);margin-top:16px;font-size:.9rem}.db-card-intro{color:var(--db-text-secondary);margin:0 0 16px;font-size:.9rem;line-height:1.5}@media (max-width:768px){.db-container{padding:0 16px 24px}.db-breadcrumb{padding:16px}.db-item-header{text-align:center;flex-direction:column;padding:24px}.db-item-icon-large{width:120px;height:120px}.db-item-icon-large img{max-width:90px;max-height:90px}.db-item-name{font-size:1.75rem}.db-recipe-flow{flex-direction:column;align-items:stretch}.db-recipe-ingredients{justify-content:center}.db-recipe-arrow{justify-content:center;transform:rotate(90deg)}.db-recipe-result{width:100%}.db-stats-grid{grid-template-columns:1fr}.db-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.db-search-bar{flex-direction:column}}.db-checkbox-label{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.875rem;transition:all .2s;display:flex}.db-checkbox-label:hover{border-color:var(--db-accent-blue);color:var(--db-text)}.db-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--db-accent-blue);cursor:pointer}.mob-page{background:var(--db-bg);min-height:100vh;color:var(--db-text);padding-bottom:60px}.mob-header{align-items:flex-start;gap:30px;max-width:1400px;margin:0 auto;padding:0 40px 30px;display:flex}.mob-portrait{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:220px;display:flex}.mob-portrait img{max-width:180px;max-height:180px;image-rendering:pixelated}.mob-header-info{padding-top:20px}.mob-name{color:var(--db-text);margin:0 0 12px;font-size:2.5rem;font-weight:700}.mob-description{color:var(--db-text-secondary);margin:0;font-size:1.1rem}.mob-description strong{color:var(--db-text)}.mob-content-grid{grid-template-columns:1fr 1fr 280px;gap:20px;max-width:1400px;margin:0 auto;padding:0 40px;display:grid}.mob-content-grid.two-column{grid-template-columns:1fr 1fr}.mob-column{flex-direction:column;gap:20px;display:flex}.mob-card{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:12px;overflow:hidden}.mob-card-header{border-bottom:1px solid var(--db-border);align-items:center;gap:12px;padding:16px 20px;display:flex}.mob-card-icon{width:32px;height:32px;color:var(--db-text-secondary);background:#21262d;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.mob-card-header h2{margin:0;font-size:1rem;font-weight:600}.mob-card-body{padding:20px}.mob-card-intro{color:var(--db-text-secondary);margin:0 0 16px;font-size:.9rem;line-height:1.5}.mob-card-intro strong{color:var(--db-text)}.mob-card-empty{color:var(--db-text-secondary);margin:0;font-size:.9rem;font-style:italic}.mob-drops-list{flex-direction:column;gap:12px;display:flex}.mob-drop-row{background:var(--db-card-inner);color:inherit;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.mob-drop-row:hover{border-color:var(--db-accent-blue)}.mob-drop-chance{color:#fff;text-align:center;background:#238636;border-radius:4px;min-width:50px;padding:4px 10px;font-size:.8rem;font-weight:600}.mob-drop-chance:not(.guaranteed){background:#bf8700}.mob-drop-icon{background:var(--db-card-bg);border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mob-drop-icon img{width:36px;height:36px;image-rendering:pixelated}.mob-drop-name{color:var(--db-text);flex:1;font-weight:500}.mob-drop-qty{color:var(--db-text-secondary);font-size:.9rem}.mob-id-box{background:var(--db-card-inner);border:1px solid var(--db-border);border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.mob-id-box code{color:var(--db-text);font-family:JetBrains Mono,Fira Code,monospace;font-size:.9rem}.copy-id-btn{cursor:pointer;color:var(--db-text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.copy-id-btn:hover{color:var(--db-text);background:#21262d}.mob-traits-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.mob-trait-item{border:1px solid var(--db-border);background:var(--db-card-inner);border-radius:8px;align-items:center;gap:10px;padding:12px 14px;display:flex}.mob-trait-item.enabled{background:#3fb9501a;border-color:#3fb95066}.mob-trait-item.disabled{background:#f851491a;border-color:#f8514966}.mob-trait-icon{font-size:1rem}.mob-trait-label{color:var(--db-text);flex:1;font-size:.85rem}.mob-trait-status{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.mob-trait-status.yes{color:#fff;background:#238636}.mob-trait-status.no{color:#fff;background:#da3633}.mob-properties-list{flex-direction:column;gap:0;display:flex}.mob-property-row{border-bottom:1px solid var(--db-border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.mob-property-row:last-child{border-bottom:none}.mob-property-label{color:var(--db-text-secondary);align-items:center;gap:8px;font-size:.9rem;display:flex}.mob-property-value{color:var(--db-text);font-size:.9rem;font-weight:600}.mob-notice{max-width:1400px;margin:40px auto 0;padding:0 40px}.mob-notice p{background:var(--db-card-bg);border:1px solid var(--db-border);color:var(--db-text-secondary);text-align:center;border-radius:8px;margin:0;padding:16px 20px;font-size:.9rem}.mob-notice a{color:var(--db-accent-blue);text-decoration:none}.mob-notice a:hover{text-decoration:underline}@media (max-width:1100px){.mob-content-grid{grid-template-columns:1fr 1fr}.mob-column-right{grid-column:span 2}}.db-faq{border-top:1px solid var(--db-border);margin-top:4rem;padding-top:3rem}.db-faq h2{text-align:center;color:var(--db-text);margin-bottom:2rem;font-size:1.75rem}.db-faq .faq-grid{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:1000px;margin:0 auto;display:grid}.db-faq .faq-item{background:var(--db-card-bg);border:1px solid var(--db-border);border-radius:8px;transition:all .2s;overflow:hidden}.db-faq .faq-item:hover,.db-faq .faq-item[open]{border-color:var(--db-accent-blue)}.db-faq .faq-item summary{list-style:none}.db-faq .faq-item summary::-webkit-details-marker{display:none}.db-faq .faq-question{text-align:left;cursor:pointer;width:100%;color:var(--db-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.db-faq .faq-question:hover{background:var(--db-card-inner)}.db-faq .faq-question span{flex:1;padding-right:1rem}.db-faq .faq-icon{color:var(--db-accent-blue);flex-shrink:0;transition:transform .3s}.db-faq .faq-item[open] .faq-icon{transform:rotate(180deg)}.db-faq .faq-answer{padding:0 1.5rem 1.25rem}.db-faq .faq-answer p{color:var(--db-text-secondary);margin:0;font-size:.9rem;line-height:1.7}@media (max-width:768px){.db-faq .faq-grid{grid-template-columns:1fr}.db-faq .faq-question{padding:1rem 1.25rem;font-size:.9rem}.db-faq .faq-answer{padding:0 1.25rem 1rem}.mob-header{text-align:center;flex-direction:column;align-items:center;padding:0 16px 24px}.mob-portrait{width:160px;height:160px}.mob-portrait img{max-width:140px;max-height:140px}.mob-name{font-size:1.75rem}.mob-content-grid{grid-template-columns:1fr;padding:0 16px}.mob-column-right{grid-column:span 1}.mob-traits-grid{grid-template-columns:1fr}.mob-notice{padding:0 16px}}:root{--color-bg:#fafafa;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-primary:#5f8fb8;--color-primary-light:#7fa9ca;--color-primary-dark:#4a7299;--color-accent:#5f8fb8;--color-hover:#f3f4f6;--color-success:#10b981;--color-offline:#ccc;--border-radius:4px;--transition:all .25s ease}[data-theme=dark]{--color-bg:#0f1419;--color-surface:#1a1f2e;--color-border:#2d3748;--color-text:#e2e8f0;--color-text-secondary:#a0aec0;--color-primary:#7fa9ca;--color-primary-light:#99bdd8;--color-primary-dark:#5f8fb8;--color-accent:#7fa9ca;--color-hover:#252c3d;--color-success:#10b981;--color-offline:#4a5568}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);letter-spacing:-.01em;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.main-content{min-height:calc(100vh - 200px);padding:2rem 0}@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-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}@keyframes spin{to{transform:rotate(360deg)}}