@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap";:root{color:#20231f;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--surface:#fff;--surface-soft:#e8eadf;--text:#20231f;--muted:#656a61;--border:#d8dbcf;--accent:#236b48;--accent-strong:#185037;--accent-soft:#d8eee1;--warm:#f0aa3c;--danger:#a9382e;--focus:#1667b1;background:#f3f4ee;font-family:DM Sans,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:#f3f4ee;min-width:320px}body{background:radial-gradient(circle at 10% 0,#fff 0,#0000 24rem),#f3f4ee;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button,select,input[type=checkbox]{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--surface:#1f2420;--surface-soft:#2a302a;--text:#f2f4ef;--muted:#b3baaf;--border:#3f4740;--accent:#66c58d;--accent-strong:#8ed9ac;--accent-soft:#173b28;--warm:#f5bd67;--danger:#ff8d82;--focus:#75baff}html:not([data-theme=light]),html:not([data-theme=light]) body{background:#151916}html:not([data-theme=light]) body{background:radial-gradient(circle at 10% 0,#263129 0,#0000 22rem),#151916}}:root[data-theme=dark]{--surface:#1f2420;--surface-soft:#2a302a;--text:#f2f4ef;--muted:#b3baaf;--border:#3f4740;--accent:#66c58d;--accent-strong:#8ed9ac;--accent-soft:#173b28;--warm:#f5bd67;--danger:#ff8d82;--focus:#75baff}html[data-theme=dark],html[data-theme=dark] body{background:#151916}html[data-theme=dark] body{background:radial-gradient(circle at 10% 0,#263129 0,#0000 22rem),#151916}@media (prefers-reduced-motion:no-preference){.game-card,.toast{animation:.16s ease-out both enter}@keyframes enter{0%{opacity:0;transform:translateY(4px)}}}#root{min-height:100vh}.app-shell{width:min(100%,760px);color:var(--text);margin:0 auto;padding:20px 14px 48px}.app-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.header-actions{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 2px;font-size:.76rem;font-weight:800}h1,h2{letter-spacing:0;overflow-wrap:anywhere;font-family:Manrope,sans-serif}h1{margin:0;font-size:1.65rem;line-height:1.12}.stats{color:var(--muted);margin:5px 0 0;font-size:.9rem}.refresh-button{min-height:44px;color:var(--accent);background:0 0;border:0;padding:0 4px;font-weight:700}.theme-button{border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--surface);border-radius:6px;padding:0 8px;font-size:.8rem;font-weight:700}.refresh-button:disabled{opacity:.6}.identity-bar{border-left:3px solid var(--accent);min-height:44px;color:var(--muted);background:var(--surface-soft);justify-content:space-between;align-items:center;gap:10px;margin:-6px 0 12px;padding:6px 10px;font-size:.8rem;display:flex}.identity-bar strong{color:var(--text)}.identity-bar button{min-height:44px;color:var(--accent);background:0 0;border:0;flex:none;padding:0 4px;font-weight:800}.controls{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.button{border:1px solid #0000;border-radius:7px;min-height:46px;padding:0 16px;font-weight:700}.primary{color:#fff;background:var(--accent)}.primary:hover{background:var(--accent-strong)}.secondary{color:var(--text);border-color:var(--border);background:var(--surface)}.danger{color:#fff;background:#a9382e}.button:disabled{cursor:wait;opacity:.65}.add-button{grid-column:1/-1;width:100%}.sort-control{color:var(--muted);flex-direction:column;gap:3px;font-size:.76rem;font-weight:700;display:flex}.sort-control select{border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:var(--surface);border-radius:7px;padding:0 32px 0 10px;font-size:1rem}.filter-control{border:1px solid var(--border);background:var(--surface);border-radius:7px;align-self:end;align-items:center;gap:9px;min-height:44px;padding:0 10px;font-weight:700;display:flex}.filter-control input{width:20px;height:20px;accent-color:var(--accent)}.install-summary{border-left:4px solid var(--warm);background:var(--surface-soft);margin:-2px 0 12px;padding:10px 12px;font-size:.86rem}.game-list{gap:10px;display:grid}.game-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:minmax(0,1fr) 66px;gap:10px 12px;padding:14px;display:grid;box-shadow:0 2px 9px #19261d0d}.game-card--voted{border-color:var(--accent);box-shadow:inset 3px 0 var(--accent)}.game-main{min-width:0}.game-title-row{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.game-title-row h2{margin:0;font-size:1.02rem;line-height:1.25}.install-badge{color:#513100;text-transform:uppercase;background:#f8dcae;border-radius:4px;flex:none;padding:3px 6px;font-size:.68rem;font-weight:800}.meta-row,.cost-row{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;gap:3px 10px;margin-top:6px;font-size:.8rem;display:flex}.meta-row span:not(:last-child):after{content:"·";margin-left:10px}.cost-row strong{color:var(--text)}.cost-row .free-price{color:#168447}.store-links{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.store-links a{border:1px solid var(--border);min-height:32px;color:var(--accent);background:var(--surface-soft);border-radius:5px;align-items:center;padding:4px 8px;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.description{color:var(--muted);overflow-wrap:anywhere;margin:8px 0 0;font-size:.85rem;line-height:1.4}.voters{color:var(--accent);overflow-wrap:anywhere;margin:8px 0 0;font-size:.78rem;line-height:1.35}.submitted{color:var(--muted);margin:7px 0 0;font-size:.72rem}.vote-button{border:1px solid var(--border);width:66px;min-height:58px;color:var(--text);background:var(--surface-soft);border-radius:7px;justify-content:center;align-self:start;align-items:center;gap:6px;font-size:1rem;display:flex}.vote-button span{font-size:1.25rem}.vote-button strong{font-size:1.1rem}.vote-button.selected{color:#fff;border-color:var(--accent);background:var(--accent);animation:.52s cubic-bezier(.18,.89,.32,1.45) vote-pop}.card-actions{border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:2px 14px;padding-top:8px;display:flex}.card-actions button,.card-actions a{min-height:44px;color:var(--accent);background:0 0;border:0;align-items:center;padding:0;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.card-actions .danger-link{color:var(--danger)}.empty-state{border:1px dashed var(--border);text-align:center;background:var(--surface);border-radius:8px;padding:38px 20px}.empty-state h2{margin:0 0 6px;font-size:1.15rem}.empty-state p{max-width:32rem;color:var(--muted);margin:0 auto 18px}.skeleton{border:1px solid var(--border);background:var(--surface);border-radius:8px;height:136px;padding:16px}.skeleton span{background:var(--surface-soft);border-radius:3px;width:58%;height:13px;margin-bottom:12px;display:block}.skeleton span:first-child{width:75%;height:18px}.skeleton span:last-child{width:38%}.error-banner{border-left:4px solid var(--danger);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:11px 12px;font-size:.86rem;display:flex}.error-banner button{min-height:44px;color:var(--accent);background:0 0;border:0;font-weight:700}.toast{z-index:70;border:1px solid var(--border);max-width:520px;color:var(--text);background:var(--surface);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:auto;padding:12px 14px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 30px #00000038}.toast button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;flex:0 0 44px;font-size:1.4rem}.modal-backdrop{z-index:100;background:#0a0e0ba3;justify-content:center;align-items:flex-end;padding-top:20px;display:flex;position:fixed;inset:0}.modal-panel{width:min(100%,620px);max-height:calc(100dvh - 20px);color:var(--text);background:var(--surface);border-radius:8px 8px 0 0;overflow-y:auto;box-shadow:0 -10px 40px #0000003d}.modal-header{z-index:1;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 10px;display:flex;position:sticky;top:0}.modal-header h2{margin:0;font-size:1.1rem}.icon-button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;font-size:1.7rem}.game-form,.name-form,.confirm-content{padding:14px}.game-form label,.name-form label{color:var(--muted);flex-direction:column;gap:5px;margin-bottom:12px;font-size:.78rem;font-weight:700;display:flex}.game-form input,.game-form select,.game-form textarea,.name-form input{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);background:var(--surface);border-radius:6px;padding:10px 11px;font-size:16px}.choice-fieldset{border:1px solid var(--border);border-radius:6px;margin:0 0 12px;padding:10px}.choice-fieldset legend{color:var(--muted);padding:0 5px;font-size:.78rem;font-weight:700}.store-choices{grid-template-columns:1fr 1fr;gap:4px 10px;display:grid}.store-choices label{min-height:40px;color:var(--text);flex-direction:row;align-items:center;gap:8px;margin:0;font-size:.84rem}.store-choices input{width:20px;height:20px;min-height:20px;accent-color:var(--accent);flex:0 0 20px}.game-form textarea{resize:vertical;min-height:78px}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field-error{color:var(--danger);margin:-7px 0 10px;font-size:.78rem;display:block}.disclosure{min-height:44px;color:var(--accent);background:0 0;border:0;padding:0;font-weight:700}.more-fields{padding-top:6px}.modal-actions{background:var(--surface);grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;padding-top:12px;display:grid;position:sticky;bottom:0}.name-form p,.confirm-content p{color:var(--muted);margin:0 0 18px}.identity-picker{padding:4px 14px 16px}.identity-picker>p{color:var(--muted);margin:8px 0 12px;font-size:.84rem}.identity-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.identity-options button{border:1px solid var(--border);min-height:50px;color:var(--text);background:var(--surface-soft);overflow-wrap:anywhere;border-radius:6px;padding:7px 8px;font-weight:800;line-height:1.18}.identity-options button.selected{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.celebration{z-index:200;pointer-events:none;position:fixed;inset:0;overflow:hidden}.celebration i{--angle:calc(var(--i) * 41deg);background:hsl(calc(var(--i) * 47deg) 82% 56%);width:10px;height:18px;transform:rotate(var(--angle));border-radius:2px;animation:1.45s cubic-bezier(.12,.7,.22,1) both confetti-burst;position:absolute;top:47%;left:50%}.celebration i:nth-child(3n){border-radius:50%;width:13px;height:13px}.celebration i:nth-child(4n){background:var(--warm)}.celebration-message{color:#fff;background:var(--accent);border:3px solid #fff;border-radius:7px;padding:10px 16px;font:800 1.1rem Manrope,sans-serif;animation:1.3s cubic-bezier(.18,.89,.32,1.45) both celebration-title;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 35px #00000047}.celebration--game .celebration-message{background:#c86912}@keyframes vote-pop{0%{transform:scale(1)}38%{transform:scale(1.28)rotate(-6deg);box-shadow:0 0 0 12px #236b482e}72%{transform:scale(.94)rotate(2deg)}to{transform:scale(1)}}@keyframes confetti-burst{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(0) scale(.2)}12%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(-38vh - (var(--i) * .7vh))) rotate(660deg) scale(1)}}@keyframes celebration-title{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)rotate(-8deg)}22%{opacity:1;transform:translate(-50%,-50%)scale(1.18)rotate(3deg)}48%{transform:translate(-50%,-50%)scale(1)rotate(0)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-80%)scale(.92)}}@media (prefers-reduced-motion:reduce){.celebration{display:none}.vote-button.selected{animation:none}}@media (width>=600px){.app-shell{padding:32px 20px 60px}.controls{grid-template-columns:1fr 190px 170px;align-items:end}.add-button{grid-column:auto}.modal-backdrop{align-items:center;padding:24px}.modal-panel{border-radius:8px}.modal-panel--compact{max-width:430px}}@media (width<=350px){.app-shell{padding-inline:10px}.app-header{gap:5px}h1{font-size:1.45rem}.game-card{grid-template-columns:minmax(0,1fr) 60px;padding:11px}.vote-button{width:60px}.card-actions{gap:2px 11px}}