: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:"Pixelify Sans", "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:.01em;font-weight:600}h1{font-size:2rem}h2{align-items:baseline;gap:10px;margin-top:2rem;font-size:1.4rem;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:600 1.45rem/1 var(--display);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}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{font:600 1.35rem/1 var(--display);color:var(--accent)}.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)}.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:600 1.5rem/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:600 1.6rem/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}