.bq2-landing{max-width:680px;margin:auto;text-align:center;padding:24px 0 40px}.bq2-eyebrow{font-size:10px;letter-spacing:2px;color:#7bf5d5}.bq2-landing h1{font-size:clamp(36px,8vw,66px);line-height:.96;letter-spacing:-2px;margin:22px 0}.bq2-landing h1 span{color:#ffca63}.bq2-cover{width:100%;max-height:260px;object-fit:contain}.bq2-landing>p{color:#c7d7e6;font-size:19px}.bq2-pills{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:22px 0}.bq2-pills span{padding:6px 12px;border:1px solid #315064;border-radius:99px;font-size:12px}.bq2-primary{background:linear-gradient(120deg,#ffe08b,#ff9947)!important;color:#142436!important;border:0!important;font-weight:900!important;letter-spacing:1px;padding:15px 24px!important;border-radius:12px;display:inline-block;text-decoration:none;cursor:pointer}.bq2-join{margin:28px auto;max-width:380px;text-align:left}.bq2-join>div{display:flex;gap:8px;margin-top:8px}.bq2-join input{min-width:0;flex:1}.bq2-rules{text-align:left;background:#132e40;border:1px solid #294859;border-radius:16px;padding:20px;margin-bottom:24px}.bq2-rules p{font-size:14px;color:#bfd0dd}body:has(.bq2-app){overflow:hidden;background:#07141f}body:has(.bq2-app)>.site-header,body:has(.bq2-app)>.site-footer{display:none}body:has(.bq2-app) main{max-width:none!important;padding:0!important;margin:0!important;width:100%}.bq2-app{position:fixed;inset:0;height:100dvh;display:flex;flex-direction:column;overflow:hidden;color:#e6f1fa;font-family:system-ui,sans-serif;background:radial-gradient(ellipse at 50% 45%,#163c50,#07141f 70%);padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(10px,env(safe-area-inset-left));--controls-scale:1;touch-action:none}.bq2-app button,.bq2-app input,.bq2-app select{font:inherit}.bq2-app button{cursor:pointer;background:#183445;color:#e9f5ff;border:1px solid #345364;border-radius:10px;padding:9px 12px;touch-action:manipulation}.bq2-app button:focus-visible,.bq2-app input:focus-visible{outline:3px solid #5eead4;outline-offset:2px}.bq2-top{height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0}.bq2-top a{color:#d6e9f3;text-decoration:none;font-size:16px}.bq2-top strong{font-size:23px;letter-spacing:-2px}.bq2-top strong span{color:#ffcc67}.bq2-top>div{display:flex;align-items:center;gap:12px}.bq2-top>div>span{font:700 11px monospace;letter-spacing:1px}.bq2-top button{font-size:12px;padding:6px 10px}.bq2-hud{display:flex;justify-content:space-between;padding:0 5px 5px;font-size:11px;min-height:22px;color:#8aabbe;flex-shrink:0}.bq2-stage{flex:1;min-height:0;position:relative;overflow:hidden}.bq2-stage canvas{display:block}.bq2-roster{display:flex;gap:6px;justify-content:center;min-height:30px;flex-shrink:0}.bq2-player{padding:4px 8px;background:#102a3b;border-radius:8px;font-size:10px;max-width:24%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:2px solid var(--player-color)}.bq2-player strong{font-size:11px}.bq2-player span{display:block;font-size:9px;color:#ffcb83}.bq2-banner{position:absolute;top:29%;left:12%;right:12%;text-align:center;pointer-events:none;font-weight:900;font-size:clamp(22px,5vw,44px);text-shadow:0 3px 20px #000;z-index:2}.bq2-lobby{position:absolute;top:20%;left:50%;transform:translate(-50%);width:min(90%,360px);z-index:3;text-align:center;background:#0b2033ed;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #416075;border-radius:22px;padding:24px;box-shadow:0 20px 80px #0008}.bq2-lobby h1{font-size:25px;line-height:1.1;margin:0 0 12px}.bq2-lobby p{font-size:13px;color:#b2c9d8}.bq2-lobby label{text-align:left;display:block;font-size:12px;margin:20px 0}.bq2-lobby input{display:block;width:100%;background:#18374b;color:#fff;border:1px solid #416075;padding:12px;border-radius:9px;margin-top:6px}.bq2-lobby button{width:100%;margin-top:12px}.bq2-lobby [hidden]{display:none}.bq2-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px 2px;flex-shrink:0}.bq2-stick{width:calc(96px * var(--controls-scale));height:calc(96px * var(--controls-scale));border:2px solid #375468;border-radius:50%;background:radial-gradient(#193b50,#0b2031);position:relative;flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none}.bq2-stick>span{position:absolute;inset:0;display:grid;place-items:center;font-size:58px;color:#466376}.bq2-stick i{position:absolute;width:42%;height:42%;left:29%;top:29%;background:linear-gradient(135deg,#607c90,#28495e);border:1px solid #829bac;border-radius:50%;box-shadow:0 4px 10px #0008;pointer-events:none}.bq2-skills{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;max-width:400px;flex:1}.bq2-skills button{height:calc(47px * var(--controls-scale));padding:3px!important;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none}.bq2-skills b{font-size:calc(22px * var(--controls-scale));line-height:1;color:#78d9ff}.bq2-skills span{font-size:9px;line-height:1.3}.bq2-skills kbd{opacity:.5;font-size:8px}.bq2-skills small{position:absolute;inset:0;background:#081722df;display:grid;place-items:center;font-size:18px;font-weight:800}.bq2-skills small:empty{display:none}.bq2-skills .bq2-transform{border-color:#bf8a3e;background:linear-gradient(135deg,#67401e,#302519)}.bq2-transform b{color:#ffd46b}.bq2-brand{text-align:center;letter-spacing:2px;color:#4d7187;font-size:8px;padding:4px;flex-shrink:0}.bq2-settings{color:#d9e9f3;background:#102b3e;border:1px solid #45677a;border-radius:20px;width:min(94vw,430px);max-height:90dvh;padding:22px;overflow:auto;touch-action:auto}.bq2-settings::backdrop{background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bq2-settings header{display:flex;align-items:center;justify-content:space-between;gap:8px}.bq2-settings h2{font-size:20px;margin:0}.bq2-settings p{font-size:12px;color:#9bb9cc}.bq2-settings label{display:block;font-size:13px;margin:15px 0}.bq2-settings input[type=range],.bq2-settings select{width:100%;margin-top:8px;accent-color:#ffbd66}.bq2-settings select{background:#17394f;color:#fff;padding:10px;border:1px solid #4d6c7f;border-radius:8px}.bq2-settings .bq2-check{display:flex;align-items:center;gap:8px}.bq2-settings>button{margin:5px 0}.bq2-settings .bq2-primary{width:100%}@media(orientation:landscape)and (max-height:600px){.bq2-top{height:38px}.bq2-hud{padding:0 130px 2px;min-height:18px}.bq2-stage{margin:0 125px}.bq2-controls{position:absolute;inset:70px 10px 25px;pointer-events:none;padding:0;align-items:center}.bq2-controls>*{pointer-events:auto}.bq2-skills{position:absolute;right:0;grid-template-columns:repeat(2,1fr);width:112px;gap:5px;flex:none}.bq2-skills button{height:calc(51px * var(--controls-scale))}.bq2-stick{position:absolute;left:0;width:calc(90px * var(--controls-scale));height:calc(90px * var(--controls-scale))}.bq2-lobby{top:16%;padding:16px}.bq2-lobby h1{font-size:22px}.bq2-lobby label,.bq2-lobby p{margin:8px 0}.bq2-banner{top:35%}.bq2-roster{min-height:27px}}@media(min-width:800px)and (min-height:601px){.bq2-app{padding-left:40px;padding-right:40px}.bq2-controls{max-width:700px;width:100%;align-self:center;padding-top:10px}.bq2-skills{grid-template-columns:repeat(6,1fr);max-width:560px}.bq2-skills button{height:64px}.bq2-player{min-width:110px}.bq2-top{height:58px}}@media(max-width:350px)and (orientation:portrait){.bq2-skills span{font-size:8px}.bq2-stick{width:calc(78px * var(--controls-scale));height:calc(78px * var(--controls-scale))}.bq2-top>div{gap:5px}.bq2-top>div>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.bq2-app *{scroll-behavior:auto!important;transition:none!important}}.bq2-objective{text-align:center;font-size:11px;color:#ffdc91;min-height:20px;flex-shrink:0}.bq2-scoreboard{flex-shrink:0;padding:3px 0;background:#081b28;border-top:1px solid #284657;border-radius:9px}.bq2-scoreboard-title{display:block;text-align:center;font-size:8px;letter-spacing:1.6px;color:#9ab6c6;margin-bottom:2px}.bq2-roster{min-height:41px;align-items:stretch}.bq2-player{position:relative;padding:4px 33px 4px 7px;min-width:0;flex:1;max-width:24%;white-space:normal;line-height:1.2}.bq2-player strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.bq2-player span{font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bq2-player .bq2-score{position:absolute;right:7px;top:2px;font-size:27px;line-height:1.2;color:#fff1b9;font-variant-numeric:tabular-nums}.bq2-lobby{top:50%;transform:translate(-50%,-50%);width:min(94%,390px);padding:18px;max-height:calc(100dvh - 110px);overflow:auto;touch-action:auto}.bq2-lobby label{margin:10px 0}.bq2-lobby input{padding:9px}.bq2-lobby p{margin:7px 0}.bq2-lobby .bq2-picker-label{font-size:11px;color:#ffdc91;letter-spacing:.3px;margin-top:12px}.bq2-characters{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.bq2-characters button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px!important;min-width:0;border:1px solid var(--character-color);background:#173044}.bq2-characters button svg{width:44px;height:48px}.bq2-characters button span{font-size:8px;line-height:1.1;color:#d5e5ef}.bq2-characters button.selected{box-shadow:inset 0 0 0 2px var(--character-color);background:#324556}.bq2-characters button:disabled{opacity:.25;cursor:not-allowed}.bq2-lobby-back{display:block;font-size:11px;margin-top:12px;color:#afd6ed}.bq2-app .bq2-end{border-color:#af5d60;color:#ffb0ab;background:#4c2632;margin-top:15px}.bq2-skills .bq2-exhausted{border-color:#6a7081;background:#25313b}.bq2-exhausted b{filter:grayscale(1)}@media(orientation:landscape)and (max-height:600px){.bq2-objective{font-size:9px;min-height:16px}.bq2-scoreboard{margin:0 120px}.bq2-player{min-width:0}.bq2-roster{min-height:35px}.bq2-scoreboard-title{font-size:7px}.bq2-player .bq2-score{font-size:23px}.bq2-lobby{top:50%;max-height:calc(100dvh - 70px);padding:14px}.bq2-characters button svg{width:35px;height:38px}}@media(max-width:350px)and (orientation:portrait){.bq2-player{padding-right:23px;max-width:25%}.bq2-player .bq2-score{font-size:22px;right:4px}.bq2-player strong{font-size:9px}.bq2-player span{font-size:7px}.bq2-characters button svg{width:37px;height:40px}}.bq2-app{padding-left:max(6px,env(safe-area-inset-left));padding-right:max(6px,env(safe-area-inset-right))}.bq2-top{height:36px;min-height:36px;gap:5px;white-space:nowrap}.bq2-top a{flex-shrink:0;font-size:12px}.bq2-top strong{font-size:19px}.bq2-top #bq2-code-label{font:900 21px monospace;color:#ffe2a1;letter-spacing:2px}.bq2-top #bq2-clock{font-size:10px;font-variant-numeric:tabular-nums}.bq2-top #bq2-objective{font-size:10px;color:#ffda80;min-height:0}.bq2-top #bq2-connection{font-size:8px;color:#84cbb8;max-width:42px;overflow:hidden;text-overflow:ellipsis}.bq2-top button{padding:5px 7px;font-size:15px;line-height:1.2;min-height:30px;flex-shrink:0}.bq2-top #bq2-fullscreen-toggle{font-size:12px;color:#ffdfa0}.bq2-stage{margin:0;flex:1;min-height:80px}.bq2-scoreboard{display:flex;align-items:center;gap:5px;padding:2px 3px;margin:0;height:25px;min-height:25px;border-radius:5px}.bq2-scoreboard-title{margin:0;font-size:11px;flex-shrink:0}.bq2-roster{min-height:0;height:21px;flex:1;gap:4px;justify-content:stretch}.bq2-player{display:flex;align-items:center;gap:6px;padding:1px 6px;min-width:0;max-width:none;white-space:nowrap;border-radius:4px}.bq2-player strong{font-size:10px;flex:1}.bq2-player .bq2-score{position:static;font-size:17px;line-height:1}.bq2-player span{display:none}.bq2-controls{max-width:none;width:100%;height:calc(64px * var(--controls-scale));padding:3px 0;gap:6px}.bq2-stick{width:calc(59px * var(--controls-scale));height:calc(59px * var(--controls-scale))}.bq2-stick>span{font-size:40px}.bq2-skills{grid-template-columns:repeat(6,minmax(0,1fr));max-width:none;gap:3px}.bq2-skills button{height:calc(49px * var(--controls-scale));min-width:0}.bq2-skills b{font-size:20px}.bq2-skills span{font-size:8px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bq2-skills kbd{display:none}.bq2-skills small{font-size:16px}.bq2-brand{font-size:6px;padding:1px;line-height:1.2}.bq2-lobby{width:min(94%,520px);background:linear-gradient(150deg,#233e4d,#133447 65%);border-color:#b88b4f;border-radius:16px;box-shadow:0 16px 48px #0006;padding:22px;text-align:left}.bq2-lobby h1{font-size:25px;color:#fff0d0}.bq2-lobby input{height:52px;font-size:18px;background:#0c2638;border:1px solid #557487;border-radius:12px;padding:12px 15px;box-shadow:inset 0 2px 5px #0003}.bq2-lobby label{font-size:13px;color:#d3e3ed}.bq2-lobby .bq2-characters{margin-top:8px}.bq2-lobby-back{text-align:center}.bq2-lobby .bq2-primary{min-height:50px}.bq2-damaged:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:80;border:6px solid #ff4e70;box-shadow:inset 0 0 65px #ff325b99;animation:bq2-hurt .65s ease-out forwards}@keyframes bq2-hurt{0%{opacity:1}to{opacity:0}}@media(orientation:landscape)and (max-height:600px){.bq2-stage{margin:0 76px}.bq2-controls{position:absolute;inset:42px 6px 29px;height:auto;width:auto;padding:0;pointer-events:none}.bq2-stick{left:0;width:65px;height:65px}.bq2-skills{right:0;grid-template-columns:repeat(2,minmax(0,1fr));width:70px;gap:3px}.bq2-skills button{height:42px}.bq2-skills span{font-size:7px}.bq2-skills b{font-size:19px}.bq2-top{height:34px;min-height:34px;justify-content:flex-start}.bq2-top #bq2-connection{margin-right:auto}.bq2-scoreboard{margin:0}.bq2-roster{min-height:0}.bq2-lobby{max-height:calc(100dvh - 45px);padding:16px}}@media(max-width:350px)and (orientation:portrait){.bq2-top{gap:3px}.bq2-top #bq2-code-label{font-size:19px;letter-spacing:1px}.bq2-top #bq2-clock{font-size:8px}.bq2-top #bq2-objective{font-size:9px}.bq2-top button{padding:5px}.bq2-top #bq2-connection{max-width:27px;font-size:7px}.bq2-skills span{font-size:7px}.bq2-stick{width:52px;height:52px}.bq2-controls{height:57px}.bq2-lobby{padding:16px}}.bq2-entry{max-width:608px;text-align:left;padding:12px 0 32px}.bq2-entry-back{color:#ffdc9b;text-decoration:none;font-size:14px}.bq2-entry h1{font-size:28px;line-height:1.2;letter-spacing:-.5px;margin:18px 0 8px}.bq2-entry .bq2-entry-tagline{font-size:15px;color:#f4d69d;margin-bottom:24px}.bq2-entry-hero{border:1px solid #c99b50;border-radius:16px;padding:24px;background:linear-gradient(145deg,#74552966,#18394b 75%);box-shadow:0 16px 40px #0003;margin-bottom:22px}.bq2-entry h2{font-size:21px;margin:0 0 8px;color:#fff0cf}.bq2-entry-hero p,.bq2-entry-secondary p{font-size:14px;color:#c6d9e5;margin:0 0 20px}.bq2-entry label{display:block;font-size:13px;font-weight:600;color:#d8e9f4;margin:16px 0 8px}.bq2-entry input{display:block;box-sizing:border-box;width:100%;height:54px;font-size:17px;border:1px solid #5a7c91;border-radius:12px;padding:12px 16px;background:#0c273a;color:#fff;outline:none;box-shadow:inset 0 2px 6px #0003}.bq2-entry input:focus{border-color:#ffd582;box-shadow:0 0 0 3px #ffd58226}.bq2-entry .bq2-code-input{height:86px;font:800 46px monospace!important;letter-spacing:.3em;text-align:center;padding-left:.6em}.bq2-entry .bq2-primary{margin-top:20px;width:100%;text-align:center;min-height:52px;font-size:15px}.bq2-entry-secondary{border:1px solid #476173;border-left:4px solid #d2a35d;border-radius:14px;padding:24px;background:#163448;margin-bottom:26px}.bq2-entry-secondary small{display:block;margin-top:12px;color:#9bb9cb;font-size:11px}.bq2-entry .bq2-rules{margin-top:24px}
