@import"https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap";:root{--bg-base: #12100e;--bg-surface: #1c1915;--bg-raised: #242018;--bg-hover: #2d2822;--accent: #f59e0b;--accent-dim: #b45309;--accent-glow: rgba(245, 158, 11, .15);--green: #22c55e;--green-dim: rgba(34, 197, 94, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .15);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .15);--blue: #60a5fa;--blue-dim: rgba(96, 165, 250, .12);--text-primary: #f5f0e8;--text-secondary: #a09880;--text-dim: #665e50;--border: rgba(255, 255, 255, .06);--border-accent: rgba(245, 158, 11, .3);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 2px 12px rgba(0, 0, 0, .4);--shadow-hover: 0 4px 24px rgba(0, 0, 0, .5);--font-display: "Syne", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--navbar-height: 60px;--content-max: 800px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,textarea,select,pre{font-family:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.layout{padding-top:var(--navbar-height)}.page{max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-4) var(--space-12);display:flex;flex-direction:column;gap:var(--space-6)}.page__header{margin-bottom:var(--space-2)}.page__title{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--text-primary);line-height:1.2}.page__subtitle{color:var(--text-secondary);margin-top:var(--space-1);font-size:.95rem}.page__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:#12100eeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-4);gap:var(--space-6);z-index:100}.navbar__brand{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.navbar__logo{font-size:1.4rem}.navbar__title{font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}.navbar__links{display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none}.navbar__links::-webkit-scrollbar{display:none}.navbar__link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;transition:color .15s,background .15s}.navbar__link:hover{color:var(--text-primary);background:var(--bg-hover)}.navbar__link--active{color:var(--accent);background:var(--accent-glow)}.navbar__link-emoji{font-size:1rem}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-4)}.card--highlight{border-color:var(--border-accent);background:linear-gradient(135deg,var(--bg-surface) 0%,var(--accent-glow) 100%)}.card--dim{opacity:.7}.card--form{border-color:var(--border-accent)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.card__title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.card__subtitle{font-size:.875rem;color:var(--text-secondary)}.card__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem 1.125rem;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:filter .15s,transform .1s,opacity .15s;white-space:nowrap}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:#000}.btn--primary:hover:not(:disabled){filter:brightness(1.1)}.btn--secondary{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover)}.btn--danger{background:var(--red-dim);color:var(--red);border:1px solid rgba(239,68,68,.2)}.btn--danger:hover:not(:disabled){background:var(--red);color:#fff}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.btn--copy{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border);font-size:.8rem;padding:.35rem .75rem}.btn--copy:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn--copied{background:var(--green-dim);color:var(--green);border-color:#22c55e4d}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--sm{padding:.3rem .7rem;font-size:.8rem}.btn--icon{padding:.4rem .6rem;font-size:1rem}.form-row{display:flex;gap:var(--space-4);flex-wrap:wrap}.form-group{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:140px}.form-group--wide{flex:2;min-width:200px}.form-label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-textarea{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:.6rem .875rem;color:var(--text-primary);font-size:.9rem;transition:border-color .15s,box-shadow .15s;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.form-textarea{resize:vertical;min-height:80px}.form-hint{font-size:.78rem;color:var(--text-dim)}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2)}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:100px;font-size:.78rem;font-weight:600;white-space:nowrap}.badge--green{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.2)}.badge--amber{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,158,11,.2)}.badge--gray{background:var(--bg-raised);color:var(--text-dim);border:1px solid var(--border)}.badge--blue{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(96,165,250,.2)}.hype-badge{display:inline-flex;align-items:center;gap:2px;font-size:.85rem}.hype-badge small{font-size:.7rem;color:var(--text-secondary)}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;box-shadow:0 8px 32px #00000080;z-index:999;animation:slideUp .2s ease;white-space:nowrap}.toast--success{background:var(--green-dim);border:1px solid rgba(34,197,94,.3);color:var(--green)}.toast--error{background:var(--red-dim);border:1px solid rgba(239,68,68,.3);color:var(--red)}.toast--info{background:var(--blue-dim);border:1px solid rgba(96,165,250,.2);color:var(--blue)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.state-view{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);text-align:center}.state-view__icon{font-size:3rem}.state-view__text{color:var(--text-secondary);font-size:.95rem}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.alert{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:.9rem}.alert p{color:var(--text-secondary);margin-top:var(--space-1);font-size:.85rem}.alert strong{display:block;margin-bottom:var(--space-1)}.alert--warning{background:var(--amber-dim);border:1px solid rgba(245,158,11,.25);color:var(--amber)}.alert--info{background:var(--blue-dim);border:1px solid rgba(96,165,250,.15);color:var(--blue)}.info-banner{background:var(--blue-dim);border:1px solid rgba(96,165,250,.2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:.85rem;color:var(--blue)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.dialog{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:380px;width:100%;box-shadow:0 24px 64px #0009}.dialog__message{font-size:1rem;margin-bottom:var(--space-6);color:var(--text-primary);line-height:1.5}.dialog__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.info-grid__item{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.info-grid__item--highlight{border-color:var(--border-accent);background:var(--accent-glow)}.info-grid__item dt{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--space-1);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.info-grid__item dd{font-size:.95rem;font-weight:600;color:var(--text-primary)}.weekly-guide{display:flex;flex-direction:column;gap:0}.weekly-guide__item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.weekly-guide__item:last-child{border-bottom:none}.weekly-guide__day{font-size:.8rem;font-weight:700;color:var(--accent);min-width:72px;text-transform:uppercase;letter-spacing:.05em}.weekly-guide__action{flex:1;font-size:.9rem;color:var(--text-secondary)}.hype-chart{display:flex;flex-direction:column;gap:var(--space-4)}.hype-chart__item{display:flex;flex-direction:column;gap:var(--space-2)}.hype-chart__label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hype-chart__name{font-size:.9rem;font-weight:600}.hype-chart__bar-track{height:8px;background:var(--bg-raised);border-radius:100px;overflow:hidden}.hype-chart__bar{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));border-radius:100px;transition:width .4s ease;min-width:4px}.game-list{display:flex;flex-direction:column;gap:var(--space-3)}.game-card{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--bg-raised);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:border-color .15s,background .15s}.game-card:hover{border-color:#f59e0b4d}.game-card--selected{border-color:var(--accent);background:var(--accent-glow)}.game-card--disabled{opacity:.4;cursor:not-allowed}.game-card__checkbox{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.game-card__content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.game-card__header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.game-card__name{font-weight:700;font-size:1rem}.game-card__stars{font-size:.75rem;color:var(--accent);letter-spacing:-.05em}.game-card__meta{display:flex;gap:var(--space-4);font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.game-card__desc{font-size:.82rem;color:var(--text-secondary);font-style:italic}.summary-list{display:flex;flex-direction:column;gap:var(--space-2);font-size:.9rem}.summary-list strong{color:var(--text-secondary);font-weight:600;margin-right:var(--space-2)}.day-tabs{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--space-2)}.day-tabs::-webkit-scrollbar{display:none}.day-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-shrink:0;transition:border-color .15s}.day-tab:hover{border-color:var(--accent)}.day-tab__emoji{font-size:1.2rem}.day-tab__day{font-size:.7rem;color:var(--text-secondary);font-weight:600}.day-label{display:inline-block;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700;margin-bottom:var(--space-1)}.messages-grid{display:flex;flex-direction:column;gap:var(--space-6)}.msg-box{display:flex;flex-direction:column;gap:var(--space-3)}.msg-box--disabled{opacity:.5}.msg-box__header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.msg-box__emoji{font-size:1.2rem}.msg-box__title{font-weight:600;font-size:.9rem;flex:1}.msg-box__copy{margin-left:auto}.msg-box__preview{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);font-size:.85rem;line-height:1.65;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.msg-box__placeholder{font-size:.85rem;color:var(--text-dim);font-style:italic}.votes-grid{display:flex;flex-direction:column;gap:var(--space-5)}.game-meta{font-size:.82rem;color:var(--text-secondary)}.outcome-messages{display:flex;flex-direction:column;gap:var(--space-2)}.outcome-messages__item{font-size:.95rem;padding:var(--space-2) 0}.outcome-players{display:flex;flex-direction:column;gap:var(--space-5)}.outcome-players__label{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.player-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.player-chips--inline{display:flex;flex-wrap:wrap;gap:var(--space-1)}.player-chip{padding:.25rem .65rem;border-radius:100px;font-size:.82rem;font-weight:600}.player-chip--confirmed{background:var(--green-dim);color:var(--green);border:1px solid rgba(34,197,94,.2)}.player-chip--waitlist{background:var(--amber-dim);color:var(--amber);border:1px solid rgba(245,158,11,.2)}.player-chip--sm{font-size:.75rem;padding:.15rem .5rem}.hype-table{width:100%;border-collapse:collapse;font-size:.875rem}.hype-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.hype-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-secondary)}.hype-table tr:last-child td{border-bottom:none}.hype-table tr:hover td{background:var(--bg-hover)}.hype-table__points{color:var(--accent);font-weight:700}.hype-table__reason{color:var(--text-dim);font-style:italic;font-size:.8rem}.toolbar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.toolbar__search{flex:1;min-width:180px}.catalog-list{display:flex;flex-direction:column;gap:var(--space-3)}.catalog-card{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color .15s}.catalog-card:hover{border-color:#ffffff1f}.catalog-card__main{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.catalog-card__header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.catalog-card__name{font-weight:700;font-size:1.05rem}.catalog-card__meta{display:flex;gap:var(--space-4);font-size:.8rem;color:var(--text-secondary);flex-wrap:wrap}.catalog-card__desc{font-size:.82rem;color:var(--text-dim);font-style:italic}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.stat-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;display:flex;flex-direction:column;gap:var(--space-2)}.stat-card__icon{font-size:1.8rem}.stat-card__value{font-family:var(--font-display);font-size:1.1rem;font-weight:800}.stat-card__label{font-size:.75rem;color:var(--text-secondary)}.ranking-list{display:flex;flex-direction:column;gap:0;counter-reset:ranking}.ranking-list__item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.ranking-list__item:last-child{border-bottom:none}.ranking-list__pos{font-family:var(--font-display);font-size:.9rem;font-weight:800;color:var(--accent);min-width:24px}.ranking-list__name{flex:1;font-weight:600;font-size:.9rem}.ranking-list__count{font-size:.8rem;color:var(--text-secondary)}.table-wrapper{overflow-x:auto}.history-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:500px}.history-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.history-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:top}.history-table tr:last-child td{border-bottom:none}.history-table tr:hover td{background:var(--bg-hover)}.history-table__date{color:var(--text-secondary);white-space:nowrap}.history-table__game{font-weight:600;white-space:nowrap}.text-dim{color:var(--text-dim)}.empty-text{color:var(--text-dim);font-size:.875rem;text-align:center;padding:var(--space-6)}@media (max-width: 600px){.page{padding:var(--space-6) var(--space-3) var(--space-12)}.page__title{font-size:1.4rem}.card{padding:var(--space-4)}.navbar__link-label{display:none}.navbar__link{padding:var(--space-2)}.navbar__link-emoji{font-size:1.25rem}.info-grid,.stats-grid{grid-template-columns:1fr 1fr}.form-row{flex-direction:column}.dialog{padding:var(--space-6)}}