:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f0e8;--surface:#fffdf8;--text:#18211c;--muted:#5b665f;--accent:#2c6e91;--accent-soft:#e6f1f6;--win:#b64038;--win-soft:#fff0ee;--border:#d8d2c6;font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{min-height:100vh;color:var(--text);background:var(--background);margin:0;line-height:1.6}a{color:inherit}:where(a,button,input,select,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip-link{z-index:10;color:#fff;background:var(--accent);border-radius:.35rem;padding:.6rem .9rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{justify-content:space-between;align-items:center;gap:1rem;width:min(70rem,100% - 2rem);margin:0 auto;padding:1.25rem 0;display:flex}.auth-nav{align-items:center;gap:.75rem;display:flex}.auth-user{color:var(--muted);font-weight:600}.auth-link{color:var(--accent);font-weight:700;text-decoration:none}.auth-link:hover,.auth-link:focus-visible{text-underline-offset:.25rem;text-decoration:underline}.auth-button{border:1px solid var(--border);color:var(--text);background:var(--surface);font:inherit;cursor:pointer;border-radius:.45rem;padding:.4rem .8rem;font-weight:700}.auth-button:hover,.auth-button:focus-visible{border-color:var(--accent);color:var(--accent)}.brand{color:var(--accent);letter-spacing:-.03em;font-size:1.35rem;font-weight:800;text-decoration:none}.brand:focus-visible,.brand:hover{text-underline-offset:.25rem;text-decoration:underline}.page-shell{place-items:center;width:min(70rem,100% - 2rem);min-height:calc(100vh - 5rem);margin:0 auto;padding:3rem 0 7rem;display:grid}.empty-state,.show-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:1.25rem;width:min(100%,42rem);padding:clamp(2rem,7vw,4.5rem)}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .75rem;font-size:.8rem;font-weight:800}h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,7vw,3.75rem);line-height:1.05}.empty-state p:last-child,.show-card>p{max-width:34rem;color:var(--muted);margin:1.25rem auto 0;font-size:1.05rem}.show-card .show-date{color:var(--text);font-size:1.25rem;font-weight:700}.primary-link{color:#fff;background:var(--accent);border-radius:.45rem;margin-top:1.5rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-block}.primary-link:hover,.primary-link:focus-visible{text-underline-offset:.2rem;text-decoration:underline}.home-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;margin-top:1.5rem;display:flex}.home-actions .primary-link{margin-top:0}.secondary-link{color:var(--muted);font-size:.9rem}.secondary-link:hover,.secondary-link:focus-visible{color:var(--accent);text-underline-offset:.2rem}.notice{color:#7a251f;background:#fff3f1;border:1px solid #a83b32;border-radius:.45rem;margin:.5rem 0 0;padding:.8rem 1rem}.builder-shell{place-items:start center}.builder-card{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;width:min(100%,64rem);padding:clamp(1.5rem,4vw,3rem)}.builder-card h1{font-size:clamp(1.6rem,4vw,2.5rem)}.inline-builder-card{margin:1.25rem auto 0}.inline-builder-card h2{margin-top:0;font-size:clamp(1.35rem,3vw,2rem)}.builder-hint{max-width:40rem;color:var(--muted);margin:1rem 0 1.5rem}.card-builder{align-items:start;gap:2rem;display:grid}@media (min-width:60rem){.card-builder{grid-template-columns:minmax(0,3fr) minmax(16rem,2fr)}}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.card-square{flex-direction:column;gap:.3rem;display:flex}.card-cell{border:1px dashed var(--border);width:100%;min-height:5.5rem;color:var(--muted);background:var(--background);font:inherit;text-align:left;cursor:pointer;border-radius:.6rem;flex-direction:column;gap:.3rem;padding:.6rem;font-size:.85rem;display:flex}.card-cell-filled{color:var(--text);background:var(--surface);border-style:solid}.card-cell[aria-pressed=true]{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.card-cell-title{overflow-wrap:anywhere;font-weight:600}.card-cell-static{cursor:default}.test-login-form{text-align:left;flex-direction:column;gap:.5rem;max-width:22rem;margin:1.5rem auto 0;display:flex}.test-login-form label{font-weight:700}.test-login-form input{border:1px solid var(--border);background:var(--surface);font:inherit;border-radius:.5rem;padding:.6rem .8rem}.test-login-form .primary-link{cursor:pointer;font:inherit;border:none;font-weight:700}.save-button{color:#fff;background:var(--accent);font:inherit;cursor:pointer;border:none;border-radius:.45rem;margin-top:.5rem;padding:.7rem 1.2rem;font-weight:700}.save-button:disabled{opacity:.6;cursor:wait}.save-button:enabled:hover,.save-button:focus-visible{text-underline-offset:.2rem;text-decoration:underline}.card-cell-remove{border:1px solid var(--border);color:var(--muted);background:var(--surface);font:inherit;cursor:pointer;border-radius:.4rem;padding:.25rem .5rem;font-size:.75rem}.card-cell-remove:hover,.card-cell-remove:focus-visible{color:#7a251f;border-color:#a83b32}.song-picker{flex-direction:column;gap:.6rem;display:flex}.song-picker label{font-weight:700}.song-picker input{border:1px solid var(--border);background:var(--surface);font:inherit;border-radius:.5rem;padding:.6rem .8rem}.song-picker input:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px}.song-results{flex-direction:column;gap:.35rem;max-height:24rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.song-result{border:1px solid var(--border);background:var(--surface);width:100%;font:inherit;text-align:left;cursor:pointer;border-radius:.5rem;padding:.5rem .7rem;font-size:.9rem}.song-result:enabled:hover,.song-result:focus-visible{border-color:var(--accent);color:var(--accent)}.song-result:disabled{color:var(--muted);background:var(--background);cursor:not-allowed}.song-result-note{font-size:.8rem}.live-show-shell{min-height:calc(100vh - 5rem);padding:1.5rem 0 3rem;display:block}.live-show-header{border:1px solid var(--border);background:var(--surface);border-radius:1rem;justify-items:start;gap:.5rem;width:min(100%,64rem);margin:0 auto;padding:clamp(1.25rem,3vw,1.75rem);display:grid}.live-show-headline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;width:100%;display:flex}.live-show-header h1{letter-spacing:-.035em;font-size:clamp(1.5rem,3.5vw,2.25rem);line-height:1.15}.live-show-meta{color:var(--muted);margin:0;font-size:1rem}.live-show-note{color:var(--muted);margin:0}.live-show-header .primary-link{margin-top:.35rem}.status-pill{color:var(--accent);background:var(--accent-soft);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.25rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}.status-pill-live:before{content:"";background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.status-pill-complete{color:var(--muted);background:var(--background)}.status-pill-cancelled{color:#7a251f;background:#fff3f1}.live-show-layout{gap:1.25rem;width:min(100%,64rem);margin:1.25rem auto 0;display:grid}.live-show-layout-building{grid-template-columns:minmax(0,1fr)}.live-panel{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;min-width:0;padding:clamp(1.25rem,3vw,2rem)}.live-panel h2,.live-panel h3{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-top:0;margin-bottom:.65rem;font-size:.85rem;line-height:1.2}.live-empty-state{color:var(--muted);margin:0}.live-participation{color:var(--muted);margin:0 0 .85rem}.live-setlist-groups{gap:1rem;display:grid}.live-setlist-group{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.3rem .55rem;display:grid}.live-panel .live-setlist-group h3{white-space:nowrap;margin:0}.live-panel .live-setlist-group h3:after{content:":"}.live-setlist{flex-wrap:wrap;gap:.15rem .4rem;margin:0;padding:0;list-style:none;display:flex}.live-setlist li{display:inline}.live-setlist li:not(:last-child):after{content:" >";color:var(--accent);margin-left:.4rem;font-weight:800}.live-setlist-repeat{color:var(--muted);margin-left:.3rem;font-size:.72rem}.live-card-panel-winner{border:3px solid var(--win)}.phingo-celebration{border:2px solid var(--win);color:#7d2d27;background:var(--win-soft);border-radius:.45rem;margin:0 0 1rem;padding:.65rem .8rem}.live-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.live-card-square{border:1px solid var(--border);min-height:5.25rem;color:var(--muted);background:var(--background);overflow-wrap:anywhere;border-radius:.55rem;flex-direction:column;gap:.25rem;padding:.55rem;font-size:.82rem;display:flex}.live-card-square-matched{border:2px solid var(--accent);color:var(--text);background:var(--accent-soft)}.live-card-square-winning{border:4px double var(--win);color:var(--text);background:var(--win-soft)}.live-card-square-winning .live-card-match{color:#7d2d27}.live-card-match{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-top:auto;font-size:.68rem;font-weight:800}.how-it-works{border:1px solid var(--border);background:var(--background);border-radius:.45rem;width:100%;margin-top:.5rem;padding:.65rem .8rem}.how-it-works summary{color:var(--accent);cursor:pointer;font-weight:800}.how-it-works ol{margin:.65rem 0 0;padding-left:1.4rem}.submission-status{min-height:1.6rem}.live-setlist-match{border:2px solid var(--accent);background:var(--accent-soft);border-radius:.3rem;padding:.1rem .25rem}.live-setlist-match-label{color:var(--accent);white-space:nowrap;margin-left:.3rem;font-size:.72rem;font-weight:800}.leaderboard-scroll{max-width:100%;overflow-x:auto}.server-leaderboard{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.server-leaderboard caption{color:var(--muted);text-align:left;padding-bottom:.65rem}.server-leaderboard th,.server-leaderboard td{border-bottom:1px solid var(--border);text-align:right;white-space:nowrap;padding:.6rem}.server-leaderboard th:nth-child(2),.server-leaderboard td:nth-child(2){text-align:left}.server-leaderboard a{color:var(--accent);text-underline-offset:.2rem}.leaderboard-note,.participant-score{color:var(--muted)}.server-list{gap:.6rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.server-list a{border:1px solid var(--border);color:var(--accent);border-radius:.45rem;padding:.7rem;font-weight:700;display:block}.participant-card-shell{place-items:start center}.feed-delay-notice{color:#704b12;background:#fff8e7;border-color:#b7791f}@media (min-width:52rem){.live-show-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:start}.live-show-layout>:first-child{grid-row:span 2}.live-show-layout-building{grid-template-columns:minmax(0,1fr)}.live-show-layout-building>:first-child{grid-row:auto}}@media (prefers-reduced-motion:no-preference){.skip-link{transition:transform .12s ease-out}}