*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:#f2ddd0;background-image:url(/backgrounds/01_Mainpage_Background.png);background-size:100%;background-attachment:fixed;background-position:center top;color:#f0f0f0;font-family:system-ui,-apple-system,sans-serif;-webkit-tap-highlight-color:transparent}.header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background-color:#f2ddd0;background-image:url(/backgrounds/01_Mainpage_Background.png);background-size:125%;background-position:top right;border-bottom:2px solid #d8b99e;gap:12px}.header-title{display:flex;align-items:center;flex-shrink:0}.header-brand-img{height:40px;width:auto;display:block;object-fit:contain}.header-title-text{font-family:Bebas Neue,Impact,Arial Narrow,sans-serif;font-size:1.85rem;letter-spacing:.06em;color:#1a0800;text-shadow:none;line-height:1}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:Bebas Neue,Impact,Arial Narrow,sans-serif;font-size:1rem;letter-spacing:.08em;line-height:1;padding:0 16px;height:34px;border:none;border-radius:4px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:filter .12s,transform .1s}.btn:active{transform:scale(.96)}.btn-export{background:#f5a623;color:#0e0e0e;box-shadow:0 2px #a36500,inset 0 1px #fff3}.btn-export:hover{filter:brightness(1.12)}.btn-donate{background:#1a0800;color:#f5a623;border:2px solid #1a0800;box-shadow:0 2px #00000040}.btn-donate:hover{background:#f5a623;color:#1a0800;border-color:#f5a623}.btn-restore-layout{background:#1a2a3a;color:#7ab8f5;border:1.5px solid #2a4a6a;font-size:.78rem}.btn-restore-layout:hover:not(:disabled){filter:brightness(1.3)}.btn-restore-layout:disabled{cursor:not-allowed}.btn-save-layout{background:#1a3a1a;color:#6ee7a0;border:1.5px solid #2d5e2d;font-size:.78rem}.btn-save-layout:hover{filter:brightness(1.3)}.btn-edit{background:#1e3a1e;color:#6ee7a0;border:1.5px solid #2d5e2d}.btn-edit:hover{filter:brightness(1.3)}body.is-edit-mode .btn-edit{background:#6ee7a0;color:#0e0e0e;border-color:#6ee7a0}.btn-primary{background:#f5a623;color:#0e0e0e;font-family:system-ui,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.01em;height:32px;padding:0 14px}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:#2a2a2a;color:#ccc;border:1px solid #444;font-family:system-ui,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.01em;height:32px;padding:0 12px}.btn-secondary:hover{filter:brightness(1.3)}.btn-danger{background:#4a1010;color:#f87171;border:1px solid #7f1d1d;font-family:system-ui,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.01em;height:32px;padding:0 12px}.btn-danger:hover{filter:brightness(1.3)}.edit-toolbar{display:none;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#0d1f0d;border-bottom:1px solid #2d5e2d;flex-wrap:wrap}body.is-edit-mode .edit-toolbar{display:flex}.edit-toolbar-label{font-size:.78rem;color:#6ee7a0;letter-spacing:.02em}.edit-toolbar-actions{display:flex;gap:8px;flex-shrink:0}.edit-toolbar label input[type=file]{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.main{display:flex;justify-content:center;align-items:flex-start;padding:20px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}#tracker-logo{position:absolute;top:0;left:0;width:17%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;image-rendering:high-quality}.tracker-wrapper{position:relative;display:inline-block;line-height:0;max-width:100%}#tracker-img{display:block;width:100%;max-width:1170px;height:auto;-webkit-user-select:none;user-select:none;mask-image:radial-gradient(ellipse 92% 88% at 50% 50%,black 60%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 92% 88% at 50% 50%,black 60%,transparent 100%)}#overlay{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.hit-area{fill:transparent;stroke:none;cursor:pointer}.hit-area:hover{fill:transparent;stroke:none}body.is-edit-mode #overlay{cursor:crosshair}.edit-bg{cursor:crosshair;fill:#c8963c26}.edit-field .preview-ghost{fill:#64b4ff0f;stroke:#64b4ff73;stroke-width:1px;stroke-dasharray:3 2;pointer-events:none}.edit-field .field-outline{fill:#6ee7a014;stroke:#6ee7a0;stroke-width:1.5px;cursor:move}.edit-field.selected .field-outline{fill:#f5a6231f;stroke:#f5a623;stroke-width:2px}.field-label{fill:#6ee7a0;font-family:system-ui,sans-serif;dominant-baseline:auto;pointer-events:none}.edit-field.selected .field-label{fill:#f5a623}.resize-handle{fill:#f5a623;stroke:#0e0e0e;stroke-width:1px;cursor:nwse-resize}.draw-preview{fill:#6ee7a026;stroke:#6ee7a0;stroke-width:2px;stroke-dasharray:5 3;pointer-events:none}#popup-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073}#popup-backdrop.visible{display:block}#popup{display:none;position:fixed;z-index:201;background:#161616;border:1px solid #333;border-radius:8px;padding:14px;box-shadow:0 12px 40px #000c,0 0 0 1px #f5a62326;min-width:180px;max-width:230px}#popup.visible{display:block}.popup-label{font-family:Bebas Neue,Impact,sans-serif;font-size:.95rem;letter-spacing:.07em;color:#f5a623;margin-bottom:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-buttons{display:flex;flex-direction:column;gap:7px}.popup-btn{padding:10px 14px;border:none;border-radius:5px;font-size:.88rem;font-weight:700;cursor:pointer;text-align:left;font-family:inherit;transition:filter .1s,transform .1s;letter-spacing:.02em}.popup-btn:active{transform:scale(.97)}.btn-not-found{background:#252525;color:#bbb;border:1px solid #3a3a3a}.btn-not-found:hover{filter:brightness(1.4)}.btn-indexed{background:#0f3320;color:#6ee7a0;border:1px solid #1a5c38}.btn-indexed:hover{filter:brightness(1.3)}.btn-max-level{background:#3a1005;color:#f5a623;border:1px solid #a33a10}.btn-max-level:hover{filter:brightness(1.3)}#field-form{display:none;position:fixed;z-index:300;bottom:24px;right:24px;width:272px;background:#161616;border:1px solid #2d5e2d;border-radius:10px;box-shadow:0 16px 48px #000000e6;overflow:hidden}#field-form.visible{display:block}.field-form-header{padding:11px 16px;background:#0d1f0d;border-bottom:1px solid #2d5e2d}.field-form-title{font-family:Bebas Neue,Impact,sans-serif;font-size:1rem;letter-spacing:.08em;color:#6ee7a0}.field-form-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.ff-label{display:flex;flex-direction:column;gap:4px;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#777}.ff-input{padding:7px 10px;background:#1e1e1e;border:1px solid #333;border-radius:5px;color:#f0f0f0;font-size:.9rem;font-family:inherit;outline:none;transition:border-color .15s}.ff-input:focus{border-color:#6ee7a0}.ff-coords{font-size:.68rem;color:#4a4a4a;font-family:Courier New,monospace}.field-form-footer{display:flex;align-items:center;gap:7px;padding:10px 16px 14px;border-top:1px solid #1e1e1e}.ff-spacer{flex:1}#preview-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#000000b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#preview-backdrop.visible{display:block}.preview-title{display:none}#preview-close{position:absolute;top:12px;right:14px;background:#0000008c;border:none;color:#ffffffb3;font-size:1.4rem;line-height:1;cursor:pointer;padding:3px 8px;border-radius:6px;transition:color .12s,background .12s;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#preview-close:hover{color:#fff;background:#000c}.preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:blur(3px) saturate(.8);transform:scale(1.05)}.preview-sprite{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:8%;filter:drop-shadow(0 6px 28px rgba(0,0,0,.92)) drop-shadow(0 0 14px rgba(0,0,0,.75)) drop-shadow(0 0 40px rgba(0,0,0,.45));display:none}.preview-sprite.loaded{display:block}#preview-popup.has-variant .preview-sprite{transform:scale(1.25) translateY(-8%)}.preview-coming-soon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:Bebas Neue,Impact,sans-serif;font-size:1.4rem;letter-spacing:.1em;color:#ffffff4d;pointer-events:none}.preview-area{fill:transparent;stroke:none;cursor:pointer}.preview-area:hover{fill:transparent;stroke:none}.footer{padding:12px 16px;text-align:center;background:#0e0e0e;border-top:1px solid #1c1c1c}.disclaimer{font-size:.72rem;color:#555;letter-spacing:.03em}@media (max-width: 640px){.header-title-text{font-size:1.3rem}.btn{font-size:.85rem;padding:0 10px;height:30px}.main{padding:12px 0}#field-form{right:12px;bottom:12px;width:calc(100vw - 24px)}.edit-toolbar-label{display:none}html,body{background-attachment:scroll;background-size:cover;background-position:center top}.header{background-attachment:scroll;background-size:cover;background-position:top right}#missing-filter-modal{top:5vh;transform:translate(-50%) scale(.95);max-height:88vh}#missing-filter-modal.visible{transform:translate(-50%) scale(1)}}#rotate-overlay{display:none}@media screen and (max-width: 900px) and (orientation: portrait){#rotate-overlay{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0a0a0a;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px;text-align:center}body>*:not(#rotate-overlay){visibility:hidden}}#export-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#export-backdrop.visible{display:block}#export-modal{display:none;position:fixed;z-index:401;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;width:min(480px,92vw);background:#141414;border:1px solid #2a2a2a;border-radius:14px;padding:28px 28px 24px;box-shadow:0 32px 80px #000000f2,0 0 0 1px #f5a6231a;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .16s ease}#export-modal.visible{display:block;transform:translate(-50%,-50%) scale(1);opacity:1}.export-modal-title{font-family:Bebas Neue,Impact,sans-serif;font-size:1.5rem;letter-spacing:.1em;color:#f5a623;margin-bottom:20px}#export-modal-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:#555;font-size:1.4rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .12s,background .12s}#export-modal-close:hover{color:#f0f0f0;background:#ffffff12}.export-modal-options{display:flex;flex-direction:column;gap:12px}.export-option-btn{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 12px;padding:16px 18px;background:#1c1c1c;border:1px solid #2e2e2e;border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s,background .15s,transform .1s}.export-option-btn:hover{border-color:#f5a623;background:#1f1a10}.export-option-btn:active{transform:scale(.98)}.export-option-icon{grid-row:1 / 3;font-size:1.6rem;display:flex;align-items:center;justify-content:center;line-height:1}.export-option-label{font-family:Bebas Neue,Impact,sans-serif;font-size:1.05rem;letter-spacing:.07em;color:#f0f0f0;align-self:end}.export-option-desc{font-family:system-ui,sans-serif;font-size:.75rem;color:#666;align-self:start;letter-spacing:.01em;line-height:1.3}#preview-popup{display:none;position:fixed;z-index:301;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;width:min(900px,94vw);background:#0a0a0a;border:1px solid rgba(245,166,35,.18);border-radius:16px;overflow:hidden;box-shadow:0 40px 100px #000000f2,0 0 0 1px #f5a62314;transition:transform .22s cubic-bezier(.34,1.56,.64,1),opacity .18s ease}#preview-popup.visible{display:block;transform:translate(-50%,-50%) scale(1);opacity:1}#preview-popup.has-info{width:min(1200px,96vw)}.preview-stage{position:relative;width:100%;aspect-ratio:16 / 7;overflow:hidden;background:#0a0a0a}.preview-overlay-title{position:absolute;bottom:14px;left:18px;z-index:5;font-family:Bebas Neue,Impact,sans-serif;font-size:1.05rem;letter-spacing:.08em;color:#ffffffeb;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.preview-info-left,.preview-info-right{position:absolute;top:0;bottom:0;width:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px 20px;z-index:4;pointer-events:none}.preview-info-left{left:5%}.preview-info-right{right:5%}.pinfo-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;width:100%}.pinfo-name{font-family:Bebas Neue,Impact,sans-serif;font-size:1.1rem;letter-spacing:.07em;color:#f5a623;line-height:1.1;margin-bottom:2px;text-shadow:1px 1px 4px rgba(0,0,0,.9)}.pinfo-label{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff6;text-shadow:0 1px 4px rgba(0,0,0,.9)}.pinfo-row{display:flex;align-items:baseline;justify-content:center;gap:6px}.pinfo-rarity{font-family:Bebas Neue,Impact,sans-serif;font-size:.95rem;letter-spacing:.06em;text-shadow:0 0 8px currentColor}.pinfo-divider{height:1px;background:#ffffff1a;margin:4px 0}.pinfo-body{font-size:.71rem;color:#ffffffd1;line-height:1.55;letter-spacing:.01em;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.7)}.pinfo-desc{color:#ffffffeb;font-style:italic}@media (max-width: 740px){.preview-info-left,.preview-info-right{display:none!important}#preview-popup.has-info{width:min(900px,94vw)}}.preview-variant-bar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:5;text-align:center;pointer-events:none;max-width:46%}.pvariant-block{display:flex;flex-direction:column;align-items:center;gap:3px}.pvariant-name{font-family:Bebas Neue,Impact,sans-serif;font-size:.82rem;letter-spacing:.1em;color:#f5a623;text-shadow:0 1px 6px rgba(0,0,0,1),0 0 12px rgba(0,0,0,.9);margin-bottom:2px}.pvariant-desc{font-size:.67rem;color:#ffffffb8;line-height:1.4;font-style:italic;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.7)}.pvariant-passive-label{font-size:.56rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#ffffff61;text-shadow:0 1px 4px rgba(0,0,0,.9);margin-top:4px}.pvariant-passive{font-size:.67rem;color:#fffc;line-height:1.4;text-shadow:0 1px 4px rgba(0,0,0,.95),0 0 8px rgba(0,0,0,.7)}#missing-filter-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#000000a6;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#missing-filter-backdrop.visible{display:block}#missing-filter-modal{display:none;position:fixed;z-index:401;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;width:min(520px,92vw);max-height:90vh;overflow-y:auto;background:#141414;border:1px solid #2a2a2a;border-radius:14px;padding:28px 28px 24px;box-shadow:0 32px 80px #000000f2,0 0 0 1px #f5a6231a;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .16s ease}#missing-filter-modal.visible{display:block;transform:translate(-50%,-50%) scale(1);opacity:1}.missing-filter-title{font-family:Bebas Neue,Impact,sans-serif;font-size:1.5rem;letter-spacing:.1em;color:#f5a623;margin-bottom:20px}#missing-filter-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:#555;font-size:1.4rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .12s,background .12s}#missing-filter-close:hover{color:#f0f0f0;background:#ffffff12}.missing-filter-section{margin-bottom:18px}.missing-filter-label{font-size:.68rem;font-weight:700;letter-spacing:.1em;color:#555;text-transform:uppercase;margin-bottom:10px}.missing-filter-btns{display:flex;flex-wrap:wrap;gap:6px}.mfilter-btn{padding:6px 14px;background:#1c1c1c;border:1px solid #2e2e2e;border-radius:20px;color:#888;font-family:Bebas Neue,Impact,sans-serif;font-size:.9rem;letter-spacing:.06em;cursor:pointer;transition:border-color .12s,color .12s,background .12s}.mfilter-btn:hover{border-color:#f5a623;color:#f5a623}.mfilter-btn.active{background:#f5a623;border-color:#f5a623;color:#0e0e0e}.missing-filter-actions{display:flex;flex-direction:column;gap:10px}#sprite-picker-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:410;background:#000000b3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#sprite-picker-backdrop.visible{display:block}#sprite-picker-modal{position:fixed;z-index:411;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);opacity:0;width:min(860px,94vw);max-height:82vh;background:#141414;border:1px solid #2a2a2a;border-radius:14px;padding:24px 24px 20px;box-shadow:0 32px 80px #000000f2,0 0 0 1px #f5a6231a;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .16s ease;flex-direction:column;display:none}#sprite-picker-modal.visible{display:flex;transform:translate(-50%,-50%) scale(1);opacity:1}.sprite-picker-title{font-family:Bebas Neue,Impact,sans-serif;font-size:1.4rem;letter-spacing:.1em;color:#f5a623;margin-bottom:16px;flex-shrink:0}#sprite-picker-close{position:absolute;top:12px;right:14px;background:transparent;border:none;color:#555;font-size:1.4rem;line-height:1;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color .12s,background .12s}#sprite-picker-close:hover{color:#f0f0f0;background:#ffffff12}.sprite-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;overflow-y:auto;padding-right:4px}.sprite-picker-item{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px 6px;border-radius:8px;cursor:pointer;border:1px solid #252525;background:#1a1a1a;transition:border-color .12s,background .12s,transform .1s}.sprite-picker-item:hover{border-color:#f5a623;background:#222;transform:translateY(-2px)}.sprite-picker-item.selected{border-color:#f5a623;background:#f5a62326;box-shadow:0 0 0 1px #f5a623 inset}.sprite-picker-item.selected span{color:#ffffffe6}.sprite-picker-item img{width:58px;height:58px;object-fit:contain}.sprite-picker-item span{font-size:.58rem;text-align:center;color:#ffffffa6;line-height:1.25;word-break:break-word}.sprite-picker-footer{display:flex;align-items:center;gap:8px;padding:12px 0 0;margin-top:4px;border-top:1px solid #282828;flex-shrink:0;flex-wrap:wrap}.sprite-picker-count{font-size:.72rem;color:#ffffff73;flex-shrink:0;min-width:110px}.sprite-picker-clear-btn{background:transparent;border:1px solid #333;color:#ffffff59;font-size:.68rem;padding:4px 10px;border-radius:4px;cursor:pointer;transition:border-color .12s,color .12s;flex-shrink:0}.sprite-picker-clear-btn:hover{border-color:#555;color:#ffffffa6}.sprite-picker-export-btns{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.sprite-picker-export-btn{background:#1e1e1e;border:1px solid #333;color:#ffffff40;font-size:.72rem;font-family:inherit;padding:7px 14px;border-radius:6px;cursor:not-allowed;transition:all .14s;white-space:nowrap}.sprite-picker-export-btn:not(:disabled){border-color:#f5a623;color:#f5a623;cursor:pointer}.sprite-picker-export-btn:not(:disabled):hover{background:#f5a623;color:#000}