.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 24px;justify-content:space-between;transition:background var(--transition),border-color var(--transition)}.header,.logo{height:75px;display:flex;align-items:center}.logo{position:relative;width:150px;gap:10px}.logoImage{object-fit:contain}.themeToggle{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;transition:all var(--transition)}.themeToggle:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-hover)}.themeLabel{display:none}@media (min-width:480px){.themeLabel{display:inline}}.wrapper{position:-webkit-sticky;position:sticky;top:75px;z-index:99;background:var(--bg-surface);border-bottom:1px solid var(--border);transition:background var(--transition),border-color var(--transition)}.bar{padding:10px 24px;gap:10px}.bar,.filterBtn{display:flex;align-items:center}.filterBtn{gap:6px;padding:6px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-family:var(--font-body);transition:all var(--transition)}.filterBtn.active,.filterBtn:hover{border-color:var(--accent);color:var(--text-primary);background:var(--accent-dim)}.badge{min-width:18px;height:18px;background:var(--accent);color:var(--accent-text);font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}.tabs{gap:4px}.tab,.tabs{display:flex;align-items:center}.tab{gap:5px;padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;font-family:var(--font-body);transition:all var(--transition)}.tab:hover{border-color:var(--border-hover)}.tab:hover,.tabActive{color:var(--text-primary)}.tabActive{border-color:var(--accent);background:var(--accent-dim)}.tabCount{min-width:16px;height:16px;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-text);font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:0 3px}.clearBtn{padding:5px 10px;font-size:12px;color:var(--text-muted);font-family:var(--font-body);transition:color var(--transition);margin-left:4px}.clearBtn:hover{color:var(--coral)}.panel{padding:10px 24px 14px;gap:6px;border-top:1px solid var(--border)}.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);font-size:13px;font-family:var(--font-body);transition:all var(--transition)}.chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.chipSelected{border-color:var(--accent);background:var(--accent-dim);color:var(--text-primary)}.list{padding:32px 0 80px;max-width:60%;margin:0 auto;width:100%}.monthSection{margin-bottom:40px}.monthHeader{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px;margin-bottom:14px;line-height:1}.games{display:flex;flex-direction:column;gap:6px}.gameRow{width:100%;height:75px;display:flex;align-items:center;gap:0;background:var(--bg-surface);border:2px solid var(--border);border-radius:var(--radius-md);overflow:hidden;cursor:pointer;text-align:left;font-family:var(--font-body);transition:all var(--transition);position:relative}.gameRow:hover{border-color:var(--border-hover);background:var(--bg-elevated);transition:var(--transition-glide)}.gameRow.selected{border-color:var(--accent);background:var(--accent-dim)}.colorBar{width:100%;align-self:stretch;display:flex}.gameInfo{flex:1 1;min-width:0;padding:13px 14px;display:flex;flex-direction:column;gap:3px}.gameInfo,.gameTitle{overflow:hidden;text-overflow:ellipsis}.gameTitle{font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap}.gameTitle.selected{color:var(--text-selected)}.gameMeta{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gameMeta.selected{color:var(--text-selected)}.gameDate{padding:0 15px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.dateDay{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);line-height:1}.dateDay.selected{color:var(--text-selected)}.dateMonth{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.dateMonth.selected{color:var(--text-selected)}.empty{max-width:680px;margin:80px auto;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted);text-align:center;padding:0 24px}.empty p{font-size:16px;color:var(--text-secondary);font-weight:500}.empty span{font-size:14px}@media (max-width:768px){.list{max-width:75%}.monthHeader{font-size:22px}.gameTitle{font-size:14px}}.panel{overflow-x:hidden;display:flex;flex-direction:column;overflow-y:auto;height:100%}.panel,.topBar{background:var(--bg-surface)}.topBar{padding:14px 16px 8px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:2}.backBtn{width:36px;height:36px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.backBtn:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-hover)}.cover{margin:14px 16px 0;height:auto;max-height:50%;width:calc(100% - 32px);box-sizing:border-box;border-radius:var(--radius-lg);display:flex;align-items:flex-end;padding:14px;flex-shrink:0;position:relative;overflow:hidden;border:1px solid var(--border)}.coverTitle{font-family:var(--font-display);font-size:15px;font-weight:700;color:#ffffff;position:relative;z-index:1;line-height:1.3}.bodypanel{padding:16px;display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);line-height:1.3;letter-spacing:-.3px}.date{font-size:13px;color:var(--accent);font-weight:500;margin-top:-6px}.platforms{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:11px;font-weight:500;padding:3px 9px;border-radius:var(--radius-full);border:1px solid transparent}.badge_coral{background:var(--coral-dim);color:var(--coral);border-color:var(--coral-dim)}.badge_teal{background:var(--teal-dim);color:var(--teal);border-color:var(--teal-dim)}.badge_purple{background:var(--purple-dim);color:var(--purple);border-color:var(--purple-dim)}.badge_accent{background:var(--accent-dim);color:var(--text-primary);border-color:var(--accent-dim)}.description{font-size:13px;color:var(--text-secondary);line-height:1.65;overflow-wrap:anywhere}.metaTable{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-top:4px}.metaRow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 12px;border-bottom:1px solid var(--border)}.metaRow:last-child{border-bottom:none}.metaLabel{font-size:12px;color:var(--text-muted);flex-shrink:0}.metaValue{font-size:13px;color:var(--text-primary);font-weight:500;text-align:right;min-width:0;overflow-wrap:anywhere}.app{height:100dvh;flex-direction:column}.app,.body{display:flex}.body{flex:1 1;min-height:0;overflow:hidden;position:relative;flex-direction:row}.main{flex:1 1;min-width:0;overflow-y:auto;transition:opacity var(--transition)}.sidebar{width:0;overflow:hidden;border-left:1px solid transparent;transition:width .25s ease,border-color .25s ease;flex-shrink:1}.sidebarVisible{width:20%;min-width:300px;border-left-color:var(--border);overflow-y:auto}@media (max-width:768px){.body{position:relative}.sidebar{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;z-index:200;background:var(--bg-surface);transform:translateX(100%);transition:transform .25s ease;overflow-y:auto}.sidebar,.sidebarVisible{width:100%;border-left:none}.sidebarVisible{transform:translateX(0)}.mainHidden{pointer-events:none;opacity:0}}