#deleteConfirmationModal{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0,.2);justify-content:center;align-items:center}#deleteConfirmationModal .modal-content{xbackground:#f9f9f900;padding:20px;border-radius:8px;text-align:center;max-height:200px;top:20%;overflow:hidden}#deleteConfirmationModal .modal-actions{display:flex;justify-content:center;gap:10px}#deleteConfirmationModal .btn{padding:10px 20px;cursor:pointer}#deleteConfirmationModal .btn-danger{background-color:#d9534f;color:#fff;border:none}:root{--border-color: #444;--bg-color-category: #444;--bg-color-subcategory: #2a2a2a;--hover-color: #504f4f;--active-color: #963325}.template-header{position:sticky;top:0;background-color:#2a2a2a;z-index:10;padding:10px 35px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.template-controls{display:flex;gap:10px}.template-controls .btn{padding:8px 16px;border:none;background-color:#4caf50;color:#fff;cursor:pointer;border-radius:5px;font-size:14px}.template-controls .btn:hover{background-color:#45a049}.header-controls{display:flex;align-items:center;gap:15px;padding:10px}.template-list{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;overflow-y:auto;max-height:76vh;padding:15px}.template-preview{position:sticky;top:20px;width:300px;height:400px;border:1px solid #ddd;border-radius:8px;background-color:#2e2e2e;color:#fff;overflow:hidden;padding:10px;box-shadow:0 4px 8px #0003}#templateFilters{display:flex;gap:10px}#templateFilters button{padding:8px 12px;background-color:#444;color:#fff;border:none;border-radius:4px;cursor:pointer}#templateFilters button:hover{background-color:#666}.search-bar{flex:1;max-width:300px;width:100%;padding:10px;border:1px solid #ccc;border-radius:5px}.template-card{display:flex;flex-direction:column;align-items:center;height:200px;width:200px;justify-content:space-between;background:#2e2e2e;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0003;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.template-card:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.template-card-header{width:100%;height:150px;background-size:cover;background-position:center}.template-card-title{padding:10px;color:#fff;font-size:16px;text-align:center;font-weight:700}.template-card img{max-width:100%;height:auto;border-radius:5px}.template-card button{margin:5px;padding:10px;border:none;background-color:#5a5a5a;color:#fff;border-radius:4px;cursor:pointer;text-align:center}.template-card button:hover{background-color:#777}.modal-content-template{display:flex;flex-direction:column;background-color:#1e1e1e80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;margin:5% auto;border:1px solid #3a3a3a;max-width:70%;height:85%;border-radius:8px;box-shadow:0 4px 8px #00000080;overflow-y:hidden;overflow-x:hidden}.template-list::-webkit-scrollbar{width:6px}.template-list::-webkit-scrollbar-thumb{background:#444;border-radius:3px}.template-list::-webkit-scrollbar-thumb:hover{background:#666}.template-content-container{display:flex;height:100%;overflow:hidden}.close-modal{position:absolute;top:0;right:15px;color:#fff;font-size:24px;font-weight:700;cursor:pointer;transition:color .3s ease}.close-modal:hover{color:#f55}#templatePreview{flex:1;min-width:300px;max-width:400px;padding:20px;border-right:6px solid #2a2a2a;overflow-y:auto}#templatePreview h4{margin:0;font-size:18px;text-align:center;color:#fc0}#templatePreview p{margin-top:10px;font-size:14px;color:#ddd}#templateModal .modal-content{display:flex;flex-direction:column;max-width:90%;max-height:90%;width:800px;height:600px;margin:auto;background-color:#1e1e1e;border-radius:10px;overflow:hidden}.race-selection{display:flex;justify-content:center;margin:10px 0}.race-selection label{display:inline-block;text-align:center;cursor:pointer;justify-content:center}.race-selection img{width:100px;height:100px;border:2px solid transparent;border-radius:10px;transition:border .3s}.race-selection input[type=radio]{display:none}.race-selection input[type=radio]:checked+img{border:2px solid #ffcc00}#saveTemplateModal .modal-content{width:400px;height:400px;margin:auto;padding:20px;background-color:#1e1e1e80;border-radius:10px;box-shadow:0 4px 10px #00000040;position:relative;text-align:center}#saveTemplateModal h3{margin-top:0;font-size:20px}#saveTemplateModal input[type=text]{width:90%;margin:10px 0;padding:8px;border:1px solid #ddd;border-radius:5px}#saveTemplateModal .race-selection{display:flex;justify-content:space-around;margin:15px 0}#saveTemplateModal .race-selection img{width:100px;height:100px;transition:transform .2s ease,border .2s ease}#saveTemplateModal .race-selection img:hover{transform:scale(1.1)}#saveTemplateModal .race-selection input[type=radio]:checked+img{border:3px solid #ffcc00}#saveTemplateModal button{background-color:#4caf50;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-top:10px}#saveTemplateModal button:hover{background-color:#45a049}.template-header h3{text-align:center}@media (max-width: 1040px){#templateModal .modal-content{flex-direction:column;width:90%;height:auto}#templatePreview,#buildPreview{display:none;visibility:hidden;opacity:0}.template-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.template-card{width:150px;height:220px;padding:5px}.template-card img{max-height:100px}.template-card h4{font-size:14px}.template-card p{font-size:12px}}#buildsModal .modal-content{display:flex;flex-direction:column;max-width:90%;max-height:90%;width:800px;height:600px;margin:auto;background-color:#1e1e1e;border-radius:10px;overflow:hidden}.preview-header{text-align:left;font-size:1.2rem}.build-list{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;overflow-y:auto;padding:15px;max-height:100%}.template-list .build-card{position:relative;z-index:1;width:210px;height:auto;background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:8px;padding:10px;margin:10px;text-align:center;transition:transform .2s,background-color .2s;box-shadow:0 4px 6px #0000001a;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.build-card:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000004d}#buildPreview{flex:1;min-width:300px;max-width:400px;padding:15px;background-color:#2c2c2c;color:#e0e0e0;border:1px solid #444;border-radius:8px;overflow-x:hidden;min-height:250px;height:100%;word-wrap:break-word;overflow-wrap:break-word}#buildPreview h4{font-size:1.2rem;margin:5px 0;text-align:center;padding:5px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}#buildPreview pre{font-size:1rem;margin:0;flex-grow:1;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.filters-container{display:flex;gap:20px}.filter-category{position:relative;padding:5px 15px;background-color:var(--bg-color-category);border-radius:5px;cursor:pointer;text-align:center;font-size:16px}.submenu{display:none;position:absolute;top:100%;left:0;background:#2a2a2a;border:1px solid #444;border-radius:5px;box-shadow:0 2px 5px #0003;z-index:10;min-width:120px;pointer-events:auto}.filter-category:hover .submenu{display:block}.subcategory{padding:8px 12px;cursor:pointer;white-space:nowrap}.subcategory:hover{background-color:#504f4f}.buildHeaderControls{display:flex;flex-wrap:nowrap}.delete-build-btn{position:absolute;top:0;right:5px;width:37px;height:34px;background:none;border:none;font-size:34px;color:#8b0000;cursor:pointer;z-index:2;padding:0;margin:auto;line-height:.7}.delete-bg{position:absolute;top:5px;right:5px;width:37px;height:34px;background:radial-gradient(at 100% 0%,transparent 0%,darkred 0px 5%,transparent 70%);border-radius:3px;opacity:0;transition:opacity 1s ease;z-index:1;box-shadow:16px -22px 28px #820000}.delete-build-btn:hover+.delete-bg,.delete-build-btn:focus+.delete-bg{background-color:transparent;color:#8b0000;opacity:100%}.delete-build-btn{background-color:transparent!important}.delete-build-btn:hover{font-size:34px;color:#ffcdcd}.filter-category.active,.subcategory.active{background-color:var(--active-color);cursor:pointer}.filter-category.active{font-weight:700}.filter-category .subcategory{font-weight:400}.subcategory.active{font-weight:700}@media (max-width: 768px){.modal-content-template{margin:1% 0;width:100%;max-width:none;height:99%;padding:10px}.template-header{position:relative;flex-direction:column;align-items:stretch;padding:5px;gap:5px}.template-header .header-controls,.template-header .search-bar,.template-header .tab-buttons,.template-header .community-type-toggle,.template-header .filters-container,.template-header .view-toggle-buttons{width:100%}.template-header .filters-wrapper{flex-wrap:wrap;gap:0}.template-header .filter-category{padding:10px 15px}.template-header .tab-buttons button{width:auto;flex:1}.template-header h3{margin-bottom:0}.template-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:5px}.template-list.list-view{padding-left:10px}.template-card{width:150px;height:150px}#buildHeaderControls{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"tabs tabs" "search filters" "view view";gap:10px}#buildHeaderControls .tab-buttons{grid-area:tabs;display:flex;flex-direction:row;justify-content:space-between;gap:0}#buildHeaderControls .search-bar{grid-area:search}#buildHeaderControls .view-toggle-buttons{grid-area:view;justify-self:end;width:auto}#buildHeaderControls .filters-container{grid-area:filters}.template-list .build-card{width:170px!important;height:170px!important}#communityHeaderControls{display:grid;grid-template-columns:1fr 1fr;gap:10px}}#box{position:absolute;top:163px;left:50%;transform:translate(-50%);z-index:999;display:inline-block;height:150px;pointer-events:none}.cat *{text-align:center;margin-left:auto;margin-right:auto}.cat,.ears,.eyes,.muzzle,.body,.paw,.tail,.tail-segment{position:relative}.head,.body,.paw,.tail-segment{background-color:#000}.left{float:left}.right{float:right}.cat{margin-top:50px;height:136px;top:-10px;transform:scale(.35);transform-origin:top right;cursor:pointer;pointer-events:auto}.head{width:100px;height:90px;border-radius:50%;z-index:100;transform:translate(-15px) translateY(45px);transition:transform .5s ease-in-out}.cat .head,.cat .body{pointer-events:auto;cursor:pointer}.ears{top:-20px;z-index:-100}.ear{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:50px solid #000000}.ear.left{transform:rotate(-20deg) translate(-10px)}.ear.right{transform:rotate(20deg) translate(10px)}.eyes{top:-18px;width:60%}.eye{width:16px;height:0px;border-radius:50%;background-color:#ffea4a;transform:scaleY(1);transition:height .4s ease-in-out}.muzzle{top:50px}.nose{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #666666}.body{width:200px;height:120px;border-top-left-radius:200px;border-top-right-radius:200px;top:-75px;left:90px;z-index:-10}.paw{height:30px;width:50px;border-radius:25px;left:-100px;top:90px}.tail{left:180px;top:-100px;transform:rotate(90deg);pointer-events:none}.tail-segment{height:20px;width:30px;border-radius:25px;top:0;left:10px;transform:rotate(12deg);pointer-events:none}.cat-tip-bubble{position:absolute;bottom:106%;left:-79%;transform:translate(-50%);margin-bottom:10px;background:#1e1e1ef2;color:#fff;padding:10px;border-radius:30px;width:500px;font-size:35px;border:1px solid #555;box-shadow:0 0 10px #00000080;transition:all .3s ease;pointer-events:auto;opacity:0}.cat-tip-bubble span{display:inline-block;opacity:1;transition:opacity .5s ease}.cat-tip-bubble .inline-icon{width:1.2em;height:1.2em;vertical-align:middle}.cat-sleep-indicator{position:absolute;bottom:100%;left:50%;transform:translate(-50%);font-size:30px;color:#ccc;font-weight:700;opacity:0;pointer-events:none;transition:opacity .3s ease}.cat.inactive .cat-sleep-indicator{opacity:1}.cat-tip-bubble.visible{opacity:1;pointer-events:auto}.cat-tip-bubble:after{content:"";position:absolute;bottom:-10px;right:15px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #555}@media (max-width: 768px){#box{display:none}.cat-tip-bubble{width:250px;font-size:16px}}.cat.alert-pose .head{transform:translate(0) translateY(0)}.cat.alert-pose .eye{height:16px;animation:eye-alert-blink 5s infinite ease-in-out}.cat.tail-wiggle .tail-segment{animation:tail-swish 5s infinite cubic-bezier(.8,0,.2,1)}@keyframes tail-swish{0%,to{transform:rotate(12deg)}40%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}}@keyframes eye-alert-blink{0%,95%,to{height:16px}96%,98%{height:0px}}#catTipBubble{transition:opacity .5s ease}