.app{max-width:1400px;margin:0 auto;padding:1.5rem}@supports (padding: env(safe-area-inset-bottom)){.app{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:var(--text-muted)}.loader{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent-cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--accent-cyan),var(--accent-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{color:var(--text-muted);margin-top:.25rem}.meta{font-size:.85rem;color:var(--text-muted);margin-top:.5rem;display:block}.filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}@media (max-width: 600px){.filters{gap:.75rem}}.search-input{flex:1;min-width:200px;padding:.6rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem}.search-input:focus{outline:none;border-color:var(--accent-cyan)}.rarity-select{padding:.6rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;min-width:160px}.pool-toggle{padding:.6rem 1rem;background:var(--accent-cyan);color:var(--bg-dark);border:none;border-radius:8px;font-weight:600;cursor:pointer;font-family:inherit}.pool-toggle:hover{background:var(--accent-cyan-dim)}.item-pool{background:var(--bg-card);border-radius:12px;padding:1rem;margin-bottom:2rem;border:1px solid var(--border)}.pool-hint{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y}@media (max-width: 600px){.app{padding:1rem}.header{margin-bottom:1.25rem}.header h1{font-size:1.5rem}.search-input{min-width:0;width:100%}.rarity-select,.pool-toggle{width:100%}.pool-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));max-height:45vh}.pool-buttons button{width:36px;height:36px;font-size:1rem}}.pool-actions{display:flex;align-items:center;gap:.5rem;content-visibility:auto;contain-intrinsic-size:140px 88px}.pool-buttons{display:flex;flex-direction:column;gap:.25rem}.pool-buttons button{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--bg-hover);color:var(--text-primary);cursor:pointer;font-size:.9rem;transition:all .2s}.pool-buttons button:hover{background:var(--accent-cyan);color:var(--bg-dark);border-color:var(--accent-cyan)}.sources-section{margin-bottom:1.5rem}.sources-toggle{background:none;border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;color:var(--text-muted);font-family:inherit;font-size:.9rem;cursor:pointer;transition:color .2s,border-color .2s}.sources-toggle:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}.sources-content{margin-top:.75rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.sources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem 2rem}@media (max-width: 1000px){.sources-grid{grid-template-columns:1fr}}.sources-content ul{list-style:none;margin-top:.5rem}.sources-content li{margin-bottom:.35rem}.sources-content a{color:var(--accent-cyan);text-decoration:none;font-size:.9rem}.sources-content a:hover{text-decoration:underline}.sources-content code{font-size:.82rem;color:var(--text-muted)}.sources-content .sources-muted{font-size:.82rem;color:var(--text-muted);line-height:1.35}.vergelijking{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start}@media (max-width: 900px){.vergelijking{grid-template-columns:1fr}.center-column{order:-1}.column{padding:1rem}.column-items{gap:.6rem}.item-card{width:88px;padding:.6rem}.item-thumb{width:72px;height:72px}}.column{background:var(--bg-card);border-radius:12px;padding:1.25rem;border:1px solid var(--border);min-height:280px;transition:border-color .2s,box-shadow .2s}.column.drag-over{border-color:var(--accent-cyan);box-shadow:0 0 0 2px #00d4aa4d}.column-title{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-primary)}.column-sum{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.column-select{width:100%;padding:.5rem;margin-bottom:1rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;font-size:.85rem;cursor:pointer}.column-select:focus{outline:none;border-color:var(--accent-cyan)}.column-sum strong{color:var(--accent-cyan)}.column-items{display:flex;flex-wrap:wrap;gap:.75rem}.column-empty{color:var(--text-muted);font-size:.9rem;padding:1rem;border:2px dashed var(--border);border-radius:8px;width:100%;text-align:center}.item-card{position:relative;width:80px;padding:.5rem;background:var(--bg-hover);border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid transparent}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.item-card.in-column{border-color:var(--border)}.item-card.in-column:hover{border-color:var(--accent-coral);box-shadow:0 0 0 1px var(--accent-coral)}.item-card.in-pool{cursor:grab}.item-thumb{width:64px;height:64px;border-radius:6px;display:block;margin:0 auto .35rem;object-fit:contain;object-position:center;background:#00000059;border:1px solid var(--border);padding:4px;color-scheme:dark}.item-thumb-text{display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;text-transform:uppercase}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;padding:.75rem;min-width:180px;font-size:.8rem;z-index:10;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 8px 24px #00000080;pointer-events:none}@media (hover: none),(pointer: coarse){.item-card:hover{transform:none;box-shadow:none}.pool-toggle:hover,.sources-toggle:hover,.pool-buttons button:hover{background:inherit;color:inherit;border-color:var(--border)}.tooltip{display:none}}.tooltip-sources,.tooltip-updated{font-size:.7rem;color:var(--text-muted)}.center-column{display:flex;align-items:center;justify-content:center;padding:1rem}.verschil-center{text-align:center;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);min-width:200px}.verschil-status{display:block;margin-bottom:.25rem}.verschil-percent{font-size:1.25rem;font-weight:600}.verschil-result{font-size:1.5rem;font-weight:700}.verschil-result.grote-winst{color:#22c55e}.verschil-result.winst{color:#4ade80}.verschil-result.zelfde,.verschil-result.fair{color:#a3a3a3}.verschil-result.verlies{color:#f87171}.verschil-result.groot-verlies{color:#dc2626}.chat-widget-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;background:var(--accent-cyan);color:var(--bg-dark);cursor:pointer;box-shadow:0 4px 12px #00d4aa66;display:flex;align-items:center;justify-content:center;z-index:1000;transition:transform .2s,background .2s}.chat-widget-fab:hover{background:var(--accent-cyan-dim);transform:scale(1.05)}.chat-widget-fab.open{background:var(--bg-card);color:var(--accent-cyan);box-shadow:0 4px 12px #0000004d}.chat-widget-panel{position:fixed;bottom:90px;right:24px;width:320px;height:480px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;z-index:999;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,visibility .2s,transform .2s}.chat-widget-panel.open{opacity:1;visibility:visible;transform:translateY(0)}.chat-widget-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text-primary)}.chat-widget-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;line-height:1;padding:0 4px}.chat-widget-close:hover{color:var(--text-primary)}.chat-widget-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-widget-empty{color:var(--text-muted);font-size:14px;text-align:center;padding:24px 12px}.chat-msg{max-width:85%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.4}.chat-msg-user{align-self:flex-end;background:var(--accent-cyan);color:var(--bg-dark)}.chat-msg-assistant{align-self:flex-start;background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.chat-loader{display:inline-flex;gap:4px;align-items:center}.chat-loader span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:chat-bounce 1.4s ease-in-out infinite both}.chat-loader span:nth-child(1){animation-delay:-.32s}.chat-loader span:nth-child(2){animation-delay:-.16s}@keyframes chat-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-widget-input-wrap{padding:12px;border-top:1px solid var(--border);display:flex;gap:8px}.chat-widget-input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-dark);color:var(--text-primary);font-size:14px;font-family:inherit}.chat-widget-input::placeholder{color:var(--text-muted)}.chat-widget-input:focus{outline:none;border-color:var(--accent-cyan)}.chat-widget-input:disabled{opacity:.6;cursor:not-allowed}.chat-widget-send{padding:10px 16px;border:none;border-radius:8px;background:var(--accent-cyan);color:var(--bg-dark);font-weight:600;font-size:14px;cursor:pointer;font-family:inherit}.chat-widget-send:hover:not(:disabled){background:var(--accent-cyan-dim)}.chat-widget-send:disabled{opacity:.5;cursor:not-allowed}@supports (padding: env(safe-area-inset-bottom)){.chat-widget-fab{bottom:calc(24px + env(safe-area-inset-bottom))}}@media (max-width: 520px){.chat-widget-fab{right:16px;bottom:16px}.chat-widget-panel{right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;height:min(70vh,560px)}}@media (hover: none),(pointer: coarse){.chat-widget-fab:hover{transform:none}}:root{--bg-dark: #0d0d12;--bg-card: #16161d;--bg-hover: #1e1e28;--accent-cyan: #00d4aa;--accent-cyan-dim: #00a88a;--accent-coral: #ff6b6b;--accent-gold: #ffd93d;--text-primary: #f0f0f5;--text-muted: #8b8b9e;--border: #2a2a35;--win: #00d4aa;--loss: #ff6b6b;--fair: #ffd93d;--rarity-common: #9ca3af;--rarity-uncommon: #22c55e;--rarity-rare: #3b82f6;--rarity-epic: #a855f7;--rarity-legendary: #f59e0b;--rarity-mythical: #ec4899;--rarity-cosmic: #06b6d4;--rarity-secret: #8b5cf6;--rarity-celestial: #eab308;--rarity-divine: #f97316;--rarity-infinity: #fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,212,170,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(139,92,246,.06),transparent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}#root{min-height:100vh}