:root{--color-accent:#ff6b35;--color-accent-alt:#4fd1c7;--color-success:#2dd4bf;--color-purple:#a78bfa;--color-warm-yellow:#fbbf24;--color-forest:#059669;--color-coral:#fb7185;--color-danger:#dc2626;--color-danger-light:#b91c1c;--color-danger-bg:#ef44441a;--color-danger-border:#ef44444d;--color-success-bg:#4ade801a;--color-success-border:#4ade8033;--color-accent-bg:#ff6b351a;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-card:0 2px 8px #0000001a;--bg-primary:#0f1923;--bg-secondary:#141f2e;--bg-tertiary:#1c2a3a;--bg-fade:#121c28;--text-primary:#e0eaf4;--text-secondary:#b0c0d0;--text-tertiary:#7a90a5;--text-quaternary:#5a7088;--border-subtle:#1c2a3a;--border-radius:12px;--border-radius-lg:16px;--badge-upcoming:#0891b2;--badge-complete:#16a34a;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--transition:200ms ease;--shadow-subtle:0 1px 3px #0000000f;--shadow-soft:0 4px 12px -2px #0000001f}[data-theme=light]{--bg-primary:#f9fafb;--bg-secondary:#f5f6f8;--bg-tertiary:#ebeef2;--bg-fade:#f7f8fa;--text-primary:#1a1f2e;--text-secondary:#3d4558;--text-tertiary:#596176;--text-quaternary:#7b8496;--border-subtle:#d5d8de;--badge-upcoming:#3b82f6;--badge-complete:#22c55e;--shadow-subtle:none;--shadow-soft:none;--color-accent:#ea580c;--color-accent-alt:#0ea5e9;--color-success:#22c55e;--color-purple:#a855f7;--color-warm-yellow:#eab308;--color-forest:#059669;--color-coral:#ef4444;--color-accent-bg:#f9731614;--shadow-card:none}[data-theme=light] .container,[data-theme=light] .page-content,[data-theme=light] body,[data-theme=light] main{background-color:#f9fafb}[data-theme=light] .navbar{background:#fff;border-bottom:1px solid #e2e5eb}[data-theme=light] .home-page{background:#f9fafb}[data-theme=light] .home-hero{background:linear-gradient(180deg,#fff,#f9fafb)}[data-theme=light] .current-jam-banner,[data-theme=light] .featured-game{background:#fff;border:1px solid #1c2a3a;border:1px solid var(--border-subtle)}[data-theme=light] .featured-game:hover{border-color:#ff6b35;border-color:var(--color-accent)}[data-theme=light] .nav-card{background:#f5f6f8;border:1px solid #1c2a3a;border:1px solid var(--border-subtle)}[data-theme=light] .nav-card:hover{background:#fff;border-color:#ff6b35;border-color:var(--color-accent)}[data-theme=light] .footer{background:#ebeef2;border-top:1px solid #1c2a3a;border-top:1px solid var(--border-subtle);margin-top:0}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f1923;background-color:var(--bg-primary);color:#b0c0d0;color:var(--text-secondary);font-family:Plus Jakarta Sans,Inter,Segoe UI,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#e0eaf4;color:var(--text-primary);font-weight:600;letter-spacing:-.01em;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-4)}h1{font-size:2.25rem;font-size:var(--text-4xl)}h2{font-size:1.875rem;font-size:var(--text-3xl)}h3{font-size:1.5rem;font-size:var(--text-2xl)}h4{font-size:1.25rem;font-size:var(--text-xl)}p{color:#b0c0d0;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem;margin-bottom:var(--space-4)}a{color:inherit;text-decoration:none;transition:color .2s ease;transition:color var(--transition)}a:hover{color:#ff6b35;color:var(--color-accent)}:focus-visible{border-radius:12px;border-radius:var(--border-radius);outline:2px solid #ff6b35;outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:#ff6b35;background-color:var(--color-accent);color:#0f1923;color:var(--bg-primary)}button,input,select,textarea{font-family:inherit;font-size:inherit}ol,ul{list-style:none}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}.container{max-width:68rem}.container,.container-narrow{margin:0 auto;padding:0 1.5rem;padding:0 var(--space-6)}.container-narrow{max-width:42rem}.text-primary{color:#e0eaf4;color:var(--text-primary)}.text-secondary{color:#b0c0d0;color:var(--text-secondary)}.text-tertiary{color:#7a90a5;color:var(--text-tertiary)}.hidden{display:none}.grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.section{padding:4rem 0}.section-sm{padding:3rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}[data-fade][data-delay="1"]{transition-delay:20ms}[data-fade][data-delay="2"]{transition-delay:40ms}[data-fade][data-delay="3"]{transition-delay:60ms}[data-fade][data-delay="4"]{transition-delay:80ms}[data-fade][data-delay="5"]{transition-delay:.1s}[data-fade][data-delay="6"]{transition-delay:.12s}[data-fade][data-delay="7"]{transition-delay:.14s}@media (max-width:768px){.container,.container-narrow{padding:0 1rem;padding:0 var(--space-4)}h1{font-size:1.875rem;font-size:var(--text-3xl)}h2{font-size:1.5rem;font-size:var(--text-2xl)}h3{font-size:1.25rem;font-size:var(--text-xl)}.grid-2,.grid-3{gap:1rem;gap:var(--space-4);grid-template-columns:1fr}.section{padding:3rem 0;padding:var(--space-12) 0}.section-sm{padding:2rem 0;padding:var(--space-8) 0}}.app{background:var(--bg-primary);display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.app:before{background-image:repeating-conic-gradient(#ffffff0a 0 25%,#0000 0 50%);background-size:4px 4px;content:"";inset:0;opacity:.3;pointer-events:none;position:absolute;z-index:0}.main-content{flex:1 1}.page-header{background:var(--bg-primary);margin-top:var(--space-8);padding:var(--space-12) 0 var(--space-4);position:relative}.page-title{font-weight:600;letter-spacing:-.025em;margin-bottom:var(--space-4)}.page-subtitle{font-size:var(--text-lg);line-height:1.6;margin:0 auto;max-width:36rem}.hero{background:var(--bg-primary);padding:var(--space-16) 0;text-align:center}.hero-content{margin:0 auto;max-width:42rem;padding:0 var(--space-4)}.hero-title{color:var(--text-primary);font-size:var(--text-4xl);font-weight:600;letter-spacing:-.025em;line-height:1.1;margin-bottom:var(--space-4)}.hero-subtitle{color:var(--text-secondary);font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-8)}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-12) 0}.section-title{padding-bottom:var(--space-2);position:relative}.section-subtitle{margin-bottom:var(--space-6)}.content-area{margin:0 auto;max-width:46rem;padding:0 var(--space-6)}.content-wide{margin:0 auto;max-width:72rem;padding:0 var(--space-8)}.divider{margin:var(--space-8) 0}.divider,.divider-section{background:var(--border-subtle);border:none;height:1px}.divider-section{margin:var(--space-16) 0}@media (max-width:768px){.page-header{padding:var(--space-8) 0 var(--space-6)}.page-title{font-size:var(--text-3xl)}.hero{padding:var(--space-12) 0}.hero-title{font-size:var(--text-3xl)}.section{padding:var(--space-12) 0}.section-sm{padding:var(--space-8) 0}.section-header{align-items:flex-start;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.content-wide{padding:0 var(--space-4)}}@media (max-width:480px){.page-header{padding:var(--space-6) 0 var(--space-4)}.hero-title,.page-title{font-size:var(--text-2xl)}}.btn{align-items:center;border:none;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:600;justify-content:center;padding:var(--space-4) var(--space-8);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary{background:var(--color-accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--color-coral);color:var(--bg-primary);transform:translateY(-4px) scale(1.05)}.btn-primary:active{transform:translateY(-1px) scale(.98)}.btn-secondary{color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-secondary);border-color:var(--color-accent);transform:translateY(-3px) scale(1.03)}.btn-secondary:active{transform:translateY(-1px) scale(.98)}.btn-ghost{background:#0000;color:var(--text-secondary);padding:var(--space-2) var(--space-4)}.btn-ghost:hover{color:var(--text-primary);transform:translateY(-2px)}.btn-sm{font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.jam-status.upcoming .status-dot{background:var(--badge-upcoming)}.jam-status.active .status-dot{background:var(--color-success)}.jam-status.ended .status-dot{background:var(--text-tertiary)}.jam-status.upcoming .status-text{color:var(--badge-upcoming)}.jam-status.active .status-text{color:var(--color-success)}.jam-status.ended .status-text{color:var(--text-tertiary)}.card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:var(--space-6);transition:all var(--transition)}.card:hover{border-color:var(--text-tertiary);transform:translateY(-6px) scale(1.02)}.card-simple{background:#0000;border:none;padding:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);margin-bottom:var(--space-2)}.form-input{font-size:var(--text-base);padding:var(--space-3)}.nav{align-items:center;display:flex;gap:var(--space-8)}.nav-link{transition:color var(--transition)}.nav-link.active,.nav-link:hover{color:var(--text-primary)}.badge{align-items:center;background:var(--bg-tertiary);border-radius:9999px;color:var(--text-secondary);display:inline-flex;font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-3)}.badge-accent{background:var(--color-accent-bg);color:var(--color-accent)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.game-card{border-radius:var(--border-radius);cursor:pointer;padding:var(--space-4);transition:all var(--transition)}.game-card:hover{border-color:var(--text-tertiary);transform:translateY(-1px)}.game-thumbnail{align-items:center;border-radius:var(--border-radius);color:var(--text-tertiary);display:flex;font-size:var(--text-2xl);font-weight:600;height:120px;justify-content:center;margin-bottom:var(--space-3)}.game-title{font-size:var(--text-base);margin-bottom:var(--space-1)}.game-author{font-size:var(--text-sm);margin-bottom:var(--space-2)}.game-author,.game-stats{color:var(--text-tertiary)}.game-stats{display:flex;font-size:var(--text-xs);gap:var(--space-4)}.activity-item{align-items:center;border-radius:var(--border-radius);display:flex;gap:var(--space-3);padding:var(--space-3);transition:background-color var(--transition)}.activity-item:hover{background:var(--bg-secondary)}.activity-avatar{align-items:center;background:var(--bg-tertiary);border-radius:50%;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:600;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1;min-width:0}.activity-text{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-1)}.activity-time{color:var(--text-tertiary);font-size:var(--text-xs)}.activity-highlight{color:var(--color-accent);font-weight:500}.section-title{margin-bottom:var(--space-2)}.section-subtitle{color:var(--text-secondary);font-size:var(--text-base);max-width:36rem}.status-dot{animation:pulse 2s infinite;background:var(--color-success);border-radius:50%;height:8px;width:8px}.status-active{color:var(--color-success)}@media (max-width:768px){.nav{gap:var(--space-4)}.game-thumbnail{height:100px}.activity-avatar{height:28px;width:28px}.section-header{margin-bottom:var(--space-6)}}.date-voting-section{padding:var(--space-4) 0 var(--space-8)}.date-voting{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-6)}.date-voting-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.date-voting-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.date-voting-closed{background:var(--bg-tertiary);border-radius:4px;padding:.2rem .5rem}.date-voting-closed,.date-voting-note{color:var(--text-quaternary);font-size:var(--text-xs)}.date-voting-note{margin:0 0 var(--space-4)}.date-voting-prompt{color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.date-voting-prompt a{color:var(--color-accent);text-decoration:none}.date-voting-prompt a:hover{text-decoration:underline}.date-options-list{display:flex;flex-direction:column;gap:.35rem}.date-option-row{align-items:center;border-radius:var(--border-radius);display:flex;gap:var(--space-3);padding:var(--space-3);transition:background .1s}.date-option-row:nth-child(2n){background:var(--bg-tertiary)}.date-option-row.past{opacity:.4}.date-option-row.past .date-range{text-decoration:line-through}.date-vote-btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:4px;color:#0000;cursor:pointer;display:flex;flex-shrink:0;font-size:.7rem;height:20px;justify-content:center;line-height:1;padding:0;transition:all .15s;width:20px}.date-vote-btn:hover{border-color:var(--text-tertiary)}.date-vote-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.date-vote-placeholder{flex-shrink:0;width:28px}.date-range{color:var(--text-primary);flex:1 1;font-size:var(--text-sm)}.date-vote-count{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;min-width:2rem;text-align:right}.date-suggested-badge{color:var(--text-quaternary);font-size:var(--text-xs);font-style:italic;margin-left:var(--space-2)}.date-suggest-section{border-top:1px solid var(--border-subtle);margin-top:var(--space-4);padding-top:var(--space-4)}.date-suggest-toggle{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-sm);padding:0;transition:color .15s}.date-suggest-toggle:hover{color:var(--color-accent)}.date-suggest-form{flex-direction:column}.date-suggest-form,.date-suggest-inputs{display:flex;gap:var(--space-3)}.date-suggest-inputs label{color:var(--text-tertiary);display:flex;flex:1 1;flex-direction:column;font-size:var(--text-xs);gap:.25rem}.date-suggest-inputs input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-2)}.date-suggest-inputs input:focus{border-color:var(--color-accent);outline:none}.date-suggest-error{color:var(--color-danger);font-size:var(--text-xs);margin:0}.date-suggest-actions{display:flex;gap:var(--space-2)}@media (max-width:768px){.date-suggest-inputs{flex-direction:column}.date-range{font-size:var(--text-xs)}}.dt3-page{-webkit-font-smoothing:antialiased;background:var(--bg-primary);color:var(--text-secondary);font-family:Plus Jakarta Sans,Inter,Segoe UI,sans-serif;min-height:100vh}.dt3-container{margin:0 auto;max-width:68rem;padding:0 1.5rem}.dt3-container-narrow{margin:0 auto;max-width:42rem;padding:0 1.5rem}.dt3-top-banner{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);display:flex;font-size:.8rem;justify-content:center;padding:.5rem 1.5rem}.dt3-banner-content{flex:1 1;text-align:center}.dt3-banner-content strong{color:var(--text-primary)}.dt3-top-banner a{color:var(--color-accent);font-weight:600;text-decoration:none}.dt3-top-banner a:hover{text-decoration:underline}.dt3-banner-close{background:none;border:none;color:var(--text-quaternary);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .5rem;transition:color .15s}.dt3-banner-close:hover{color:var(--text-primary)}.dt3-nav{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:100}.dt3-nav-right{gap:1.5rem}.dt3-nav-inner,.dt3-nav-right{align-items:center;display:flex}.dt3-nav-inner{height:56px;justify-content:space-between;margin:0 auto;max-width:68rem;padding:0 1.5rem}.dt3-brand{color:var(--text-primary)!important;font-size:1.1rem;font-weight:700;text-decoration:none}.dt3-nav-links{align-items:center;display:flex;gap:1.5rem}.dt3-nav-link{color:var(--text-quaternary);font-size:.875rem;text-decoration:none;transition:color .2s}.dt3-nav-link:hover{color:var(--color-accent)}.dt3-nav-sep{color:var(--text-quaternary);font-size:.875rem;-webkit-user-select:none;user-select:none}.dt3-nav-login{color:#ff6b35!important;font-size:.875rem;font-weight:500;margin-left:.5rem;text-decoration:none}.dt3-burger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.25rem}.dt3-burger span{background:var(--text-tertiary);display:block;height:2px;transition:background .15s;width:20px}.dt3-burger:hover span{background:var(--text-primary)}.dt3-nav-user{color:#ff6b35!important;font-size:.875rem;font-weight:600;margin-left:.5rem;text-decoration:none}.dt3-hero{text-align:center}.dt3-hero-bg{display:none}.dt3-hero-content{padding:4rem 0 3rem}.dt3-hero-title{font-size:2.25rem;line-height:1.3;margin-bottom:1rem}.dt3-accent,.dt3-hero-title{color:var(--text-primary);font-weight:600}.dt3-hero-subtitle{color:var(--text-tertiary);font-size:1.125rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:38rem}.dt3-hero-buttons{display:flex;gap:1rem;margin-top:2rem}.dt3-btn,.dt3-hero-buttons{align-items:center;justify-content:center}.dt3-btn{border-radius:6px;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:500;gap:.4rem;min-width:120px;padding:.625rem 1.5rem;text-align:center;text-decoration:none;transition:all .2s ease}.dt3-btn-discord{background:#0000;border:1px solid var(--border-subtle);color:var(--text-secondary)}.dt3-btn-discord:hover{border-color:#5865f2;color:#5865f2;transform:translateY(-1px)}.dt3-btn-reddit{background:#0000;border:1px solid var(--border-subtle);color:var(--text-secondary)}.dt3-btn-reddit:hover{border-color:#ff4500;color:#ff4500;transform:translateY(-1px)}.dt3-btn-itch{background:#0000;border:1px solid var(--border-subtle);color:var(--text-secondary)}.dt3-btn-itch:hover{border-color:#fa5c5c;color:#fa5c5c;transform:translateY(-1px)}.dt3-btn-bluesky{background:#0000;border:1px solid var(--border-subtle);color:var(--text-secondary)}.dt3-btn-bluesky:hover{border-color:#0085ff;color:#0085ff;transform:translateY(-1px)}.dt3-btn-primary{background:#0000;border:1px solid #ff6b35;color:var(--color-accent)}.dt3-btn-primary:hover{background:#ff6b35;color:var(--bg-primary);transform:translateY(-1px)}.dt3-btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:var(--text-tertiary)}.dt3-btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--text-tertiary);color:var(--text-primary);transform:translateY(-1px)}.dt3-jam-section{padding:2rem 0 3rem}.dt3-jam-banner{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;gap:2rem;justify-content:space-between;padding:2rem}.dt3-jam-banner,.dt3-jam-meta{align-items:center;display:flex}.dt3-jam-meta{gap:.75rem;margin-bottom:.5rem}.dt3-jam-badge{background:var(--text-quaternary);border-radius:6px;color:var(--bg-primary);display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.dt3-jam-badge.upcoming{background:#0891b2;color:#fff}.dt3-jam-badge.active{background:#2dd4bf;color:var(--bg-primary)}.dt3-voting{color:var(--color-accent);font-size:.875rem;font-weight:500}.dt3-jam-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dt3-jam-desc{color:var(--text-tertiary);font-size:.875rem;line-height:1.5;margin:0}.dt3-jam-cta{align-items:center;display:flex;flex-direction:column;gap:.5rem}.dt3-jam-stats{color:var(--text-quaternary);font-size:.875rem}.dt3-features{padding:0 0 2rem}.dt3-features-grid{grid-gap:1px;background:var(--bg-tertiary);display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:68rem}.dt3-feature{background:var(--bg-primary);padding:2rem}.dt3-feature-bar{background:#ff6b35;height:2px;margin-bottom:1rem;width:24px}.dt3-feature h3{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.dt3-feature p{color:var(--text-quaternary);font-size:.85rem;line-height:1.5;margin:0}.dt3-games-section{padding:2rem 0}.dt3-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.dt3-section-label{color:var(--text-quaternary);font-size:1.125rem;font-weight:400;letter-spacing:.02em}.dt3-btn-ghost{background:none;border:none;color:var(--text-quaternary);cursor:pointer;font-family:inherit;font-size:.875rem;text-decoration:none;transition:color .2s}.dt3-btn-ghost:hover{color:var(--color-accent)}.dt3-see-more{margin-top:1.25rem;text-align:center}.dt3-jam-group{margin-bottom:2rem}.dt3-jam-header{align-items:baseline;display:flex;gap:.75rem;margin-bottom:.75rem}.dt3-jam-header h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.dt3-jam-header h3 a{color:inherit;text-decoration:none}.dt3-jam-header h3 a:hover{color:var(--color-accent)}.dt3-jam-theme{color:var(--text-quaternary);font-size:.8rem;font-style:italic}.dt3-jam-tiles{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;height:280px}.dt3-jam-tile{border-radius:10px;min-height:0;overflow:hidden;position:relative;text-decoration:none;transition:transform .2s}.dt3-jam-tile:hover{color:inherit;transform:scale(1.02)}.dt3-jam-tile-first{grid-row:1/-1}.dt3-tile-place{color:var(--color-accent);display:block;font-size:.6rem;font-weight:600;letter-spacing:.05em;margin-bottom:.1rem;text-transform:uppercase}.dt3-mosaic-tile:hover .dt3-tile-overlay{opacity:1}.dt3-tile-img{align-items:center;background:var(--bg-tertiary);display:flex;height:100%;justify-content:center;width:100%}.dt3-tile-img img{height:100%;object-fit:cover;width:100%}.dt3-tile-img span{color:var(--border-subtle);font-size:1.25rem;font-weight:700}.dt3-tile-overlay{background:linear-gradient(#0000,#000000bf);bottom:0;left:0;padding:2rem .6rem .5rem;position:absolute;right:0}.dt3-tile-title{color:#fff;display:block;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt3-tile-author{color:#aaa;display:block;font-size:.6rem}.dt3-explore{padding:2rem 0 3rem}.dt3-explore-links{align-items:center;display:flex;gap:1rem;margin-top:1rem}.dt3-explore-links a{color:var(--text-tertiary);font-size:1rem;text-decoration:none;transition:color .2s}.dt3-explore-links a:hover{color:var(--color-accent)}.dt3-explore-sep{color:var(--text-quaternary);-webkit-user-select:none;user-select:none}.dt3-footer{background:var(--bg-fade);border-top:1px solid var(--border-subtle);margin-top:2rem;padding:2.5rem 0 1.5rem}.dt3-footer-top{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1.5fr 1fr 1fr;margin-bottom:2rem}.dt3-footer-col h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.75rem}.dt3-footer-col p{color:var(--text-quaternary);font-size:.875rem;line-height:1.5;margin:0}.dt3-footer-col ul{list-style:none;padding:0}.dt3-footer-col li{margin-bottom:.4rem}.dt3-footer-col a{color:var(--text-quaternary);font-size:.875rem;text-decoration:none;transition:color .2s}.dt3-footer-col a:hover{color:var(--color-accent)}.dt3-footer-bottom{border-top:1px solid var(--border-subtle);padding-top:1.5rem;text-align:center}.dt3-footer-bottom p{color:var(--text-quaternary);font-size:.8rem;margin:0}[data-fade]{opacity:0;transform:translateY(8px);transition:opacity .25s ease-out,transform .25s cubic-bezier(.22,1,.36,1)}[data-fade].visible{opacity:1;transform:translateY(0)}@media (min-width:768px){.dt3-hero-title{font-size:2.25rem}}@media (max-width:768px){.dt3-burger{display:flex}.dt3-nav-links{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);display:none;flex-direction:column;gap:.75rem;left:0;padding:1rem 1.5rem;position:absolute;right:0;top:56px}.dt3-nav-links.open{display:flex}.dt3-nav-sep{display:none}.dt3-nav-inner{position:relative}.dt3-nav-right{gap:1rem}.dt3-hero-title{font-size:1.75rem}.dt3-hero-subtitle{font-size:1rem}.dt3-jam-banner{align-items:flex-start;flex-direction:column}.dt3-features-grid{grid-template-columns:1fr}.dt3-mosaic{grid-template-columns:repeat(2,1fr)}.dt3-footer-top{grid-template-columns:1fr}.dt3-explore-links{flex-wrap:wrap}.dt3-jam-tiles{grid-template-columns:1fr 1fr;height:200px}.dt3-jam-tile-first{grid-row:1/-1}}@media (max-width:480px){.dt3-hero-buttons{align-items:center;flex-direction:column}.dt3-jam-banner{padding:1rem}.dt3-mosaic{grid-template-columns:1fr 1fr}}.auth-page{min-height:100vh}.auth-container,.auth-page{background:var(--bg-primary)}.auth-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 64px);padding:var(--space-6)}.auth-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);box-shadow:var(--shadow-soft);max-width:28rem;padding:var(--space-12);width:100%}.auth-card.loading-card{padding:var(--space-8)}.auth-header{margin-bottom:var(--space-12);text-align:center}.auth-header.loading-only{margin:var(--space-4) 0}.auth-header h1{color:var(--text-primary);font-size:var(--text-3xl);font-weight:600;margin-bottom:var(--space-3)}.auth-header.loading-only h1{font-size:var(--text-lg);margin-bottom:0}.auth-header p{color:var(--text-secondary);font-size:var(--text-lg);margin:0}.auth-form{margin-bottom:var(--space-8)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-base);font-weight:500;margin-bottom:var(--space-3)}.form-input,.form-label{color:var(--text-primary)}.form-input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);box-sizing:border-box;font-size:var(--text-lg);padding:var(--space-4);transition:border-color var(--transition);width:100%}.form-input:focus{border-color:var(--color-accent);outline:none}.form-input::placeholder{color:var(--text-tertiary)}.btn-block{font-size:var(--text-lg);font-weight:600;padding:var(--space-4) var(--space-6);width:100%}.auth-message{border-radius:var(--border-radius);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.auth-message.success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.auth-message.error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-accent)}.auth-toggle{border-top:1px solid var(--border-subtle);padding-top:var(--space-6);text-align:center}.auth-toggle p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.auth-toggle-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:var(--text-sm);font-weight:500;text-decoration:underline;transition:opacity var(--transition)}.auth-toggle-link:hover{opacity:.8}.auth-footer{border-top:1px solid var(--border-subtle);margin-top:var(--space-6);padding-top:var(--space-6);text-align:center}.auth-footer p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.auth-footer a{color:var(--color-accent);font-weight:500;text-decoration:none;transition:opacity var(--transition)}.auth-footer a:hover{opacity:.8;text-decoration:underline}.forgot-password-link{margin-top:var(--space-2);text-align:right}.forgot-password-link a{color:var(--color-accent);font-size:var(--text-sm);font-weight:500;text-decoration:none;transition:opacity var(--transition)}.forgot-password-link a:hover{opacity:.8;text-decoration:underline}.success-message{text-align:center}.error-message,.success-message{border-radius:var(--border-radius);font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-4)}@media (max-width:480px){.auth-container{padding:var(--space-4)}.auth-card{padding:var(--space-6)}.auth-header h1{font-size:var(--text-xl)}}.oauth-divider{align-items:center;display:flex;margin:var(--space-8) 0;text-align:center}.oauth-divider:after,.oauth-divider:before{background:var(--border-subtle);content:"";flex:1 1;height:1px}.oauth-divider span{background:var(--bg-secondary);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;padding:0 var(--space-4)}.oauth-buttons{flex-direction:column;margin-bottom:var(--space-6)}.btn-oauth,.oauth-buttons{display:flex;gap:var(--space-3)}.btn-oauth{align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);cursor:pointer;font-size:var(--text-base);font-weight:500;justify-content:center;padding:var(--space-4) var(--space-6);transition:all var(--transition);width:100%}.btn-oauth,.btn-oauth:hover{color:var(--text-primary);text-decoration:none}.btn-oauth:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.btn-oauth:active{transform:translateY(1px)}.btn-google svg{flex-shrink:0}.btn-discord{color:var(--text-primary)}.btn-discord svg{fill:#5865f2;flex-shrink:0}.btn-discord:hover svg{fill:#4752c4}.btn-itchio{color:var(--text-primary)}.btn-itchio svg{fill:#fa5c5c;flex-shrink:0}.btn-itchio:hover svg{fill:#e74545}@media (max-width:480px){.oauth-buttons{gap:var(--space-2)}.btn-oauth{font-size:var(--text-sm);padding:var(--space-3) var(--space-4)}}.oauth-user-info{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);margin-bottom:var(--space-6);padding:var(--space-4)}.oauth-user-info p{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-1) 0}.oauth-user-info strong{color:var(--text-primary)}.username-input-container{align-items:center;display:flex;position:relative}.username-input-container .form-input{padding-right:var(--space-10)}.username-input-container .form-input.valid{border-color:var(--color-success)}.username-input-container .form-input.invalid{border-color:var(--color-accent)}.status-icon{font-size:var(--text-lg);font-weight:700;position:absolute;right:var(--space-3)}.status-icon.available{color:var(--color-success)}.status-icon.unavailable{color:var(--color-accent)}.status-icon.checking{opacity:.6}.username-status{font-size:var(--text-sm);font-weight:500;margin-top:var(--space-2)}.username-status.available{color:var(--color-success)}.username-status.invalid,.username-status.taken{color:var(--color-accent)}.username-help{background:var(--bg-tertiary);border-radius:var(--border-radius);margin-top:var(--space-3);padding:var(--space-3)}.username-help p{color:var(--text-tertiary);font-size:var(--text-xs);margin:var(--space-1) 0}.btn-small{font-size:var(--text-sm);margin-top:var(--space-3);padding:var(--space-2) var(--space-3)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--border-hover);color:var(--text-primary)}.btn-secondary:hover,.jams-page{background:var(--bg-primary)}.jam-featured{margin-bottom:var(--space-4);padding:var(--space-8) 0}.jam-featured-card{position:relative}.jam-header{margin-bottom:var(--space-6);text-align:center}.jam-title{color:var(--text-primary);font-size:var(--text-4xl);font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:var(--space-2)}.jam-theme{color:var(--text-secondary);font-family:monospace;font-size:var(--text-base);font-weight:400;margin-bottom:0}.jam-timer-section{margin-bottom:var(--space-8);text-align:center}.timer-label-main{color:var(--text-tertiary);font-family:monospace;font-size:var(--text-sm);margin-bottom:var(--space-2)}.jam-ended-card{padding:var(--space-6)!important}.jam-ended-layout{align-items:center;display:flex;gap:var(--space-6);justify-content:space-between}.jam-ended-badge{background:var(--bg-tertiary);border-radius:4px;color:var(--text-quaternary);display:inline-block;font-size:var(--text-xs);font-weight:600;margin-bottom:var(--space-2);padding:.2rem .5rem}.jam-ended-card .jam-title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.jam-ended-meta{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.jam-ended-stats{color:var(--text-quaternary);font-size:var(--text-sm);margin:var(--space-1) 0 0}.jam-ended-actions{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2)}@media (max-width:768px){.jam-ended-layout{align-items:flex-start;flex-direction:column}.jam-ended-actions{flex-direction:row}}.jam-dates{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}.jam-meta-info{color:var(--text-quaternary);display:inline-block;font-size:var(--text-xs);margin-left:var(--space-2)}.jam-group-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3);margin-top:var(--space-8)}.jam-group-desc{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:400}.jam-table{border:1px solid var(--border-subtle);border-radius:var(--border-radius);margin-bottom:var(--space-4);overflow:hidden}.jam-table-header{background:var(--bg-secondary);color:var(--text-quaternary);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;padding:.5rem .75rem;text-transform:uppercase}.jam-table-header,.jam-table-row{border-bottom:1px solid var(--border-subtle);display:flex}.jam-table-row{align-items:center;padding:.6rem .75rem;text-decoration:none;transition:background .1s}.jam-table-row:last-child{border-bottom:none}.jam-table-row:nth-child(odd){background:var(--bg-secondary)}.jam-table-row:hover{background:var(--bg-tertiary);color:inherit}.jam-table-row:hover .jam-col-name{color:var(--color-accent)}.jam-col-name{color:var(--text-primary);flex:1.5 1;font-size:var(--text-sm);font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;transition:color .15s;white-space:nowrap}.jam-col-theme{color:var(--text-tertiary);flex:1 1;font-size:var(--text-xs);font-style:italic}.jam-col-dates{color:var(--text-quaternary);flex:1.2 1;font-size:var(--text-xs)}.jam-col-games{color:var(--text-secondary);flex:0.4 1;font-size:var(--text-sm);text-align:right}@media (max-width:768px){.jam-table-header{display:none}.jam-table-row{flex-wrap:wrap;gap:.25rem}.jam-col-name{flex:none;width:100%}.jam-col-dates,.jam-col-theme{flex:1 1}.jam-col-games{text-align:left}}.jam-timer{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-4)}.timer-unit{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);min-width:100px;padding:var(--space-6);text-align:center}.timer-number{font-feature-settings:"tnum";color:var(--text-primary);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;font-weight:600;line-height:1;margin-bottom:var(--space-1)}.timer-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500}.timer-participants{color:var(--text-tertiary);font-family:monospace;font-size:var(--text-sm);margin-top:var(--space-4)}.jam-bottom-section{position:relative;text-align:center}.jam-actions{gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6)}.voting-flow{margin-top:var(--space-4)}.voting-hint{color:var(--text-tertiary);font-family:monospace;font-size:var(--text-sm)}.section-info{background:var(--bg-primary);padding:var(--space-6) 0}.section-info h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-6)}.section-info p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.7;margin-bottom:var(--space-4)}.section-info ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}.section-info li{color:var(--text-secondary);font-size:var(--text-base);line-height:1.7;list-style:disc;margin-bottom:var(--space-3)}.section-info strong{color:var(--text-primary);font-weight:600}.section-past-jams{padding:var(--space-8) 0}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.section-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:600;margin:0}.accordion-toggle,.jam-group{margin-bottom:var(--space-4)}.accordion-toggle{background:none;border:none;cursor:pointer;font-size:var(--text-lg);font-weight:600;padding:0;text-align:left;transition:color var(--transition)}.accordion-toggle,.accordion-toggle:hover{color:var(--text-primary)}.jam-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none;margin:0;padding:0;padding-left:var(--space-4)}.jam-list li{margin:0;padding:0}.jam-title-link{color:var(--text-secondary);font-size:var(--text-base);font-weight:500;text-decoration:none;transition:color var(--transition)}.jam-title-link:hover{color:var(--color-accent)}.jam-note{color:var(--text-tertiary);display:inline-block;font-size:var(--text-sm);font-style:italic;margin-left:var(--space-2)}@media (max-width:768px){.page-header{padding:var(--space-6) 0 var(--space-4)}.page-header h1{font-size:var(--text-2xl)}.jam-featured{padding:var(--space-6) 0}.jam-featured-card{margin:0 var(--space-4)}.jam-title{font-size:var(--text-3xl)}.jam-timer{gap:var(--space-3)}.timer-unit{min-width:70px;padding:var(--space-3)}.timer-number{font-size:var(--text-2xl)}.jam-actions{align-items:center;flex-direction:column}.section-header{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.section-info,.section-past-jams{padding:var(--space-6) 0}}@media (max-width:480px){.jam-featured-card{margin:0 var(--space-3)}.jam-title{font-size:var(--text-2xl)}.jam-timer{gap:var(--space-2)}.timer-unit{min-width:60px;padding:var(--space-2)}.timer-number{font-size:var(--text-lg)}}.theme-voting-section{padding:0 0 var(--space-4) 0}.theme-voting{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);margin:var(--space-4) 0;padding:var(--space-4)}.theme-voting.loading{color:var(--text-tertiary);padding:var(--space-8);text-align:center}.voting-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.voting-header h3{color:var(--text-secondary);font-family:monospace;font-size:var(--text-lg);font-weight:500;margin:0}.voting-round{color:var(--primary);font-weight:600;margin-left:var(--space-2)}.voting-deadline{color:var(--text-tertiary);font-family:monospace;font-size:var(--text-sm)}.verify-prompt{align-items:center;background:var(--bg-tertiary);border-radius:var(--border-radius);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-4)}.verify-icon{color:var(--color-accent);font-weight:600}.verify-link{color:var(--color-accent);font-weight:500;margin-left:auto;text-decoration:none;transition:opacity var(--transition)}.verify-link:hover{opacity:.8}.voting-closed{color:var(--text-tertiary);font-style:italic;padding:var(--space-6);text-align:center}.auth-prompt{align-items:center;animation:slideIn .3s ease;background:var(--primary-alpha);border-radius:var(--radius-md);display:flex;gap:var(--space-3);justify-content:center;margin-bottom:var(--space-4);padding:var(--space-4)}.prompt-icon{color:var(--primary);font-weight:700}.prompt-link{color:var(--primary);font-weight:500;text-decoration:none;transition:opacity var(--transition)}.prompt-link:hover{opacity:.8}.auth-hint{margin-bottom:var(--space-4);text-align:center}.hint-link{color:var(--text-tertiary);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition)}.hint-link:hover{color:var(--primary)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.themes-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.theme-row{align-items:center;border-radius:var(--border-radius);cursor:default;display:flex;gap:var(--space-3);padding:var(--space-2);transition:background var(--transition)}.theme-row:hover{background:var(--bg-tertiary)}.theme-row:focus{outline:none}.vote-buttons{gap:var(--space-1)}.vote-btn,.vote-buttons{align-items:center;display:flex}.vote-btn{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;font-family:monospace;font-size:var(--text-sm);font-weight:400;height:24px;justify-content:center;line-height:1;transition:all var(--transition);width:24px}.vote-btn:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-tertiary)}.vote-btn.active{background:var(--bg-tertiary);border-color:var(--text-secondary);font-weight:600}.vote-btn.vote-up.active{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.vote-btn.vote-down.active{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.vote-btn:disabled{cursor:not-allowed;opacity:.5}.theme-name{color:var(--text-primary);flex:1 1;font-size:var(--text-base)}.theme-row.voted-up .theme-name{color:var(--color-success)}.theme-row.voted-down .theme-name{color:var(--color-danger)}.voting-stats{align-items:center;border-top:1px solid var(--border-subtle);color:var(--text-tertiary);display:flex;font-family:monospace;font-size:var(--text-sm);gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3)}.save-indicator{animation:fadeIn .2s ease;color:var(--color-success)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.voting-help{align-items:center;color:var(--text-tertiary);display:flex;font-size:var(--text-sm);gap:var(--space-2);margin-top:var(--space-4)}.suggest-theme-link{color:var(--color-accent);font-weight:500;text-decoration:none}.suggest-theme-link:hover{text-decoration:underline}[data-theme=light] .theme-voting{background:#fff;border-color:var(--border-subtle)}[data-theme=light] .theme-row:hover,[data-theme=light] .verify-prompt{background:var(--bg-secondary)}@media (max-width:1024px){.themes-list{grid-template-columns:1fr}}@media (max-width:768px){.theme-voting{margin:var(--space-4) 0;padding:var(--space-4)}.voting-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.themes-list{gap:4px;grid-template-columns:1fr}.theme-row{gap:var(--space-3);padding:var(--space-2)}.vote-buttons{gap:2px}.vote-btn{font-size:var(--text-sm);height:24px;width:24px}.voting-help{display:none}}.showcase-page{background:var(--bg-primary)}.community-section{border-top:1px solid var(--border-subtle);margin-top:var(--space-8);padding:var(--space-12) 0 var(--space-8)}.community-header{margin-bottom:var(--space-6)}.community-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-1)}.community-header p{color:var(--text-tertiary);font-size:var(--text-sm);margin:0}.section-compact{padding:var(--space-4) 0}.showcase-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-6)}.showcase-tabs{background:var(--bg-secondary);border-radius:var(--border-radius);display:flex;gap:var(--space-1);padding:var(--space-1)}.tab{background:none;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-3);transition:all var(--transition)}.tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tab.active{background:var(--color-accent);border:1px solid var(--color-accent);color:var(--bg-primary)}.search-bar{flex:1 1;max-width:200px}.search-input{border-radius:var(--border-radius);font-size:var(--text-sm);padding:var(--space-2);transition:border-color var(--transition)}.winners-chronological{column-count:2;column-fill:balance;column-gap:var(--space-6)}.jam-winner-section{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);break-inside:avoid;display:inline-block;margin-bottom:var(--space-8);padding:var(--space-8);page-break-inside:avoid;position:relative;vertical-align:top;width:100%}.jam-winner-section h3{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3);position:relative}.jam-description{color:var(--text-secondary);font-size:var(--text-sm);font-style:italic;margin-bottom:var(--space-4)}.jam-description a{color:var(--color-accent);text-decoration:none}.jam-description a:hover{text-decoration:underline}.winner-list{display:flex;flex-direction:column;gap:var(--space-4)}.winner-featured{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);color:inherit;cursor:pointer;display:flex;gap:var(--space-6);margin-bottom:var(--space-4);opacity:.95;padding:var(--space-6);position:relative;text-decoration:none;transition:all .15s ease}.winner-featured:hover{border-color:var(--border-subtle);opacity:1;transform:translateY(-1px)}.winner-featured:hover .winner-title{color:var(--text-primary)}.winner-secondary{display:flex;flex-direction:row;gap:var(--space-4);justify-content:space-between}.winner-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:inherit;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);opacity:.95;padding:var(--space-4);position:relative;text-align:center;text-decoration:none;transition:all .15s ease}.winner-item:hover{border-color:var(--border-subtle);opacity:1;transform:translateY(-1px)}.winner-item:hover .winner-title{color:var(--text-primary)}.showcase-thumb{align-items:center;background:var(--bg-tertiary);color:var(--text-tertiary);display:flex;flex-shrink:0;font-weight:600;justify-content:center;overflow:hidden}.winner-featured .showcase-thumb{border-radius:var(--border-radius-lg);flex-shrink:0;font-size:var(--text-2xl);height:160px;width:160px}.winner-item .showcase-thumb{border-radius:var(--border-radius);font-size:var(--text-xl);height:120px;width:120px}.showcase-thumb img{height:100%;object-fit:cover;width:100%}.winner-featured .showcase-thumb img,.winner-item .showcase-thumb img{border-radius:var(--border-radius)}.showcase-thumb.no-image{background:var(--bg-secondary);color:var(--text-secondary)}.winner-info{display:flex;flex-direction:column;gap:var(--space-2);justify-content:center;padding:var(--space-4)}.winner-item .winner-info{align-items:center;gap:var(--space-1);padding:0;text-align:center}.winner-title{color:var(--text-primary);font-weight:600;line-height:1.3;transition:color var(--transition)}.winner-featured .winner-title{font-size:var(--text-lg)}.winner-item .winner-title{font-size:var(--text-sm)}.winner-author{color:var(--text-tertiary)}.winner-featured .winner-author{font-size:var(--text-base)}.winner-item .winner-author{font-size:var(--text-xs)}.placement-corner{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:4px;bottom:var(--space-2);color:var(--text-tertiary);font-size:10px;font-weight:400;letter-spacing:.01em;line-height:1;opacity:.5;padding:2px 6px;position:absolute;right:var(--space-2);text-transform:lowercase;z-index:2}.jam-tile-section{margin-bottom:var(--space-8)}.jam-tile-header{align-items:baseline;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.jam-tile-header h3{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.jam-tile-header h3 a{color:inherit;text-decoration:none}.jam-tile-header h3 a:hover{color:var(--color-accent)}.jam-tile-theme{color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic}.jam-tiles{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;height:320px}.jam-tile{border-radius:var(--border-radius);min-height:0;overflow:hidden;position:relative;text-decoration:none;transition:transform .2s}.jam-tile:hover{color:inherit;transform:scale(1.02)}.jam-tile-first{grid-row:1/-1}.jam-tile-img{align-items:center;background:var(--bg-tertiary);display:flex;height:100%;justify-content:center;width:100%}.jam-tile-img img{height:100%;object-fit:cover;width:100%}.jam-tile-img span{color:var(--text-quaternary);font-size:1.5rem;font-weight:700}.jam-tile-overlay{background:linear-gradient(#0000,#000c);bottom:0;display:flex;flex-direction:column;left:0;padding:2.5rem .75rem .65rem;position:absolute;right:0}.jam-tile-place{color:var(--color-accent);font-size:.65rem;font-weight:600;letter-spacing:.05em;margin-bottom:.15rem;text-transform:uppercase}.jam-tile-title{color:#fff;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jam-tile-first .jam-tile-title{font-size:1rem}.jam-tile-author{color:#aaa;font-size:.6rem}.showcase-empty{padding:var(--space-8) 0;text-align:center}.showcase-empty h3{color:var(--text-secondary)}.showcase-empty p{color:var(--text-tertiary)}.community-tiles{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.community-tile{aspect-ratio:16/10;border-radius:var(--border-radius);overflow:hidden;position:relative;text-decoration:none;transition:transform .2s}.community-tile:hover{color:inherit;transform:scale(1.02)}.community-tile-img{align-items:center;background:var(--bg-tertiary);display:flex;height:100%;justify-content:center;width:100%}.community-tile-img img{height:100%;object-fit:cover;width:100%}.community-tile-img span{color:var(--text-quaternary);font-size:1.5rem;font-weight:700}.community-tile-overlay{background:linear-gradient(#0000,#000000bf);bottom:0;left:0;padding:2rem .6rem .5rem;position:absolute;right:0}.community-tile-title{color:#fff;display:block;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-tile-author{color:#aaa;display:block;font-size:.6rem}@media (max-width:1200px){.winners-chronological{column-gap:var(--space-4)}}@media (max-width:768px){.winners-chronological{column-count:1}.showcase-controls{align-items:stretch;flex-direction:column}.search-bar{max-width:100%}.winner-featured{gap:var(--space-3);padding:var(--space-3)}.winner-featured .showcase-thumb{height:120px;width:120px}.winner-featured .winner-info{padding:var(--space-3)}.winner-item{gap:var(--space-2);padding:var(--space-2)}.winner-secondary{flex-direction:column;gap:var(--space-3)}.winner-item{align-items:center;flex-direction:row;text-align:left}.winner-item .winner-info{align-items:flex-start;text-align:left}.winner-item .showcase-thumb{font-size:var(--text-base);height:50px;width:50px}.community-tiles{grid-template-columns:repeat(2,1fr)}.jam-tiles{grid-template-columns:1fr 1fr;height:240px}.jam-tile-first{grid-row:1/-1}.jam-tile-header{flex-direction:column;gap:.25rem}}.community-page{background:var(--bg-primary)}.error-message{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--color-coral);margin-bottom:1.5rem;padding:.75rem;text-align:center}.community-content h2{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:1rem}.featured-section p,.search-results p{color:var(--text-secondary);margin-bottom:2.5rem}.games-grid{grid-gap:1.25rem;align-items:stretch;gap:1.25rem;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:1200px}.community-game-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .2s ease}.community-game-card:hover{border-color:var(--color-accent);box-shadow:0 2px 8px #0000000f}.game-thumbnail{background:var(--bg-tertiary)}.game-info{gap:.5rem;padding:1rem}.game-title{margin:0}.game-developer{color:var(--text-secondary);font-size:.9rem;margin:0}.developer-link{color:var(--color-accent);font-weight:500;text-decoration:none}.developer-link:hover{text-decoration:underline}.game-description-wrapper{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.game-description{line-height:1.6;margin:0}.game-description.expanded{-webkit-line-clamp:unset;display:block}.show-more-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:inline-block;font-size:.85rem;font-weight:400;margin-bottom:.5rem;margin-top:.25rem;padding:0;text-align:left;transition:color .2s ease}.show-more-btn:focus,.show-more-btn:hover{color:var(--color-accent)}.show-more-btn:focus{outline:none}.game-tag{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:16px;color:var(--text-tertiary);font-size:.75rem;font-weight:400;padding:.25rem .75rem}.game-actions{margin-top:.5rem;min-height:34px}.coming-soon-badge{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-tertiary);display:flex;font-size:.85rem;font-weight:400;gap:.4rem;height:34px;justify-content:center;padding:0 .75rem}.coming-soon-badge svg{height:16px;opacity:.6;width:16px}.coming-soon-badge span{opacity:.8}.community-page .btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;height:34px;justify-content:center;padding:.4rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease;white-space:nowrap;width:100%}.community-page .btn-sm{font-size:.8rem;padding:.4rem .8rem}.community-page .btn-primary{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);font-weight:500;transition:all .2s ease}.community-page .btn-primary:hover{background:var(--bg-primary);border-color:var(--border-hover);color:var(--text-primary)}.community-page .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary)}.community-page .btn-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--color-accent)}.community-page .btn:disabled{cursor:not-allowed;opacity:.5}.empty-state,.no-results{color:var(--text-secondary);padding:2rem 1.5rem;text-align:center}.empty-state p,.no-results p{margin-bottom:.5rem}.loading-state{color:var(--text-tertiary);padding:1.5rem 1rem;text-align:center}.view-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.search-and-filters{flex:1 1;margin-right:1rem;max-width:400px}.search-input{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.9rem;height:36px;padding:0 1rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:var(--color-accent);outline:none}.search-input::placeholder{color:var(--text-tertiary);opacity:.7}.view-mode-toggle{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;display:flex;overflow:hidden}.toggle-button{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.toggle-button:first-child{border-right:1px solid var(--border-subtle)}.toggle-button.active,.toggle-button:hover{background:var(--bg-tertiary)}.toggle-button.active{color:var(--text-primary);font-weight:600}.filter-options{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.filter-checkbox{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:.5rem}.advanced-filters{align-items:center;display:flex;gap:.75rem}.filter-select{appearance:none;background:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;background-size:20px;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.9rem;height:36px;outline:none;padding:0 2.5rem 0 1rem;transition:all .2s ease}.filter-select:hover{border-color:var(--border-hover)}.filter-select:focus{border-color:var(--color-accent)}.filter-checkbox input[type=checkbox]{cursor:pointer;height:1.1rem;width:1.1rem}.filter-checkbox:hover{color:var(--text-primary)}.load-more-container{margin-top:2rem;text-align:center}.load-more-button{margin-bottom:1rem;min-width:200px}@media (max-width:768px){.page-header h1{font-size:2rem}.view-controls{align-items:stretch;flex-direction:column}.view-mode-toggle{width:100%}.toggle-button{flex:1 1}.filter-options{width:100%}.community-grid{gap:1rem;grid-template-columns:1fr}.community-card{padding:1.25rem}.community-stats{flex-direction:column;gap:.5rem}.pagination{flex-wrap:wrap;gap:.75rem}.pagination .btn{min-width:100px}}@media (max-width:480px){.container{padding:0 1rem}.community-page{padding:1rem 0}.page-header{padding:2rem 0 1.5rem}.page-header h1{font-size:1.75rem;margin-bottom:.5rem}.page-header p{font-size:.9rem}.community-card{padding:1rem}.community-content h2{font-size:1.5rem}.community-grid{grid-template-columns:1fr}.pagination{flex-direction:column;width:100%}.pagination .btn{width:100%}.pagination-info{margin:.5rem 0}}.game-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between}.game-title{flex:1 1}.report-flag-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;font-size:.9rem;opacity:.3;padding:.25rem .5rem;transition:all .2s ease}.community-game-card:hover .report-flag-btn{opacity:.7}.report-flag-btn:hover{color:var(--color-coral);opacity:1}.report-flag-btn:disabled{cursor:not-allowed}.resources-page{background:var(--bg-primary);padding-bottom:var(--space-16)}.page-header{margin-bottom:var(--space-8);padding:var(--space-8) 0;text-align:center}.page-header h1{color:var(--text-primary);font-size:var(--text-3xl);font-weight:600;margin-bottom:var(--space-2)}.page-header p{color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;margin:0 auto;max-width:600px}.res-toc{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:var(--space-8)}.res-toc-link{color:var(--text-tertiary);font-size:var(--text-sm);text-decoration:none;transition:color .15s}.res-toc-link:hover{color:var(--color-accent)}.res-toc-sep{color:var(--text-quaternary);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.res-content{flex:1 1;min-width:0}.res-section{margin-bottom:var(--space-8);scroll-margin-top:5rem}.res-section h2{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.res-table{border:1px solid var(--border-subtle);border-radius:var(--border-radius);overflow:hidden}.res-table-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;padding:.5rem .75rem}.res-table-header .res-col-desc,.res-table-header .res-col-name{color:var(--text-quaternary);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.res-row{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;padding:.55rem .75rem;text-decoration:none;transition:background .1s}.res-row:last-child{border-bottom:none}.res-row:nth-child(odd){background:var(--bg-secondary)}.res-row:hover{background:var(--bg-tertiary);color:inherit}.res-row:hover .res-col-name{color:var(--color-accent)}.res-col-name{align-items:center;color:var(--text-primary);display:flex;flex-shrink:0;font-size:var(--text-sm);font-weight:600;gap:.4rem;transition:color .15s;width:200px}.res-col-desc{color:var(--text-quaternary);flex:1 1;font-size:var(--text-xs)}.res-row-icon{flex-shrink:0;height:16px;object-fit:contain;width:16px}.res-col-tags{display:flex;flex-shrink:0;flex-wrap:wrap;gap:.2rem;justify-content:flex-end;min-width:140px}.res-table-header .res-col-tags{color:var(--text-quaternary);font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-align:right;text-transform:uppercase}.res-tag{background:var(--bg-tertiary);border-radius:3px;color:var(--text-tertiary);font-size:.6rem;padding:.1rem .4rem;white-space:nowrap}@media (max-width:768px){.page-header{padding:var(--space-6) 0}.page-header h1{font-size:var(--text-2xl)}.res-col-name{width:120px}.res-table-header{display:none}}.support-page{color:var(--text-secondary);margin:0 auto;max-width:720px;padding:4rem 1.5rem}.support-page h1{color:var(--text-primary);font-size:var(--text-4xl);font-weight:600;margin-bottom:.5rem;text-align:center}.support-page>p:first-of-type{font-size:var(--text-lg);margin-bottom:3rem;text-align:center}.support-section{margin-bottom:4rem}.support-section h2{border-bottom:2px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-2xl);font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.contact-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:2rem;padding:2rem}.contact-note{color:var(--text-secondary);font-size:var(--text-base);line-height:1.7;max-width:none}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-size:var(--text-sm)}.form-group input,.form-group textarea{background:var(--bg-tertiary);font-size:var(--text-base);padding:1rem;resize:vertical}.contact-form button{padding:.5rem 1.25rem;width:fit-content}.contact-form button:disabled{cursor:not-allowed;opacity:.6}.error-message,.success-message{border-radius:var(--border-radius);font-size:var(--text-sm);margin-bottom:1.5rem}.error-message{color:var(--color-accent)}.char-count{display:block}@media (max-width:480px){.support-page{padding:2rem 1rem}.support-page h1{font-size:var(--text-2xl)}.support-section h2{font-size:var(--text-xl)}}.privacy-page{background:var(--bg-primary);color:var(--text-secondary);margin:0 auto;max-width:720px;padding:4rem 1.5rem}.page-header-compact{margin-bottom:2rem}.page-header-compact h1{color:var(--text-primary);font-size:var(--text-4xl);font-weight:600;margin-bottom:.5rem}.page-header-compact p{color:var(--text-tertiary);font-size:var(--text-base);margin:0}.section-balanced{padding-top:0}.section-balanced .container{color:var(--text-secondary);display:flex;flex-direction:column;font-size:var(--text-base);gap:1rem;line-height:1.7;max-width:60ch}.privacy-meta{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:1rem}.profile-page{background:var(--bg-primary);min-height:calc(100vh - 64px);padding:var(--space-12) 0 var(--space-8) 0}.profile-container{margin:0 auto;max-width:36rem;padding:0 var(--space-4)}.profile-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:var(--space-6)}.profile-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-6)}.profile-info{flex:1 1}.name-edit{margin-bottom:var(--space-2)}.display-name-input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--text-xl);font-weight:600;max-width:300px;padding:var(--space-2) var(--space-3);transition:border-color var(--transition);width:100%}.display-name-input:focus{border-color:var(--color-accent);outline:none}.profile-name{color:var(--text-primary);font-size:var(--text-xl);font-weight:600;margin:0}.profile-username{color:var(--text-tertiary);font-size:var(--text-base);margin:var(--space-1) 0 0 0}.joined-date{margin-top:var(--space-2);opacity:.7}.profile-error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--border-radius);color:var(--color-accent)}.profile-error,.profile-success{font-size:var(--text-sm);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.profile-success{background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--border-radius);color:var(--primary)}.profile-section{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);margin-bottom:var(--space-6);padding:var(--space-4)}.profile-section h3{border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-base);font-weight:600;margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2)}.bio-edit{position:relative}.profile-textarea{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);-webkit-hyphens:auto;hyphens:auto;line-height:1.5;min-height:80px;overflow-wrap:break-word;padding:var(--space-3);resize:vertical;transition:border-color var(--transition);width:100%;word-break:break-word}.profile-textarea:focus{border-color:var(--color-accent);outline:none}.profile-textarea::placeholder{color:var(--text-tertiary)}.char-count{background:var(--bg-primary);bottom:var(--space-1);font-size:var(--text-xs);padding:0 var(--space-1);position:absolute;right:var(--space-2)}.profile-bio{color:var(--text-secondary);font-size:var(--text-base);-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin:0;min-height:24px;overflow-wrap:break-word;word-break:break-word}.empty-bio{color:var(--text-tertiary);font-style:italic}.links-edit{display:flex;flex-direction:column;gap:var(--space-2)}.links-edit h3{margin-bottom:var(--space-3)}.link-input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition)}.link-input:focus{border-color:var(--color-accent);outline:none}.link-input::placeholder,.links-help{color:var(--text-tertiary)}.links-help{font-size:var(--text-xs);font-style:italic;margin:var(--space-2) 0 0 0}.link-input-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.link-input-error{border-color:#ef4444;border-color:var(--color-error,#ef4444)}.link-error-message{color:#ef4444;color:var(--color-error,#ef4444);font-size:var(--text-xs);margin-left:var(--space-2)}.links-display{display:flex;flex-wrap:wrap;gap:0;min-height:24px}.email-info{margin-top:var(--space-2)}.email-address{color:var(--text-primary);font-size:var(--text-base);margin:0}.email-status{font-size:var(--text-sm);margin-left:var(--space-2)}.email-status.unverified{color:#f59e0b;color:var(--color-warning,#f59e0b)}.email-status.verified{color:#10b981;color:var(--color-success,#10b981)}.email-placeholder{display:flex;flex-direction:column;gap:var(--space-3)}.email-warning{color:#f59e0b;color:var(--color-warning,#f59e0b);font-size:var(--text-sm);margin:0}.email-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.email-success{background:#10b9811a;color:#10b981;color:var(--color-success,#10b981)}.email-error,.email-success{border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-2);padding:var(--space-2) var(--space-3)}.email-error{background:#ef44441a;color:#ef4444;color:var(--color-error,#ef4444)}.compact-accounts{margin-bottom:var(--space-4)}.compact-accounts h3{color:var(--text-tertiary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.accounts-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.account-badge{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:inline-flex;font-size:var(--text-sm);gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition)}.account-badge.connected{background:var(--bg-secondary);border-color:var(--primary-alpha)}.account-badge .provider-name{color:var(--text-secondary)}.account-badge.connected .provider-name{color:var(--primary)}.connect-link,.unlink-btn{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:inline-flex;font-size:14px;height:16px;justify-content:center;margin:0;padding:0;text-decoration:none;transition:color var(--transition);width:16px}.unlink-btn:hover:not(:disabled){color:#ef4444;color:var(--color-error,#ef4444)}.connect-link:hover{color:var(--primary)}.unlink-btn:disabled{cursor:not-allowed;opacity:.3}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.modal-header h3{color:var(--text-primary);font-size:var(--text-lg);margin:0}.modal-close{align-items:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:var(--text-xl);justify-content:center;padding:var(--space-1);transition:color .2s}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-info{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.modal-input{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-2) var(--space-3);transition:border-color .2s;width:100%}.modal-input:focus{border-color:var(--color-primary);outline:none}.modal-error{color:#ef4444;color:var(--color-error,#ef4444)}.modal-error,.modal-success{font-size:var(--text-sm);margin-top:var(--space-2)}.modal-success{color:#10b981;color:var(--color-success,#10b981)}.modal-footer{border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6)}.link-item{align-items:center;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-2);margin-right:var(--space-2);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition)}.link-item:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.empty-links{color:var(--text-tertiary);font-size:var(--text-sm);font-style:italic}.privacy-dropdown-container{margin-top:var(--space-2)}.privacy-dropdown{background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:var(--text-base);padding:var(--space-3);transition:border-color var(--transition);width:100%}.privacy-dropdown:focus,.privacy-dropdown:hover{border-color:var(--color-accent);outline:none}.privacy-note{background:var(--bg-secondary);border-radius:var(--border-radius);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;margin-top:var(--space-2);padding:var(--space-3)}.profile-actions{border-top:1px solid var(--border-subtle);display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-6);padding-top:var(--space-4)}.profile-footer{margin-top:var(--space-4);text-align:right}.joined-date{font-size:var(--text-xs);opacity:.6}@media (max-width:768px){.profile-page{padding:var(--space-6) 0}.profile-card{padding:var(--space-4)}.profile-section{padding:var(--space-3)}.profile-actions{align-items:center;flex-direction:column}.display-name-input{font-size:var(--text-lg)}}@media (max-width:480px){.profile-container{padding:0 var(--space-3)}.profile-card{padding:var(--space-3)}}.page-container{max-width:800px;min-height:calc(100vh - 200px);padding:2rem 1rem}.page-content{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:2rem}.page-content h1{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:1.5rem}.page-section{margin-bottom:2rem}.page-section:last-child{margin-bottom:0}.page-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem}.page-section h3{color:var(--text-primary);font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.page-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.page-section p:last-child{margin-bottom:0}.feature-list{margin:1.5rem 0}.feature-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:1rem;padding:1.5rem}.feature-item:last-child{margin-bottom:0}.feature-item h3{color:var(--accent-primary);margin-bottom:.5rem}.feature-item p{margin-bottom:0}.game-dashboard{background:var(--bg-color);min-height:100vh;padding:4rem 0 2rem}.dashboard-header{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin:0}.header-content p{color:var(--text-secondary);font-size:1.1rem;margin:.5rem 0 0}.header-actions{flex-shrink:0}.error-message{border-radius:8px;margin-bottom:1rem;padding:1rem}.dashboard-content{min-height:400px}.empty-state{color:var(--text-secondary);padding:4rem 2rem;text-align:center}.empty-icon{color:var(--text-tertiary);font-size:1.5rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;opacity:.7;text-transform:uppercase}.empty-state h2{color:var(--text-primary);margin-bottom:.5rem}.empty-state p{font-size:1.1rem;margin-bottom:2rem}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem}.game-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s ease}.game-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.game-thumbnail{background:var(--bg-secondary);height:180px;overflow:hidden;position:relative;width:100%}.game-thumbnail img{height:100%;object-fit:cover;width:100%}.placeholder-thumbnail{align-items:center;background:var(--bg-tertiary);color:var(--text-tertiary);display:flex;font-size:.9rem;font-weight:500;height:100%;justify-content:center;opacity:.8;width:100%}.placeholder-thumbnail,.visibility-badge{letter-spacing:.5px;text-transform:uppercase}.visibility-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:8px;top:8px}.badge-success{background:var(--badge-complete);color:var(--bg-primary)}.badge-warning{background:var(--color-warm-yellow);color:var(--bg-primary)}.badge-secondary{background:var(--text-tertiary);color:var(--bg-primary)}.badge-info{background:var(--color-accent-alt);color:var(--bg-primary)}.game-info{display:flex;flex:1 1;flex-direction:column;padding:1.25rem}.game-title{-webkit-line-clamp:2;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.game-description,.game-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.game-description{-webkit-line-clamp:3;color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0 0 1rem}.game-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:1rem;opacity:.4}.game-views{font-weight:500}.game-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{background:var(--bg-tertiary);border:1px solid var(--color-accent-alt);border-radius:12px;color:var(--color-accent-alt);font-size:.75rem;font-weight:500}.tag,.tag-more{padding:.25rem .5rem}.tag-more{background:#0000;border:none;border-radius:12px;color:var(--text-tertiary);cursor:pointer;font-size:.7rem;font-weight:400;text-decoration:underline;text-decoration-color:#0000;transition:all .2s ease}.tag-more:hover{color:var(--text-secondary);text-decoration-color:var(--text-secondary)}.game-actions{align-items:center;display:flex;gap:.5rem;margin-top:auto}.game-actions .btn{flex:1 1;text-align:center;text-decoration:none}.game-dashboard .btn-danger{background:var(--color-danger);border:2px solid var(--color-danger);color:var(--bg-primary)}.game-dashboard .btn-danger:hover{background:var(--color-danger-light);border-color:var(--color-danger-light)}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem}.pagination-info{color:var(--text-secondary);font-size:.9rem}.dashboard-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-sm);padding:2rem;text-align:center}.dashboard-card h1{color:var(--text-primary);margin-bottom:1rem}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-content h1{font-size:2rem}.games-grid{grid-template-columns:1fr}.game-actions{flex-direction:column}.game-dashboard .game-actions .btn{flex:none;width:100%}.pagination{flex-direction:column;gap:.5rem}}@media (max-width:480px){.container{padding:0 .5rem}.game-dashboard{padding:1rem 0}.header-content h1{font-size:1.75rem}.game-card{margin-bottom:1rem}}.game-form-page{background:var(--bg-color);min-height:100vh;padding:2rem 0}.form-header{margin-bottom:2rem;text-align:center}.form-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.form-header p{color:var(--text-secondary);font-size:1rem}.error-message,.success-message{border-radius:8px;font-weight:500;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:600px;padding:1rem;text-align:center}.error-message{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.success-message{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.game-form{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;margin:0 auto;max-width:720px;overflow:hidden;padding:0}.form-section{border-bottom:1px solid var(--border-subtle);padding:2.5rem;position:relative}.form-section:last-child{border-bottom:none}.section-number{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;left:2.5rem;position:absolute;top:2.5rem;width:32px}.form-section h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;padding-left:48px}.form-group,.form-section h2{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:.5rem}.required{color:var(--color-coral)}.optional{color:var(--text-tertiary);font-size:.85rem;font-weight:400}.form-group input[type=text],.form-group input[type=url],.form-group textarea{background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;background-size:20px;border:2px solid var(--border-subtle);border-radius:8px;font-size:1rem;padding:.875rem 2.5rem .875rem 1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-primary);border-color:var(--accent-color);outline:none}.form-group textarea{line-height:1.5;min-height:100px}.form-group small{color:var(--text-tertiary);display:block;font-size:.875rem;line-height:1.4;margin-top:.375rem}.form-group small.success-text{color:var(--color-success)}.char-count{color:var(--text-tertiary);font-size:.875rem;margin-top:.25rem;text-align:right}.tag-grid{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:.5rem}.tag-button{background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .15s ease}.tag-button:hover:not(:disabled){border-color:var(--accent-color);color:var(--accent-color)}.tag-button.selected{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.tag-button:disabled{cursor:not-allowed;opacity:.5}.tag-counter{color:var(--text-secondary);font-weight:500}.platform-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.platform-button{align-items:center;background:var(--bg-primary);border:2px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.875rem 1rem;transition:all .15s ease}.platform-button:hover{border-color:var(--accent-color);transform:translateY(-1px)}.platform-button.selected{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.platform-icon{font-size:1.1rem}.image-preview-container{margin-top:1rem;position:relative}.image-preview{border:2px solid var(--border-subtle);border-radius:8px;height:auto;max-width:400px;width:100%}.image-preview-container .btn-ghost{background:#000000b3;border:none;color:#fff;font-size:.875rem;padding:.375rem .75rem;position:absolute;right:.5rem;top:.5rem}.image-preview-container .btn-ghost:hover{background:#000000e6}.form-row{grid-gap:1rem;gap:1rem}.checkbox-label{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-weight:400;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;margin-right:.625rem;width:auto}.adult-checkbox{background:var(--bg-tertiary);border:2px solid var(--border-subtle);border-radius:8px;padding:1rem}.adult-checkbox:has(input:checked){background:var(--color-coral-bg);border-color:var(--color-coral)}.collapsible .section-header{align-items:center;display:flex;justify-content:space-between}.collapsible-content{margin-top:1.5rem}.form-actions{background:var(--bg-tertiary);border-top:1px solid var(--border-subtle);gap:1rem;justify-content:center;padding:2rem}.game-form .btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:.875rem 2rem;text-decoration:none;transition:all .15s ease}.game-form .btn-primary{background:var(--accent-color);color:#fff}.game-form .btn-primary:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.game-form .btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-subtle);color:var(--text-primary)}.game-form .btn-secondary:hover:not(:disabled){border-color:var(--text-secondary)}.game-form .btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-sm{font-size:.875rem;min-width:auto;padding:.5rem 1rem}.form-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;margin:0 auto;max-width:600px;padding:3rem;text-align:center}.form-card h1{color:var(--text-primary);margin-bottom:1rem}@media (max-width:768px){.container{padding:0 1rem}.game-form{border-left:none;border-radius:0;border-right:none}.form-section{padding:2rem 1.5rem}.section-number{font-size:1rem;height:28px;left:1.5rem;top:2rem;width:28px}.form-section h2{font-size:1.25rem;padding-left:40px}.form-row{grid-template-columns:1fr}.platform-grid{grid-template-columns:1fr 1fr}.form-actions{flex-direction:column-reverse;padding:1.5rem}.game-form .btn{width:100%}}@media (max-width:480px){.game-form-page{padding:0}.form-header{padding:1.5rem 1rem 1rem}.form-header h1{font-size:1.75rem}.form-section{padding:1.5rem 1rem}.tag-grid{gap:.5rem}.tag-button{font-size:.8125rem;padding:.375rem .75rem}.platform-grid{grid-template-columns:1fr}.platform-button{padding:.75rem}}[data-theme=dark] .game-form{background:var(--bg-secondary)}[data-theme=dark] .form-section{border-bottom-color:var(--border-subtle)}[data-theme=dark] .adult-checkbox,[data-theme=dark] .platform-button,[data-theme=dark] .tag-button{background:var(--bg-tertiary)}[data-theme=light] .game-form{background:#fff;box-shadow:0 1px 3px #0000001a}[data-theme=light] .form-actions{background:var(--bg-primary)}[data-theme=light] .platform-button,[data-theme=light] .tag-button{background:#fff;border-color:#e5e7eb}[data-theme=light] .platform-button:hover,[data-theme=light] .tag-button:hover:not(:disabled){border-color:var(--accent-color)}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{border-color:#e5e7eb}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus,[data-theme=light] .form-group textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #a855f71a}.user-profile-page{background:var(--bg-primary);min-height:100vh;padding:4rem 0 2rem}.user-profile-page .profile-container{margin:0 auto;max-width:68rem;padding:0 var(--space-6)}.profile-hero{margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:700px;padding:0;text-align:center}.user-profile-page .profile-name{color:var(--text-primary);font-size:2.5rem;font-weight:600;line-height:1.2;margin:0 0 .5rem}.user-profile-page .profile-username{color:var(--text-tertiary);font-size:1rem;font-weight:400;margin:0 0 1.5rem}.user-profile-page .profile-bio{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto 1rem;max-width:500px}.user-profile-page .profile-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:.75rem 0 2rem}.user-profile-page .profile-links:empty{display:none}.user-profile-page .profile-link{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--color-accent);display:inline-flex;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.user-profile-page .profile-link:hover{border-color:var(--color-accent);color:var(--text-primary)}.private-profile{padding:3rem 2rem;text-align:center}.private-notice{background:var(--bg-secondary);border:none;border-radius:8px;padding:2rem}.private-notice h3{color:var(--text-primary);margin:0 0 1rem}.private-notice p{color:var(--text-secondary);margin:0}.stats-section{display:flex;gap:2rem;justify-content:center;margin-bottom:3rem}.stat-card{background:var(--bg-secondary);border:none;border-radius:8px;min-width:120px;padding:1.5rem;text-align:center}.stat-number{color:var(--color-accent);display:block;font-size:2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.user-profile-page .portfolio-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1.5rem}.user-profile-page .portfolio-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;overflow:visible;position:relative;transition:all .3s ease}.user-profile-page .portfolio-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.user-profile-page .portfolio-item:hover .portfolio-thumbnail{box-shadow:var(--shadow-md)}.user-profile-page .portfolio-thumbnail{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm);height:250px;margin-bottom:1.5rem;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.user-profile-page .portfolio-thumbnail img{height:100%;object-fit:cover;width:100%}.user-profile-page .portfolio-placeholder{align-items:center;background:var(--bg-tertiary);color:var(--text-tertiary);display:flex;font-size:.9rem;font-weight:500;height:100%;justify-content:center;letter-spacing:.5px;opacity:.8;text-transform:uppercase;width:100%}.user-profile-page .portfolio-info{padding:1.25rem}.user-profile-page .portfolio-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:1.3rem;font-weight:600;line-height:1.4;margin:0 0 .5rem;overflow:hidden}.user-profile-page .portfolio-description-wrapper{margin-bottom:.75rem}.user-profile-page .portfolio-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:0;overflow:hidden}.user-profile-page .portfolio-description.expanded{-webkit-line-clamp:none;display:block}.user-profile-page .description-toggle{background:#0000;border:none;color:var(--text-tertiary);cursor:pointer;font-size:.85rem;margin-top:.25rem;padding:.25rem 0;text-decoration:underline;text-decoration-color:#0000;transition:all .2s ease}.user-profile-page .description-toggle:hover{color:var(--text-secondary);text-decoration-color:var(--text-secondary)}.user-profile-page .portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:0}.user-profile-page .portfolio-tag{background:var(--bg-tertiary);border:1px solid var(--color-accent-alt);border-radius:12px;color:var(--color-accent-alt);font-size:.75rem;font-weight:500;padding:.25rem .5rem}.user-profile-page .portfolio-tag-more{background:#0000;border:none;border-radius:12px;color:var(--text-tertiary);cursor:pointer;font-size:.7rem;font-weight:400;padding:.25rem .5rem;text-decoration:underline;text-decoration-color:#0000;transition:all .2s ease}.user-profile-page .portfolio-tag-more:hover{color:var(--text-secondary);text-decoration-color:var(--text-secondary)}.user-profile-page .portfolio-actions{margin-top:auto;padding-top:1rem}.portfolio-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.portfolio-section-header h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.view-all-button{background:#0000;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.view-all-button:hover{background:var(--bg-tertiary);border-color:var(--color-accent);color:var(--text-primary)}.user-profile-page .load-more-container{margin-top:3rem;text-align:center}.user-profile-page .load-more-button{margin-bottom:1rem;min-width:200px}.user-profile-page .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;white-space:nowrap}.user-profile-page .btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary)}.user-profile-page .btn-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--color-accent)}.user-profile-page .btn:disabled{cursor:not-allowed;opacity:.5}.profile-footer{border-top:1px solid var(--border-subtle);margin-top:3rem;padding-top:2rem;text-align:center}.joined-date{color:var(--text-tertiary);font-size:.9rem;font-style:italic}.error-state,.loading-state{padding:4rem 2rem;text-align:center}.loading-state{color:var(--text-secondary);font-size:1.1rem}.error-state h1{color:var(--text-primary);margin-bottom:1rem}.error-state p{color:var(--text-secondary);font-size:1.1rem}@media (max-width:1024px){.user-profile-page .profile-container{padding:0 1.5rem}.user-profile-page .portfolio-grid{gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.user-profile-page .profile-container{padding:0 1rem}.profile-hero{margin-bottom:3rem}.user-profile-page .profile-name{font-size:2.5rem}.user-profile-page .profile-bio,.user-profile-page .profile-username{font-size:1.1rem;margin-bottom:1.5rem}.user-profile-page .portfolio-grid{gap:2rem;grid-template-columns:1fr;margin-top:1.5rem}.user-profile-page .portfolio-thumbnail{height:220px;margin-bottom:1rem}.user-profile-page .profile-links{flex-direction:row;flex-wrap:wrap;gap:.75rem}}@media (max-width:480px){.user-profile-page{padding:1rem 0}.user-profile-page .profile-container{padding:0 .75rem}.profile-hero{margin-bottom:2rem}.user-profile-page .profile-name{font-size:2rem}.user-profile-page .profile-bio,.user-profile-page .profile-username{font-size:1rem}.user-profile-page .portfolio-grid{gap:1.5rem}.user-profile-page .portfolio-thumbnail{height:200px}.user-profile-page .portfolio-title{font-size:1.1rem}.user-profile-page .profile-links{align-items:center;flex-direction:column}.user-profile-page .profile-link{font-size:.9rem;padding:.5rem .75rem;text-align:center}.portfolio-section-header{align-items:flex-start;flex-direction:column;gap:1rem}.view-all-button{text-align:center;width:100%}}.adult-badge{color:var(--color-coral);font-size:.8rem;font-weight:600;margin-left:.5rem}.report-button{background:none;border:none;bottom:1rem;color:var(--text-tertiary);cursor:pointer;font-size:.9rem;opacity:.3;padding:.25rem .5rem;position:absolute;right:1rem;transition:all .2s ease;z-index:10}.portfolio-item:hover .report-button{opacity:.7}.report-button:hover{color:var(--color-coral);opacity:1}.report-button:disabled{cursor:not-allowed}.flag-icon{display:inline-block;transform:rotate(15deg)}.admin-page{background:var(--bg-primary);min-height:calc(100vh - 80px);padding:var(--space-6) 0}.admin-header h1{color:var(--text-primary);margin-bottom:var(--space-4)}.admin-tabs{gap:0}.admin-tab{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--space-3) var(--space-4);transition:all .15s}.admin-tab.active{color:var(--text-primary)}.admin-panel{display:flex;flex-direction:column;gap:var(--space-8)}.admin-panel>*{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--space-8)}.admin-panel>:last-child{border-bottom:none}.admin-note{color:var(--color-accent);font-size:var(--text-sm);font-style:italic}.admin-note,.theme-form{margin-bottom:var(--space-6)}.theme-form{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-6)}.theme-form h2{color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-2)}.form-group{margin-bottom:var(--space-3)}.form-group label{color:var(--text-secondary);display:block;font-size:var(--text-xs);font-weight:500;margin-bottom:var(--space-1)}.form-group input,.form-group textarea{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:var(--text-sm);padding:var(--space-2);width:100%}.form-group textarea{font-family:monospace;min-height:200px;resize:vertical}.message{border-radius:var(--border-radius);font-size:var(--text-sm);margin-top:var(--space-4);padding:var(--space-3)}.message.success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.message.error{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger)}.admin-help{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:var(--space-6)}.admin-help h3{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--space-3)}.admin-help ol{color:var(--text-secondary);margin-left:var(--space-6)}.admin-help li{margin-bottom:var(--space-2)}.admin-panel .btn,.admin-panel button[class*=btn]{border-radius:4px;font-size:var(--text-xs);font-weight:500;padding:.4rem .75rem;transition:all .15s}.admin-panel .btn-primary,.admin-panel .btn-success{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary)}.admin-panel .btn-primary:hover,.admin-panel .btn-success:hover{background:var(--bg-secondary);border-color:var(--text-tertiary)}.admin-panel .btn-secondary{background:#0000;border:1px solid var(--border-subtle);color:var(--text-secondary)}.admin-panel .btn-secondary:hover{border-color:var(--text-tertiary);color:var(--text-primary)}.admin-panel .btn-danger{background:#0000;border:1px solid var(--color-danger-border);color:var(--color-danger)}.admin-panel .btn-danger:hover{background:var(--color-danger-bg)}.admin-panel .btn-ghost{background:none;border:none;color:var(--text-tertiary);padding:.4rem .5rem}.admin-panel .btn-ghost:hover{color:var(--text-primary)}.admin-actions,.jam-form{margin-bottom:var(--space-4)}.jam-form{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:var(--space-4)}.jam-form h2{color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-2)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr;margin-bottom:var(--space-4)}.form-group select{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);padding:var(--space-3);width:100%}.input-with-button{display:flex;gap:var(--space-2)}.input-with-button input{flex:1 1}.btn-sm{font-size:var(--text-xs)!important;padding:.35rem .65rem!important}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.jams-list{margin-top:var(--space-8)}.jams-list h2{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--space-4)}.jams-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.jam-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:var(--space-4)}.jam-card.current{border-color:var(--border-subtle)}.jam-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.jam-header h3{color:var(--text-primary);font-size:var(--text-base);margin:0}.current-badge{background:var(--bg-tertiary);border-radius:3px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;padding:.15rem .5rem;text-transform:uppercase}.jam-details{margin-bottom:var(--space-4)}.jam-details p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.jam-details strong{color:var(--text-tertiary);font-weight:500}.jam-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-light)}[data-theme=light] .jam-card{background:#f8fafc;border-color:var(--border-subtle)}[data-theme=light] .jam-form{background:#f8fafc}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#fff}@media (max-width:768px){.form-row,.jams-grid{grid-template-columns:1fr}.jam-actions{flex-direction:column}.jam-actions button{width:100%}}.admin-header{margin-bottom:var(--space-6)}.admin-header h1{font-size:var(--text-xl);margin-bottom:var(--space-3)}.admin-tabs{border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--space-1)}.admin-tab{border-bottom:2px solid #0000;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;margin-bottom:-1px;padding:var(--space-3) var(--space-6);text-decoration:none;transition:all var(--transition)}.admin-tab:hover{color:var(--text-primary)}.admin-tab.active{border-bottom-color:var(--color-accent);color:var(--color-accent)}.admin-content{background:var(--bg-secondary);border-radius:var(--border-radius);padding:var(--space-4)}.admin-jams,.admin-redirects,.admin-themes{max-width:100%}.admin-jams h2,.admin-redirects h2,.admin-themes h2{color:var(--text-primary);font-size:var(--text-lg);margin-bottom:var(--space-3)}[data-theme=light] .admin-content{background:#fff;border:1px solid var(--border-subtle)}[data-theme=light] .theme-form{background:#f8fafc}[data-theme=light] .admin-tab{color:var(--text-secondary)}[data-theme=light] .admin-tab.active{color:var(--color-accent)}.current-jam-section{margin-top:var(--space-4)}.current-jam-section .jam-card{max-width:100%}.status-text{border-radius:var(--border-radius);display:inline-block;font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);text-transform:uppercase}.status-text.upcoming{background:var(--color-warning-bg);color:var(--color-warning)}.status-text.active{background:var(--color-success-bg);color:var(--color-success)}.status-text.ended{background:var(--bg-tertiary);color:var(--text-secondary)}.voting-results{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);margin-top:var(--space-4);padding:var(--space-4)}.voting-results h2{margin-bottom:1rem}.results-info{color:var(--text-secondary);display:flex;gap:2rem;margin-bottom:1.5rem}.themes-table{overflow-x:auto}.themes-table table{border-collapse:collapse;width:100%}.themes-table td,.themes-table th{border-bottom:1px solid var(--border-subtle);padding:.75rem;text-align:left}.themes-table th{color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase}.themes-table tr.top-theme{background:#4ade800d}.themes-table .score{font-family:monospace;font-weight:600}.themes-table .score.positive{color:#4ade80}.themes-table .score.negative{color:#f87171}.vote-counts{align-items:center;display:flex;font-size:.875rem;gap:1rem}.vote-counts .upvotes{color:#4ade80}.vote-counts .downvotes{color:#f87171}.vote-counts .total-votes{border-left:1px solid var(--border-subtle);color:var(--text-secondary);margin-left:.5rem;padding-left:.5rem}.vote-counts .no-votes{color:var(--text-secondary);font-style:italic}.voting-status-row{align-items:center;display:flex;justify-content:space-between;margin-top:var(--space-2)}.voting-status-row p{align-items:center;display:flex;gap:var(--space-2);margin:0}.status-badge{border-radius:3px;display:inline-block;font-size:var(--text-xs);font-weight:500;padding:.15rem .5rem}.status-badge.open{background:#4ade801a;color:#4ade80}.status-badge.closed{background:var(--bg-tertiary);color:var(--text-tertiary)}.btn-success{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary)}.btn-success:hover{border-color:var(--text-tertiary)}.btn-danger{background:#0000;border:1px solid var(--color-danger-border);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-bg)}.backup-management{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);margin-top:var(--space-4);padding:var(--space-4)}.backup-management h2{margin-bottom:1rem}.backup-actions{margin-bottom:1.5rem}.backup-info{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem}.backups-table{margin-bottom:1.5rem;overflow-x:auto}.backups-table table{border-collapse:collapse;width:100%}.backups-table td,.backups-table th{border-bottom:1px solid var(--border-subtle);padding:.75rem;text-align:left}.backups-table th{color:var(--text-secondary);font-size:.875rem}.backup-type,.backups-table th{font-weight:600;text-transform:uppercase}.backup-type{border-radius:4px;display:inline-block;font-size:.75rem;padding:.25rem .5rem}.backup-type.automatic{background:var(--bg-tertiary);color:var(--text-secondary)}.backup-type.manual{background:var(--color-accent-bg);color:var(--color-accent)}.backup-type.pre_update{background:var(--color-warning-bg);color:var(--color-warning)}.admin-section{margin-bottom:3rem}.admin-section h2{color:var(--text-primary);font-size:1.5rem;margin-bottom:1.5rem}.reported-games-list{display:flex;flex-direction:column;gap:1rem}.reported-game-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem}.reported-game-info{align-items:center;display:flex;flex:1 1;gap:1rem}.reported-game-thumbnail{border:1px solid var(--border-subtle);border-radius:6px;height:80px;object-fit:cover;width:80px}.reported-game-details h3{color:var(--text-primary);font-size:1.1rem;margin:0 0 .5rem}.reported-game-details p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}.report-count{color:var(--color-coral);font-weight:600}.reported-game-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width:768px){.reported-game-item{align-items:flex-start;flex-direction:column}.reported-game-actions{justify-content:flex-start;width:100%}.reported-game-actions .btn{flex:1 1;min-width:0}}.redirect-form{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);margin-bottom:var(--space-4);padding:var(--space-4)}.redirect-form h3{color:var(--text-primary);margin-bottom:var(--space-4)}.input-with-prefix{align-items:center;border:1px solid var(--border-subtle);border-radius:var(--border-radius);display:flex;overflow:hidden}.input-prefix{background:var(--bg-tertiary);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);white-space:nowrap}.input-with-prefix input{background:#0000;border:none;flex:1 1;padding:var(--space-2)}.redirects-table{margin-top:var(--space-4)}.redirects-table h3{color:var(--text-primary);margin-bottom:var(--space-3)}.redirects-table table{border-collapse:collapse;width:100%}.redirects-table th{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;text-align:left}.redirects-table td,.redirects-table th{border-bottom:1px solid var(--border-subtle);padding:var(--space-2)}.redirects-table code{background:var(--bg-tertiary);border-radius:3px;font-size:var(--text-sm);padding:2px 6px}.btn-icon{background:#0000;border:none;cursor:pointer;margin-left:var(--space-1);opacity:.6;padding:4px;transition:opacity var(--transition)}.btn-icon:hover{opacity:1}.destination-cell{max-width:300px}.destination-cell a{color:var(--color-accent);text-decoration:none}.destination-cell a:hover{text-decoration:underline}.status-toggle{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;cursor:pointer;font-size:var(--text-xs);padding:4px 12px;transition:all var(--transition)}.status-toggle.active{background:var(--color-success);border-color:var(--color-success);color:#fff}.status-toggle.inactive{background:var(--bg-tertiary);color:var(--text-secondary)}.text-center{text-align:center}[data-theme=light] .redirect-form{background:#fff}.date-voting-admin,[data-theme=light] .input-prefix,[data-theme=light] .redirects-table code{background:var(--bg-secondary)}.date-voting-admin{border:1px solid var(--border-subtle);border-radius:var(--border-radius);margin-top:var(--space-4);padding:var(--space-4)}.date-voting-admin h2{margin-bottom:1rem}.date-voting-admin h3{color:var(--text-primary);font-size:var(--text-base);margin-bottom:.75rem;margin-top:1.5rem}.admin-controls-row{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:1rem;margin-bottom:1rem}.date-results-table{margin-bottom:1rem}.date-results-table table{border-collapse:collapse;width:100%}.date-results-table td,.date-results-table th{border-bottom:1px solid var(--border-subtle);font-size:var(--text-sm);padding:.6rem .75rem;text-align:left}.date-results-table th{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase}.date-input-row{align-items:flex-end;display:flex;gap:.75rem;margin-bottom:.5rem}.date-input-row label{color:var(--text-tertiary);display:flex;flex-direction:column;font-size:var(--text-xs);gap:.2rem}.date-input-row input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-2)}.date-input-row input:focus{border-color:var(--text-tertiary);outline:none}.date-input-row span{color:var(--text-tertiary);font-size:var(--text-sm);padding-bottom:.4rem}.date-add-actions{display:flex;gap:.5rem;margin-top:.75rem}.streams-page{background:var(--bg-primary);min-height:100vh;padding-top:80px}.page-container{margin:0 auto;max-width:1400px;padding:var(--space-8) var(--space-4)}.page-title{color:var(--text-primary);font-size:var(--text-4xl);font-weight:700;letter-spacing:-.03em;margin-bottom:var(--space-2);text-align:center}.page-subtitle{color:var(--text-secondary);font-family:monospace;font-size:var(--text-base);margin-bottom:var(--space-8);text-align:center}.streams-layout{display:flex;gap:2rem;margin-bottom:2rem}.stream-sidebar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);width:280px}.stream-sidebar h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);padding-bottom:var(--space-2)}.sidebar-note{color:var(--text-secondary);font-size:var(--text-xs);font-style:italic;margin-bottom:var(--space-4);text-align:left}.sidebar-note a{color:var(--color-accent);text-decoration:none}.sidebar-note .submit-stream-toggle{font-size:var(--text-xs);font-style:italic;text-align:left}.stream-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.stream-button{align-items:center;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);position:relative;text-align:left;transition:all .2s ease;width:100%}.stream-button:hover{background:var(--bg-tertiary);border-color:var(--text-secondary)}.stream-button.active{background:var(--bg-tertiary);border-color:var(--text-primary)}.stream-button.live{border-color:#e91916}.stream-button.live:hover{border-color:#e91916;box-shadow:0 0 0 2px #e919161a}.live-badge{align-items:center;animation:pulse-badge 2s infinite;background:#e91916;border-radius:3px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.85}}.channel-info{display:flex;flex-direction:column;gap:var(--space-1)}.channel-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.channel-username{color:var(--text-secondary);font-family:monospace;font-size:var(--text-xs)}.viewer-count{color:var(--text-secondary);font-weight:400}.no-streamers{color:var(--text-secondary);font-size:var(--text-sm);font-style:italic;padding:var(--space-4);text-align:center}@keyframes pulse{0%{box-shadow:0 0 0 0 #dc3545b3}70%{box-shadow:0 0 0 10px #dc354500}to{box-shadow:0 0 0 0 #dc354500}}.custom-stream-section{border-top:1px solid var(--border-color);padding-top:var(--space-6)}.custom-stream-form{display:flex;flex-wrap:wrap;gap:var(--space-2)}.custom-stream-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:var(--text-sm);min-width:120px;padding:var(--space-2) var(--space-3);transition:border-color .2s}.custom-stream-input:focus{border-color:var(--text-primary);outline:none}.watch-button{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-4);transition:all .2s;white-space:nowrap}.watch-button:hover{background:var(--bg-primary);border-color:var(--text-primary)}.stream-container{display:flex;flex:1 1;gap:1rem}.twitch-embed-wrapper{aspect-ratio:16/9;background:#000;flex:2 1}.twitch-chat-wrapper,.twitch-embed-wrapper{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.twitch-chat-wrapper{background:#18181b;flex:1 1;max-width:350px;min-height:500px}.stream-info{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.stream-info p{color:var(--text-secondary);font-size:var(--text-sm);margin:var(--space-2) 0}.stream-info strong{color:var(--text-primary);font-family:monospace;font-weight:600}.stream-note{color:var(--text-secondary);font-size:var(--text-xs);font-style:italic;margin:var(--space-2) 0}.twitch-link{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);display:inline-block;font-size:var(--text-sm);font-weight:500;margin-top:var(--space-3);padding:var(--space-2) var(--space-4);text-decoration:none;transition:all .2s}.twitch-link:hover{background:var(--bg-primary);border-color:var(--text-primary);transform:translateX(2px)}@media (max-width:1200px){.streams-layout{flex-direction:column}.stream-sidebar{width:100%}.stream-container{flex-direction:column}.twitch-chat-wrapper{max-width:100%;min-height:400px}}@media (max-width:768px){.page-title{font-size:2rem}.streams-page{padding-top:70px}.page-container,.stream-sidebar{padding:1rem}.twitch-embed-wrapper{aspect-ratio:16/10}.custom-stream-form{flex-direction:column}.custom-stream-input{width:100%}.watch-button{justify-content:center;width:100%}}.submit-stream-section{border-top:1px solid var(--border-subtle);margin-top:var(--space-8);padding-top:var(--space-6)}.submit-stream-prompt{color:var(--text-tertiary);font-size:var(--text-sm)}.submit-stream-prompt a{color:var(--color-accent);text-decoration:none}.submit-stream-prompt a:hover{text-decoration:underline}.submit-stream-toggle{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-sm);padding:0;transition:color .15s}.submit-stream-toggle:hover{color:var(--color-accent)}.submit-stream-form{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);padding:var(--space-4)}.submit-stream-form h3{color:var(--text-primary);font-size:var(--text-base);margin-bottom:var(--space-1)}.submit-stream-note{color:var(--text-quaternary);font-size:var(--text-xs);margin-bottom:var(--space-3)}.submit-fields{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.submit-fields label{color:var(--text-tertiary);display:flex;flex:1 1;flex-direction:column;font-size:var(--text-xs);gap:.25rem}.submit-fields input{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-primary);font-size:var(--text-sm);padding:var(--space-2)}.submit-fields input:focus{border-color:var(--color-accent);outline:none}.submit-actions{display:flex;gap:var(--space-2)}.submit-message{font-size:var(--text-sm);margin-bottom:var(--space-2)}.submit-message.success{color:var(--color-success)}.submit-message.error{color:var(--color-danger)}@media (max-width:768px){.submit-fields{flex-direction:column}}.theme-toggle{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:var(--space-2);transition:all var(--transition);width:36px}.theme-toggle:hover{color:var(--text-primary)}.theme-icon{height:20px;transition:transform var(--transition);width:20px}.theme-toggle:hover .theme-icon{transform:scale(1.1)}.theme-toggle:active .theme-icon{transform:scale(.95)}.theme-toggle:hover .theme-icon.sun{transform:rotate(90deg) scale(1.1)}@media (prefers-reduced-motion:reduce){.theme-toggle:hover .theme-icon{transform:scale(1.1)}}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:1000}[data-theme=light] .navbar{background:var(--bg-secondary);border-bottom:2px solid var(--bg-tertiary);box-shadow:var(--shadow-subtle)}[data-theme=light] .navbar-title{color:var(--text-primary);font-weight:700;letter-spacing:-.02em}[data-theme=light] .navbar-logo{background:var(--text-primary);color:var(--bg-primary);font-weight:700}[data-theme=light] .nav-link{color:var(--text-secondary);font-weight:600}[data-theme=light] .nav-link.active,[data-theme=light] .nav-link:hover:not(.active){color:var(--text-primary)}[data-theme=light] .nav-separator{color:var(--text-tertiary);opacity:.7}.navbar-container{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:68rem;padding:0 var(--space-6)}.navbar-brand{color:var(--text-primary);gap:var(--space-3);text-decoration:none}.navbar-brand,.navbar-logo{align-items:center;display:flex}.navbar-logo{background:var(--color-accent);border-radius:var(--border-radius);color:var(--bg-primary);font-size:var(--text-xs);font-weight:600;height:24px;justify-content:center;width:24px}.navbar-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:600;margin:0}.navbar-right{gap:var(--space-8)}.navbar-nav,.navbar-right{align-items:center;display:flex}.navbar-nav{gap:var(--space-6)}.navbar-breadcrumb{font-family:-apple-system,BlinkMacSystemFont,SF Mono,Monaco,monospace;gap:var(--space-2)}.nav-separator{color:var(--text-tertiary);font-size:var(--text-sm);opacity:.5;padding:0 var(--space-1)}.navbar-breadcrumb .nav-link{font-weight:400;text-transform:lowercase}.nav-link,.navbar-breadcrumb .nav-link{font-size:var(--text-sm);padding:var(--space-2) var(--space-3)}.nav-link{border-radius:var(--border-radius);color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color var(--transition),background var(--transition)}.nav-link.active,.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.navbar-actions{align-items:center;display:flex;gap:var(--space-3)}.navbar-actions .btn{font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;height:24px;padding:var(--space-2);position:relative;width:24px}.hamburger-line{background:var(--text-secondary);border-radius:1px;height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:16px}.hamburger-line:first-child{top:6px}.hamburger-line:nth-child(2){top:11px}.hamburger-line:nth-child(3){top:16px}.hamburger-line.open:first-child{top:11px;transform:translateX(-50%) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){top:11px;transform:translateX(-50%) rotate(-45deg)}.mobile-menu{background:var(--bg-primary);border-bottom:1px solid var(--border-subtle);display:none;left:0;opacity:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all var(--transition);visibility:hidden}.mobile-menu.open{opacity:1;transform:translateY(0);visibility:visible}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.mobile-nav-link{border-radius:var(--border-radius);color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:500;padding:var(--space-3);text-decoration:none;transition:all var(--transition)}.mobile-nav-link.active,.mobile-nav-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-nav-link.login-link{background:var(--color-accent);color:var(--bg-primary);font-weight:600;margin-top:var(--space-3);text-align:center}.mobile-nav-link.login-link:hover{color:var(--bg-primary);opacity:.9}.mobile-theme-toggle{border-bottom:1px solid var(--border-subtle);display:flex;justify-content:center;margin-bottom:var(--space-2);padding:var(--space-3) 0}.user-menu{position:relative}.user-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition)}.user-button:hover{background:var(--bg-secondary);border-color:var(--color-accent)}.user-name{font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown{animation:dropdownAppear .15s ease forwards;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--border-radius);box-shadow:var(--shadow-md);min-width:140px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-2));transform:translateY(-4px);z-index:1000}@keyframes dropdownAppear{to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;border-radius:0;color:var(--text-secondary);cursor:pointer;display:block;font-size:var(--text-sm);padding:var(--space-3) var(--space-4);text-align:left;text-decoration:none;transition:all var(--transition);width:100%}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.logout-btn{border-top:1px solid var(--border-subtle);color:var(--color-accent)}.logout-btn:hover{background:var(--color-accent-bg);color:var(--color-accent)}.auth-loading{color:var(--text-tertiary);font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}.logout-mobile{background:none!important;border-top:1px solid var(--border-subtle);color:var(--color-accent)!important;margin-top:var(--space-3);text-align:left}.logout-mobile:hover{background:#f55e3b1a!important;color:var(--color-accent)!important}@media (max-width:768px){.navbar-container{height:56px;padding:0 var(--space-4)}.navbar-right{display:none}.mobile-menu-toggle{display:flex}.mobile-menu{display:block}.user-menu{display:none}.user-name{max-width:80px}}@media (max-width:480px){.navbar-container{height:52px;padding:0 var(--space-3)}.navbar-title{font-size:var(--text-base)}.navbar-logo{font-size:10px;height:20px;width:20px}}.logout-toast{animation:slideInRight .3s ease-out;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:.8rem;font-weight:500;padding:.5rem .75rem;position:fixed;right:20px;top:80px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-12);padding:var(--space-6) 0 var(--space-4)}.footer-container{margin:0 auto;max-width:68rem;padding:0 var(--space-6)}.footer-top-columns{grid-gap:var(--space-8);align-items:flex-start;display:grid;gap:var(--space-8);grid-template-columns:1.5fr 1fr 1fr 1fr;margin-bottom:var(--space-6);padding-top:var(--space-6)}.footer-column{font-size:var(--text-sm);min-width:0}.footer-column h4{color:var(--text-primary);font-weight:600}.footer-column h4,.footer-description{font-size:var(--text-sm);margin-bottom:var(--space-2)}.footer-description{color:var(--text-secondary);line-height:1.5}.footer-link{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:var(--text-sm);gap:.35rem;margin:0;padding:0;text-decoration:none;transition:color .2s ease}.footer-link:hover{color:var(--color-accent)}.footer-discord:hover{color:#5865f2!important}.footer-reddit:hover{color:#ff4500!important}.footer-itch:hover{color:#fa5c5c!important}.footer-bluesky:hover{color:#0085ff!important}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column li{margin:.15rem 0}.footer-bottom{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--text-xs);padding-bottom:var(--space-3);padding-top:var(--space-3);text-align:center}@media (max-width:768px){.footer-container{padding:0 var(--space-4)}.footer-top-columns{gap:var(--space-6)}.footer-description{margin-bottom:var(--space-2)}.footer-link{margin:.15rem 0}}.email-verification-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#2a2a2a,#1a1a1a);border-bottom:1px solid #444;box-shadow:0 2px 10px #0000004d;left:0;padding:12px 0;position:fixed;right:0;top:0;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.banner-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.banner-message{color:#e0e0e0;display:flex;gap:12px}.banner-icon,.banner-message{align-items:center;font-size:14px}.banner-icon{background:#ef4444;border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-weight:700;height:20px;justify-content:center;width:20px}.banner-link{color:#4ade80;font-weight:500;margin-left:8px;text-decoration:none;transition:opacity .2s;white-space:nowrap}.banner-link:hover{opacity:.8;text-decoration:underline}.banner-dismiss{background:#0000;border:none;color:#888;cursor:pointer;font-size:20px;line-height:1;padding:0 8px;transition:color .2s}.banner-dismiss:hover{color:#fff}body.has-email-banner{padding-top:49px}[data-theme=light] .email-verification-banner{background:linear-gradient(135deg,#f8f8f8,#efefef);border-bottom:1px solid #ddd;box-shadow:0 2px 10px #0000001a}[data-theme=light] .banner-message{color:#333}[data-theme=light] .banner-icon{background:#dc2626}[data-theme=light] .banner-link{color:#10b981}[data-theme=light] .banner-dismiss{color:#666}[data-theme=light] .banner-dismiss:hover{color:#000}@media (max-width:768px){.banner-content{padding:0 15px}.banner-message{flex-wrap:wrap;font-size:13px}.banner-link{display:inline-block;margin-left:0;margin-top:4px}}.discord-banner{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);display:flex;font-size:.8rem;justify-content:center;padding:.5rem 1.5rem}.discord-banner-content{flex:1 1;text-align:center}.discord-banner-content strong{color:var(--text-primary)}.discord-banner a{align-items:center;color:#5865f2;display:inline-flex;font-weight:600;gap:.3rem;text-decoration:none}.discord-banner a svg{flex-shrink:0;position:relative;top:-1px;vertical-align:middle}.discord-banner a:hover{text-decoration:underline}.discord-banner-close{background:none;border:none;color:var(--text-quaternary);cursor:pointer;font-size:1.1rem;line-height:1;padding:0 .5rem;transition:color .15s}.discord-banner-close:hover{color:var(--text-primary)}
/*# sourceMappingURL=main.15bba950.css.map*/