section.svelte-mh4uwt{margin-bottom:5rem}.controls.svelte-mh4uwt{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.search-box.svelte-mh4uwt{background:rgba(var(--color-surface-rgb), .5);border:1px solid var(--color-outline-variant);border-radius:0;flex:2;align-items:center;min-width:250px;transition:all .2s;display:flex;position:relative}.search-box.svelte-mh4uwt:focus-within{border-color:var(--color-primary);box-shadow:0 0 10px -4px rgba(var(--color-primary-rgb), .3)}.search-icon.svelte-mh4uwt{color:var(--color-outline);pointer-events:none;position:absolute;left:1rem}.search-box.svelte-mh4uwt input:where(.svelte-mh4uwt){width:100%;color:var(--color-on-surface);letter-spacing:.05em;text-transform:uppercase;background:0 0;border:none;outline:none;padding:1rem 1rem 1rem 3rem;font-family:monospace;font-size:.9rem}.search-box.svelte-mh4uwt input:where(.svelte-mh4uwt)::placeholder{color:var(--color-outline)}.cubes-list.svelte-mh4uwt{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}@media (width<=480px){.cubes-list.svelte-mh4uwt{grid-template-columns:1fr;gap:1.5rem}}.cube-card.svelte-mh4uwt{--rarity-color:var(--color-primary);background:rgba(var(--color-surface-rgb), .6);border:1px solid var(--color-outline-variant);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;text-align:left;flex-direction:column;padding:0;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.cube-card.svelte-mh4uwt:hover{border-color:color-mix(in srgb, var(--rarity-color), transparent 40%);box-shadow:0 20px 40px -10px #0000004d, 0 0 30px -10px color-mix(in srgb, var(--rarity-color), transparent 80%);transform:translateY(-4px)}.card-header-bg.svelte-mh4uwt{background:linear-gradient(180deg, rgba(var(--color-surface-rgb), .8) 0%, rgba(var(--color-surface-rgb), .4) 100%);text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding:2.5rem 2rem;display:flex;position:relative;overflow:hidden}.card-header-bg.svelte-mh4uwt:before{content:"";background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--rarity-color), transparent 85%) 0%, transparent 70%);pointer-events:none;opacity:.8;transition:opacity .4s;position:absolute;inset:0}.cube-card.svelte-mh4uwt:hover .card-header-bg:where(.svelte-mh4uwt):before{opacity:1}.cube-icon.svelte-mh4uwt{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.cube-icon.svelte-mh4uwt img:where(.svelte-mh4uwt){object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 20px color-mix(in srgb, var(--rarity-color), transparent 50%));will-change:transform, filter;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.cube-card.svelte-mh4uwt:hover .cube-icon:where(.svelte-mh4uwt) img:where(.svelte-mh4uwt){filter:drop-shadow(0 0 40px color-mix(in srgb, var(--rarity-color), transparent 30%));transform:scale(1.1)translateY(-5px)}.card-header-text.svelte-mh4uwt{z-index:1;width:100%;position:relative}.card-title.svelte-mh4uwt{color:var(--color-on-surface);letter-spacing:-.01em;text-shadow:0 2px 10px #00000080;margin-bottom:.25rem;font-size:1.5rem;font-weight:800;line-height:1.1}.card-hint.svelte-mh4uwt{color:var(--rarity-color);opacity:.8;letter-spacing:.1em;font-family:monospace;font-size:.8rem}.no-result.svelte-mh4uwt{background:rgba(var(--color-surface-rgb), .3);border:1px dashed var(--color-outline-variant);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);flex-direction:column;justify-content:center;align-items:center;padding:8rem 1rem;display:flex;position:relative;overflow:hidden}.error-code.svelte-mh4uwt{color:var(--color-outline-variant);opacity:.2;margin-bottom:1rem;font-size:6rem;font-weight:900;line-height:1}.no-result.svelte-mh4uwt p:where(.svelte-mh4uwt){color:var(--color-on-surface);letter-spacing:.2em;text-transform:uppercase;text-align:center;margin-top:1rem;font-family:monospace;font-size:1.5rem;font-weight:700}.scan-line.svelte-mh4uwt{background:var(--color-primary);opacity:.5;width:100%;height:4px;box-shadow:0 0 10px var(--color-primary);animation:2.5s cubic-bezier(.4,0,.2,1) infinite svelte-mh4uwt-scan;position:absolute;top:0;left:0}@keyframes svelte-mh4uwt-scan{0%{opacity:0;top:-10%}10%{opacity:.5}90%{opacity:.5}to{opacity:0;top:110%}}@media (width<=600px){.card-header-bg.svelte-mh4uwt{gap:1.5rem;padding:2rem 1rem}.cube-icon.svelte-mh4uwt{width:120px;height:120px}}
