@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600;700&family=Unbounded:wght@500;700&display=swap";:root{font-family:Sora,system-ui,-apple-system,sans-serif;color:#1a1a1a;background-color:#f4f0e7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1a1a1a;--muted: #6c6660;--paper: #f4f0e7;--accent: #e26d3c;--accent-deep: #b8512c;--teal: #2f7f76;--card: #fffaf1;--border: rgba(26, 26, 26, .15);--shadow: 0 20px 40px rgba(26, 26, 26, .12)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fef6e4,#f4f0e7 45%,#e7efe9);color:var(--ink)}#app{max-width:1100px;margin:0 auto;padding:36px 20px 72px}.page{display:flex;flex-direction:column;gap:24px}.hero{background:linear-gradient(120deg,#fff1da,#f7e9d1 52%,#e3f0e8);padding:36px 40px;border-radius:24px;border:1px solid rgba(26,26,26,.08);box-shadow:var(--shadow);animation:floatIn .7s ease-out}.eyebrow{font-family:Unbounded,sans-serif;text-transform:uppercase;letter-spacing:.3em;font-size:.75rem;margin:0 0 12px;color:var(--teal)}h1{font-family:Unbounded,sans-serif;font-size:clamp(2rem,3vw,3rem);margin:0 0 12px}.subtitle{margin:0;color:var(--muted);max-width:640px;line-height:1.6}.panel{background:var(--card);border-radius:20px;padding:22px 24px;border:1px solid var(--border);box-shadow:var(--shadow);animation:floatIn .8s ease-out .1s both}.panel h2{margin:0 0 14px;font-size:1.05rem}.stats{display:grid;gap:12px}.stats-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.stats-header h2{margin:0 0 8px}.stats-filter label{display:inline-flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}.stats-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.stats-toggle{display:inline-flex;flex-direction:row;align-items:center;gap:6px;font-size:.85rem;color:var(--muted)}.stats-filter select{padding:8px 10px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:.9rem;color:var(--ink)}.chart{background:#fff;border-radius:18px;border:1px solid rgba(26,26,26,.08);padding:12px;position:relative}.chart svg{width:100%;height:auto;color:var(--teal)}.chart .grid line{stroke:#1a1a1a14;stroke-width:1}.chart .axis-labels text{fill:#1a1a1a73;font-size:.7rem}.chart .x-axis text{text-anchor:middle}.chart .trend-line{fill:none;stroke:#2f7f7699;stroke-width:2;stroke-dasharray:6 6}.chart .trend-projection{fill:none;stroke:#2f7f7659;stroke-width:2;stroke-dasharray:2 6}.chart-tooltip{position:absolute;transform:translate(-50%,-110%);background:#1d3b38;color:#fff;padding:8px 10px;border-radius:10px;font-size:.75rem;display:grid;gap:4px;pointer-events:none;box-shadow:0 12px 20px #0003}.chart-tooltip strong{font-size:.9rem}.stat-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:12px;background:#e26d3c14;font-size:.85rem;color:var(--muted)}.stat-row strong{color:var(--ink)}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px;flex:1;min-width:200px;font-size:.85rem;color:var(--muted)}.field span{font-weight:600}.field input{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:.95rem;color:var(--ink)}.field textarea{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:.95rem;color:var(--ink);resize:vertical}.field input:focus{outline:2px solid rgba(226,109,60,.35);border-color:#e26d3c99}.field textarea:focus{outline:2px solid rgba(226,109,60,.35);border-color:#e26d3c99}.field select{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:.95rem;color:var(--ink)}.field select:focus{outline:2px solid rgba(226,109,60,.35);border-color:#e26d3c99}button{padding:10px 16px;border-radius:999px;border:none;font-weight:600;font-size:.9rem;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 12px 20px #e26d3c40;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 14px 24px #e26d3c59}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}button.ghost{background:transparent;color:var(--accent-deep);border:1px solid rgba(226,109,60,.4);box-shadow:none}button.ghost:hover{background:#e26d3c1a;transform:translateY(-1px)}.grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(280px,1fr))}.card{background:var(--card);border-radius:20px;padding:18px;border:1px solid var(--border);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;animation:riseIn .6s ease both}.card.dragging{opacity:.6;border-color:#e26d3c80;box-shadow:0 18px 30px #e26d3c33}.card.dragover{border-color:#2f7f7699;box-shadow:0 18px 30px #2f7f7633;transform:translateY(-2px)}.card-header{display:grid;gap:10px}.card-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-header-body{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.card h3{margin:0;font-size:1.05rem}.card-toolbar{display:flex;gap:6px}.icon-btn{width:28px;height:28px;padding:0;border-radius:10px;background:#e26d3c1f;color:var(--accent-deep);box-shadow:none;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{transform:translateY(-1px);box-shadow:0 8px 14px #e26d3c33}.icon-btn.danger{background:#1f5e5829;color:#1f5e58}.icon-btn svg{width:16px;height:16px}.icon-btn.small{width:24px;height:24px}.icon-btn.small svg{width:14px;height:14px}.description,.meta{margin:4px 0 0;color:var(--muted);font-size:.85rem}.stat{background:#2f7f761f;border-radius:16px;padding:8px 12px;text-align:center;color:var(--teal);min-width:80px}.stat strong{display:block;font-size:1.2rem;color:var(--ink)}.summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.summary div{background:#ffffffb3;border-radius:14px;padding:8px 12px;border:1px solid rgba(26,26,26,.08)}.summary span{display:block;font-size:.8rem;color:var(--muted)}.summary strong{font-size:1.05rem;color:var(--ink)}.scores{display:flex;flex-wrap:wrap;gap:8px}.scores.editable{gap:10px}.score-pill{display:grid;gap:4px;padding:8px 10px;border-radius:16px;background:#e26d3c1a;color:var(--accent-deep);font-size:.75rem;font-weight:600}.score-controls{display:flex;gap:8px;align-items:center}.score-pill input{border:none;background:#fff;border-radius:12px;padding:5px 8px;color:var(--ink);font-weight:600;min-width:80px}.empty,.empty-state{margin:0;color:var(--muted);font-size:.85rem}.empty-state{grid-column:1 / -1;text-align:center;padding:18px;border-radius:18px;border:1px dashed rgba(26,26,26,.2);background:#fff9}.lost{background:#2f7f7626;color:var(--teal);padding:8px 10px;border-radius:12px;font-weight:600}.history{border-top:1px dashed rgba(26,26,26,.15);padding-top:10px;display:grid;gap:8px}.history-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;background:none;color:var(--ink);box-shadow:none;font-size:.9rem}.history-toggle:hover{transform:none;box-shadow:none}.history-toggle svg{width:16px;height:16px;transition:transform .2s ease}.history-toggle svg.open{transform:rotate(180deg)}.history-body{display:grid;gap:8px}.history-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.history-select-all{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.history-list{display:grid;gap:6px;max-height:220px;overflow-y:auto;padding-right:6px}.history-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#2f7f7614;border-radius:12px;padding:6px 10px;font-size:.8rem;color:var(--muted)}.history-checkbox{display:inline-flex;align-items:center}.history-info{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.history-meta{font-size:.7rem;color:#1a1a1a80}.history-row strong{color:var(--ink)}.history-row-actions{display:flex;gap:8px}.history-meta.outcome{padding:3px 8px;border-radius:999px;font-weight:600}.history-meta.outcome.win{background:#d4a13c33;color:#7a5a14}.history-meta.outcome.loss{background:#2f7f7629;color:#1f5e58}button.tiny{padding:5px 10px;font-size:.7rem;border-radius:999px}.compact input{padding:10px 12px}button.danger{background:#1f5e58;box-shadow:0 10px 20px #1f5e5833}button.danger:hover{box-shadow:0 14px 26px #1f5e5847}button.win{background:#d4a13c;color:#1a1a1a;box-shadow:0 10px 20px #d4a13c33}button.win:hover{box-shadow:0 14px 26px #d4a13c47}.modal-backdrop{position:fixed;inset:0;background:#14141480;display:grid;place-items:center;padding:24px;z-index:10}.modal{background:var(--card);border-radius:20px;padding:20px;max-width:460px;width:100%;border:1px solid var(--border);box-shadow:0 24px 50px #1a1a1a33;animation:floatIn .25s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-header h3{margin:0;font-size:1rem}.modal p{color:var(--muted);line-height:1.5;font-size:.9rem}.modal-body{display:grid;gap:10px;margin-bottom:12px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:720px){#app{padding:28px 16px 60px}.hero{padding:28px 24px}.card-header,.card-header-body{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}}