@import "https://fonts.googleapis.com/css2?family=Kenia&family=Khand:wght@300;400;500;600;700&display=swap";body{color:#fff;-webkit-user-select:none;user-select:none;background-color:#01001c;margin:0;padding:0;font-family:Khand,sans-serif;font-size:20px;font-style:normal;font-weight:500;overflow:hidden}.main-container{top:var(--top-margin);height:calc(100vh - var(--top-margin));width:100vw;position:fixed}.main-area{grid-template-rows:1fr 3fr 1fr;grid-template-columns:1fr 3fr 1fr;width:100%;height:100%;display:grid}.player-list{color:#dcffff;-webkit-text-stroke:1px #000;grid-area:1/1;padding-left:20px;font-size:1.5em;font-weight:600}.player-list.fixed{z-index:100}.host-settings-button{all:unset;background:0 0;border:none;width:48px;height:48px;margin-top:10px}.host-settings-button:hover{cursor:pointer}.center-notification{color:#fff;text-align:center;grid-area:2/2;place-self:center;font-size:4em;font-weight:500}.client-notification{text-align:center;grid-area:1/1/4/4;place-self:center;margin:20px;font-size:2em;overflow-y:auto}.client-modal{text-align:center;grid-area:1/1/4/4;margin:20px;font-size:2em;overflow:auto}.fullscreen-modal-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute}.settings-modal{background-color:#01001c;border:1px solid #fff;padding:20px}.settings-header{text-align:center;font-size:1.2em}.bb-logo{color:#000;text-shadow:3px 6px #0ff,-3px -3px #0ff,-3px 3px #0ff,3px -3px #0ff;text-align:center;grid-area:1/2;align-self:center;font-family:Kenia,sans-serif;font-size:4em;font-style:normal;font-weight:700;line-height:90%}.join-banner{background-color:#ffffff80;grid-area:1/3/4}.invite-button{text-shadow:1px 1px #005d72,-1px -1px #005d72,-1px 1px #005d72,1px -1px #005d72;color:#fff;cursor:pointer;background-color:#71d7f6;border:2px solid #000;border-radius:0;margin:10px;padding:10px;font-size:1em;font-weight:600}.invite-button:hover{background-color:#89e4ff}.invite-button:active{background-color:#5dafc8}.game-action-area{flex-direction:column;grid-area:3/2;justify-content:center;place-self:center;align-items:center;display:flex}.start-button{text-shadow:1px 1px #005d72,-1px -1px #005d72,-1px 1px #005d72,1px -1px #005d72;color:#fff;cursor:pointer;background-color:#28aed7;border:2px solid #000;border-radius:0;margin:10px;padding:10px 20px;font-size:2em;font-weight:600}.start-button:disabled{background-color:#bcbcbcb3}.start-button:hover{background-color:#2bc0ed}.start-button:active{background-color:#2086a5}.join-banner-contents{flex-direction:column;justify-content:center;align-items:center;display:flex}.join-banner-qr-code{outline:2px solid #000}.canvas-fullscreen{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.hidden{display:none}.watermark{color:#fff;opacity:.6;text-align:center;z-index:10;pointer-events:none;width:100vw;position:absolute;top:calc(100vh - 1.5em);left:0}.debug-header-bar{color:#fff;z-index:1000;background-color:#000;flex-direction:row;justify-content:center;gap:5px;width:100vw;display:flex;position:absolute;top:0;left:0}.enter-name-display{flex-direction:column;grid-area:1/1/4/4;align-content:center;margin-left:auto;margin-right:auto;display:flex}.bb-input{text-align:center;font-family:Khand,sans-serif;font-size:20px}.bb-confirm-button{color:#fff;text-shadow:1px 1px #005d72,-1px -1px #005d72,-1px 1px #005d72,1px -1px #005d72;background-color:#2ab9e6;border:2px solid #11ebef;border-radius:0;margin-top:10px;font-size:20px}.bb-confirm-button:hover{background-color:#2bc3f1;border:2px solid #11f2f5}.bb-confirm-button:active{background-color:#1d8bad;border:2px solid #0ec6c9}.bb-confirm-button:disabled{color:#ccc;-webkit-text-stroke:1px #ccc;background-color:#929292;border:2px solid #8e8e8e}.bb-confirm-button.wide{width:100%}.bb-confirm-button.small{font-size:17px}.bb-yes-button{color:#fff;text-shadow:1px 1px #097200,-1px -1px #097200,-1px 1px #097200,1px -1px #097200;background-color:#19990e;border:2px solid #08ff21;border-radius:0;width:100%;margin-top:10px;font-size:20px}.bb-yes-button:hover{background-color:#1fbd10;border:2px solid #00ff1a}.bb-yes-button:active{background-color:#136c0b;border:2px solid #00c714}.bb-yes-button.wide{width:100%}.bb-yes-button:disabled{color:#ccc;background-color:#00650e;border:2px solid #187900}.bb-no-button{color:#fff;text-shadow:1px 1px #720000,-1px -1px #720000,-1px 1px #720000,1px -1px #720000;background-color:#990e0e;border:2px solid #ff0808;border-radius:0;width:100%;margin-top:10px;font-size:20px}.bb-no-button:hover{background-color:#d01515;border:2px solid red}.bb-no-button:active{background-color:#760b0b;border:2px solid #9e0707}.bb-no-button.wide{width:100%}.bb-no-button:disabled{color:#ccc;background-color:#650000;border:2px solid #790000}.bb-neutral-button{color:#fff;text-shadow:1px 1px #727272,-1px -1px #727272,-1px 1px #727272,1px -1px #727272;background-color:#929292;border:2px solid #8e8e8e;border-radius:0;width:100%;margin-top:10px;font-size:20px}.bb-neutral-button:hover{background-color:#cdcdcd;border:2px solid #11ebef}.bb-neutral-button:active{background-color:#929292;border:2px solid #11ebef}.bb-neutral-button.wide{width:100%}.role-text-mainline{font-size:1.25em}.role-text-defender{color:#3145f9}.role-text-invader{color:red}.role-text-emphasis{color:#faff00}.mission-difficulty-star{filter:saturate(500%);width:30px;height:30px}.host-mission-list{grid-area:1/2/3;margin:auto;display:flex}.mission-tile-label{justify-self:right}.mission-tile-full-row{color:#000;text-shadow:1.5px 1.5px #fff,-1.5px -1.5px #fff,-1.5px 1.5px #fff,1.5px -1.5px #fff;grid-column:1/3;font-weight:700}.mission-tile-value{text-align:left;justify-self:left;margin-left:10px}.mission-choice-separator{text-align:center;align-self:center;width:100px}.host-mission-notification{text-align:center;grid-area:3/2;font-size:2.8em}.mission-tile-header{text-align:center;color:#000;text-shadow:1.5px 1.5px #fff,-1.5px -1.5px #fff,-1.5px 1.5px #fff,1.5px -1.5px #fff;font-size:1.5em;font-weight:900}.mission-tile-header.disabled{color:#8e8e8e}.mission-tile{background-size:320px;border:1.5px solid #0ff;width:320px;height:320px}.mission-tile.disabled{filter:grayscale();border:1.5px solid #8e8e8e}.client-mission-select{flex-direction:column;align-items:center;display:flex}.client-mission-tile{color:#fff;background-size:cover;border:1.5px solid #999;width:256px;margin-bottom:10px;padding:0;font-family:Khand,sans-serif;font-size:.5em}.client-mission-tile.selected,.client-mission-tile:hover{border:1.5px solid #0ff}.client-mission-tile:active:not(:disabled){border:4.5px solid #0ec6c9;margin-bottom:4px;transform:translate(-3px,-3px)}.client-mission-tile:disabled{border:1.5px solid #8e8e8e}.mission-tile-content{background-color:#01002099;grid-template-rows:1fr 1fr;grid-template-columns:80px 1fr;display:grid}.client-mission-tile-content{background-color:#14131380;grid-template-rows:1fr 1fr;grid-template-columns:80px 1fr;display:grid}.client-mission-tile-content.selected{background-color:#00324480}.client-button-bar{flex-direction:row;gap:10px;width:256px;display:flex}.brain-checkbox{appearance:none}.brain-checkbox-icon{background-image:url(../assets/brainBreechers/images/brainbox_unchecked.png);background-size:40px;width:40px;height:40px;display:inline-block;transform:translateY(9px)}.brain-checkbox-icon.checked{background-image:url(../assets/brainBreechers/images/brainbox_checked.png)}.client-player-select-container{flex-direction:column;display:flex}.client-player-select-row{flex-direction:row;justify-content:start;align-items:center;height:45px;display:flex}.client-player-select-count{margin-top:10px;margin-bottom:-15px;font-size:.7em}.client-player-select-label{color:#000;text-shadow:1.5px 1.5px #fff,-1.5px -1.5px #fff,-1.5px 1.5px #fff,1.5px -1.5px #fff;font-size:.7em;font-weight:600}.timer{display:flex}.timer .warn{color:#ff7300}.timer .finished{color:red}.timer>.value{padding-left:10px;padding-right:10px;font-size:36px}.timer>.line{border-bottom:3px solid #ccc;margin-bottom:28px;display:inline}.canvas-container{pointer-events:none}.host-game-timer{z-index:5;justify-content:center;width:100vw;display:flex;position:absolute;top:30px;left:0}.rotated .host-game-timer{flex-direction:column;justify-content:flex-start;height:100vw;top:0;left:0;transform:rotate(90deg)}.timer-container{justify-content:center;width:100vw;display:flex}.rotated .timer-container{width:100vh}.timer-container>.timer{flex-grow:1;max-width:256px}.reward-label{color:#9fff9f}.penalty-label{color:#f98755}.game-button{color:#fff;text-shadow:1px 1px #005d72,-1px -1px #005d72,-1px 1px #005d72,1px -1px #005d72;background-color:#2ab9e6;border:2px solid #11ebef;border-radius:0;font-size:20px}.game-button.hovered{background-color:#2bc3f1;border:2px solid #11f2f5}.game-button.pressed{background-color:#1d8bad;border:2px solid #0ec6c9}.game-button.disabled{color:#ccc;-webkit-text-stroke:1px #ccc;background-color:#929292;border:2px solid #8e8e8e}.pre-mission-info{max-width:800px;font-size:.6em}.bb-backdrop{z-index:-10;background-image:url(../assets/brainBreechers/images/splash.png);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0}.dd-text{font-family:Khand,sans-serif;font-weight:600}.missile-defense-weapon-icon{z-index:100;background-color:#929292;background-size:contain;border:2px solid #8e8e8e}.missile-defense-weapon-icon.active{border:2px solid #11ebef;border-radius:0}.missile-defense-weapon-icon.hovered{background-color:#2bc3f1;border:2px solid #11f2f5}.missile-defense-weapon-icon.pressed{background-color:#1d8bad;border:2px solid #0ec6c9}.gameplay-pause-overlay{opacity:1;z-index:100;text-wrap:wrap;background-color:#000000e6;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:2.5em;display:flex;position:fixed;top:0;left:0}.rotated>.gameplay-pause-overlay{width:100vh;height:100vw;top:50vw;left:-25vh;transform:rotate(90deg)}.net-debug-overlay{top:var(--top-margin);height:calc(100vh - var(--top-margin));z-index:2000;opacity:.9;pointer-events:none;justify-content:right;align-items:start;width:100vw;display:flex;position:fixed;left:0}.net-debug-container{background-color:#00000080;flex-direction:column;min-width:400px;min-height:400px;padding:20px;display:flex}.net-debug-container th{text-align:left}.warning{color:#fd0}.fullscreen-button{z-index:900;pointer-events:all;filter:invert();width:50px;height:50px;position:absolute;bottom:100px;right:10px}.rotated>.fullscreen-button{left:20px;right:unset}.card-container{flex-direction:row;justify-content:center;align-items:center;display:flex}.mission-card-container{flex-direction:column;justify-content:center;align-items:center;margin-left:10px;margin-right:10px;display:flex}.mission-card{width:200px;height:280px;margin:auto}@media (width<=800px){.mission-card{width:100px;height:140px}}.mission-card.large{width:250px;height:350px}.loading-screen{text-align:center;grid-area:1/1/4/4;place-self:center;margin:20px;font-size:2em;overflow-y:auto}.bb-dev-console{z-index:5000;background-color:#000;flex-flow:column-reverse;width:100vw;display:flex;position:absolute;top:0;left:0}.agatha-repl{flex-direction:column-reverse;display:flex;overflow-y:auto}.agatha-repl-input-container{width:100%;display:flex}.agatha-repl-input{color:#ccc;background:0 0;border:none;flex-grow:1}.agatha-repl-input:focus{outline:none}.agatha-history-line{white-space:pre;color:#ccc;font-family:monospace;font-size:16px}.agatha-history-hint{opacity:.7;margin-top:1px;position:fixed}.bb-shell{--bb-comms-height:0px;height:100dvh}.bb-shell.bb-has-comms{--bb-comms-height:132px}.bb-shell .main-container,.bb-shell .canvas-fullscreen{top:calc(var(--top-margin,0px) + var(--bb-comms-height));height:calc(100dvh - var(--top-margin,0px) - var(--bb-comms-height))}.bb-shell .debug-header-bar{top:var(--bb-comms-height)}.bb-shell.bb-online .client-notification,.bb-shell.bb-online .client-modal{box-sizing:border-box;max-height:100%;font-size:clamp(20px,3vw,32px)}.bb-shell.bb-online .bb-logo{font-size:clamp(36px,6vw,80px)}.bb-shell.bb-online .center-notification{font-size:clamp(22px,4vw,40px)}.bb-shell.bb-online .fullscreen-modal-container{z-index:200;background:#01001cf2;height:100%;overflow:auto}.bb-shell.bb-online .client-mission-tile{width:100%;max-width:560px}.bb-comms-strip{height:var(--bb-comms-height);z-index:150;box-sizing:border-box;background:#10182b;border-bottom:2px solid #409eae;gap:8px;padding:8px;display:flex;position:fixed;inset:0 0 auto}.bb-comms-portraits{flex:1;justify-content:safe center;gap:8px;min-width:0;display:flex;overflow-x:auto}.bb-comms-portrait{border:2px solid #45546c;border-radius:6px;flex:0 0 140px;min-width:0;position:relative;overflow:hidden}.bb-comms-portrait.speaking{border-color:#7fffa0;box-shadow:inset 0 0 0 1px #7fffa0}.bb-comms-portrait.disconnected{opacity:.5}.bb-comms-picture{background:#293c59;place-items:center;height:76px;display:grid;position:relative}.bb-comms-picture video{object-fit:cover;filter:none;width:100%;height:100%;position:absolute;inset:0}.bb-comms-picture video[hidden]{display:none}.bb-comms-initials{color:#d5f4ff;font-size:32px}.bb-comms-muted{background:#172033;border-radius:4px;width:22px;height:22px;position:absolute;bottom:3px;right:3px}.bb-comms-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;font-size:16px;overflow:hidden}.bb-comms-volume{accent-color:#83f0ff;width:calc(100% - 12px);height:6px;margin:0 6px;display:block}.bb-comms-controls{flex-wrap:wrap;flex-shrink:0;place-content:center;gap:4px;width:116px;display:flex}.bb-comms-controls button{cursor:pointer;color:#fff;min-width:36px;min-height:36px;font:inherit;background:#203653;border:1px solid #526a88;border-radius:4px;padding:6px}.bb-comms-controls .icon{width:22px;height:22px}.bb-comms-controls span{text-align:center;font-size:14px;line-height:1.1}.bb-mode-select{box-sizing:border-box;text-align:center;grid-area:1/1/4/4;width:min(100%,680px);height:100%;max-height:100dvh;margin:auto;padding:24px;overflow-y:auto}.bb-mode-select h1{margin:8px}.bb-mode-select button{width:100%;margin:12px 0;padding:12px;font-size:26px;display:block}.bb-mode-select button span{font-size:18px;font-weight:400;display:block}.bb-mode-select label{margin-bottom:14px;display:block}.bb-mode-select input{box-sizing:border-box;width:100%;display:block}@media (width<=600px){.bb-shell.bb-has-comms{--bb-comms-height:108px}.bb-comms-portrait{flex-basis:110px}.bb-comms-picture{height:54px}.bb-comms-controls{width:100px}.bb-shell.bb-online .join-banner-qr-code{display:none}}