:root{--ink:#171719;--paper:#f4f0e7;--cream:#fffaf0;--orange:#ff5c20;--yellow:#ffd847;--purple:#5b2a86;--line:#17171924}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.control-room{background:linear-gradient(90deg, #17171909 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(#17171909 1px, transparent 1px) 0 0 / 48px 48px, var(--paper);min-height:100vh;padding:28px clamp(18px,4vw,64px) 36px}.control-header{justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:0 auto 24px;display:flex}.brand-lockup,.phoenix-wordmark{align-items:center;gap:16px;display:flex}.brand-mark{background:var(--ink);width:64px;height:64px;color:var(--yellow);letter-spacing:.06em;box-shadow:5px 5px 0 var(--orange);border-radius:18px 4px;place-items:center;font-size:15px;font-weight:950;display:grid;transform:rotate(-3deg)}.eyebrow,.section-kicker,.presentation-kicker{text-transform:uppercase;letter-spacing:.17em;margin:0 0 5px;font-size:11px;font-weight:900}.eyebrow{color:#716d65}.control-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(24px,3vw,38px);line-height:1}.present-button,.add-round-button{cursor:pointer;background:var(--orange);color:#fff;box-shadow:5px 5px 0 var(--ink);border:0;font-weight:900;transition:transform .16s,box-shadow .16s}.present-button{border-radius:7px;justify-content:space-between;align-items:center;min-width:230px;min-height:58px;padding:0 14px 0 22px;display:flex}.present-button:hover,.add-round-button:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(2px,2px)}.button-arrow{width:34px;height:34px;color:var(--orange);background:#fff;border-radius:50%;place-items:center;font-size:20px;display:grid}.status-strip{border:1px solid var(--line);background:#fffaf0bd;border-radius:12px;align-items:center;gap:40px;max-width:1440px;margin:0 auto 18px;padding:14px 18px;display:flex}.status-strip>div:not(.autosave){align-items:baseline;gap:9px;display:flex}.status-label{color:#7a756d;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800}.status-strip strong{font-size:17px}.autosave{color:#67625b;align-items:center;gap:8px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.save-dot,.live-dot{background:#36a269;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #36a26921}.autosave.connecting .save-dot{background:var(--yellow);box-shadow:0 0 0 4px #ffd8472b}.autosave.offline .save-dot{background:#a19b92;box-shadow:0 0 0 4px #a19b9224}.score-card{background:var(--cream);border:1px solid #1717192e;border-radius:14px;max-width:1440px;margin:0 auto;overflow:hidden;box-shadow:0 16px 50px #17171917}.score-card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;display:flex}.section-kicker{color:var(--orange)}.score-card-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(25px,3vw,36px)}.round-actions{align-items:center;gap:12px;display:flex}.ghost-button,.add-team-button,.reset-button,.delete-button{cursor:pointer;background:0 0;border:0}.ghost-button{color:#6f6a63;text-underline-offset:4px;font-size:12px;font-weight:800;text-decoration:underline}.ghost-button:disabled{opacity:.35;cursor:not-allowed}.add-round-button{box-shadow:3px 3px 0 var(--ink);border-radius:6px;padding:13px 17px;font-size:13px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:700px}th{background:var(--ink);color:#c8c4bc;text-align:center;text-transform:uppercase;letter-spacing:.12em;padding:12px 10px;font-size:10px}th.team-column{text-align:left;min-width:240px}th.rank-column{width:62px}th.total-column{width:90px;color:var(--yellow)}th.delete-column{width:48px}td{border-bottom:1px solid var(--line);text-align:center;padding:9px 10px}tbody tr{transition:background .14s}tbody tr:hover{background:#ffd8471f}.rank-number{color:var(--orange);font-size:19px;font-weight:950}.team-input,.score-input{width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:5px}.team-input{padding:9px 10px;font-weight:850}.score-input{text-align:center;font-variant-numeric:tabular-nums;min-width:58px;padding:9px 4px}.team-input:hover,.score-input:hover,.team-input:focus,.score-input:focus{border-color:var(--line);background:#fff}.total-score{font-variant-numeric:tabular-nums;background:#ffd84729;font-size:19px;font-weight:950}.delete-button{color:#9b958c;width:30px;height:30px;font-size:23px;line-height:1}.delete-button:hover{color:var(--orange)}.add-team-button{color:var(--orange);margin:16px 24px 20px;padding:10px 0;font-size:13px;font-weight:900}.add-team-button span{background:#ff5c201f;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:5px;display:inline-grid}.control-footer{color:#746f67;justify-content:space-between;align-items:center;gap:24px;max-width:1440px;margin:18px auto 0;font-size:12px;display:flex}.control-footer p{margin:0}.tip-badge{background:var(--yellow);color:var(--ink);border-radius:3px;margin-right:9px;padding:3px 6px;font-size:9px;font-weight:950}kbd{background:var(--cream);color:var(--ink);border:1px solid #ccc6bb;border-bottom-width:2px;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:10px;font-weight:800}.reset-button{color:#777168;text-underline-offset:4px;font-size:11px;font-weight:800;text-decoration:underline}.presentation{color:#fff;cursor:pointer;isolation:isolate;background:radial-gradient(circle at 50% 0,#34223f 0%,#0000 42%),#130f18;flex-direction:column;min-height:100vh;padding:30px clamp(34px,5vw,90px) 26px;display:flex;position:relative;overflow:hidden}.presentation:before{content:"";z-index:-1;opacity:.11;background-image:radial-gradient(var(--yellow) .8px, transparent .8px);background-size:10px 10px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.ambient{z-index:-1;filter:blur(90px);opacity:.15;border-radius:50%;width:480px;height:480px;position:absolute}.ambient-one{background:var(--orange);top:20%;right:-250px}.ambient-two{background:var(--purple);bottom:-200px;left:-260px}.presentation-header{border-bottom:1px solid #ffffff29;justify-content:space-between;align-items:center;padding-bottom:22px;display:flex}.phoenix-wordmark{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:900}.mini-mark{background:var(--orange);color:#fff;border-radius:3px 10px;padding:7px 8px;font-size:10px}.round-pill{color:#d8d2df;text-transform:uppercase;letter-spacing:.12em;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:9px 14px;font-size:11px;font-weight:800;display:flex}.live-dot{background:var(--orange);width:7px;height:7px;box-shadow:0 0 0 4px #ff5c2029}.presentation-content{flex:1;grid-template-columns:minmax(280px,.82fr) minmax(500px,1.18fr);align-items:center;gap:clamp(48px,7vw,110px);width:100%;max-width:1500px;margin:0 auto;padding:clamp(28px,5vh,64px) 0 20px;display:grid}.presentation-kicker{color:var(--orange);margin-bottom:15px}.title-block h1{letter-spacing:-.073em;max-width:650px;margin:0;font-size:clamp(56px,7.2vw,128px);line-height:.86}.title-block h1:after{content:"";background:var(--yellow);width:80px;height:8px;margin-top:32px;display:block;transform:skew(-20deg)}.leaderboard{flex-direction:column;gap:7px;width:100%;display:flex}.leader-row{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff1;border:1px solid #ffffff21;border-radius:8px;grid-template-columns:70px 1fr 110px;align-items:center;min-height:clamp(45px,5.4vh,66px);transition:transform .4s cubic-bezier(.2,.85,.3,1),opacity .3s,background .3s;display:grid;overflow:hidden}.place{color:var(--orange);font-variant-numeric:tabular-nums;border-right:1px solid #ffffff1a;align-self:stretch;place-items:center;font-size:clamp(20px,2vw,30px);font-weight:950;display:grid}.leader-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.025em;padding:0 22px;font-size:clamp(17px,1.7vw,27px);font-weight:900;overflow:hidden}.leader-score{color:var(--yellow);text-align:right;font-variant-numeric:tabular-nums;padding-right:22px;font-size:clamp(21px,2vw,32px);font-weight:950}.leader-score small{color:#9d96a6;text-transform:uppercase;margin-left:3px;font-size:9px}.top-three-divider{align-items:center;gap:13px;margin:7px 0 2px;display:flex}.top-three-divider span{background:#ffd84759;flex:1;height:1px}.top-three-divider p{color:var(--yellow);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.podium-row{background:#ffd84712;border-color:#ffd84733;position:relative}.podium-row.is-hidden{opacity:.42}.podium-row.is-hidden .leader-name{color:#7b7382;letter-spacing:.15em}.podium-row.is-revealed{animation:.7s cubic-bezier(.16,1,.3,1) both reveal-team}.podium-row.is-current{border-color:var(--yellow);background:linear-gradient(90deg,#ff5c2047,#ffd84714);transform:scale(1.025);box-shadow:0 0 0 1px #ffd8472e,0 14px 40px #0003}.podium-row.is-current .place{background:var(--orange);color:#fff}.place-1.is-current{border-color:var(--yellow);background:linear-gradient(90deg,#ffd84747,#ffd84714)}.place-1.is-current .place{background:var(--yellow);color:var(--ink)}@keyframes reveal-team{0%{opacity:0;transform:translate(42px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}.presentation-footer{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:54px;display:grid}.exit-button,.nav-button{color:#c7bfca;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e}.exit-button{border-radius:6px;justify-self:start;padding:9px 12px;font-size:12px}.exit-button span{margin-left:5px}.reveal-copy{color:#d6ceda;letter-spacing:.05em;margin:0;font-size:12px;font-weight:800}.presentation-nav{justify-self:end;align-items:center;gap:14px;display:flex}.nav-button{border-radius:50%;width:42px;height:42px;font-size:18px}.nav-button.next:not(:disabled){border-color:var(--orange);background:var(--orange);color:#fff}.nav-button:disabled{opacity:.28;cursor:not-allowed}.progress-dots{gap:6px;display:flex}.progress-dots span{background:#ffffff38;border-radius:50%;width:6px;height:6px}.progress-dots span.active{background:var(--yellow)}.empty-state{color:#918899;border:1px dashed #fff3;border-radius:14px;place-items:center;min-height:340px;display:grid}.empty-state span{font-size:100px;font-weight:950}.empty-state p{margin:-100px 0 0;font-size:15px}@media (width<=900px){.control-header,.score-card-heading,.control-footer{flex-direction:column;align-items:stretch}.present-button{width:100%}.score-card-heading{gap:18px}.round-actions{justify-content:space-between}.presentation{min-height:100dvh;padding:20px;overflow:auto}.presentation-content{grid-template-columns:1fr;gap:28px}.title-block h1{font-size:clamp(46px,13vw,74px)}.title-block h1 br{display:none}.title-block h1:after{margin-top:20px}.presentation-footer{margin-top:18px}}@media (width<=620px){.control-room{padding:18px 12px 26px}.brand-mark{width:52px;height:52px}.status-strip{flex-wrap:wrap;gap:18px}.autosave{width:100%;margin-left:0}.score-card-heading{padding:20px}.round-actions{flex-direction:column-reverse;align-items:stretch}.presentation-header{align-items:flex-start;gap:15px}.phoenix-wordmark>span:last-child{display:none}.leader-row{grid-template-columns:50px 1fr 78px}.leader-name{padding:0 12px}.leader-score{padding-right:12px}.presentation-footer{grid-template-columns:auto 1fr}.reveal-copy{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}