@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&display=swap";@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--blurple:22,16,42;--beige:247,238,221;--red:250,9,6;--yellow:248,205,5;--green:46,236,133;--blue:133,243,234;--pink:208,46,155;--common:#94999a;--uncommon:#26c057;--rare:#0aa7e6;--epic:#d02e9b;--legendary:#ffc500;--bg-primary:rgb(var(--blurple));--bg-overlay:rgba(var(--blurple),.65);--text-primary:rgb(var(--beige));--text-muted:rgba(var(--beige),.4);--accent:rgb(var(--blue));--accent-glow:rgba(var(--blue),.5);--border-dark:#4a4a4a9d;--border-accent:#6262622d;--hover-bg:#5f312533;--grid-lines:#7171711a;--scanline:#0003}body{background-color:#2e2e2e;background-image:linear-gradient(rgba(var(--blurple),.6),#0009);color:var(--text-primary);box-sizing:border-box;background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;height:100%;min-height:100vh;margin:0;padding:clamp(10px,5vw,20px);font-family:VT323,monospace;position:relative}body:before{content:"";background:repeating-linear-gradient(to bottom,transparent 0%,var(--scanline)1px,transparent 1px,transparent 3px);pointer-events:none;z-index:1;position:absolute;inset:0}body:after{content:"";background-image:linear-gradient(to right,var(--grid-lines)1px,transparent 1px),linear-gradient(to bottom,var(--grid-lines)1px,transparent 1px);pointer-events:none;z-index:1;background-size:30px 30px;position:absolute;inset:0}.logo{border:3px solid var(--border-accent);width:100%;max-width:600px;height:300px;box-shadow:0 4px 8px #00000080,inset 0 0 5px var(--text-primary);background:url(./logo-B6KPkq_v.jpg) 50%/cover no-repeat;border-radius:4px;margin:0 auto 20px;display:block}h1{text-transform:uppercase;width:fit-content;color:rgb(var(--red));text-shadow:1px 1px 2px #000,0 0 5px var(--accent-glow);letter-spacing:1px;text-align:center;margin:0 auto 20px;font-family:Orbitron,sans-serif;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:500;line-height:1}.search-container{max-width:600px;margin:0 auto 20px;position:relative}input{border:2px solid var(--border-dark);background-color:var(--bg-overlay);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:4px;padding:12px 40px 12px 16px;font-family:VT323,monospace;font-size:18px;transition:all .3s;box-shadow:inset 2px 2px 4px #000,inset -2px -2px 4px #ffffff1a}input:focus{border-color:var(--accent);box-shadow:inset 2px 2px 4px #000,inset -2px -2px 4px #fff3,0 0 10px var(--accent-glow);outline:none}.search-icon{color:var(--text-primary);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.table-container{background:var(--bg-overlay);border:2px solid var(--border-accent);z-index:2;border-radius:4px;width:fit-content;max-width:100%;margin:20px auto;position:relative;overflow-x:auto;box-shadow:0 4px 8px #00000080}table{border-collapse:separate;border-spacing:0;width:auto;min-width:800px;font-size:20px}@media (max-width:1920px){table{font-size:15px}}th,td{text-align:left;border-bottom:1px solid var(--border-dark);border-right:1px solid var(--border-dark);white-space:nowrap;vertical-align:top;padding:clamp(8px,2vw,16px);font-family:VT323,monospace}@media (max-width:1920px){th,td{padding:clamp(6px,2vw,12px)}}th{background:rgb(var(--blurple));color:var(--text-primary);text-shadow:1px 1px 2px #000;-webkit-user-select:none;user-select:none;text-align:center;border:2px solid var(--border-accent);cursor:pointer;font-size:1.3em;font-weight:500}tr:hover{background-color:var(--hover-bg);transition:background-color .2s}td div{margin-bottom:4px}td div:last-child{margin-bottom:0}.common{color:var(--common)}.uncommon{color:var(--uncommon)}.rare{color:var(--rare)}.epic{color:var(--epic)}.legendary{color:var(--legendary)}.clickable-item-search{cursor:pointer;width:fit-content;transition:color .2s}.clickable-item-search:hover{color:rgb(var(--yellow));text-decoration:underline}.locale-selector,.filter-options{text-align:center;margin-bottom:20px}.locale-selector select,.filter-options label{color:var(--text-primary);font-family:VT323,monospace}.locale-selector select{border:2px solid var(--border-dark);background-color:var(--bg-overlay);color:var(--text-primary);border-radius:4px;padding:8px 12px;font-size:16px;box-shadow:inset 2px 2px 4px #000}.locale-selector select:focus{border-color:var(--accent);box-shadow:inset 2px 2px 4px #000,0 0 10px var(--accent-glow);outline:none}.filter-options input[type=checkbox]{accent-color:var(--accent)}.links{gap:30px;display:flex;position:absolute;top:20px;right:20px}a{color:inherit;text-decoration:none}.link{cursor:pointer;background-position:50%;background-size:cover;border-radius:4px;width:40px;height:40px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 2px 4px #00000080}.link>p{margin-top:4px;font-size:18px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.link>a>svg{width:100%;height:100%;fill:var(--text-primary)}.mobile-cards{display:none}@media (max-width:768px){.table-container{display:none}.mobile-cards{display:block}.logo{height:200px;margin-top:30px}.links{gap:20px;top:10px;right:10px}.link{width:30px;height:30px}.link>p{display:none}.mobile-card{background:var(--bg-overlay);border:2px solid var(--border-accent);border-radius:4px;margin-bottom:16px;padding:16px;box-shadow:0 4px 8px #00000080}.mobile-card:hover{background:var(--hover-bg)}.card-title{text-shadow:1px 1px 2px #000;margin-bottom:12px;font-family:Orbitron,sans-serif;font-size:1.5rem;font-weight:500}.card-row{border-bottom:1px solid var(--border-dark);justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:8px;padding-bottom:8px;display:flex}.card-row:last-child{border-bottom:none;padding-bottom:0}.card-label{color:var(--text-primary);flex-shrink:0;min-width:120px;font-weight:500}.card-value{color:var(--text-primary);flex-direction:column;flex:1;justify-content:flex-end;align-items:flex-end;font-size:.95em;display:flex}}@media (max-width:480px){.logo{max-width:100%}input{padding:10px 35px 10px 12px;font-size:16px}.search-icon{right:12px}}
