@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#171717;font-synthesis:none;--paper:#f4f3ee;--white:#fff;--ink:#171717;--muted:#77756f;--line:#d4d2ca;--red:#ed3d31;--acid:#dfff4f;background:#f4f3ee;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.page-shell{min-height:100vh;padding:0 clamp(20px,4.4vw,68px)}nav{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;height:82px;display:flex}.logo{color:var(--ink);letter-spacing:-.04em;align-items:center;gap:11px;font-family:Manrope;text-decoration:none;display:flex}.logo span{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;display:grid}.logo strong{font-weight:800}.nav-note,.room-code{letter-spacing:.05em;text-transform:uppercase;font-size:12px}.room-code strong{margin-left:8px}.hero{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr);align-items:center;gap:clamp(40px,7vw,120px);min-height:calc(100vh - 82px);padding:55px 0;display:grid}.eyebrow,.form-number{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.eyebrow{color:var(--red)}.form-number{border-bottom:1px solid var(--line);color:var(--muted);margin-bottom:25px;padding-bottom:18px}h1{letter-spacing:-.075em;margin:14px 0 22px;font:700 clamp(48px,7.2vw,112px)/.88 Manrope}.hero-copy p{color:#484742;max-width:530px;font-size:19px;line-height:1.55}.hero-index{border-top:1px solid var(--ink);letter-spacing:.12em;grid-template-columns:1fr repeat(3,auto);gap:25px;margin-top:60px;padding-top:13px;font-size:10px;display:grid}.create-card,.join-card{background:var(--white);border:1px solid var(--ink);box-shadow:12px 12px 0 var(--ink);padding:clamp(24px,3vw,40px)}.create-card label,.join-card label{font-size:13px;font-weight:600;display:block}input:not([type=checkbox]):not([type=range]){border:0;border-bottom:1px solid var(--ink);width:100%;color:var(--ink);background:0 0;border-radius:0;outline:none;margin-top:9px;padding:15px 2px;display:block}input:focus{border-color:var(--red)!important}.mode-picker{border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:0;margin:25px 0;display:grid}.mode-picker button{min-height:108px;color:var(--ink);text-align:left;background:#fff;border:0;grid-template-rows:auto auto;grid-template-columns:27px 1fr;gap:3px 8px;padding:16px;display:grid}.mode-picker button+button{border-left:1px solid var(--line)}.mode-picker button.selected{background:#e5e4de}.mode-picker button>span{color:var(--muted);grid-row:1/3;font-size:10px}.mode-picker strong{font:700 15px Manrope}.mode-picker small{color:#68665f}.auction-settings{border-top:1px solid var(--line);gap:20px;padding:22px 0 25px;display:grid}.range-row{align-items:center;gap:18px;margin-top:12px;display:flex}.range-row input{accent-color:var(--red);flex:1}.range-row strong{text-align:right;min-width:48px}.primary,.secondary,.danger{border:1px solid var(--ink);color:var(--ink);background:#fff;border-radius:0;padding:14px 17px;font-weight:700}.primary{background:var(--ink);color:#fff;justify-content:space-between;width:100%;display:flex}.primary:hover{background:var(--red);border-color:var(--red)}.primary.small{gap:35px;width:auto}.secondary:hover{background:var(--acid)}.danger{color:var(--red);border-color:var(--red)}.danger:hover{background:var(--red);color:#fff}.center-page{place-items:center;min-height:100vh;display:grid}.center-page nav{position:absolute;top:0;left:clamp(20px,4.4vw,68px);right:clamp(20px,4.4vw,68px)}.join-card{width:min(90vw,520px)}.join-card h1{font-size:clamp(42px,6vw,68px)}.join-card>p,.dashboard-header p,.participant>span,.empty p,.player-stage>p,.round-note{color:var(--muted)}.join-card form{gap:22px;margin-top:32px;display:grid}.check{align-items:center;gap:10px;display:flex!important}.check input{width:17px;height:17px;accent-color:var(--red)}.dashboard-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:25px;padding:42px 0 30px;display:flex}.dashboard-header h1{margin:8px 0;font-size:clamp(46px,6vw,88px)}.dashboard-header p{margin:0}.header-actions{align-items:flex-end;gap:9px;display:flex}.invite-qr{background:var(--white);border:1px solid var(--ink);flex-direction:column;flex:none;align-items:center;gap:5px;padding:7px 7px 5px;display:flex}.invite-qr svg{width:104px;height:104px;display:block}.invite-qr small{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:9px}.auction-admin{border-bottom:1px solid var(--ink);grid-template-columns:1fr auto 1fr auto;align-items:center;gap:30px;padding:18px 0;font-size:13px;display:grid}.status-dot{background:#aaa;border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.status-dot.running{background:var(--red)}.timer{font-variant-numeric:tabular-nums;font:700 32px Manrope}.auction-admin>span{color:var(--muted)}.participant-grid{background:var(--ink);border:1px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin-top:30px;margin-bottom:145px;display:grid}.participant{background:var(--paper);flex-direction:column;justify-content:center;align-items:center;min-height:245px;display:flex}.participant>strong{margin-top:15px}.participant>span{margin-top:3px;font-size:12px}.empty{text-align:center;background:var(--paper);grid-column:1/-1;padding:48px}.empty h2{margin-bottom:4px}.buzzer{filter:drop-shadow(0 22px 14px #0000002e);background:0 0;border:0;width:270px;height:250px;padding:0;position:relative}.buzzer.compact{filter:drop-shadow(0 10px 6px #00000029);width:118px;height:110px}.dome{z-index:2;background:radial-gradient(circle at 35% 16%,#ff9389 0 4%,#f25b50 14%,#dc2e25 55%,#a31611 85%);border:4px solid #ab1b16;border-radius:100% 100% 14% 14%;width:68%;height:43%;transition:all .18s;position:absolute;top:2%;left:16%;box-shadow:inset -14px -12px 20px #4d00003b}.dome-shine{background:#fff6;border-radius:50%;width:37%;height:10%;position:absolute;top:15%;left:18%;transform:rotate(-8deg)}.buzzer-body{background:linear-gradient(145deg,#292929,#080808 75%);border:4px solid #050505;border-radius:12% 12% 8% 8%;padding:8%;position:absolute;inset:36% 5% 3%}.buzzer-face{background:#fff;border-radius:7%;place-items:center;width:100%;height:100%;transition:all .2s;display:grid;box-shadow:inset 0 0 0 3px #c9c9c5}.cross{background:#a5a7a7;border-radius:999px;width:62%;height:16%;transition:all .2s;position:relative;transform:rotate(38deg);box-shadow:inset 0 0 0 3px #d7d9d9}.cross:after{content:"";border-radius:inherit;background:inherit;box-shadow:inherit;position:absolute;inset:0;transform:rotate(104deg)}.buzzer.active .buzzer-face{background:#fff1ef;box-shadow:inset 0 0 0 3px #eaa39d}.buzzer.active .cross{background:var(--red);box-shadow:inset 0 0 0 3px #ffaaa2,0 0 12px #ed3d3159}.buzzer:active:not(:disabled) .dome{transform:translateY(8px)scaleY(.9)}.buzzer-time{letter-spacing:-.07em;color:#999;font-variant-numeric:tabular-nums;font:800 clamp(25px,5vw,48px) Manrope}.buzzer.active .buzzer-time{color:var(--red)}.compact .buzzer-time{font-size:18px}.player-stage{text-align:center;flex-direction:column;align-items:center;min-height:calc(100vh - 82px);padding:40px 0 145px;display:flex}.player-stage h1{margin-bottom:4px;font-size:clamp(45px,6vw,78px)}.player-stage .buzzer{margin-top:10px}.round-note{max-width:430px;margin-top:20px;font-size:13px;line-height:1.5}footer{z-index:5;border-top:1px solid var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f3eef0;padding:19px clamp(20px,4.4vw,68px) 30px;position:fixed;bottom:0;left:0;right:0}.progress-wrap{position:relative}.progress-meta{text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;margin-bottom:9px;font-size:12px;display:flex}.progress{background:#d5d3cc;height:9px;position:relative}.progress span{background:var(--red);height:100%;transition:width .35s;display:block}.progress i{background:var(--ink);width:2px;height:19px;position:absolute;top:-5px}.target-label{white-space:nowrap;color:var(--muted);font-size:10px;position:absolute;top:34px;transform:translate(-50%)}.error{font-size:13px;color:var(--red)!important}.loader{border:2px solid var(--line);border-top-color:var(--red);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}.link-button{text-align:center;margin-top:20px;text-decoration:none;display:block}.link-button span{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=800px){.hero{grid-template-columns:1fr;padding:45px 0 80px}.hero-index{margin-top:35px}.create-card{box-shadow:7px 7px 0 var(--ink)}.auction-admin{grid-template-columns:1fr auto}.auction-admin>span{grid-column:1/-1}.dashboard-header{flex-direction:column;align-items:stretch}.participant-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.nav-note{display:none}.mode-picker{grid-template-columns:1fr}.mode-picker button+button{border-left:0;border-top:1px solid var(--line)}.header-actions{flex-wrap:wrap}.header-actions button{flex:1}.invite-qr{width:100%}.participant{min-height:200px}.page-shell{padding:0 16px}footer{padding-left:16px;padding-right:16px}.buzzer{width:230px;height:215px}.target-label{transform:translate(-65%)}}