:root{--ink: #0d0d11;--paper: #16161c;--card: #1e1e26;--line: #32323e;--yellow: #f5ff3d;--magenta: #ff3d9a;--cyan: #3dffe0;--text: #f2f0e9;--muted: #a3a1b5;--font-display: "Archivo Black", "Arial Black", sans-serif;--font-body: "Archivo", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.015) 0 2px,transparent 2px 14px),var(--ink);color:var(--text);font-family:var(--font-body);line-height:1.5}.shell{max-width:1100px;margin:0 auto;padding:0 20px 60px}.masthead{padding:42px 0 10px;border-bottom:3px solid var(--yellow);position:relative}.kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--cyan)}.title{margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,8vw,5rem);line-height:.95;text-transform:uppercase;letter-spacing:-.02em}.score-word{color:var(--ink);background:var(--yellow);padding:0 .18em;display:inline-block;transform:rotate(-1.5deg);box-shadow:4px 4px 0 var(--magenta)}.tagline{margin:10px 0 0;color:var(--muted);max-width:46ch}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0 4px}.stat{background:var(--card);border:2px solid var(--line);padding:14px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:4px 4px #00000073}.stat-win{border-color:var(--cyan)}.stat-loss{border-color:var(--magenta)}.stat-num{font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2.1rem);line-height:1.05}.stat-win .stat-num{color:var(--cyan)}.stat-loss .stat-num{color:var(--magenta)}.stat-label{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:700;color:var(--muted)}.composer{margin-top:26px}.add-cta{width:100%;padding:16px;font-family:var(--font-display);font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;background:var(--yellow);color:var(--ink);border:none;cursor:pointer;box-shadow:5px 5px 0 var(--magenta);transition:transform .15s ease,box-shadow .15s ease}.add-cta:hover,.add-cta:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--magenta)}.add-cta:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--magenta)}.find-form{background:var(--card);border:2px solid var(--yellow);padding:20px;box-shadow:6px 6px #00000073}.form-title{margin:0 0 14px;font-family:var(--font-display);text-transform:uppercase;font-size:1.1rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.field>span{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--muted)}.field input,.field select,.field textarea{background:var(--paper);border:1px solid var(--line);color:var(--text);padding:10px 12px;font:inherit;border-radius:0}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}textarea{resize:vertical}.form-error{margin:4px 0 0;color:var(--magenta);font-weight:700}.form-actions{display:flex;gap:10px;margin-top:6px}.btn-primary,.btn-ghost{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;padding:12px 20px;cursor:pointer;font-size:.9rem}.btn-primary{background:var(--magenta);color:var(--ink);border:none;box-shadow:4px 4px 0 var(--yellow);transition:transform .15s ease,box-shadow .15s ease}.btn-primary:hover,.btn-primary:focus-visible{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--yellow)}.btn-ghost{background:transparent;color:var(--muted);border:2px solid var(--line)}.btn-ghost:hover,.btn-ghost:focus-visible{color:var(--text);border-color:var(--muted)}.notice{margin:14px 0 0;padding:10px 14px;border-left:4px solid var(--cyan);background:#3dffe014}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 18px}.chip{--chip: var(--muted);background:transparent;border:2px solid var(--chip);color:var(--text);font:inherit;font-weight:700;font-size:.8rem;padding:6px 12px;cursor:pointer;transform:rotate(-.6deg);transition:transform .15s ease,background .15s ease}.chip:nth-child(2n){transform:rotate(.7deg)}.chip:hover,.chip:focus-visible{transform:rotate(0) scale(1.05)}.chip.is-on{background:var(--chip);color:var(--ink);box-shadow:3px 3px #00000080}.chip-count{opacity:.65;margin-left:4px}.chip-all{--chip: #f2f0e9}.chip-clothing{--chip: #e94f37}.chip-furniture{--chip: #3f88c5}.chip-books{--chip: #f6ae2d}.chip-electronics{--chip: #44bba4}.chip-art{--chip: #b07ce8}.chip-kitchenware{--chip: #ef7b45}.chip-other{--chip: #9a97ad}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.card{background:var(--card);border:2px solid var(--line);padding:16px;position:relative;box-shadow:5px 5px #00000073;transition:transform .15s ease,border-color .15s ease}.card:hover{transform:translateY(-3px);border-color:var(--yellow)}.card-top{display:flex;gap:12px;align-items:flex-start}.card-thumb{width:64px;height:64px;object-fit:cover;flex-shrink:0;background:var(--paper);border:2px solid var(--line)}.card-thumb-emoji{display:grid;place-items:center;font-size:2rem}.card-head{flex:1;min-width:0}.card-name{margin:0 0 6px;font-family:var(--font-display);font-size:1rem;line-height:1.2;overflow-wrap:anywhere}.badge{display:inline-block;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;padding:3px 8px;transform:rotate(-1.2deg)}.badge-clothing{background:#e94f37}.badge-furniture{background:#3f88c5}.badge-books{background:#f6ae2d}.badge-electronics{background:#44bba4}.badge-art{background:#b07ce8}.badge-kitchenware{background:#ef7b45}.badge-other{background:#9a97ad}.badge{color:var(--ink)}.card-desc{margin:10px 0 0;color:var(--muted);font-size:.88rem;overflow-wrap:anywhere}.card-meta{margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;padding-top:12px;border-top:1px dashed var(--line)}.card-meta dt{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--muted)}.card-meta dd{margin:0;font-size:.9rem;font-weight:600;overflow-wrap:anywhere}.card-delta{margin:12px 0 0;font-family:var(--font-display);font-size:.95rem}.is-win{color:var(--cyan)}.is-loss{color:var(--magenta)}.card-delete{margin-top:12px;background:transparent;border:1px solid var(--line);color:var(--muted);font:inherit;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:6px 10px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.card-delete:hover,.card-delete:focus-visible{color:var(--magenta);border-color:var(--magenta)}.empty{text-align:center;padding:60px 20px;border:2px dashed var(--line)}.empty-big{font-family:var(--font-display);text-transform:uppercase;font-size:1.3rem;margin:0 0 8px}.empty-sub{color:var(--muted);margin:0}.footer{margin-top:48px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.add-cta:focus-visible,.btn-primary:focus-visible,.btn-ghost:focus-visible,.chip:focus-visible,.card-delete:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}@media (max-width: 700px){.grid2{grid-template-columns:1fr}.stats{grid-template-columns:1fr;gap:8px}.stat{flex-direction:row;align-items:baseline;justify-content:space-between}.form-actions{flex-direction:column}.grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}