:root{color:#f5f7fb;font-synthesis:none;text-rendering:optimizelegibility;background:#090b10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#090b10;min-width:320px}body{background:radial-gradient(circle at 0 0,#5eead414,#0000 32rem),#090b10;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #5eead48c}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0 48px}.app-header{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:#5eead4;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.75rem;font-weight:800}h1,h2,h3,p,dl,dd{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:10px;font-size:clamp(2.25rem,8vw,4.5rem);line-height:.95}h2{letter-spacing:-.02em;margin-bottom:0;font-size:1.35rem}h3{overflow-wrap:anywhere;margin-bottom:5px;font-size:1.05rem}.header-copy{color:#9ca3af;max-width:650px;margin-bottom:0;line-height:1.65}.collection-pill,.collection-count{color:#c8d0dc;background:#11151d;border:1px solid #2c3340;border-radius:999px;width:fit-content;font-size:.82rem;font-weight:700}.collection-pill{padding:9px 13px}.collection-count{padding:7px 10px}.summary-bar{gap:10px;margin-bottom:20px;display:grid}.summary-total,.summary-item{background:#10141b;border:1px solid #222936;border-radius:16px}.summary-total{align-items:baseline;gap:8px;padding:18px;display:flex}.summary-total-value{font-size:1.8rem;font-weight:800}.summary-total-label{color:#9ca3af;font-size:.85rem}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:0;display:grid}.summary-item{padding:14px}.summary-item dt{color:#8d96a5;font-size:.72rem;font-weight:700}.summary-item dd{margin:6px 0 0;font-size:1.5rem;font-weight:800}.dashboard{gap:20px;display:grid}.form-panel,.collection-panel{background:#0f131a;border:1px solid #222936;border-radius:20px;min-width:0;padding:20px}.section-heading{margin-bottom:20px}.collection-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.game-form{gap:16px;display:grid}.field{border:0;min-width:0;margin:0;padding:0}.field label,.field legend{color:#d8dee8;margin-bottom:7px;font-size:.82rem;font-weight:700;display:block}.field-label-row{justify-content:space-between;gap:12px;display:flex}.field-label-row span{color:#737d8d;font-size:.72rem}input,select,textarea{background:#090c12;border:1px solid #303847;border-radius:11px;width:100%;padding:11px 12px;transition:border-color .15s,background .15s}input:hover,select:hover,textarea:hover{border-color:#465164}textarea{resize:vertical;min-height:104px;line-height:1.5}.segmented-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.segmented-control label{margin:0;position:relative}.segmented-control input{opacity:0;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.segmented-control span{color:#aab2bf;text-align:center;background:#090c12;border:1px solid #303847;border-radius:10px;padding:10px 12px;transition:border-color .15s,background .15s,color .15s;display:block}.segmented-control input:checked+span{color:#dffcf7;background:#5eead41a;border-color:#5eead4}.segmented-control input:focus-visible+span{outline-offset:2px;outline:3px solid #5eead48c}.form-actions,.game-actions{flex-wrap:wrap;gap:9px;display:flex}.button{border:1px solid #0000;border-radius:10px;min-height:42px;padding:9px 14px;font-weight:750;transition:transform .12s,border-color .12s,background .12s}.button:active{transform:translateY(1px)}.button-primary{color:#07110f;background:#5eead4}.button-primary:hover{background:#72f2de}.button-secondary{color:#dce2eb;background:#151a23;border-color:#303847}.button-secondary:hover{border-color:#4a5669}.button-danger{color:#fca5a5;background:#231317;border-color:#4a2830}.button-danger:hover{border-color:#7f3543}.form-error,.storage-warning{color:#fecaca;background:#251219;border:1px solid #6c2d3b;border-radius:10px}.form-error{margin:0;padding:10px 12px;font-size:.82rem}.storage-warning{margin-bottom:20px;padding:12px 14px}.game-list{scrollbar-width:thin;scrollbar-color:#3a4557 transparent;gap:12px;max-height:58vh;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.game-card{background:#11161e;border:1px solid #242c39;border-radius:15px;min-width:0;padding:16px}.game-card-header{flex-direction:column;gap:10px;display:flex}.game-card-title-group{min-width:0}.game-meta{color:#8e98a8;overflow-wrap:anywhere;margin-bottom:0;font-size:.8rem}.status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-self:flex-start;padding:5px 9px;font-size:.7rem;font-weight:800}.status-not-started{color:#cbd5e1;background:#47556933;border-color:#475569}.status-in-progress{color:#fde68a;background:#eab3081a;border-color:#8a6a24}.status-completed{color:#99f6e4;background:#2dd4bf1a;border-color:#247565}.status-dropped{color:#fda4af;background:#f43f5e1a;border-color:#7a3541}.game-note{color:#bbc3ce;overflow-wrap:anywhere;margin:14px 0;font-size:.88rem;font-style:italic;line-height:1.55}.game-actions{margin-top:16px}.game-actions .button{min-height:38px;padding:7px 11px;font-size:.78rem}.empty-state{text-align:center;place-items:center;min-height:300px;padding:30px 18px;display:grid}.empty-state-icon{color:#5eead4;border:1px dashed #465164;border-radius:15px;place-items:center;width:52px;height:52px;margin-bottom:15px;font-size:1.6rem;display:grid}.empty-state h3{margin-bottom:7px}.empty-state p{color:#858f9e;max-width:340px;margin-bottom:0;font-size:.88rem;line-height:1.55}@media (width>=600px){.app-shell{width:min(1180px,100% - 48px);padding-top:44px}.app-header{flex-direction:row;justify-content:space-between;align-items:flex-end}.summary-bar{grid-template-columns:140px minmax(0,1fr)}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.game-card-header{flex-direction:row;justify-content:space-between;align-items:flex-start}}@media (width>=900px){.dashboard{grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);align-items:start}.form-panel{position:sticky;top:24px}.game-list{max-height:64vh}}