*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#ff6b35;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff8c69}.App{min-height:100vh}.main-content{margin:0 auto;max-width:1400px;padding:20px}.route-view{display:flex;flex-direction:column;gap:20px}.route-section{background:#ffffff0d;border:1px solid #ff6b3533;border-radius:12px;padding:20px}.route-section h3{align-items:center;color:#ff6b35;display:flex;font-size:1.3em;gap:10px;margin-bottom:15px}.route-items{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.region-view{display:flex;flex-direction:column;gap:30px}.region-section{background:#ffffff0d;border:1px solid #ff6b3533;border-radius:12px;padding:25px}.region-title{border-bottom:2px solid #ff6b35;color:#ff6b35;font-size:1.8em;letter-spacing:2px;margin-bottom:20px;padding-bottom:10px;text-align:center;text-transform:uppercase}.items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.route-order-view{display:flex;flex-direction:column;gap:20px}.view-title{color:#ff6b35;font-size:2em;letter-spacing:1px;margin-bottom:10px;text-align:center;text-transform:uppercase}.view-description{color:#ccc;font-size:1.1em;margin-bottom:20px;text-align:center}.route-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.route-card{position:relative}.route-number{border:3px solid #1a1a2e;box-shadow:0 2px 8px #0000004d;font-size:.85em;height:32px;left:-8px;min-width:32px;padding:8px 10px;top:-8px;z-index:10}.route-card .item-card{margin:0;position:relative}.region-view,.type-view{display:flex;flex-direction:column;gap:30px}.group-section{background:#ffffff0d;border:1px solid #ff6b3533;border-radius:12px;padding:25px}.group-title{border-bottom:2px solid #ff6b35;color:#ff6b35;font-size:1.5em;letter-spacing:1px;margin-bottom:20px;padding-bottom:10px;text-align:center;text-transform:uppercase}@media (max-width:480px){.main-content{padding:15px}.items-grid{gap:15px}.items-grid,.route-items{grid-template-columns:1fr}.view-title{font-size:1.5em}.group-title{font-size:1.3em}.route-grid{gap:15px;grid-template-columns:1fr}.main-content{padding:10px}.region-section,.route-section{padding:15px}}.item-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;padding:15px;position:relative;transition:all .3s ease}.item-card:hover{border-color:#ff6b35;box-shadow:0 8px 25px #ff6b354d;transform:translateY(-3px)}.item-card.checked{background:#4caf501a;border-color:#4caf50}.item-card.checked .item-image{filter:grayscale(50%);opacity:.6}.route-number{align-items:center;background:#ff6b35;border-radius:50%;color:#fff;display:flex;font-size:.9em;font-weight:700;height:30px;justify-content:center;left:15px;position:absolute;top:15px;width:30px;z-index:3}.item-image-container{background:#0000004d;border-radius:8px;height:250px;margin-bottom:15px;margin-top:0;overflow:hidden;position:relative;width:100%}.item-image{height:100%;object-fit:cover;transition:all .3s ease;width:100%}.item-content{flex-grow:1}.item-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;min-height:44px}.item-name{word-wrap:break-word;color:#e0e0e0;flex-grow:1;font-size:1.1em;font-weight:600;line-height:1.3;margin:0;overflow-wrap:break-word}.region-badge{border-radius:12px;color:#fff;flex-shrink:0;font-size:.7em;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.item-details{display:flex;flex-direction:column;gap:5px}.item-room{color:#b0b0b0;font-size:.9em;font-weight:500}.item-description{color:#888;font-size:.85em;font-style:italic;line-height:1.4}.item-card.checked:after{color:#4caf50;content:"✓";font-size:4em;left:50%;opacity:.1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}@media (max-width:768px){.item-card{padding:12px}.item-image-container{height:200px;margin-bottom:12px}.item-name{font-size:1em}.route-number{font-size:.8em;height:25px;width:25px}}@media (max-width:480px){.item-header{align-items:flex-start;flex-direction:column;gap:8px}.region-badge{align-self:flex-start}}.header{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);border-bottom:3px solid #ff6b35;color:#fff;overflow:hidden;padding:15px 20px;position:relative;text-align:center}.header-content{margin:0 auto;max-width:1200px;position:relative;z-index:2}.title{align-items:baseline;display:flex;gap:8px;justify-content:center;margin:0}.title-main{color:#ff6b35;font-size:2.5em;font-weight:700;letter-spacing:2px;line-height:1;text-shadow:2px 2px 4px #00000080}.title-super{color:#fff;font-size:.6em;font-weight:700;margin-left:4px;text-shadow:1px 1px 2px #00000080;vertical-align:top}@media (max-width:768px){.header{padding:12px 15px}.title-main{font-size:2em}.title-super{font-size:.6em}}@media (max-width:700px){.header{padding:8px 15px}.title-main{font-size:1.4em;letter-spacing:1px}.title-super{font-size:.6em;margin-left:2px}.title{gap:4px}}.filter-bar{align-items:end;background:#ffffff0d;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin:0 auto;max-width:1400px;padding:10px 15px}.filter-section{display:flex;flex-direction:column;gap:8px}.filter-section label{display:none}.button-group{display:flex;flex-wrap:wrap;gap:5px}.button-group button{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#e0e0e0;cursor:pointer;font-size:.9em;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.button-group button:hover{background:#ff6b3533;border-color:#ff6b35;transform:translateY(-1px)}.button-group button.active{background:#ff6b35;border-color:#ff6b35;color:#fff;font-weight:500}select{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#e0e0e0;font-size:.9em;max-width:115px;min-width:95px;padding:8px 12px;transition:all .3s ease;width:auto}.filter-section:nth-child(3) select,select option[value*="All Region"],select[value*="All Region"]{max-width:125px;min-width:105px}input{background:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#e0e0e0;font-size:.9em;max-width:145px;min-width:125px;padding:8px 12px;transition:all .3s ease;width:auto}input:focus,select:focus{border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533;outline:none}select option{background:#1a1a2e;color:#e0e0e0}input::placeholder{color:#888}.reset-button{background:#ff6b351a;min-width:80px;padding:8px 12px;white-space:nowrap}.reset-button:hover{background:#ff6b35;box-shadow:0 2px 8px #ff6b354d;color:#fff}@media (max-width:768px){.filter-bar{gap:8px;margin:8px;padding:8px 12px}.button-group button,select{font-size:.8em;padding:6px 8px}select{max-width:90px;min-width:70px}input{max-width:110px;min-width:90px}.reset-button,input{font-size:.8em;padding:6px 8px}.reset-button{min-width:60px}}@media (max-width:480px){.filter-bar{gap:6px;margin:6px;padding:6px 10px}.button-group button,select{font-size:.75em;padding:5px 6px}select{max-width:80px;min-width:60px}input{max-width:100px;min-width:80px}.reset-button,input{font-size:.75em;padding:5px 6px}.reset-button{min-width:50px}}.progress-tracker{background:#ffffff0d;margin:0 auto;max-width:1400px;padding:10px 15px}.progress-content{align-items:center;display:flex;justify-content:space-between;max-width:100%;position:relative}.item-counters{gap:30px}.counter-item,.item-counters{align-items:center;display:flex}.counter-item{flex-direction:column;gap:4px}.counter-icon{display:block;margin:0 auto}.counter-text{color:#e0e0e0;font-size:1.2em;font-weight:700;line-height:1}.counter-label{color:#999;font-size:.85em;line-height:1}.progress-actions{align-items:center;display:flex}.reset-button{background:#ff6b3533;border:1px solid #ff6b35;border-radius:4px;color:#ff6b35;cursor:pointer;font-size:.9em;padding:8px 15px;transition:all .3s ease}.reset-button:hover{background:#ff6b354d;transform:translateY(-1px)}.completion-percentage{color:#ff6b35;font-size:3em;font-weight:700;line-height:1;text-shadow:0 0 10px #ff6b354d}@media (max-width:480px){.item-counters{gap:12px}.counter-item{gap:2px}.counter-text{font-size:1em}.counter-label{font-size:.75em}.completion-percentage{font-size:2em}}.sprite-icon{background-repeat:no-repeat;display:inline-block;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges;transition:all .3s ease}.sprite-icon.obtained{filter:none;opacity:1}.sprite-icon.not-obtained{filter:grayscale(1) brightness(.6);opacity:.7}.sprite-icon.fallback{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:2px;color:#999;display:flex;font-size:8px;font-weight:700;justify-content:center}.sprite-icon:hover{transform:scale(1.1)}
/*# sourceMappingURL=main.514bfcf6.css.map*/