:root{--ink:#eef0ff;--muted:#9aa0c8;--panel:#0e0a269e;--edge:#968cff59;font-family:Orbitron,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:radial-gradient(60% 50% at 20% 30%,#3d6bff47,#0000 70%),radial-gradient(60% 55% at 85% 70%,#b44dff47,#0000 70%),#05030d;margin:0;overflow:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(#968cff12 1px,#0000 1px),linear-gradient(90deg,#968cff12 1px,#0000 1px);background-size:6vh 6vh;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}body.leaving main{opacity:0;transform:scale(1.04)}main{grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;align-items:center;gap:4vh 6vw;height:100%;padding:6vh 7vw;transition:opacity .6s,transform .6s;display:grid;position:relative}h1{text-align:center;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 2vh #6a55ff,0 0 6vh #3d6bff;grid-column:1/-1;margin:0;font-size:9vh;font-weight:800}h1 span{color:#ffd23a;text-shadow:0 0 2vh #ffb640,0 0 6vh #ff8a2a}.join{justify-items:center;gap:3vh;display:grid}.qr{background:#fff;border-radius:2.4vh;padding:1.6vh;box-shadow:0 0 4vh #6a55ff8c,0 0 12vh #3d6bff59}.qr img{width:36vh;height:36vh;display:block}.join ol{color:var(--ink);margin:0;padding-left:1.4em;font-size:2.6vh;line-height:1.7}.join ol li::marker{color:#ffd23a;font-weight:800}.join code{color:var(--muted);font-family:ui-monospace,monospace;font-size:2vh}.slots{gap:3vh;display:grid}#slots{gap:2.4vh;display:grid}.slot{background:var(--panel);border:2px solid var(--edge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.5;border-radius:2.4vh;align-items:center;gap:3vh;padding:2.4vh 3vh;transition:opacity .3s,border-color .3s,box-shadow .3s,transform .3s;display:flex}.slot.taken{opacity:1;border-color:var(--c);box-shadow:0 0 3vh color-mix(in srgb, var(--c) 45%, transparent), inset 0 0 3vh color-mix(in srgb, var(--c) 18%, transparent);transform:scale(1.02)}.slot.offline{opacity:.7}.slot .pac{width:8vh;height:8vh;filter:drop-shadow(0 0 1.4vh var(--c));flex:none}.slot .pac:before{content:"";background:var(--c);clip-path:polygon(0 0,100% 0,100% 34%,50% 50%,100% 66%,100% 100%,0 100%);border-radius:50%;width:100%;height:100%;display:block}.slot.taken .pac:before{animation:.5s ease-in-out infinite alternate chomp}@keyframes chomp{to{clip-path:polygon(0 0,100% 0,100% 48%,50% 50%,100% 52%,100% 100%,0 100%)}}.slot b{letter-spacing:.06em;text-transform:uppercase;font-size:3.6vh;font-weight:800;display:block}.slot .state{color:var(--muted);font-size:2.2vh}.slot.taken .state{color:var(--c)}.rules{color:var(--muted);margin:0;font-family:ui-sans-serif,system-ui,sans-serif;font-size:2.2vh;line-height:1.6}body.demo:after{content:"DEMO · dołącz sam, resztę miejsc zajmą boty";letter-spacing:.08em;color:#ffd23a;background:var(--panel);border:1px solid #ffd23a80;border-radius:1.2vh;padding:1vh 1.8vh;font-size:1.7vh;font-weight:800;position:fixed;top:2.4vh;left:2.4vh}.slot.bot .state{color:var(--muted)}#countdown{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05030db8;place-content:center;justify-items:center;display:grid;position:fixed;inset:0}#countdown[hidden]{display:none}#countdown small{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-size:4vh}#countdown b{color:#ffd23a;text-shadow:0 0 4vh #ffb640,0 0 12vh #ff8a2a;font-size:34vh;font-weight:800;line-height:1}#countdown b.beat{animation:1s ease-out beat}@keyframes beat{0%{opacity:.4;transform:scale(1.35)}}