@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&display=swap");:root{--bg:#fff7ed;--card:#fff;--ink:#1f2937;--muted:#6b7280;--line:#efe3d3;--line-2:#e7dccb;--green:#16a34a;--green-d:#128a3e;--sky:#0ea5e9;--sun:#f59e0b;--coral:#fb7185;--ink-soft:#374151;--ok:#16a34a;--no:#e11d48;--radius:18px;--radius-sm:12px;--shadow:0 2px 10px rgba(31,41,55,.06);--shadow-lg:0 8px 28px rgba(31,41,55,.1);--font-display:"Baloo 2",ui-rounded,"Segoe UI Rounded",system-ui,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1200px 400px at 100% -10%,#fde6cf 0,hsla(30,92%,90%,0) 60%),var(--bg);color:var(--ink);font:16px/1.55 var(--font-body);-webkit-text-size-adjust:100%}a{color:inherit}h1,h2,h3{font-family:var(--font-display);letter-spacing:.2px}.link{color:var(--green-d);text-decoration:none;font-weight:700}.link:hover{text-decoration:underline}.linkbtn{background:none;border:0;cursor:pointer;padding:0;font:inherit}.danger{color:var(--no)}.muted{color:var(--muted)}.small{font-size:13px}.note{color:var(--green-d)}.error,.note{font-weight:700}.error{color:var(--no)}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800}.gap{gap:12px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:saturate(160%) blur(6px);backdrop-filter:saturate(160%) blur(6px);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand{font-family:var(--font-display);font-weight:800;text-decoration:none;color:var(--ink)}.topbar__admin{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;padding:6px 10px;border-radius:999px;border:1px solid var(--line)}.topbar__admin:hover{color:var(--ink);border-color:var(--line-2)}.container{max-width:1180px;margin:0 auto;padding:18px}.foot{text-align:center;color:var(--muted);font-size:12px;padding:26px}.stack{display:flex;flex-direction:column;gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow)}.card.narrow{max-width:440px;margin:48px auto}h1{font-size:24px;margin:0 0 6px}h2{font-size:18px;margin:0 0 12px}.masthead{position:relative;overflow:hidden;border-radius:var(--radius);background:linear-gradient(180deg,#fff,#fffaf2);border:1px solid var(--line);box-shadow:var(--shadow);padding:22px 24px 20px;text-align:center}.masthead:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,var(--green) 0 25%,var(--sky) 25% 50%,var(--sun) 50% 75%,var(--coral) 75% 100%)}.masthead__title{font-size:clamp(26px,5vw,40px);margin:8px 0 4px;line-height:1.05}.masthead__tag{color:var(--muted);margin:0 0 14px;font-size:15px}.countdown{display:inline-flex;align-items:center;gap:10px;background:#f0fbf4;color:var(--green-d);border:1px solid #cdebd8;padding:8px 14px;border-radius:999px;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.countdown .dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.8s infinite}.createrow{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}input,select{flex:1 1;min-width:160px;padding:11px 13px;border:1px solid var(--line-2);border-radius:var(--radius-sm);font:inherit;background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid #d7f0e0;border-color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid var(--line-2);background:#fff;color:var(--ink);border-radius:var(--radius-sm);font:inherit;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .06s ease,background .15s,border-color .15s}.btn:hover{border-color:#d8cdb9}.btn:active{transform:scale(.97)}.btn--primary{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 2px 0 var(--green-d)}.btn--primary:hover{background:var(--green-d)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.namechip{display:inline-flex;align-items:center;gap:8px;font-weight:700}.namechip__init{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;flex:0 0 auto}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.table tr:last-child td{border-bottom:0}.rank-medal{font-size:17px}.row--you{background:#f0fbf4}.row--you td:first-child{box-shadow:inset 3px 0 0 var(--green)}.empty{text-align:center;color:var(--muted);padding:22px;font-size:15px}.tabs{display:inline-flex;background:#f4ece0;padding:4px;border-radius:999px;gap:4px}.tab{border:0;background:transparent;font:inherit;font-weight:800;color:var(--muted);padding:8px 16px;border-radius:999px;cursor:pointer}.tab--active{background:#fff;color:var(--ink);box-shadow:var(--shadow)}.groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px}.group-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:12px 14px;box-shadow:var(--shadow)}.group-card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.group-card__head h3{margin:0;font-size:16px}.group-done{color:var(--green);font-weight:800;font-size:13px}.reset-btn{font-size:12px;color:var(--muted);background:none;border:0;cursor:pointer;text-decoration:underline}.group-team{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;font:inherit;cursor:pointer;margin-top:7px;transition:transform .06s ease,border-color .15s,background .15s}.group-team:hover{border-color:#d8cdb9}.group-team:active{transform:scale(.98)}.group-team__flag{font-size:18px;line-height:1}.group-team__name{flex:1 1;font-weight:600}.group-team--ranked{background:#f0fbf4;border-color:#cdebd8}.rankbadge{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;color:#fff;background:var(--green);flex:0 0 auto}.rankbadge--2{background:var(--sky)}.rankbadge--3{background:var(--sun)}.rankbadge--4{background:#9ca3af}.rankbadge--empty{background:#fff;color:var(--muted);border:1px dashed var(--line-2)}.thirds{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}.pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-weight:700;cursor:pointer;font-size:14px}.pill--on{background:var(--sun);border-color:var(--sun);color:#4a2c00}.counter{display:inline-flex;align-items:center;gap:6px;font-weight:800;padding:6px 12px;border-radius:999px;background:#fff4e0;color:#92600c;border:1px solid #f4dca7}.counter--done{background:#f0fbf4;color:var(--green-d);border-color:#cdebd8}.bhead{justify-content:space-between;align-items:flex-start;gap:16px}.bhead,.bhead__actions{display:flex;flex-wrap:wrap}.bhead__actions{align-items:center;gap:12px}.save{font-size:12px;color:var(--muted);font-weight:700}.save--saved{color:var(--ok)}.save--error{color:var(--no)}.champ-banner{margin:12px 0 0;padding:11px 14px;background:#f0fbf4;border:1px solid #cdebd8;border-radius:var(--radius-sm);font-weight:600}.bracket-wrap{overflow-x:auto;padding-bottom:8px}.bracket{display:flex;align-items:stretch;gap:14px;min-width:940px}.col{display:flex;flex-direction:column;flex:1 0 152px;min-width:152px}.col--champ{flex:0 0 152px}.col__head{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);text-align:center;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:8px;font-weight:800}.col__body{flex:1 1;display:flex;flex-direction:column;justify-content:space-around;gap:6px}.col__body--champ{justify-content:center}.match{border:1px solid var(--line-2);border-radius:var(--radius-sm);background:#fff;overflow:hidden;box-shadow:var(--shadow)}.match__no{font-size:9px;color:var(--muted);text-align:right;padding:1px 6px 0}.slot{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:8px 10px;border:0;border-top:1px solid var(--line);background:#fff;font:inherit;cursor:pointer;color:var(--ink);transition:background .12s,transform .06s ease}.match .row:first-of-type .slot{border-top:0}.slot__name{font-size:13px;line-height:1.2}.slot:hover:not(.slot--ro):not(.slot--empty){background:#f4ece0}.slot:active:not(.slot--ro):not(.slot--empty){transform:scale(.99)}.slot--sel{background:var(--green);color:#fff;font-weight:800}.slot--sel:hover{background:var(--green-d)}.slot--empty{color:#b9b3aa}.slot--empty,.slot--ro{cursor:default}.row{position:relative;display:flex;align-items:center}.row .slot{flex:1 1}.tag{position:absolute;right:6px;font-weight:900;font-size:12px}.tag--ok{color:var(--ok)}.tag--no{color:var(--no)}.row--correct .slot{background:#eaf7ef}.row--wrong .slot.slot--sel{background:#b3261e}.champ{border:2px solid var(--ink);border-radius:var(--radius-sm);padding:14px 10px;text-align:center;font-weight:900;min-height:54px;display:flex;align-items:center;justify-content:center;background:#fffdf8}.champ--set{border-color:var(--green);color:var(--green-d);background:#f0fbf4}.champ:not(.champ--set){color:#b9b3aa}.teamgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px;margin:10px 0 14px}.teamcard{border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 10px}.teamrow{display:flex;flex-direction:column;gap:2px;margin-top:6px}.teamrow input{min-width:0;padding:7px 9px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.05)}to{transform:scale(1)}}.pop{animation:pop .18s ease}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.btn:active,.group-team:active,.slot:active{transform:none}}@media (max-width:640px){.container{padding:12px}.bhead__actions{width:100%}.masthead{padding:18px 16px}}