@font-face{font-family:Figtree;font-weight:300 900;font-display:swap;src:url(/fonts/figtree.woff2)format("woff2")}@font-face{font-family:"Jersey 20";font-weight:400;font-display:swap;src:url(/fonts/jersey20.woff2)format("woff2")}:root{--bg:#e9ecf2;--surface:#fff;--text:#1b2030;--muted:#58607a;--line:#c9cfdd;--shade:#c3c9d8;--gold:#f0b429;--gold-ink:#2a1e00;--accent:#8a5d00;--ok:#1c8048;--shop:#2460a8;--risk:#b4472c;--warn-bg:#fdf0d5;--display:"Jersey 20", "Trebuchet MS", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#171a24;--surface:#212637;--text:#ece8dc;--muted:#9aa0b4;--line:#343b52;--shade:#0c0e15;--accent:#f0b429;--ok:#4ccb7a;--shop:#7fb0f0;--risk:#f2876b;--warn-bg:#3a2f17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 Figtree,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}h1,h2{font-family:var(--display);letter-spacing:.02em;font-weight:400}h1{font-size:2.6rem}h2{align-items:baseline;gap:10px;margin-top:2rem;font-size:1.8rem;display:flex}h3{font-size:1rem}p{max-width:75ch}.muted{color:var(--muted)}.count{color:var(--muted);font:600 .85rem/1 Figtree,system-ui,sans-serif}.shell{max-width:1100px;margin:0 auto;padding:0 16px 64px}.top{z-index:5;background:var(--bg);border-bottom:2px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px 0;display:flex;position:sticky;top:0}.brand{font:400 1.9rem/1 var(--display);letter-spacing:.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--gold);width:14px;height:22px;display:inline-block;box-shadow:inset -4px 0 #00000038,inset 0 4px #ffffff4d}nav{flex-wrap:wrap;gap:4px;display:flex}.menu-button{display:none}@media (width<=820px){.menu-button{display:inline-block}nav{flex-direction:column;gap:0;width:100%;display:none}nav.open{display:flex}nav a{border-bottom:1px solid var(--line);padding:12px 4px}nav a.active{border-bottom-color:var(--line);box-shadow:inset 4px 0 0 var(--gold);padding-left:12px}}nav a{color:var(--muted);border-bottom:3px solid #0000;padding:6px 10px;font-weight:600;text-decoration:none}nav a:hover{color:var(--text)}nav a.active{color:var(--text);border-bottom-color:var(--gold)}.card{background:var(--surface);border:2px solid var(--line);box-shadow:4px 4px 0 var(--shade);padding:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.offer{flex-direction:column;gap:8px;display:flex}.offer h3{overflow-wrap:anywhere}.offer .button{margin-top:auto}.offer-head,.offer-meta{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.price{color:var(--accent);font-size:1.2rem;font-weight:700}.trust,.tag{border:2px solid;padding:2px 8px;font-size:.75rem;font-weight:700;text-decoration:none}.trust-officieel{color:var(--ok)}.trust-bekende_winkel{color:var(--shop)}.trust-risico{color:var(--risk)}.tag{color:var(--muted)}.tag.warn{color:var(--risk);background:var(--warn-bg)}a.tag:hover{color:var(--text)}.tag-free{color:var(--ok)}.tag-pretty{color:var(--gold-ink);background:var(--gold);border-color:var(--gold);font-size:.9rem}.button,button{background:var(--gold);color:var(--gold-ink);font:inherit;cursor:pointer;border:0;align-self:flex-start;padding:8px 14px 10px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:inset 0 -3px #00000040,inset 0 2px #ffffff59}.button:hover,button:hover{filter:brightness(1.08)}.button:active,button:active{padding:10px 14px 8px;box-shadow:inset 0 3px #00000040}button.quiet{color:var(--muted);box-shadow:none;border:2px solid var(--line);background:0 0;padding:4px 10px}button.quiet:hover{color:var(--text);border-color:var(--muted);filter:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.summary{flex-wrap:wrap;gap:8px 28px;margin:0 0 4px;padding:12px 14px;display:flex}.summary strong{font:400 1.9rem/1 var(--display);margin-right:6px}.summary .free strong{color:var(--ok)}.cape-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.cape{flex-direction:column;gap:8px;padding:10px;display:flex}.cape.owned{opacity:.55}.cape.has-free{border-color:var(--ok)}.cape-link{text-align:center;flex-direction:column;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:flex}.cape img,.cape-ph{height:72px;image-rendering:pixelated}.cape-ph{background:var(--line);width:45px;font:400 2rem/1 var(--display);color:var(--muted);place-items:center;display:grid;box-shadow:inset -9px 0 #00000026}.cape-hero .cape-ph{width:88px;height:140px;font-size:2.6rem}.cape-foot{flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:.85rem;display:flex}.check{cursor:pointer;align-items:center;gap:6px;display:inline-flex}input[type=checkbox]{accent-color:var(--gold);width:16px;height:16px;padding:0}.cape-hero{flex-wrap:wrap;align-items:flex-start;gap:20px;margin-top:8px;display:flex}.cape-hero img{height:140px;image-rendering:pixelated}.cape-hero>div{flex:260px}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:2rem;margin-bottom:.5rem;display:flex}.row h2{margin:0}.spark{width:100%;max-width:320px;height:48px;color:var(--accent);display:block}.history{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.history li{flex-wrap:wrap;gap:10px;display:flex}.form{flex-direction:column;gap:12px;max-width:520px;display:flex}.form label{flex-direction:column;gap:4px;font-weight:600;display:flex}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form label{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.inline-form input{width:7rem}.inline-form input.wide,.inline-form input[inputmode=numeric]{width:14rem}input,textarea{font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--line);max-width:100%;padding:7px 10px}textarea{resize:vertical;min-height:90px}.error{color:var(--risk)}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .form{width:min(380px,100%)}.when{color:var(--accent);margin:0 0 4px;font-weight:700}.meter{background:var(--line);height:10px;overflow:hidden}.meter span{background:var(--gold);height:100%;display:block}.progress{grid-template-columns:auto 1fr auto;align-items:center;gap:6px 12px;max-width:640px;margin:8px 0 14px;font-size:.9rem;display:grid}.table-wrap{margin-top:16px;padding:0;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 12px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:color-mix(in srgb, var(--line) 30%, transparent)}th{color:var(--muted);font-weight:700}.dot{background:var(--muted);width:9px;height:9px;display:inline-block}.dot-ok{background:var(--ok)}.dot-bad{background:var(--risk)}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.notice{border-color:var(--gold);margin-top:8px}.actions{flex-wrap:wrap;gap:6px;display:flex}button.quiet.danger{color:var(--risk)}button.quiet.danger:hover{border-color:var(--risk);color:var(--risk)}.remove-pass{margin-top:12px}td .tag-list{margin-top:4px}.filters{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.filters label{align-items:center;gap:6px;display:inline-flex}select{font:inherit;color:var(--text);background:var(--bg);border:2px solid var(--line);padding:7px 8px}.inline-form input.grow{flex:280px;width:auto}.stack{gap:16px;display:grid}.stack h3{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.feed{margin:0;padding:0 14px;list-style:none}.feed li{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:10px 0;display:flex}.feed li:last-child{border-bottom:0}.feed time{font-variant-numeric:tabular-nums}table.team th,table.team td{text-align:center}table.team th:first-child,table.team td:first-child{text-align:left;background:var(--surface);position:sticky;left:0}table.team th .muted{font-size:.8rem;font-weight:400}.has{color:var(--ok);font-weight:700}.name-tag{align-items:center;gap:4px;padding-right:2px;display:inline-flex}.name-tag a{text-decoration:none}.name-tag button{color:inherit;box-shadow:none;opacity:.7;background:0 0;padding:0 5px;font-weight:700;line-height:1.2}.name-tag button:hover{opacity:1;filter:none}.name-tag button:active{box-shadow:none;padding:0 5px}.blocked{margin-top:14px}.blocked summary{cursor:pointer;color:var(--muted);margin-bottom:8px}.toasts{pointer-events:none;z-index:20;justify-items:center;gap:8px;padding:0 16px;display:grid;position:fixed;bottom:20px;left:0;right:0}.toast{background:var(--text);color:var(--bg);box-shadow:4px 4px 0 var(--shade);max-width:560px;padding:10px 16px;font-weight:600}.dialog{color:var(--text);width:min(460px,100vw - 32px);padding:20px}.dialog::backdrop{background:#0009}.dialog h2{margin-top:0}.dialog label{flex-direction:column;gap:4px;font-weight:600;display:flex}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.dialog-actions button{align-self:auto}.dialog-actions button.quiet{padding:8px 14px}button.danger:not(.quiet){background:var(--risk);color:#fff}.skeleton{background:var(--line);opacity:.6}.skeleton.title{width:220px;height:34px;margin:8px 0 20px}.skeleton.block{height:150px}@media (prefers-reduced-motion:no-preference){.skeleton{animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.35}to{opacity:.7}}}.login .brand{margin-bottom:0;font-size:2.6rem}.login .form{gap:16px;padding:28px}.login button{align-self:stretch;padding:12px 14px 14px}