:root{--cs-orange: #ff6f00;--cs-blue: #00b7eb;--cs-dark: #1a1a1a;--cs-gray: #333333;--cs-light: #d1d5db;--cs-green: #00cc00}body{font-family:Roboto Condensed,sans-serif;background-color:var(--cs-dark);color:var(--cs-light);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgogIDxyZWN0IHdpZHRoPSI1IiBoZWlnaHQ9IjUiIGZpbGw9IiMxYTFhMWEiPjwvcmVjdD4KICA8cGF0aCBkPSJNMCA1TDUgMFpNNiA0TDAgMTBNLTEgNUw1IC0xIiBzdHJva2U9IiMyMjIyMjIiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=);margin:0}.app-container{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.header{background-color:var(--cs-dark);border-bottom:1px solid #1f2937;padding:16px 24px}.header-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media (min-width: 768px){.header-content{flex-direction:row}}.header-logo{display:flex;align-items:center;margin-bottom:16px}@media (min-width: 768px){.header-logo{margin-bottom:0}}.header-icon{width:48px;height:48px;background-color:#1f2937;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px}.header-title{font-size:1.5rem;font-weight:700;color:var(--cs-orange)}@media (min-width: 768px){.header-title{font-size:1.875rem}}.header-title span{color:var(--cs-blue)}.header-description{font-size:.875rem;color:#9ca3af;text-align:center}@media (min-width: 768px){.header-description{text-align:right}}.main-content{flex-grow:1;padding:32px 16px}.form-container{background-color:var(--cs-gray);border-radius:8px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;padding:24px;margin-bottom:32px;border:1px solid #374151;position:relative}.form-container:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:linear-gradient(45deg,var(--cs-orange),var(--cs-blue),var(--cs-orange));background-size:200% 200%;border-radius:inherit;animation:animateBorder 3s linear infinite;opacity:.7}@keyframes animateBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.form-title{font-size:1.25rem;font-weight:700;color:var(--cs-orange);text-align:center;margin-bottom:24px}.form-section{margin-bottom:24px}.form-label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:8px}.label-container{display:flex;align-items:center;gap:8px}.warning-icon{margin-bottom:6px;position:relative;display:inline-block;cursor:help}.warning-icon .tooltip{visibility:hidden;width:280px;background-color:var(--cs-gray);color:var(--cs-light);font-size:1rem;border:1px solid var(--cs-orange);border-radius:8px;padding:12px;position:absolute;top:24px;left:50%;transform:translate(-50%);z-index:10;opacity:0;transition:opacity .3s ease,visibility .3s ease;box-shadow:0 4px 6px #0000001a}.warning-icon:hover .tooltip{visibility:visible;opacity:1}@media (max-width: 640px){.warning-icon .tooltip{width:200px;left:0;transform:none}}.form-select,.form-input{background-color:#1a1a1acc;border:1px solid rgba(255,111,0,.5);transition:all .3s ease;width:100%;padding:12px;border-radius:6px;color:#fff;font-size:1rem}.form-select:focus,.form-input:focus{outline:none;border-color:var(--cs-orange);box-shadow:0 0 0 3px #ff6f004d}.form-select:disabled{opacity:.5;cursor:not-allowed}.sticker-container{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 640px){.sticker-container{grid-template-columns:repeat(5,1fr)}}.sticker-slot{background-color:#33333380;border:1px dashed rgba(255,111,0,.5);transition:all .3s ease;cursor:pointer;height:80px;border-radius:6px;display:flex;align-items:center;justify-content:center;position:relative}.sticker-slot:hover{background-color:#ff6f0033;border-color:var(--cs-orange)}.sticker-placeholder{color:#9ca3af;font-size:.875rem}.sticker-image-container{display:flex;justify-content:center;align-items:center;height:100%}.sticker-image{max-height:100%;max-width:100%}.remove-button{border:none;position:absolute;top:0;right:0;background-color:#dc2626;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer}.remove-button:hover{background-color:#b91c1c}.button-group{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-top:16px}@media (min-width: 640px){.button-group{flex-direction:row}}.button-primary{border:0;background-color:var(--cs-orange);color:#fff;padding:12px 24px;border-radius:6px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-grow:1;transition:all .3s ease}.button-primary:hover{background-color:#e66400;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.button-secondary{border:0;background-color:var(--cs-gray);color:#fff;padding:12px 24px;border-radius:6px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-grow:1;transition:all .3s ease}.button-secondary:hover{background-color:#444;transform:translateY(-1px)}.button-tertiary{border:none;background:linear-gradient(to right,var(--cs-blue),#007bff);color:#fff;padding:12px 24px;border-radius:8px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-grow:1;transition-property:all;transition-duration:.3s}.button-tertiary:hover{background:linear-gradient(to right,#0056b3,var(--cs-blue));transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.button-icon{width:20px;height:20px;margin-left:8px}.info-section{margin-top:48px;text-align:center;color:#9ca3af;font-size:.875rem}.info-section p+p{margin-top:8px}.footer{background-color:var(--cs-dark);border-top:1px solid #1f2937;padding:24px}.footer-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center}@media (min-width: 768px){.footer-content{flex-direction:row}}.footer-text{color:#9ca3af;font-size:.875rem;margin-bottom:16px}@media (min-width: 768px){.footer-text{margin-bottom:0}}.footer-links{display:flex;gap:16px}.footer-link{color:#9ca3af;font-size:.875rem}.footer-link:hover{color:#f97316}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:50;display:flex;align-items:center;justify-content:center}.modal-content{background-color:var(--cs-gray);border-radius:8px;padding:0 24px 24px;width:100%;max-width:896px;max-height:90vh;overflow-y:auto;border:1px solid #374151;scrollbar-width:none;-ms-overflow-style:none}.contact-modal-content{background-color:var(--cs-gray);border-radius:8px;padding:0 16px 16px;width:100%;max-width:320px;max-height:200px;border:1px solid #374151;position:relative}.contact-links{display:flex;flex-direction:column;gap:16px;align-items:center}.contact-item{display:flex;align-items:center;gap:8px}.contact-link{color:var(--cs-light);font-size:1rem;text-decoration:none}.contact-link:hover{color:var(--cs-orange)}.modal-header{display:flex;justify-content:space-between;align-items:center}.modal-title-orange{font-size:1.25rem;font-weight:700;color:var(--cs-orange)}.modal-title-blue{font-size:1.25rem;font-weight:700;color:var(--cs-blue)}.modal-close{border:none;background-color:transparent;color:#9ca3af;cursor:pointer}.modal-close:hover{color:#fff}.modal-close svg{width:24px;height:24px}.modal-search{margin-bottom:24px}.tab-container{display:flex;gap:8px;margin-bottom:16px}.tab-button{border:none;background-color:#1f2937;color:#d1d5db;padding:8px 16px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.tab-button:hover{background-color:#374151}.tab-button-active{background-color:var(--cs-orange);color:#fff}.modal-filters{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.modal-filter-label{display:block;font-size:.875rem;font-weight:500;color:#d1d5db;margin-bottom:4px}.modal-filter-select{background-color:#1a1a1acc;border:1px solid rgba(255,111,0,.5);transition:all .3s ease;width:100%;padding:8px;border-radius:6px;color:#fff;font-size:.875rem}.modal-filter-select:focus{outline:none;border-color:var(--cs-orange);box-shadow:0 0 0 3px #ff6f004d}.modal-footer{display:flex;align-items:center;justify-content:space-between}.modal-count{font-size:.75rem;color:#9ca3af}.modal-sort{display:flex;align-items:center}.modal-sort-label{font-size:.75rem;color:#d1d5db;margin-right:8px}.modal-sort-select{background-color:#1a1a1acc;border:1px solid rgba(255,111,0,.5);padding:4px;border-radius:4px;color:#fff;font-size:.75rem}.modal-sort-select:focus{outline:none;border-color:var(--cs-orange)}.item-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-height:45vh;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:var(--cs-orange) var(--cs-gray)}.item-grid::-webkit-scrollbar{width:8px}.item-grid::-webkit-scrollbar-track{background:var(--cs-gray);border-radius:4px}.item-grid::-webkit-scrollbar-thumb{background:var(--cs-orange);border-radius:4px}.item-grid::-webkit-scrollbar-thumb:hover{background:#e66400}@media (min-width: 640px){.item-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){.item-grid{grid-template-columns:repeat(5,1fr)}}.item-empty{grid-column:span 5;text-align:center;color:#9ca3af;padding:32px 0}.item-card{background-color:#1f2937;border-radius:6px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%;cursor:pointer;transition:all .2s ease}.item-card:hover{transform:scale(1.05);box-shadow:0 0 15px #ff6f0080}.item-card.selected-item{position:relative;overflow:hidden}.item-card.selected-item:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ff6f0033;border:2px solid var(--cs-orange);z-index:10}.item-image-container{width:100%;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.item-image{max-height:100%;max-width:100%}.item-name{font-size:.75rem;text-align:center;color:#fff;overflow:hidden;text-overflow:ellipsis;width:100%}.item-rarity{font-size:.65rem;text-align:center;margin-top:4px}.pagination-container{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:16px}.pagination-button{border:none;background-color:#1f2937;color:#d1d5db;padding:8px 12px;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .3s ease}.pagination-button:hover{background-color:#374151}.pagination-button-active{background-color:var(--cs-orange);color:#fff}.pagination-button-disabled{background-color:#1f2937;color:#6b7280;cursor:not-allowed}.pagination-ellipsis{color:#d1d5db;font-size:.875rem;padding:8px}.variations-container{display:flex;flex-direction:column;gap:16px}.variation-item{display:flex;flex-direction:column;gap:8px}.variation-content{display:flex;align-items:center;gap:16px}@media (max-width: 640px){.variation-content{flex-direction:column;align-items:flex-start}}.variation-name{font-size:1rem;font-weight:500;min-width:150px}.variation-images{display:flex;align-items:center;gap:8px;flex-grow:1}.variation-button{padding:8px 16px;font-size:.875rem;min-width:200px}.variation-divider{border:0;border-top:1px solid #374151;margin:16px 0}.skin-type-container{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}@media (min-width: 640px){.skin-type-container{grid-template-columns:repeat(4,1fr)}}.skin-type-button{background-color:var(--cs-gray);border:1px solid rgba(255,111,0,.5);color:var(--cs-light);padding:8px 12px;border-radius:6px;font-size:14px;font-weight:700;text-align:center;cursor:pointer;transition:all .3s}.skin-type-button:hover{background-color:#ffa50033;border-color:var(--cs-orange)}.skin-type-button-active{background-color:var(--cs-orange);border-color:var(--cs-orange);color:#fff}