@charset "UTF-8";:root{--bg-primary: #0f0f0f;--bg-secondary: #212121;--bg-hover: #3f3f3f;--text-primary: #f1f1f1;--text-secondary: #aaaaaa;--accent: #ff0000;--accent-hover: #cc0000;--border: #303030;--header-height: 56px;--footer-height: 40px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;padding:10px 12px}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;transition:background .2s}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--secondary{background:var(--bg-hover)}.btn--secondary:hover:not(:disabled){background:#555}.card{background:var(--bg-secondary);border-radius:12px;padding:24px}.error-text{color:#ff6b6b;font-size:.875rem}.page-container{max-width:1400px;margin:0 auto;padding:24px 16px}[data-pattern=spots]{background:radial-gradient(circle at 28% 38%,var(--accent, #fff) 0 16%,transparent 17%),radial-gradient(circle at 70% 62%,var(--accent, #fff) 0 13%,transparent 14%),radial-gradient(circle at 62% 24%,var(--accent, #fff) 0 9%,transparent 10%),radial-gradient(circle at 34% 74%,var(--accent, #fff) 0 8%,transparent 9%),var(--coat, #888)!important}[data-pattern=stripes]{background:repeating-linear-gradient(45deg,var(--accent, #fff) 0 5px,transparent 5px 11px),var(--coat, #888)!important}[data-pattern=gradient]{background:linear-gradient(135deg,var(--coat, #888),var(--accent, #fff))!important}[data-fx=glitter]{background:radial-gradient(circle,#fff 0 1.2px,transparent 1.7px) 0 0/9px 9px,radial-gradient(circle,rgba(255,255,255,.85) 0 1px,transparent 1.5px) 4px 5px/12px 12px,radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--coat, #888) 70%,#fff),var(--coat, #888))!important;box-shadow:0 0 10px color-mix(in srgb,var(--coat, #888) 60%,#fff),inset 0 0 0 2px #fff9!important;animation:pet-twinkle 1.8s linear infinite!important}[data-fx=rainbow]{background:conic-gradient(#ff5e5e,#ffb35e,#fff35e,#5eff8f,#5ed8ff,#8f5eff,#ff5ed8,#ff5e5e)!important;box-shadow:0 0 12px #ffffffb3!important;animation:pet-hue 3s linear infinite!important}[data-fx=gold]{background:linear-gradient(120deg,#a87b00,gold 30%,#fff6b0,gold 60%,#a87b00) 0 0/250% 100%!important;box-shadow:0 0 12px #ffd700bf,inset 0 0 0 2px #fff3b0!important;animation:pet-shine 2.2s ease-in-out infinite!important}[data-fx=galaxy]{background:radial-gradient(circle,#fff 0 1px,transparent 1.5px) 0 0/10px 10px,radial-gradient(circle,#b388ff 0 1px,transparent 1.5px) 5px 6px/14px 14px,radial-gradient(circle at 30% 30%,#7c4dff,#311b92 55%,#0d0221)!important;box-shadow:0 0 14px #7c4dffcc!important;animation:pet-twinkle 4s linear infinite!important}[data-fx=fire]{background:radial-gradient(circle at 50% 80%,#ffea00,#ff9100 40%,#ff3d00 75%,#b71c1c)!important;box-shadow:0 0 14px #ff6e00e6!important;animation:pet-flicker .6s ease-in-out infinite alternate!important}[data-fx=ice]{background:radial-gradient(circle,rgba(255,255,255,.9) 0 1px,transparent 1.6px) 0 0/8px 8px,linear-gradient(135deg,#e1f5fe,#81d4fa 55%,#4fc3f7)!important;box-shadow:0 0 12px #81d4fae6,inset 0 0 0 2px #fff!important}[data-rarity=selten]{outline:3px solid #4fc3f7;outline-offset:2px}[data-rarity=episch]{outline:3px solid #b388ff;outline-offset:2px}[data-rarity=legendaer]{outline:3px solid #ffd54f;outline-offset:2px}[data-rarity=mythisch]{outline:3px dashed #ff5ed8;outline-offset:2px}[data-size=s]{transform:scale(.8)}[data-size=l]{transform:scale(1.25)}@keyframes pet-twinkle{to{background-position:9px 9px,-8px 17px,0 0}}@keyframes pet-hue{to{filter:hue-rotate(360deg)}}@keyframes pet-shine{50%{background-position:100% 0}}@keyframes pet-flicker{to{filter:brightness(1.25) saturate(1.2)}}[data-cos]{position:relative}[data-cos]:after{content:attr(data-cos);position:absolute;top:-.5em;right:-.3em;font-size:.62em;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6));pointer-events:none}