.br{--ink: #FFF8E6;--khaki: #F5C542;--khaki-d: #C99A1E;--olive: #2B3320;--olive-d: #171C10;--red: #E5484D;--team: #F5C542;position:absolute;inset:0;overflow:hidden;background:#1c2213;color:var(--ink);font-family:Rubik,system-ui,sans-serif;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.br [hidden]{display:none!important}.br :where(button){font:inherit;color:inherit;cursor:pointer;border:0;background:none}.br :where(button:disabled){opacity:.45;cursor:default}.br-stage{position:absolute;inset:0}.br-stage canvas{display:block;touch-action:none}.br-screen{position:absolute;inset:0;z-index:5;overflow:auto;display:grid;padding:16px;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse at 50% 120%,#4e6b2e,#26301a 55%,#151a0e)}.br-screen:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.09;background:repeating-linear-gradient(45deg,#fff 0 2px,transparent 2px 22px)}.br-menu,.br-panel{position:relative;margin:auto;width:min(560px,100%);display:grid;gap:12px;justify-items:center;text-align:center}.br-hero{display:flex;gap:6px;font-size:54px;line-height:1;filter:drop-shadow(0 6px 10px #0008)}.br-hero span{animation:br-hop 1.1s ease-in-out infinite}.br-hero span:nth-child(2){animation-delay:.18s;font-size:44px;align-self:center}.br-hero span:nth-child(3){animation-delay:.36s;transform:scaleX(-1)}.br-hero span:nth-child(3){animation-name:br-hop-r}@keyframes br-hop{0%,to{transform:translateY(0)}45%{transform:translateY(-14px) rotate(-6deg)}}@keyframes br-hop-r{0%,to{transform:scaleX(-1) translateY(0)}45%{transform:scaleX(-1) translateY(-14px) rotate(-6deg)}}.br-logo{margin:0;display:grid;line-height:.9;font-weight:900;letter-spacing:1px;text-transform:uppercase;font-size:clamp(38px,9vw,68px);color:var(--khaki);text-shadow:0 4px 0 #6B4E0A,0 8px 18px #000a;transform:rotate(-3deg)}.br-logo span:last-child{color:#fff;font-size:.82em;text-shadow:0 4px 0 #7A1F22,0 8px 18px #000a}.br-sub{margin:4px 0 6px;max-width:420px;opacity:.85;line-height:1.4}.br-big{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 24px;border-radius:16px;background:linear-gradient(#FFD666,var(--khaki));color:#3a2a00!important;font-weight:900!important;font-size:18px!important;box-shadow:0 4px 0 var(--khaki-d),0 10px 20px #0006;transition:transform .1s,box-shadow .1s;width:min(380px,100%)}.br-big:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--khaki-d),0 4px 10px #0006}.br-big small{font-size:12px;font-weight:700;opacity:.8}.br-btn{min-height:44px;padding:10px 18px;border-radius:14px;background:#ffffff14;box-shadow:inset 0 0 0 1.5px #ffffff2a;font-weight:800;transition:background .15s,transform .1s}.br-btn:hover{background:#fff2}.br-btn:active{transform:scale(.97)}.br-danger{color:#ffb4b6!important}.br-toggles{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:4px}.br-toggles label{display:inline-flex;gap:8px;align-items:center;font-weight:700;cursor:pointer}.br-toggles input{width:20px;height:20px;accent-color:var(--khaki)}.br-panel{background:#11160bcc;padding:20px 18px;border-radius:22px;box-shadow:0 20px 50px #0009,inset 0 0 0 1.5px #ffffff18}.br-panel h2{margin:0;font-size:26px;font-weight:900;color:var(--khaki)}.br-panel p,.br-panel li{line-height:1.45;text-align:left}.br-panel ul{margin:0;padding-left:20px;display:grid;gap:6px}.br-setup{justify-items:stretch}.br-rows{display:grid;gap:8px}.br-row{display:grid;grid-template-columns:38px 38px minmax(0,1fr) minmax(0,10.5em) 38px;gap:8px;align-items:center}@media(max-width:420px){.br-row{grid-template-columns:32px 32px minmax(0,1fr) minmax(0,8em) 28px;gap:5px}.br-chip,.br-hatbtn{width:32px!important;height:32px!important}.br-x{width:28px!important}.br-panel{padding:16px 12px}}.br-chip{width:38px;height:38px;border-radius:12px;background:var(--c)!important;box-shadow:inset 0 -4px #0004,0 0 0 2px #fff3}.br-row input,.br-row select{min-width:0;height:40px;border-radius:12px;border:0;padding:0 10px;font:700 16px Rubik,system-ui,sans-serif;background:#ffffff16;color:var(--ink);box-shadow:inset 0 0 0 1.5px #ffffff26}.br-row select option{background:#232b18;color:#fff}.br-x{width:38px;height:38px;border-radius:12px;background:#ffffff10!important;font-weight:900}.br-add{justify-self:center}.br-opts{display:grid;gap:10px;margin-top:4px}.br-o{display:grid;gap:6px;text-align:left}.br-o b{font-size:13px;text-transform:uppercase;letter-spacing:.6px;opacity:.75}.br-o>div{display:flex;flex-wrap:wrap;gap:6px}.br-opt{padding:8px 12px;border-radius:11px;background:#ffffff12!important;font-weight:700;font-size:14px;box-shadow:inset 0 0 0 1.5px #ffffff1e}.br-opt.on{background:var(--khaki)!important;color:#3a2a00;box-shadow:none}.br-err{color:#ffb4b6;font-weight:700;margin:0;text-align:center!important}.br-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;align-items:center}.br-btns .br-big{width:auto;flex:1;min-width:170px}.br-hud{position:absolute;inset:0;z-index:3;pointer-events:none}.br-hud button{pointer-events:auto}.br-top{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(#000a,#0000)}.br-ico{width:42px;height:42px;flex:none;border-radius:13px;background:#0007!important;font-size:18px;box-shadow:inset 0 0 0 1.5px #ffffff2a}.br-turn{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.br-turn i{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #fff6,0 0 12px var(--team)}.br-turn span{display:grid;line-height:1.1;min-width:0}.br-turn b{font-weight:900;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px #000}.br-turn small{font-size:12px;opacity:.85;text-shadow:0 1px 3px #000}.br-timer{min-width:52px;height:42px;display:grid;place-items:center;border-radius:14px;background:#0008;font-weight:900;font-size:22px;box-shadow:inset 0 0 0 2px var(--team);font-variant-numeric:tabular-nums}.br-timer.low{background:#b3261e;animation:br-pulse .5s ease-in-out infinite alternate}.br-timer.run{box-shadow:inset 0 0 0 2px #fff;opacity:.8}@keyframes br-pulse{to{transform:scale(1.08)}}.br-wind{display:flex;align-items:center;gap:4px;padding:0 8px;height:42px;border-radius:14px;background:#0008}.br-wind em{font-style:normal;font-size:15px}.br-wl,.br-wr{width:46px;height:10px;border-radius:6px;background:#ffffff1c;position:relative;overflow:hidden}.br-wl:after,.br-wr:after{content:"";position:absolute;top:0;bottom:0;width:var(--w, 0%);background:linear-gradient(90deg,#7fd3ff,#fff);transition:width .5s;animation:br-wind .6s linear infinite}.br-wl:after{right:0;background:linear-gradient(-90deg,#7fd3ff,#fff)}.br-wr:after{left:0}@keyframes br-wind{50%{opacity:.65}}.br-teams{position:absolute;top:58px;right:10px;display:grid;gap:3px;width:150px}.br-teams>div{display:grid;grid-template-columns:1fr 26px;gap:0 6px;align-items:center;font-size:11px;font-weight:800;padding:3px 6px;border-radius:8px;background:#0006;transition:opacity .3s}.br-teams>div.cur{box-shadow:inset 0 0 0 1.5px #fff8}.br-teams>div.out{opacity:.35}.br-teams span{grid-column:1 / -1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #000}.br-teams i{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--c) var(--p),#ffffff22 var(--p));transition:background .6s}.br-teams b{text-align:right;font-variant-numeric:tabular-nums}.br-ctl{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;padding:10px max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));gap:10px}.br-pad,.br-act{display:flex;gap:8px;align-items:flex-end}.br-pad button,.br-aim button{width:54px;height:54px;border-radius:16px;background:#000a!important;font-size:22px;font-weight:900;box-shadow:inset 0 0 0 2px #ffffff30,0 4px 10px #0006;touch-action:none;transition:transform .08s,background .1s}.br-pad button.on,.br-aim button.on{transform:scale(.92);background:#fff3!important}.br-aim{display:grid;gap:6px}.br-aim button{width:44px;height:40px;font-size:15px}.br-fuse{height:40px;padding:0 12px;border-radius:13px;background:#000a!important;font-weight:800;box-shadow:inset 0 0 0 2px #ffffff30}.br-wbtn{width:74px;height:74px;border-radius:20px;background:#000a!important;display:grid;place-items:center;align-content:center;gap:2px;box-shadow:inset 0 0 0 2px #ffffff30,0 4px 10px #0006}.br-wbtn span{font-size:30px;line-height:1}.br-wbtn small{font-size:10px;font-weight:800;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br-fire{--p: 0;width:92px;height:92px;border-radius:50%;padding:6px;background:conic-gradient(#ff5a2a calc(var(--p) * 360deg),#0009 0)!important;box-shadow:0 6px 16px #0008;touch-action:none}.br-fire span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;font-weight:900;font-size:14px;letter-spacing:.5px;text-align:center;background:radial-gradient(circle at 35% 30%,#ff8a65,#e5484d 55%,#9b1c20);box-shadow:inset 0 -5px #0004,inset 0 0 0 2px #fff4;line-height:1.1;padding:4px}.br-fire.on span{transform:scale(.94);filter:brightness(1.15)}.br-hint{position:absolute;left:50%;top:64px;transform:translate(-50%);padding:8px 14px;border-radius:12px;background:#000c;font-weight:800;font-size:14px;white-space:nowrap;box-shadow:0 4px 16px #0008}.br-banners{position:absolute;left:0;right:0;top:24%;z-index:4;display:grid;justify-items:center;gap:6px;pointer-events:none}.br-bn{padding:8px 22px;border-radius:16px;background:#000b;font-weight:900;font-size:clamp(18px,3.4vw,28px);text-shadow:0 2px 6px #000;box-shadow:0 8px 24px #0007;animation:br-bn 2.3s cubic-bezier(.2,.9,.3,1.2) forwards;text-align:center}.br-bn small{font-size:.6em;opacity:.8;text-transform:uppercase;letter-spacing:1px;margin-right:4px}.br-bn.hot{background:linear-gradient(#ff8a3d,#d9341f);color:#fff;transform-origin:center}.br-bn.warn{background:#8b1d1d}@keyframes br-bn{0%{opacity:0;transform:translateY(-14px) scale(.6)}12%{opacity:1;transform:none}80%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px) scale(.95)}}.br-modal{position:absolute;inset:0;z-index:6;display:grid;padding:12px;background:#0009;overflow:auto}.br-card{margin:auto;width:min(420px,100%);display:grid;gap:10px;justify-items:stretch;text-align:center;background:#1b2212f2;padding:18px;border-radius:22px;box-shadow:0 20px 50px #000a,inset 0 0 0 1.5px #ffffff1c;animation:br-in .25s cubic-bezier(.2,.9,.3,1.3)}.br-card.br-wide{width:min(640px,100%)}.br-card h2{margin:0;font-size:24px;font-weight:900}.br-card .br-big{width:auto}@keyframes br-in{0%{opacity:0;transform:scale(.85)}}.br-wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px}.br-wcell{position:relative;display:grid;justify-items:center;gap:2px;padding:8px 4px 6px;border-radius:14px;background:#ffffff10!important;box-shadow:inset 0 0 0 1.5px #ffffff1c;transition:transform .1s,background .1s}.br-wcell:hover{background:#ffffff1e!important}.br-wcell.on{background:#f5c54233!important;box-shadow:inset 0 0 0 2px var(--khaki)}.br-wcell span{font-size:28px;line-height:1.1}.br-wcell small{font-size:11px;font-weight:800;line-height:1.1}.br-wcell em{position:absolute;top:4px;right:6px;font-style:normal;font-size:11px;font-weight:900;opacity:.8}.br-card.br-weap{width:min(900px,100%)}.br-weap .br-wgrid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:5px}.br-weap .br-wcell{padding:6px 3px 5px}.br-wcell.crate em{opacity:1}.br-wdesc{margin:0;min-height:2.6em;opacity:.85;font-size:14px}.br-trophy{font-size:64px;line-height:1;animation:br-hop 1s ease-in-out infinite}.br-res{width:100%;border-collapse:collapse;font-size:14px}.br-res th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.7;padding:4px}.br-res td{padding:7px 4px;border-top:1px solid #ffffff14;font-weight:700;font-variant-numeric:tabular-nums}.br-res td:first-child{text-align:left}.br-res td i{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-right:6px}.br-res tr.win td{background:#f5c5421c}.br-rotate{display:none;position:absolute;inset:0;z-index:8;place-items:center;align-content:center;gap:8px;padding:24px;text-align:center;background:#151a0ef2}.br-rotate div{font-size:56px;animation:br-rot 1.6s ease-in-out infinite}.br-rotate b{font-size:20px}.br-rotate small{opacity:.8}@keyframes br-rot{50%{transform:rotate(90deg)}}@media(orientation:portrait)and (pointer:coarse){.br.br-inbattle .br-rotate{display:grid}}.br.br-loading:after{content:"Szykujemy pole bitwy…";position:absolute;inset:0;z-index:7;display:grid;place-items:center;background:#151a0e;font-weight:900;font-size:20px;color:var(--khaki)}@media(max-height:520px){.br-hero{font-size:36px}.br-hero span:nth-child(2){font-size:30px}.br-logo{font-size:40px}.br-menu{gap:8px}.br-sub{display:none}.br-big{min-height:46px;padding:8px 20px;font-size:16px!important}.br-card{padding:12px;gap:8px}.br-wcell span{font-size:22px}.br-weap .br-wgrid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:4px}.br-weap .br-wcell small{font-size:9.5px}.br-weap .br-wcell .br-wi{width:30px;height:30px}.br-weap h2{display:none}}@media(max-height:430px){.br-pad button{width:48px;height:48px}.br-wbtn{width:64px;height:64px}.br-fire{width:80px;height:80px}.br-teams{top:54px;width:128px}.br-teams>div:not(.cur) span{display:none}}@media(prefers-reduced-motion:reduce){.br-hero span,.br-trophy,.br-timer.low,.br-rotate div{animation:none}.br-bn{animation-duration:2.3s;animation-timing-function:linear}}.br-onl{justify-items:stretch}.br-onl .br-big{width:auto}.br-me{margin:0;text-align:center!important}.br-field{display:grid;gap:4px;text-align:left;font-weight:800;font-size:13px}.br-field input,.br-code{height:44px;border-radius:12px;border:0;padding:0 12px;font:800 16px Rubik,system-ui,sans-serif;background:#ffffff16;color:var(--ink);box-shadow:inset 0 0 0 1.5px #ffffff26;min-width:0}.br-code{text-transform:uppercase;letter-spacing:3px;text-align:center;flex:1}.br-note{margin:0;font-size:13px;opacity:.75;text-align:center!important}.br-split{display:flex;gap:8px;align-items:center}.br-split .br-btn{flex:1}.br-check{display:inline-flex;gap:6px;align-items:center;font-weight:700;white-space:nowrap}.br-check input{width:20px;height:20px;accent-color:var(--khaki)}.br-lobby{justify-items:stretch;gap:10px}.br-lhead{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.br-codebig{color:#fff;letter-spacing:3px;background:#ffffff14;padding:2px 10px;border-radius:10px}.br-sm{min-height:36px;padding:6px 12px;font-size:13px}.br-slots{display:grid;gap:6px}.br-slot{display:grid;grid-template-columns:14px minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:46px;padding:6px 10px;border-radius:14px;background:#ffffff0e;box-shadow:inset 0 0 0 1.5px #ffffff18;text-align:left}.br-slot.you{box-shadow:inset 0 0 0 2px var(--khaki)}.br-slot.closed{opacity:.5}.br-slot>i{width:14px;height:14px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff4}.br-slot b{font-weight:900}.br-slot em{font-style:normal;opacity:.7;font-size:13px}.br-slot select{width:100%;height:36px;border-radius:10px;border:0;padding:0 8px;font:700 15px Rubik,system-ui,sans-serif;background:#ffffff16;color:var(--ink)}.br-slot select option{background:#232b18;color:#fff}.br-wait{opacity:.6;font-weight:700}.br-drop{animation:br-wind .8s linear infinite}.br-auto{margin:0;text-align:center!important;font-weight:900;color:var(--khaki)}.br-wi{display:inline-block;width:1.4em;height:1.4em;vertical-align:middle;background:url(img/bronie.webp) no-repeat;background-size:600% 600%}.br-wcell .br-wi,.br-wbtn .br-wi{width:40px;height:40px}.br-hat{display:inline-block;width:30px;height:30px;vertical-align:middle;background:url(img/czapki.webp) no-repeat;background-size:600% 300%}.br-hatbtn{width:38px;height:38px;border-radius:12px;background:#ffffff16!important;font-size:20px;display:grid;place-items:center;box-shadow:inset 0 0 0 1.5px #ffffff26}.br-slot .br-hatbtn{width:34px;height:34px}
