:root{--bg:#12101a;--panel:#1c1930;--panel-2:#262042;--ink:#f4f1ff;--muted:#a79fc7;--accent:#ffd84d;--accent-2:#ff5fa2;--good:#59e0a0;--danger:#ff6b6b;--radius:14px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:radial-gradient(120% 90% at 50% 0%, #241f3d 0%, var(--bg) 60%);color:var(--ink);min-height:100%;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:1100px;margin:0 auto;padding:16px 16px 64px}h1,h2,h3,h4{margin:0 0 12px;line-height:1.15}h1{font-size:clamp(28px,6vw,44px)}.muted{color:var(--muted)}.small{font-size:13px}.centered{text-align:center}.error{color:var(--danger)}.topbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.brand{letter-spacing:-.02em;color:var(--ink);font-size:20px;font-weight:800;text-decoration:none}.brand span{color:var(--accent)}.topbar nav{gap:16px;display:flex}.topbar nav a{color:var(--muted);font-size:14px;text-decoration:none}.topbar nav a:hover{color:var(--ink)}.banner{background:var(--panel-2);text-align:center;border-radius:10px;margin:0 0 12px;padding:8px 12px;font-size:14px}.banner.error{color:#ffd7d7;cursor:pointer;background:#ff6b6b2e}button,.button{font:inherit;color:var(--ink);background:var(--panel-2);cursor:pointer;border:1px solid #ffffff1a;border-radius:10px;padding:10px 14px;font-weight:600;text-decoration:none;display:inline-block}button:hover:not(:disabled),.button:hover{border-color:#ffffff47}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.button.primary{background:var(--accent);color:#241d00;border-color:#0000}button.big{padding:14px 22px;font-size:18px}button.link{color:var(--muted);background:0 0;border:none;padding:4px 0;text-decoration:underline}button.danger,.link.danger{color:var(--danger)}input,select{font:inherit;color:var(--ink);background:#00000040;border:1px solid #ffffff1f;border-radius:10px;width:100%;padding:10px 12px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}input[type=color]{height:42px;padding:2px}input[type=range]{padding:0}label.field,.join-card label{color:var(--muted);flex-direction:column;gap:6px;margin-bottom:10px;font-size:13px;display:flex}label.field.focused span{color:var(--accent)}label.checkbox{flex-direction:row;align-items:center;gap:8px;font-size:14px}label.checkbox input{width:auto}.field-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 12px;display:grid}.field-row{grid-template-columns:2fr 1fr;gap:12px;display:grid}.checkbox-row{flex-wrap:wrap;gap:16px;margin:8px 0;display:flex}.card{background:var(--panel);border-radius:var(--radius);border:1px solid #ffffff12;margin-bottom:16px;padding:16px}.home{text-align:center;padding:8vh 0}.home-actions{flex-direction:column;align-items:center;gap:18px;margin-top:28px;display:flex}.join-form{gap:8px;display:flex}.join-form input{text-align:center;letter-spacing:.3em;text-transform:uppercase;width:130px;font-weight:700}.join-card{max-width:380px;margin:8vh auto}.code{letter-spacing:.15em;color:var(--accent);font-weight:800}.code.big{margin:4px 0 12px;font-size:44px}.lobby{grid-template-columns:1fr;gap:0 16px;display:grid}.invite{text-align:center}.roster ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.roster li{background:var(--panel-2);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:flex}.roster li.away{opacity:.5}.tag{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#ffffff14;border-radius:6px;padding:1px 5px;font-size:11px}.tag.you{color:var(--accent)}.tag.win{color:var(--good)}.start{text-align:center;margin-top:8px}.rounds{border-collapse:collapse;width:100%;font-size:13px}.rounds th{text-align:left;color:var(--muted);padding:4px;font-weight:600}.rounds td{padding:3px 4px}.rounds td input,.rounds td select{padding:6px 8px}.phase-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.timer{flex:1;align-items:center;gap:10px;display:flex}.timer-bar{background:#ffffff1a;border-radius:999px;flex:1;height:8px;overflow:hidden}.timer-fill{background:var(--accent);height:100%;transition:width .25s linear}.timer.urgent .timer-fill{background:var(--accent-2)}.timer-value{font-variant-numeric:tabular-nums;text-align:right;min-width:64px;font-weight:700}.prompt{background:var(--panel-2);border-left:3px solid var(--accent);border-radius:8px;padding:10px 14px;font-size:18px;font-weight:600}.canvas-wrap{background:#0d0b14;border-radius:12px;width:100%;overflow:hidden}.canvas-wrap canvas{max-width:100%;display:block}.editor{grid-template-columns:1fr;gap:16px;display:grid}.editor-fields{flex-direction:column;display:flex}.editor-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.editor-actions.centered{justify-content:center}.freeform-editor{background:var(--panel);border-radius:12px;margin:8px 0;padding:12px}.showcase-stage{max-width:620px;margin:0 auto}.reactions{justify-content:center;gap:8px;margin-top:16px;display:flex}.reactions button{padding:8px 12px;font-size:26px;line-height:1}.reaction-layer{pointer-events:none;justify-content:center;gap:12px;display:flex;position:fixed;inset:auto 0 12%}.floating-reaction{text-align:center;font-size:40px;animation:2s ease-out forwards float-up}.floating-reaction em{color:var(--muted);font-size:11px;font-style:normal;display:block}@keyframes float-up{0%{opacity:0;transform:translateY(20px)}25%{opacity:1}to{opacity:0;transform:translateY(-120px)}}.meme-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.meme-tile{background:var(--panel);border-radius:12px;padding:6px;position:relative}.meme-tile.picked{outline:3px solid var(--accent)}.meme-tile.own{opacity:.55}.badge{background:var(--accent);color:#241d00;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 8px;font-weight:800;display:grid;position:absolute;top:10px;left:10px}.badge.own{color:var(--muted);background:#0009;font-size:12px}.results-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:16px;display:grid}.result{background:var(--panel);border-radius:12px;padding:8px}.result.winner{outline:2px solid var(--good)}.result-meta{align-items:center;gap:8px;padding:8px 4px 2px;display:flex}.result-meta .author{font-weight:700}.result-meta .points{color:var(--accent);margin-left:auto;font-weight:800}.standings{margin:0;padding:0;list-style:none}.standings li{border-bottom:1px solid #ffffff0f;gap:12px;padding:8px 4px;display:flex}.standings li.self{color:var(--accent)}.standings .rank{width:24px;color:var(--muted)}.standings .name{flex:1}.standings .score{font-variant-numeric:tabular-nums;font-weight:700}.podium{text-align:center}.podium-steps{justify-content:center;align-items:flex-end;gap:10px;margin:24px 0;padding:0;list-style:none;display:flex}.podium-steps .step{background:var(--panel);border-radius:12px 12px 0 0;width:120px;padding:12px}.podium-steps .step-1{order:2;padding-bottom:46px}.podium-steps .step-2{order:1;padding-bottom:30px}.podium-steps .step-3{order:3;padding-bottom:18px}.podium-steps .medal{font-size:30px;display:block}.podium-steps .name{font-weight:700;display:block}.podium-steps .self{outline:2px solid var(--accent)}.admin{grid-template-columns:1fr;gap:16px;display:grid}.template-list{flex-direction:column;gap:6px;max-height:420px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow:auto}.template-list li{align-items:center;gap:4px;display:flex}.template-list li>button:first-child{text-align:left;flex:1;align-items:center;gap:10px;padding:6px;display:flex}.template-list li>button.active{border-color:var(--accent)}.template-list img{object-fit:cover;border-radius:8px;width:46px;height:46px}.template-list em{font-size:12px;font-style:normal;display:block}.upload input[type=file]{display:none}.zone-inspector{margin-top:12px}.modal{z-index:20;background:#08060ed1;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-body{background:var(--panel);border-radius:var(--radius);width:min(860px,100%);max-height:86vh;padding:16px;overflow:auto}.modal-head{gap:8px;margin-bottom:12px;display:flex}.template-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.template-tile{flex-direction:column;gap:6px;padding:6px;font-size:13px;display:flex}.template-tile img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.tabs{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.tabs button.active{background:var(--accent);color:#241d00;border-color:#0000}.leaderboard{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.leaderboard th{text-align:left;color:var(--muted);padding:8px 6px;font-size:13px;font-weight:600}.leaderboard td{border-top:1px solid #ffffff0f;padding:8px 6px}@media (width>=760px){main{padding:24px 24px 80px}.lobby{grid-template-columns:1fr 1fr}.lobby .config,.lobby .start{grid-column:1/-1}.editor{grid-template-columns:minmax(0,3fr) minmax(260px,2fr);align-items:start}.admin{grid-template-columns:300px minmax(0,1fr);align-items:start}}