@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Noto+Sans+SC:wght@400;600;700&display=swap";:root{color:#17130d;font-synthesis:none;background:#f6f1df;font-family:Manrope,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,a{font:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #635bff}main{--grid:#17130d12;width:100%;height:100dvh;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:28px 28px;grid-template-rows:52px 76px minmax(0,1fr);gap:9px;padding:10px clamp(10px,1.8vw,24px);display:grid;position:relative;overflow:hidden}.site-header{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:16px;min-height:0;display:flex}.brand-block{align-items:center;gap:10px;display:flex}.brand-mark{width:40px;height:40px;color:var(--paper);background:var(--ink);border-radius:50%;place-items:center;font:500 .75rem/1 DM Mono,monospace;display:grid}.brand-block p,.brand-block strong{margin:0;line-height:1;display:block}.brand-block p{letter-spacing:.16em;font:500 .68rem/1.2 DM Mono,monospace}.brand-block strong{letter-spacing:-.025em;font-size:1.05rem}.event-meta{text-transform:uppercase;gap:18px;font:500 .73rem/1.2 DM Mono,monospace;display:flex}.remote-trigger{color:var(--paper);border:1px solid var(--ink);background:var(--ink);text-transform:uppercase;cursor:pointer;padding:5px 8px;font:500 .62rem/1 DM Mono,monospace}.remote-trigger.is-connected{color:var(--ink);background:#a7e8da}.pair-panel{z-index:20;border:2px solid var(--ink);background:var(--yellow);width:min(430px,100% - 20px);box-shadow:6px 6px 0 var(--ink);gap:12px;padding:16px;display:grid;position:absolute;top:61px;right:clamp(10px,1.8vw,24px)}.pair-panel p{margin:0 0 4px}.pair-panel strong{font-size:1.05rem}.pair-panel form{grid-template-columns:1fr auto;gap:7px;display:grid}.pair-panel input,.pair-panel button{border:1px solid var(--ink);background:var(--paper);min-height:42px;padding:8px 10px}.pair-panel input{letter-spacing:.12em;font:700 1.1rem/1 DM Mono,monospace}.pair-panel button{cursor:pointer;font-weight:800}.pair-panel small{font:400 .63rem/1.35 DM Mono,monospace}.tab-nav{border:2px solid var(--ink);background:var(--paper);grid-template-columns:repeat(4,1fr);min-height:0;display:grid}.tab-nav button{min-height:0;color:var(--ink);border:0;border-right:1px solid var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;gap:1px 9px;padding:8px 12px;display:grid}.tab-nav button:last-child{border-right:0}.tab-nav button:hover{background:#ffffff8c}.tab-nav button.active{color:var(--paper);background:var(--ink)}.tab-nav button>span{opacity:.72;grid-row:1/3;font:500 .68rem/1.2 DM Mono,monospace}.tab-nav strong{align-self:end;font-size:clamp(.95rem,1.25vw,1.15rem);line-height:1}.tab-nav small{opacity:.76;font-size:.76rem}.active-panel{min-width:0;min-height:0;padding:0 11px 11px 0;animation:.24s both panel-in;overflow:hidden}@keyframes panel-in{0%{opacity:0;transform:translateY(5px)}}.kicker{letter-spacing:.12em;text-transform:uppercase;margin:0 0 7px;font:500 .7rem/1.25 DM Mono,monospace}.welcome-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(250px,.82fr) minmax(400px,1.25fr) minmax(235px,.78fr);gap:12px;width:100%;height:100%;min-height:0;display:grid}.welcome-media{display:contents}.poster-card,.welcome-copy,.qr-card{border:2px solid var(--ink);background:var(--paper);min-width:0;min-height:0;box-shadow:5px 5px 0 var(--ink);margin:0;overflow:hidden}.poster-card{grid-area:1/1;place-items:center;padding:clamp(13px,1.5vw,22px);display:grid}.poster-card img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.qr-card{text-align:center;grid-area:1/3;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:10px;padding:clamp(13px,1.4vw,20px);display:grid}.qr-card img{aspect-ratio:1;object-fit:contain;border:1px solid var(--ink);width:auto;max-width:100%;height:auto;max-height:100%;display:block}.qr-card h3{letter-spacing:-.055em;margin:0 0 3px;font-size:clamp(1.35rem,2vw,2rem);line-height:.95}.qr-card p:not(.kicker){margin:0;font-size:.86rem;line-height:1.35}.welcome-copy{background:var(--yellow);flex-direction:column;grid-area:1/2;justify-content:center;height:100%;padding:clamp(18px,3.2vw,46px);display:flex}.welcome-copy h2{letter-spacing:-.072em;margin:0 0 clamp(12px,2vh,22px);font-size:clamp(2.75rem,6.2vmin,5.7rem);line-height:.86}.welcome-copy h2 span{display:block}.welcome-copy h2 span+span{letter-spacing:-.055em;margin-top:.16em;font-size:.82em}.welcome-copy>p:not(.kicker){max-width:720px;margin:5px 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.42}.welcome-stats{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:clamp(12px,2.5vh,24px);display:grid}.welcome-stats span{border:1px solid var(--ink);text-transform:uppercase;flex-direction:column;min-width:0;padding:9px;font:500 .68rem/1.25 DM Mono,monospace;display:flex}.welcome-stats strong{margin-bottom:3px;font:800 clamp(1.1rem,1.75vw,1.5rem)/1 Manrope,sans-serif}.room-layout{grid-template-columns:minmax(245px,.62fr) minmax(0,1.38fr);gap:12px;width:100%;height:100%;min-height:0;display:grid}.room-intro{border:2px solid var(--ink);background:var(--pink);min-height:0;box-shadow:5px 5px 0 var(--ink);padding:clamp(17px,2.8vw,38px);overflow:hidden}.room-intro h2{letter-spacing:-.068em;margin:0 0 14px;font-size:clamp(2rem,4.5vmin,4.2rem);line-height:.86}.room-intro>p:not(.kicker){margin:11px 0;font-size:clamp(.92rem,1.2vw,1.08rem);line-height:1.48}.role-chart{border:2px solid var(--ink);min-height:0;box-shadow:5px 5px 0 var(--ink);background:#ffffff75;grid-template-rows:repeat(10,minmax(0,1fr));gap:5px;padding:8px;display:grid;overflow:hidden}.role-row{border:1px solid var(--ink);background:var(--paper);border-radius:7px;grid-template-columns:42px minmax(0,1fr) 62px;align-items:stretch;min-height:0;display:grid;overflow:hidden}.role-rank,.role-count{place-items:center;font:500 .76rem/1 DM Mono,monospace;display:grid}.role-rank{opacity:.58;border-right:1px solid #17130d57}.role-count{border-left:1px solid #17130d57;font-size:clamp(1.55rem,2.3vw,2.2rem);font-weight:800}.role-copy{grid-template-rows:auto 7px;align-content:center;gap:4px;min-width:0;padding:5px 15px;display:grid}.role-copy>div:first-child{align-items:baseline;gap:12px;min-width:0;display:flex}.role-copy strong{white-space:nowrap;font-size:clamp(1.2rem,1.7vw,1.65rem);line-height:1}.role-copy>div:first-child span{opacity:.67;white-space:nowrap;font-size:clamp(.9rem,1.12vw,1.12rem);font-weight:600;line-height:1}.bar-track{background:#17130d1a;border-radius:999px;width:100%;height:7px;padding:2px;overflow:hidden}.bar-track span{border-radius:inherit;transform-origin:0;height:100%;animation:.65s cubic-bezier(.2,.8,.2,1) both grow-bar;display:block}@keyframes grow-bar{0%{transform:scaleX(0)}}.lineup-section,.presenter-grid{width:100%;height:100%;min-height:0}.presenter-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.presenter-card{border:2px solid var(--ink);min-width:0;min-height:0;box-shadow:3px 3px 0 var(--ink);animation:.28s both card-in;display:flex;position:relative;overflow:hidden}@keyframes card-in{0%{opacity:0;transform:translateY(5px)}}.presenter-card.is-host{outline-offset:-7px;outline:4px solid #ffffff8a}.presenter-order{z-index:2;width:27px;height:27px;color:var(--paper);background:var(--ink);place-items:center;font:500 .5rem/1 DM Mono,monospace;display:grid;position:absolute;top:5px;left:5px}.tone-0{background:#a7e8da}.tone-1{background:#ffca99}.tone-2{background:#c8b7ff}.tone-3{background:#9fd5ff}.tone-4{background:#f5a9ca}.presenter-copy{flex-direction:column;justify-content:center;width:100%;min-width:0;min-height:0;padding:clamp(11px,1.15vw,17px);display:flex;overflow:hidden}.project-title{letter-spacing:-.045em;margin:0 28px 0 0;font-size:clamp(1.15rem,1.7vw,1.75rem);font-weight:800;line-height:.96}.project-title a{color:inherit;text-underline-offset:2px;text-decoration-thickness:1px}.presented-by{text-transform:uppercase;margin:8px 0 0;font:500 clamp(.75rem,.9vw,.95rem)/1.2 DM Mono,monospace}.project-description{-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:9px 0 0;font-size:clamp(.98rem,1.1vw,1.15rem);line-height:1.25;display:-webkit-box;overflow:hidden}.shuffle-button{min-width:0;min-height:0;color:var(--paper);border:2px solid var(--ink);background:var(--ink);box-shadow:3px 3px 0 var(--pink);text-align:center;cursor:pointer;grid-column:1/span 2;place-content:center;gap:5px;padding:12px;display:grid}.shuffle-button>span{font-size:clamp(2rem,4vw,4rem);line-height:.7}.shuffle-button strong{font-size:clamp(1.2rem,2vw,1.9rem)}.shuffle-button small{opacity:.72;max-width:430px;font:400 .66rem/1.35 DM Mono,monospace}.timer-shell{width:100%;height:100%;min-height:0;color:var(--paper);border:2px solid var(--ink);background:var(--ink);box-shadow:5px 5px 0 var(--pink);grid-template-rows:20px minmax(0,1fr) auto 16px;gap:7px;padding:12px 18px;display:grid;overflow:hidden}.timer-topline{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font:500 .58rem/1.2 DM Mono,monospace;display:grid}.timer-topline span:last-child{text-align:right}.timer-topline span:not(.active){opacity:.34}.timer-stage{place-items:center;min-height:0;display:grid}.timer-ring{--progress:360deg;aspect-ratio:1;background:conic-gradient(var(--pink) var(--progress), #ffffff24 0);border-radius:50%;place-items:center;width:min(46vmin,430px);max-width:100%;transition:background .35s linear;display:grid}.phase-qa .timer-ring{background:conic-gradient(var(--yellow) var(--progress), #ffffff24 0)}.timer-ring>div{aspect-ratio:1;background:var(--ink);border-radius:50%;align-content:center;place-items:center;gap:8px;width:calc(100% - 20px);display:grid}.timer-ring p{letter-spacing:.16em;margin:0;font:500 .62rem/1 DM Mono,monospace}.timer-ring strong{letter-spacing:-.09em;font-variant-numeric:tabular-nums;font-size:clamp(4.8rem,14vmin,9.5rem);line-height:.82}.timer-ring span{opacity:.62;font-size:.78rem}.is-finished .timer-ring{animation:.65s ease-in-out infinite alternate final-pulse}.alarm-active{box-shadow:0 0 0 7px #ff2a2a,0 0 34px 10px #ff2a2abf}.alarm-active .timer-ring{background:#ff2a2a;animation:.38s ease-in-out infinite alternate alarm-pulse}@keyframes final-pulse{to{box-shadow:0 0 0 14px #ff4e8a3d}}@keyframes alarm-pulse{to{filter:brightness(1.35);transform:scale(1.035)}}.timer-actions{flex-wrap:wrap;justify-content:center;gap:7px;display:flex}.timer-actions button{color:var(--paper);cursor:pointer;background:0 0;border:1px solid #ffffff8c;padding:9px 15px;font-size:.86rem}.timer-actions .timer-primary{min-width:130px;color:var(--ink);border-color:var(--pink);background:var(--pink);font-weight:800}.phase-qa .timer-actions .timer-primary{border-color:var(--yellow);background:var(--yellow)}.alarm-active .timer-actions .timer-primary{color:#fff;background:#ff2a2a;border-color:#ff2a2a}.timer-note{text-align:center;opacity:.68;margin:0;font:400 .66rem/1.3 DM Mono,monospace}.remote-page{background:var(--paper,#f6f1df);height:100dvh;min-height:100dvh;padding:16px;display:block;overflow-y:auto}.remote-card,.remote-controls{border:2px solid var(--ink,#17130d);background:var(--yellow,#ffcf43);width:min(620px,100%);box-shadow:5px 5px 0 var(--ink,#17130d);margin:0 auto 14px;padding:20px}.remote-card h1{letter-spacing:-.07em;margin:0 0 14px;font-size:clamp(2.2rem,11vw,4.5rem);line-height:.88}.remote-card>p:not(.kicker):not(.remote-warning){font-size:1rem;line-height:1.45}.pair-code{border:2px solid var(--ink,#17130d);background:var(--paper,#f6f1df);letter-spacing:.12em;text-align:center;margin:18px 0;padding:16px;font:800 clamp(2.8rem,16vw,5.5rem)/1 DM Mono,monospace}.remote-status{text-transform:uppercase;align-items:center;gap:8px;font:700 .84rem/1.2 DM Mono,monospace;display:flex}.remote-status span{background:#ff8a00;border-radius:50%;width:12px;height:12px}.remote-status.is-connected span{background:#00a98f}.remote-warning{border-top:1px solid var(--ink,#17130d);margin:14px 0 0;padding-top:12px;font:500 .72rem/1.4 DM Mono,monospace}.remote-controls{background:var(--paper,#f6f1df)}.remote-controls h2{margin:22px 0 10px;font-size:1.25rem}.remote-controls h2:first-child{margin-top:0}.remote-tabs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.remote-tabs button,.remote-wide,.remote-timer-controls button{border:2px solid var(--ink,#17130d);cursor:pointer;background:0 0;min-height:58px;padding:10px;font-weight:800}.remote-tabs button{flex-direction:column;align-items:flex-start;display:flex}.remote-tabs small{opacity:.62;font-size:.7rem}.remote-tabs button.active{color:var(--paper,#f6f1df);background:var(--ink,#17130d)}.remote-wide{background:#c8b7ff;width:100%}.remote-timer-controls{grid-template-columns:1fr 1fr;gap:8px;display:grid}.remote-timer-controls .primary{background:#a7e8da}.remote-timer-controls .danger{color:#fff;background:#d93636}@media (width<=720px){main{grid-template-rows:38px 72px minmax(0,1fr);gap:6px;padding:6px}.brand-mark{width:30px;height:30px}.brand-block strong{font-size:.74rem}.event-meta{display:none}.pair-panel{top:47px}.tab-nav{grid-template-columns:repeat(2,1fr)}.tab-nav button{padding:5px 7px}.tab-nav button:nth-child(2){border-right:0}.tab-nav button:nth-child(-n+2){border-bottom:1px solid var(--ink)}.tab-nav strong{font-size:.68rem}.tab-nav small{font-size:.53rem}.welcome-grid{grid-template-rows:39% 61%;grid-template-columns:1fr;gap:6px}.welcome-media{grid-area:1/1;grid-template-rows:1fr;grid-template-columns:1fr 1fr;gap:5px;min-width:0;min-height:0;display:grid}.poster-card,.qr-card{grid-column:auto}.welcome-copy{grid-area:2/1}.poster-card,.welcome-copy,.qr-card{box-shadow:2px 2px 0 var(--ink)}.qr-card{grid-template-rows:minmax(0,1fr) auto;gap:3px;padding:5px}.qr-card img{width:min(84%,150px);height:auto}.qr-card .kicker{display:none}.qr-card h3{font-size:.76rem}.qr-card p:not(.kicker){font-size:.43rem}.welcome-copy{padding:10px}.welcome-copy .kicker{font-size:.45rem}.welcome-copy h2{margin-bottom:9px;font-size:clamp(1.45rem,7.4vw,2.2rem)}.welcome-copy>p:not(.kicker){margin:2px 0;font-size:clamp(.54rem,2vw,.68rem);line-height:1.3}.welcome-stats{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:8px}.welcome-stats span{padding:5px;font-size:.43rem}.welcome-stats strong{font-size:.75rem}.room-layout{grid-template-columns:minmax(0,31fr) minmax(0,69fr);gap:6px}.room-intro{box-shadow:2px 2px 0 var(--ink);padding:10px}.room-intro h2{font-size:clamp(1.15rem,5.7vw,1.85rem)}.room-intro>p:not(.kicker){font-size:.54rem}.role-chart{box-shadow:2px 2px 0 var(--ink);gap:4px;padding:5px}.role-row{border-radius:4px;grid-template-columns:22px 1fr 29px}.role-rank{font-size:.44rem}.role-count{font-size:.82rem}.role-copy{grid-template-rows:auto 5px;gap:4px;padding:4px 6px}.role-copy>div:first-child{flex-direction:column;align-items:flex-start;gap:1px}.role-copy>div:first-child span{font-size:.47rem;display:block}.role-copy strong{font-size:.62rem}.bar-track{height:5px;padding:1px}.presenter-grid{grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.presenter-card{box-shadow:1px 1px 0 var(--ink)}.presenter-order{width:18px;height:18px;font-size:.36rem;top:2px;left:2px}.presenter-copy{padding:7px}.project-title{margin-right:17px;font-size:clamp(.62rem,2.9vw,.82rem)}.presented-by{margin-top:4px;font-size:.36rem}.project-description{-webkit-line-clamp:2;margin-top:4px;font-size:.41rem}.shuffle-button{box-shadow:1px 1px 0 var(--pink);grid-column:auto;padding:5px}.shuffle-button>span{font-size:1.3rem}.shuffle-button strong{font-size:.7rem}.shuffle-button small{display:none}.timer-shell{box-shadow:2px 2px 0 var(--pink);grid-template-rows:18px minmax(0,1fr) auto 22px;padding:8px}.timer-topline{font-size:.43rem}.timer-ring{width:min(72vmin,78vw)}.timer-ring strong{font-size:clamp(4rem,22vw,7rem)}.timer-actions{gap:4px}.timer-actions button{padding:6px 8px;font-size:.54rem}.timer-actions .timer-primary{min-width:92px}.timer-note{font-size:.4rem}}@media (height<=800px) and (width>=721px){.presenter-copy{padding-top:9px;padding-bottom:9px}.project-description{-webkit-line-clamp:3}}@media (height<=660px) and (width>=721px){main{grid-template-rows:40px 56px minmax(0,1fr);gap:6px;padding-top:6px;padding-bottom:6px}.site-header{border-bottom-width:1px}.tab-nav{border-width:1px}.tab-nav button{padding-top:5px;padding-bottom:5px}.welcome-copy{padding-top:16px;padding-bottom:16px}.welcome-copy h2{font-size:clamp(2.2rem,6.2vmin,3.9rem)}.welcome-copy>p:not(.kicker){font-size:.78rem}.presenter-grid{gap:5px}.presenter-copy{padding:6px}.project-description{-webkit-line-clamp:2}.timer-ring{width:min(43vmin,350px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}