*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw}body{overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;color:#e0e0e0}.app-shell{min-height:100vh;display:flex;flex-direction:column}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:22px;height:22px;border-radius:9999px;border:3px solid hsla(0,0%,100%,.18);border-top-color:rgba(138,180,248,.95);animation:spin .9s linear infinite}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid #333}.header h1{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(135deg,#8ab4f8,#aecbfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:#999;font-size:1.1rem}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.filter-button{padding:.5rem 1.5rem;background:#1a1a1a;border:1px solid #333;color:#e0e0e0;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.filter-button:hover{background:#252525;border-color:#aecbfa}.filter-button.active{background:linear-gradient(135deg,#8ab4f8,#aecbfa);border-color:transparent;color:#2a3442}.search-box{width:100%;max-width:500px;margin:0 auto 2rem;padding:.75rem 1rem;background:#1a1a1a;border:1px solid #333;border-radius:6px;color:#e0e0e0;font-size:1rem}.search-box:focus{outline:none;border-color:#8ab4f8}.items-table{width:100%;border-collapse:collapse;background:#1a1a1a;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.3)}.items-table thead{background:#0a0a0a}.items-table th{padding:1rem;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid #333;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.katex .imgtip{position:relative;display:inline-block;cursor:help;text-decoration:underline;-webkit-text-decoration-color:rgba(138,180,248,.6);text-decoration-color:rgba(138,180,248,.6);text-underline-offset:2px}.katex .imgtip-popup{display:none;position:absolute;left:50%;transform:translateX(-50%);bottom:1.6em;padding:8px;background:#1a1a1a;border:1px solid #8ab4f8;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.5);z-index:1000;pointer-events:none}.katex .imgtip:hover .imgtip-popup{display:block}.katex .imgtip-popup img{display:block;max-width:320px;max-height:320px;border-radius:6px}.items-table td{padding:1rem;border-bottom:1px solid #252525;vertical-align:top}.items-table tbody tr:hover{background:#252525;border-left:2px solid #8ab4f8}.items-table tbody tr:last-child td{border-bottom:none}.item-image{width:64px;height:64px;object-fit:contain;border-radius:4px;background:#0a0a0a;padding:4px}.item-name{font-weight:600;color:#fff;margin-bottom:.25rem;font-size:1rem}.item-description{color:#bbb;font-size:.9rem;line-height:1.5}.rarity-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600;text-transform:uppercase}.rarity-common{background:#166534;color:#86efac;border:1px solid #22c55e}.rarity-rare{background:#1e3a8a;color:#93c5fd;border:1px solid #3b82f6}.rarity-epic{background:#581c87;color:#c084fc;border:1px solid #a855f7}.rarity-legendary{background:#854d0e;color:#fbbf24;border:1px solid #f59e0b}.detailed-explanation,.how-it-stacks{color:#ccc;font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.empty-text{color:#666;font-style:italic}.admin-link{position:fixed;bottom:2rem;right:2rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#8ab4f8,#aecbfa);color:#2a3442;border-radius:8px;font-weight:600;box-shadow:0 4px 12px rgba(138,180,248,.4);transition:transform .2s}.admin-link:hover{transform:translateY(-2px)}.item-detail-grid{display:grid;grid-template-columns:1fr 2fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem;align-items:start}.item-detail-sidebar{position:-webkit-sticky;position:sticky;top:1rem;align-self:start;height:-moz-fit-content;height:fit-content;max-height:none;overflow:visible}@media (max-width:768px){.container{padding:1rem}.header h1{font-size:2rem}.items-table{font-size:.85rem}.items-table td,.items-table th{padding:.5rem}.item-image{width:48px;height:48px}.admin-link{bottom:1rem;right:1rem;padding:.75rem 1rem;font-size:.9rem}.item-detail-grid{grid-template-columns:1fr}.item-detail-sidebar{position:static;top:auto;height:auto;max-height:none;overflow:visible}}