*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.welcome h1{font-size:3rem;color:#f5f5f5}.welcome p{font-size:1.25rem;color:#a0a0b0}.login-form{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:1rem}.login-form h2{font-size:1.25rem;color:#c0c0d0}.login-form input{padding:.5rem .75rem;border:1px solid #3a3a5c;border-radius:6px;background:#2a2a4a;color:#e0e0e0;font-size:1rem;width:14rem}.login-form button{padding:.5rem 1.5rem;border:none;border-radius:6px;background:#5c6bc0;color:#fff;font-size:1rem;cursor:pointer}.login-form button:disabled{opacity:.4;cursor:default}.link-btn{background:none;border:none;color:#7986cb;cursor:pointer;font-size:inherit;padding:0}.app{max-width:40rem;margin:0 auto;padding:1.5rem 1rem}.app-header{display:grid;align-items:center;gap:.75rem;margin-bottom:1.5rem;grid-template-rows:auto auto;grid-template-columns:auto 1fr;grid-template-areas:"logo user" "nav nav"}.app-header h1{grid-area:logo;font-size:1.5rem;color:#f5f5f5}.app-nav{grid-area:nav;display:flex;flex-wrap:wrap;gap:.25rem;justify-self:center}.app-header-user{grid-area:user;justify-self:end}.nav-btn{background:none;border:none;color:#a0a0b0;font-size:.95rem;cursor:pointer;padding:.25rem .75rem;border-radius:4px;text-decoration:none}.nav-btn.active{color:#f5f5f5;background:#2a2a4a}.game-card{padding:.5rem;border-radius:6px;background:#2a2a4a}.game-card-row{display:flex;gap:.75rem;align-items:center}.game-card img{width:3rem;height:3rem;object-fit:cover;border-radius:4px;flex-shrink:0}.game-card-info{flex:1;min-width:0}.game-card strong{color:#f5f5f5}.game-card strong a{color:inherit;text-decoration:none}.game-card strong a:hover{text-decoration:underline}.game-card .year{color:#a0a0b0}.game-card .meta{display:block;font-size:.85rem;color:#8888a0}.player-count-poll{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}.player-count-pill{position:relative;display:inline-flex;flex-direction:column;align-items:center}.player-count-box{width:.95rem;height:.95rem;border-radius:3px;overflow:hidden;display:flex;flex-direction:column-reverse;border:1px solid #5a5a74}.player-count-segment{width:100%}.player-count-segment.best{background:#18ab35}.player-count-segment.recommended{background:#a1c764}.player-count-segment.not-recommended{background:#d06363}.player-count-label{margin-top:.08rem;font-size:.68rem;color:#a0a0b0}.player-count-tooltip{position:absolute;left:50%;top:calc(100% + .2rem);transform:translate(-50%);padding:.35rem .45rem;border-radius:6px;background:#141426;border:1px solid #3a3a5c;opacity:0;pointer-events:none;z-index:2}.player-count-pill:hover .player-count-tooltip,.player-count-pill:focus-within .player-count-tooltip{opacity:1}.player-count-pill:focus-visible .player-count-tooltip{opacity:1}.player-count-pill:focus-visible{outline:2px solid #7986cb;outline-offset:2px;border-radius:4px}.player-count-tooltip strong{display:block;margin-bottom:.2rem;color:#f5f5f5}.player-count-tooltip table{border-collapse:collapse;font-size:.72rem}.player-count-tooltip th,.player-count-tooltip td{padding:.08rem .35rem .08rem 0;color:#c8c8d8;text-align:left;white-space:nowrap}.player-count-tooltip td:last-child{text-align:right;padding-right:0}.collection,.search-results{list-style:none;display:flex;flex-direction:column;gap:.5rem}.search-results{margin-top:.75rem}.empty-msg{color:#a0a0b0;font-size:.8em}.game-search input{width:100%;padding:.6rem .75rem;border:1px solid #3a3a5c;border-radius:6px;background:#2a2a4a;color:#e0e0e0;font-size:1rem}.search-status{color:#a0a0b0;margin-top:.5rem}.add-btn,.remove-btn{padding:.3rem .75rem;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0}.add-btn{background:#5c6bc0}.remove-btn{background:#c0504d}.card-actions{display:flex;gap:.4rem;align-items:center;flex-shrink:0}.vote-btn{padding:.3rem .6rem;border:1px solid #3a3a5c;border-radius:6px;background:none;color:#a0a0b0;cursor:default;font-size:.9rem}.rating-boxes-wrapper{position:relative;display:inline-flex}.rating-boxes{display:flex;gap:2px;align-items:center}.rating-tooltip{position:absolute;left:50%;top:calc(100% + .2rem);transform:translate(-50%);padding:.35rem .45rem;border-radius:6px;background:#141426;border:1px solid #3a3a5c;z-index:2;width:14em;white-space:normal;text-align:center;text-wrap:balance}.rating-tooltip strong{display:block;font-size:.85rem;color:#f5f5f5;font-weight:600}.rating-box{width:10px;height:18px;padding:0;border:none;border-radius:2px;cursor:pointer}.rating-gray{background:#6b6b7a}.rating-red{background:#db4b49}.rating-yellow{background:#cfa844}.rating-green{background:#18ab35}.dates{display:flex;flex-direction:column;gap:.25rem}.date-row{padding:.5rem .75rem;border-radius:6px;background:#22223a}.date-row.weekend{background:#2a2a4a;border-left:3px solid #5c6bc0}.date-header{display:flex;justify-content:space-between;align-items:center}.date-label{font-weight:600;color:#e0e0e0}.avail-form{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.avail-form input[type=time]{padding:.25rem .4rem;border:1px solid #3a3a5c;border-radius:4px;background:#1a1a2e;color:#e0e0e0;font-size:.9rem}.avail-slots{list-style:none;margin-top:.4rem;display:flex;flex-direction:column;gap:.2rem}.avail-slot{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.avail-user{color:#7986cb;min-width:5rem}.avail-time{color:#a0a0b0}.remove-btn.small{padding:.1rem .4rem;font-size:.75rem}.suggestions{display:flex;flex-direction:column;gap:1.25rem}.suggestion-date-tabs{display:flex;flex-wrap:wrap;gap:.25rem;border-bottom:1px solid #3a3a5c;padding-bottom:.5rem}.suggestion-date-tab{padding:.4rem .75rem;font-size:.9rem;color:#a0a0b0;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.suggestion-date-tab:hover{color:#f5f5f5;background:#2a2a4a}.suggestion-date-tab.active{color:#f5f5f5;background:#3a3a5c;border-color:#7986cb}.suggestion-tab-players{font-size:.85em;color:#8888a0}.suggestion-date-tab.active .suggestion-tab-players{color:#a0a0b0}.suggestion-date-panel{margin-top:.25rem}.page-intro{color:#a0a0b0;font-size:.8em;margin:1rem 0;max-width:42rem}.suggestion-date-label{font-size:1.1rem;color:#f5f5f5;margin-bottom:.5rem}.suggestion-player-group{margin-top:1rem;padding-left:.5rem;border-left:3px solid #3a3a5c}.suggestion-group-heading{font-size:1rem;font-weight:600;color:#c5cae9;margin:0 0 .2rem}.suggestion-group-times{font-size:.9rem;color:#a0a0b0;margin:0 0 .5rem}.suggestion-game-icons{display:flex;flex-wrap:wrap;gap:.5rem}.suggestion-game-icon-wrap{cursor:pointer}.suggestion-game-icon{width:48px;height:48px;object-fit:cover;border-radius:6px;border:2px solid transparent}.suggestion-game-icon-wrap:hover .suggestion-game-icon{border-color:#7986cb}.suggestion-game-icon-placeholder{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:6px;background:#2a2a4a;color:#a0a0b0;font-size:.85rem}.suggestion-game-detail{list-style:none;margin-top:.5rem;padding:0}.suggestion-games{list-style:none;display:flex;flex-direction:column;gap:.5rem}.suggestion-footer{margin-top:.4rem;padding-top:.3rem;border-top:1px solid #3a3a5c}.suggestion-players{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.4rem}.player-tag{padding:.15rem .5rem;border-radius:4px;background:#1a1a2e;color:#7986cb;font-size:.85rem}.show-more-btn{margin-top:.4rem;font-size:.85rem}