@font-face{font-family:Rude;src:url(/assets/Rude11-BT0Is3pd.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Glitch Slap;src:url(/assets/GlitchSlap-DR2cWV63.otf) format("opentype")}@font-face{font-family:Supermarketed;src:url(/assets/Supermarketed-BORIu4uC.otf) format("opentype")}@font-face{font-family:Danger on the Motorway;src:url(/assets/Danger_on_the_Motorway-Dazhs67m.otf) format("opentype")}@font-face{font-family:Shoutyperson;src:url(/assets/Shoutyperson-BJe0MrZl.otf) format("opentype")}.game-card{position:relative;display:flex;gap:1rem;border:5px solid #ddd;border-radius:8px;padding:1rem;align-items:center;color:#f2f2ff;background-color:#66c1e5}.sale-initial-price{color:#c00}.remove-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff2;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.remove-confirm p{margin:0;font-size:.95rem;font-weight:500}.remove-confirm-actions{display:flex;gap:.5rem}.confirm-yes{padding:.3rem .9rem;background:#c00;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem}.confirm-yes:hover{background:#a00}.confirm-no{padding:.3rem .9rem;background:none;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85rem}.confirm-no:hover{background:#f0f0f0}.game-cover{width:90px;height:134px;object-fit:cover;border-radius:4px;flex-shrink:0}.game-title{font-family:Glitch Slap}.game-info .game-title a{display:inline;text-decoration:none;color:inherit;font-size:inherit}.title-steam-link-icon{height:1.1rem;width:1.1rem;vertical-align:middle;margin-left:.25em}.game-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.game-info h2{margin:0;font-size:1.1rem;color:#fff;overflow-wrap:break-word}.game-price{margin:0;font-family:Supermarketed;color:#1a3d20}.game-info a{font-size:.9rem}.vote-controls{display:flex;flex-direction:column;align-items:center;gap:.25rem;flex-shrink:0}.elle-thumb-up{width:60px;height:60px;object-fit:contain}.vote-controls button{background:none;border:2px solid #1a5c80;border-radius:4px;cursor:pointer;font-size:.8rem;padding:.2rem .5rem;line-height:1;display:flex;flex-direction:column;align-items:center}.vote-controls button:disabled{opacity:.4;cursor:not-allowed}.vote-btn-tooltip-wrapper{position:relative}.vote-btn-tooltip-wrapper:after{content:"Nice try, you piece of shit!";position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%);background:#222;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.vote-controls button.voted{border-color:#c2e1ed;background:#ffffff59}.game-card.owned .vote-controls button{border-color:#1a5c2a}.game-card.owned .game-price{color:#1a3d20}.game-card.owned .vote-controls button.voted{border-color:#8fd4a8;background:#8fd4a84d}.game-card.owned .vote-count-not-voted,.game-card.owned .vote-count-voted{color:#1a3d20}@media (hover: hover){.vote-btn-tooltip-wrapper:hover:after{opacity:1}.vote-controls button:hover{background:#f0f0f0}.vote-controls button.voted:hover{background:#2cb1e5}.game-card.owned .vote-controls button.voted:hover{background:#4caf5059}}.vote-count-not-voted{color:#555;font-size:.9rem;font-weight:700}.vote-count-voted{color:#1a5c80;font-size:.9rem;font-weight:700}@keyframes rainbow{0%{background-position:0% 50%}to{background-position:200% 50%}}.game-info .sale-link{background:linear-gradient(90deg,red,orange,#ff0,green,#0ff,#00f,violet,red);background-size:200% auto;animation:rainbow 10s linear infinite;border-radius:4px;padding:.1rem .4rem;color:#fff;font-weight:700;align-self:flex-start}@media (prefers-reduced-motion: reduce){.game-info .sale-link{animation:none;background:linear-gradient(90deg,red,orange,#ff0,green,#0ff,#00f,violet,red);background-size:100% auto}}.game-card.owned{background-color:#52be7a}.owns-badge{font-family:Shoutyperson;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:2.5rem;font-weight:700;color:#ffffff59;text-transform:uppercase;letter-spacing:.3em;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none}@media (max-width: 800px){.elle-thumb-up{width:clamp(20px,8vw,60px);height:clamp(20px,8vw,60px)}.vote-controls button{padding:.1rem .2rem}.owns-badge{left:auto;right:1rem;transform:translateY(-50%) rotate(-50deg);font-size:2rem;color:#fff3}}.game-list-wrapper{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.alert-box{display:flex;flex-direction:column;align-items:center;margin-bottom:1rem}.vote-box-small{position:relative;display:flex;width:100%;box-sizing:border-box;border-radius:50px;padding:1rem;align-items:center;background-color:#3f66d0}.vote-box-info-small{flex:1;text-align:center;color:#fff;font-size:1.5rem;font-weight:700;font-family:Danger on the Motorway}.vote-box-info-small-spans{display:flex;flex-direction:column;flex:1;align-items:center;text-align:center;color:#fff;font-family:Danger on the Motorway;font-size:.85rem;font-weight:700;line-height:1.6}.vote-box-small-image-left{height:clamp(50px,15vw,134px);width:auto;object-fit:cover;border-radius:4px;margin-right:1rem}.vote-box-small-image-right{height:clamp(50px,15vw,134px);width:auto;object-fit:cover;border-radius:4px;margin-left:1rem}.game-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.alert-box-buttons{display:flex;flex-direction:row;justify-content:center;gap:.5rem;padding:0 0 .75rem}.kill-gif-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;z-index:1000}.kill-gif-overlay img{max-width:90vw;max-height:90vh}.game-search{position:relative;margin-bottom:1.5rem}.game-search input{width:100%;padding:.6rem .8rem;font-size:1rem;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.game-search input:focus{outline:none;border-color:#1a73e8}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:6px;list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a}.search-result{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid #f0f0f0}.search-result:last-child{border-bottom:none}.search-result img{width:60px;height:28px;object-fit:cover;border-radius:3px;flex-shrink:0}.result-name{flex:1;font-size:.9rem}.search-result:hover:not(.already-added){background:#ccbdf2}.result-status{font-size:.9rem;background:#ccbdf2;border-radius:4px;padding:.1rem .4rem}body{scrollbar-width:none}body::-webkit-scrollbar{display:none}.home-page{display:flex;flex-direction:column;max-width:1000px;margin:0 auto;padding:2rem;box-sizing:border-box;font-family:sans-serif}@media (max-width: 800px){.bubble-background-container{background:#e66c8b!important}.bubble-background-animated{display:none}}.home-page h1{margin-bottom:1rem;font-family:Rude,sans-serif;font-size:3rem;color:#2956d0}.user-info{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:.9rem;margin-bottom:1rem}.steam-sign-in{display:flex;margin-bottom:1rem}.user-avatar{width:32px;height:32px;border-radius:50%}.user-info a{color:#2956d0;font-size:.8rem}.status{text-align:center;margin-top:2rem;color:#fff;font-weight:700}.status.error{color:#c00;font-weight:700}.sort-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.sort-label{font-size:.9rem;color:#fff;white-space:nowrap}.sort-keys,.sort-dirs{display:flex;gap:.4rem}.sort-btn{padding:.25rem .65rem;font-size:.85rem;border:1px solid #ccc;border-radius:4px;background:none;cursor:pointer;color:#fff}.sort-btn:hover{border-color:#2956d0;color:#2956d0}.sort-btn.active{background:#2956d0;border-color:#2956d0;color:#fff}.sort-btn:active{transform:scale(.93);transition:transform .1s}.scroll-to-top{position:fixed;display:flex;flex-direction:column;align-items:center;bottom:2rem;right:2rem;background:none;border:none;cursor:pointer;padding:0;z-index:100}.scroll-to-top img{height:6rem;width:auto;opacity:.85;transition:opacity .2s,transform .2s}.scroll-to-top:hover img{opacity:1;transform:scale(1.2)}
